|
|
@ -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,18 +59,20 @@ class ColumnSettings extends React.PureComponent { |
|
|
|
{this.modeLabel(mode)} |
|
|
|
{this.modeLabel(mode)} |
|
|
|
</span> |
|
|
|
</span> |
|
|
|
|
|
|
|
|
|
|
|
<AsyncSelect |
|
|
|
<NonceProvider nonce={document.querySelector('meta[name=style-nonce]').content}> |
|
|
|
isMulti |
|
|
|
<AsyncSelect |
|
|
|
autoFocus |
|
|
|
isMulti |
|
|
|
value={this.tags(mode)} |
|
|
|
autoFocus |
|
|
|
onChange={this.onSelect(mode)} |
|
|
|
value={this.tags(mode)} |
|
|
|
loadOptions={this.props.onLoad} |
|
|
|
onChange={this.onSelect(mode)} |
|
|
|
className='column-select__container' |
|
|
|
loadOptions={this.props.onLoad} |
|
|
|
classNamePrefix='column-select' |
|
|
|
className='column-select__container' |
|
|
|
name='tags' |
|
|
|
classNamePrefix='column-select' |
|
|
|
placeholder={this.props.intl.formatMessage(messages.placeholder)} |
|
|
|
name='tags' |
|
|
|
noOptionsMessage={this.noOptionsMessage} |
|
|
|
placeholder={this.props.intl.formatMessage(messages.placeholder)} |
|
|
|
/> |
|
|
|
noOptionsMessage={this.noOptionsMessage} |
|
|
|
|
|
|
|
/> |
|
|
|
|
|
|
|
</NonceProvider> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
); |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|