|
|
@ -4,6 +4,7 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
|
|
|
|
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
|
|
|
|
import { defineMessages, injectIntl, FormattedMessage } from 'react-intl';
|
|
|
|
import Toggle from 'react-toggle';
|
|
|
|
import Toggle from 'react-toggle';
|
|
|
|
import AsyncSelect from 'react-select/async';
|
|
|
|
import AsyncSelect from 'react-select/async';
|
|
|
|
|
|
|
|
import { NonceProvider } from 'react-select';
|
|
|
|
import SettingToggle from '../../notifications/components/setting_toggle';
|
|
|
|
import SettingToggle from '../../notifications/components/setting_toggle';
|
|
|
|
|
|
|
|
|
|
|
|
const messages = defineMessages({
|
|
|
|
const messages = defineMessages({
|
|
|
@ -58,6 +59,7 @@ class ColumnSettings extends React.PureComponent {
|
|
|
|
{this.modeLabel(mode)}
|
|
|
|
{this.modeLabel(mode)}
|
|
|
|
</span>
|
|
|
|
</span>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<NonceProvider nonce={document.querySelector('meta[name=style-nonce]').content}>
|
|
|
|
<AsyncSelect
|
|
|
|
<AsyncSelect
|
|
|
|
isMulti
|
|
|
|
isMulti
|
|
|
|
autoFocus
|
|
|
|
autoFocus
|
|
|
@ -70,6 +72,7 @@ class ColumnSettings extends React.PureComponent {
|
|
|
|
placeholder={this.props.intl.formatMessage(messages.placeholder)}
|
|
|
|
placeholder={this.props.intl.formatMessage(messages.placeholder)}
|
|
|
|
noOptionsMessage={this.noOptionsMessage}
|
|
|
|
noOptionsMessage={this.noOptionsMessage}
|
|
|
|
/>
|
|
|
|
/>
|
|
|
|
|
|
|
|
</NonceProvider>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
);
|
|
|
|
);
|
|
|
|
}
|
|
|
|
}
|
|
|
|