{"version":3,"sources":["Demo/Forms/list-box/BasicExample.js","Demo/Forms/list-box/OptGroupExample.js","Demo/Forms/list-box/FilterExample.js","Demo/Forms/list-box/AlignTopExample.js","Demo/Forms/list-box/DisabledExample.js","Demo/Forms/list-box/PreserveSelectOrderExample.js","Demo/Forms/list-box/AllowDuplicatesExample.js","Demo/Forms/list-box/RestrictAvailableExample.js","Demo/Forms/FormsSelect.js"],"names":["options","value","label","BasicExample","_this","Object","classCallCheck","this","possibleConstructorReturn","getPrototypeOf","call","state","selected","onChange","bind","assertThisInitialized","setState","react_default","a","createElement","index_browser_default","React","Component","OptGroupExample","name","FilterExample","canFilter","AlignTopExample","alignActions","DisabledExample","disabled","PreserveSelectOrderExample","preserveSelectOrder","showOrderButtons","AllowDuplicatesExample","allowDuplicates","planets","earth","moons","mars","jupiter","saturn","RestrictAvailableExample","planet","onPlanetChange","event","currentTarget","_this2","selectedPlanet","keys","map","Form","Group","key","className","Control","type","id","defaultChecked","Label","htmlFor","_this$state","renderPlanets","available","colourOptions","color","isDisabled","isFixed","dot","alignItems","display",":before","backgroundColor","arguments","length","undefined","borderRadius","content","marginRight","height","width","colourStylesSingle","control","styles","objectSpread","option","_ref","data","isFocused","isSelected","chroma","alpha","css","contrast","cursor","input","placeholder","singleValue","_ref2","colourStylesMulti","_ref3","multiValue","_ref4","multiValueLabel","_ref5","multiValueRemove","_ref6",":hover","base","fontWeight","paddingRight","orderOptions","values","filter","v","concat","FormsSelect","props","action","_ref7","removedValue","_Aux","Row","Col","md","xl","Card","Header","Title","as","Body","react_select_browser_esm","classNamePrefix","defaultValue","isMulti","dist_react_select_browser_esm","pageSize","isClearable","isSearchable","isRtl","closeMenuOnSelect","components","makeAnimated","some","list_box_BasicExample","list_box_OptGroupExample","list_box_FilterExample","list_box_AlignTopExample","list_box_PreserveSelectOrderExample","list_box_AllowDuplicatesExample","list_box_RestrictAvailableExample","list_box_DisabledExample"],"mappings":"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","file":"static/js/135.649fc39c.chunk.js","sourcesContent":["import React from 'react';\nimport DualListBox from 'react-dual-listbox';\n\nconst options = [\n    { value: 'luna', label: 'Moon' },\n    { value: 'phobos', label: 'Phobos' },\n    { value: 'deimos', label: 'Deimos' },\n    { value: 'io', label: 'Io' },\n    { value: 'europa', label: 'Europa' },\n    { value: 'ganymede', label: 'Ganymede' },\n    { value: 'callisto', label: 'Callisto' },\n    { value: 'mimas', label: 'Mimas' },\n    { value: 'enceladus', label: 'Enceladus' },\n    { value: 'tethys', label: 'Tethys' },\n    { value: 'rhea', label: 'Rhea' },\n    { value: 'titan', label: 'Titan' },\n    { value: 'iapetus', label: 'Iapetus' },\n];\n\nclass BasicExample extends React.Component {\n    constructor() {\n        super();\n\n        this.state = { selected: ['phobos', 'titan'] };\n\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(selected) {\n        this.setState({ selected });\n    }\n\n    render() {\n        const { selected } = this.state;\n\n        return <DualListBox options={options} selected={selected} onChange={this.onChange} />;\n    }\n}\n\nexport default BasicExample;\n","import React from 'react';\nimport DualListBox from 'react-dual-listbox';\n\nconst options = [\n    {\n        label: 'Earth',\n        options: [\n            { value: 'luna', label: 'Moon' },\n        ],\n    },\n    {\n        label: 'Mars',\n        options: [\n            { value: 'phobos', label: 'Phobos' },\n            { value: 'deimos', label: 'Deimos' },\n        ],\n    },\n    {\n        label: 'Jupiter',\n        options: [\n            { value: 'io', label: 'Io' },\n            { value: 'europa', label: 'Europa' },\n            { value: 'ganymede', label: 'Ganymede' },\n            { value: 'callisto', label: 'Callisto' },\n        ],\n    },\n];\n\nclass OptGroupExample extends React.Component {\n    constructor() {\n        super();\n\n        this.state = { selected: ['luna', 'io'] };\n\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(selected) {\n        this.setState({ selected });\n    }\n\n    render() {\n        const { selected } = this.state;\n\n        return (\n            <DualListBox\n                name=\"moons\"\n                options={options}\n                selected={selected}\n                onChange={this.onChange}\n            />\n        );\n    }\n}\nexport default OptGroupExample;\n","import React from 'react';\nimport DualListBox from 'react-dual-listbox';\n\nconst options = [\n    {\n        label: 'Earth',\n        options: [\n            { value: 'luna', label: 'Moon' },\n        ],\n    },\n    {\n        label: 'Mars',\n        options: [\n            { value: 'phobos', label: 'Phobos' },\n            { value: 'deimos', label: 'Deimos' },\n        ],\n    },\n    {\n        label: 'Jupiter',\n        options: [\n            { value: 'io', label: 'Io' },\n            { value: 'europa', label: 'Europa' },\n            { value: 'ganymede', label: 'Ganymede' },\n            { value: 'callisto', label: 'Callisto' },\n        ],\n    },\n];\n\nclass FilterExample extends React.Component {\n    constructor() {\n        super();\n\n        this.state = { selected: ['luna', 'io'] };\n\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(selected) {\n        this.setState({ selected });\n    }\n\n    render() {\n        const { selected } = this.state;\n\n        return (\n            <DualListBox\n                canFilter\n                name=\"moons\"\n                options={options}\n                selected={selected}\n                onChange={this.onChange}\n            />\n        );\n    }\n}\nexport default FilterExample;\n","import React from 'react';\nimport DualListBox from 'react-dual-listbox';\n\nconst options = [\n    {\n        label: 'Earth',\n        options: [\n            { value: 'luna', label: 'Moon' },\n        ],\n    },\n    {\n        label: 'Mars',\n        options: [\n            { value: 'phobos', label: 'Phobos' },\n            { value: 'deimos', label: 'Deimos' },\n        ],\n    },\n    {\n        label: 'Jupiter',\n        options: [\n            { value: 'io', label: 'Io' },\n            { value: 'europa', label: 'Europa' },\n            { value: 'ganymede', label: 'Ganymede' },\n            { value: 'callisto', label: 'Callisto' },\n        ],\n    },\n];\n\nclass AlignTopExample extends React.Component {\n    constructor() {\n        super();\n\n        this.state = { selected: ['luna', 'io'] };\n\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(selected) {\n        this.setState({ selected });\n    }\n\n    render() {\n        const { selected } = this.state;\n\n        return (\n            <DualListBox\n                alignActions=\"top\"\n                canFilter\n                name=\"moons\"\n                options={options}\n                selected={selected}\n                onChange={this.onChange}\n            />\n        );\n    }\n}\nexport default AlignTopExample;\n","import React from 'react';\nimport DualListBox from 'react-dual-listbox';\n\nconst options = [\n    {\n        label: 'Earth',\n        options: [\n            { value: 'luna', label: 'Moon' },\n        ],\n    },\n    {\n        label: 'Mars',\n        options: [\n            { value: 'phobos', label: 'Phobos' },\n            { value: 'deimos', label: 'Deimos' },\n        ],\n    },\n    {\n        label: 'Jupiter',\n        options: [\n            { value: 'io', label: 'Io' },\n            { value: 'europa', label: 'Europa' },\n            { value: 'ganymede', label: 'Ganymede' },\n            { value: 'callisto', label: 'Callisto' },\n        ],\n    },\n];\n\nclass DisabledExample extends React.Component {\n    constructor() {\n        super();\n\n        this.state = { selected: ['luna', 'io'] };\n\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(selected) {\n        this.setState({ selected });\n    }\n\n    render() {\n        const { selected } = this.state;\n\n        return (\n            <DualListBox\n                canFilter\n                disabled\n                name=\"moons\"\n                options={options}\n                selected={selected}\n                onChange={this.onChange}\n            />\n        );\n    }\n}\nexport default DisabledExample;\n","import React from 'react';\nimport DualListBox from 'react-dual-listbox';\n\nconst options = [\n    {\n        label: 'Earth',\n        options: [\n            { value: 'luna', label: 'Moon' },\n        ],\n    },\n    {\n        label: 'Mars',\n        options: [\n            { value: 'phobos', label: 'Phobos' },\n            { value: 'deimos', label: 'Deimos' },\n        ],\n    },\n    {\n        label: 'Jupiter',\n        options: [\n            { value: 'io', label: 'Io' },\n            { value: 'europa', label: 'Europa' },\n            { value: 'ganymede', label: 'Ganymede' },\n            { value: 'callisto', label: 'Callisto' },\n        ],\n    },\n];\n\nclass PreserveSelectOrderExample extends React.Component {\n    constructor() {\n        super();\n\n        this.state = { selected: ['io', 'luna', 'europa'] };\n\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(selected) {\n        this.setState({ selected });\n    }\n\n    render() {\n        const { selected } = this.state;\n\n        return (\n            <DualListBox\n                name=\"moons\"\n                options={options}\n                preserveSelectOrder\n                selected={selected}\n                showOrderButtons\n                onChange={this.onChange}\n            />\n        );\n    }\n}\nexport default PreserveSelectOrderExample;\n","import React from 'react';\nimport DualListBox from 'react-dual-listbox';\n\nconst options = [\n    {\n        label: 'Earth',\n        options: [\n            { value: 'luna', label: 'Moon' },\n        ],\n    },\n    {\n        label: 'Mars',\n        options: [\n            { value: 'phobos', label: 'Phobos' },\n            { value: 'deimos', label: 'Deimos' },\n        ],\n    },\n    {\n        label: 'Jupiter',\n        options: [\n            { value: 'io', label: 'Io' },\n            { value: 'europa', label: 'Europa' },\n            { value: 'ganymede', label: 'Ganymede' },\n            { value: 'callisto', label: 'Callisto' },\n        ],\n    },\n];\n\nclass AllowDuplicatesExample extends React.Component {\n    constructor() {\n        super();\n\n        this.state = { selected: ['luna', 'io'] };\n\n        this.onChange = this.onChange.bind(this);\n    }\n\n    onChange(selected) {\n        this.setState({ selected });\n    }\n\n    render() {\n        const { selected } = this.state;\n\n        return (\n            <DualListBox\n                allowDuplicates\n                name=\"moons\"\n                options={options}\n                preserveSelectOrder\n                selected={selected}\n                onChange={this.onChange}\n            />\n        );\n    }\n}\nexport default AllowDuplicatesExample;\n","import React from 'react';\nimport {Form} from 'react-bootstrap';\nimport DualListBox from 'react-dual-listbox';\n\nconst options = [\n    { value: 'luna', label: 'Moon' },\n    { value: 'phobos', label: 'Phobos' },\n    { value: 'deimos', label: 'Deimos' },\n    { value: 'io', label: 'Io' },\n    { value: 'europa', label: 'Europa' },\n    { value: 'ganymede', label: 'Ganymede' },\n    { value: 'callisto', label: 'Callisto' },\n    { value: 'mimas', label: 'Mimas' },\n    { value: 'enceladus', label: 'Enceladus' },\n    { value: 'tethys', label: 'Tethys' },\n    { value: 'rhea', label: 'Rhea' },\n    { value: 'titan', label: 'Titan' },\n    { value: 'iapetus', label: 'Iapetus' },\n];\n\nconst planets = {\n    earth: { name: 'Earth', moons: ['luna'] },\n    mars: { name: 'Mars', moons: ['phobos', 'deimos'] },\n    jupiter: { name: 'Jupiter', moons: ['io', 'europa', 'ganymede', 'callisto'] },\n    saturn: { name: 'Saturn', moons: ['mimas', 'enceladus', 'tehys', 'rhea', 'titan', 'iapetus'] },\n};\n\nclass RestrictAvailableExample extends React.Component {\n    constructor() {\n        super();\n\n        this.state = {\n            planet: 'jupiter',\n            selected: ['phobos', 'titan'],\n        };\n\n        this.onChange = this.onChange.bind(this);\n        this.onPlanetChange = this.onPlanetChange.bind(this);\n    }\n\n    onChange(selected) {\n        this.setState({ selected });\n    }\n\n    onPlanetChange(event) {\n        const planet = event.currentTarget.value;\n\n        this.setState({ planet });\n    }\n\n    renderPlanets() {\n        const { planet: selectedPlanet } = this.state;\n\n        return Object.keys(planets).map(planet => (\n                <Form.Group key={planet} className=\"d-inline\">\n                    <div className=\"radio d-inline radio-primary\">\n                        <Form.Control type=\"radio\" name=\"planets\" id={planet} value={planet} defaultChecked={planet === selectedPlanet} onChange={this.onPlanetChange} />\n                        <Form.Label htmlFor={planet} className=\"cr\">{planets[planet].name}</Form.Label>\n                    </div>\n                </Form.Group>\n        ));\n    }\n\n    render() {\n        const { selected, planet } = this.state;\n\n        return (\n            <div className=\"restrict-available-container\">\n                <div className=\"moons mb-3\">\n                    {this.renderPlanets()}\n                </div>\n                <DualListBox\n                    available={planets[planet].moons}\n                    options={options}\n                    selected={selected}\n                    onChange={this.onChange}\n                />\n            </div>\n        );\n    }\n}\n\nexport default RestrictAvailableExample;\n","import React from 'react';\r\nimport {Row, Col, Card} from 'react-bootstrap';\r\n\r\nimport Select from 'react-select';\r\nimport Creatable from 'react-select/creatable';\r\nimport makeAnimated from 'react-select/animated';\r\nimport chroma from 'chroma-js';\r\n\r\nimport Aux from \"../../hoc/_Aux\";\r\nimport BasicExample from \"./list-box/BasicExample\";\r\nimport OptGroupExample from \"./list-box/OptGroupExample\";\r\nimport FilterExample from \"./list-box/FilterExample\";\r\nimport AlignTopExample from \"./list-box/AlignTopExample\";\r\nimport DisabledExample from \"./list-box/DisabledExample\";\r\nimport PreserveSelectOrderExample from \"./list-box/PreserveSelectOrderExample\";\r\nimport AllowDuplicatesExample from \"./list-box/AllowDuplicatesExample\";\r\nimport RestrictAvailableExample from \"./list-box/RestrictAvailableExample\";\r\n\r\nexport const colourOptions = [\r\n    { value: 'ocean', label: 'Ocean', color: '#00B8D9' },\r\n    { value: 'blue', label: 'Blue', color: '#0052CC', isDisabled: true },\r\n    { value: 'purple', label: 'Purple', color: '#5243AA' },\r\n    { value: 'red', label: 'Red', color: '#FF5630', isFixed: true },\r\n    { value: 'orange', label: 'Orange', color: '#FF8B00' },\r\n    { value: 'yellow', label: 'Yellow', color: '#FFC400' },\r\n    { value: 'green', label: 'Green', color: '#36B37E', isFixed: true },\r\n    { value: 'forest', label: 'Forest', color: '#00875A' },\r\n    { value: 'slate', label: 'Slate', color: '#253858' },\r\n    { value: 'silver', label: 'Silver', color: '#666666' },\r\n];\r\n\r\nconst dot = (color = '#ccc') => ({\r\n    alignItems: 'center',\r\n    display: 'flex',\r\n\r\n    ':before': {\r\n        backgroundColor: color,\r\n        borderRadius: 10,\r\n        content: '\" \"',\r\n        display: 'block',\r\n        marginRight: 8,\r\n        height: 10,\r\n        width: 10,\r\n    },\r\n});\r\n\r\nconst colourStylesSingle = {\r\n    control: styles => ({ ...styles, backgroundColor: 'white' }),\r\n    option: (styles, { data, isDisabled, isFocused, isSelected }) => {\r\n        const color = chroma(data.color);\r\n        return {\r\n            ...styles,\r\n            backgroundColor: isDisabled\r\n                ? null\r\n                : isSelected ? data.color : isFocused ? color.alpha(0.1).css() : null,\r\n            color: isDisabled\r\n                ? '#ccc'\r\n                : isSelected\r\n                    ? chroma.contrast(color, 'white') > 2 ? 'white' : 'black'\r\n                    : data.color,\r\n            cursor: isDisabled ? 'not-allowed' : 'default',\r\n        };\r\n    },\r\n    input: styles => ({ ...styles, ...dot() }),\r\n    placeholder: styles => ({ ...styles, ...dot() }),\r\n    singleValue: (styles, { data }) => ({ ...styles, ...dot(data.color) }),\r\n};\r\n\r\nconst colourStylesMulti = {\r\n    control: styles => ({ ...styles, backgroundColor: 'white' }),\r\n    option: (styles, { data, isDisabled, isFocused, isSelected }) => {\r\n        const color = chroma(data.color);\r\n        return {\r\n            ...styles,\r\n            backgroundColor: isDisabled\r\n                ? null\r\n                : isSelected ? data.color : isFocused ? color.alpha(0.1).css() : null,\r\n            color: isDisabled\r\n                ? '#ccc'\r\n                : isSelected\r\n                    ? chroma.contrast(color, 'white') > 2 ? 'white' : 'black'\r\n                    : data.color,\r\n            cursor: isDisabled ? 'not-allowed' : 'default',\r\n        };\r\n    },\r\n    multiValue: (styles, { data }) => {\r\n        const color = chroma(data.color);\r\n        return {\r\n            ...styles,\r\n            backgroundColor: color.alpha(0.1).css(),\r\n        };\r\n    },\r\n    multiValueLabel: (styles, { data }) => ({\r\n        ...styles,\r\n        color: data.color,\r\n    }),\r\n    multiValueRemove: (styles, { data }) => ({\r\n        ...styles,\r\n        color: data.color,\r\n        ':hover': {\r\n            backgroundColor: data.color,\r\n            color: 'white',\r\n        },\r\n    }),\r\n};\r\n\r\nconst styles = {\r\n    multiValue: (base, state) => {\r\n        return state.data.isFixed ? { ...base, backgroundColor: 'gray' } : base;\r\n    },\r\n    multiValueLabel: (base, state) => {\r\n        return state.data.isFixed ? { ...base, fontWeight: 'bold', color: 'white', paddingRight: 6 } : base;\r\n    },\r\n    multiValueRemove: (base, state) => {\r\n        return state.data.isFixed ? { ...base, display: 'none' } : base;\r\n    }\r\n};\r\n\r\nconst orderOptions = (values) => {\r\n    return values.filter((v) => v.isFixed).concat(values.filter((v) => !v.isFixed));\r\n};\r\n\r\nclass FormsSelect extends React.Component {\r\n\r\n    constructor(props) {\r\n        super(props);\r\n        this.onChange = this.onChange.bind(this);\r\n        this.state = {\r\n            value: orderOptions([colourOptions[3], colourOptions[6], colourOptions[8]])\r\n        };\r\n    }\r\n\r\n    onChange (value, { action, removedValue }) {\r\n        switch (action) {\r\n            case 'remove-value':\r\n            case 'pop-value':\r\n                if (removedValue.isFixed) {\r\n                    return;\r\n                }\r\n                break;\r\n            case 'clear':\r\n                value = colourOptions.filter((v) => v.isFixed);\r\n                break;\r\n            default:\r\n                break;\r\n\r\n        }\r\n\r\n        value = orderOptions(value);\r\n        this.setState({ value: value });\r\n    }\r\n\r\n    render() {\r\n\r\n        return (\r\n            <Aux>\r\n                <Row>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Single Select</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    className=\"basic-single\"\r\n                                    classNamePrefix=\"select\"\r\n                                    defaultValue={colourOptions[0]}\r\n                                    name=\"color\"\r\n                                    options={colourOptions}\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Multi Select</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    defaultValue={[colourOptions[2], colourOptions[3]]}\r\n                                    isMulti\r\n                                    name=\"colors\"\r\n                                    options={colourOptions}\r\n                                    className=\"basic-multi-select\"\r\n                                    classNamePrefix=\"select\"\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">With Placeholder</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    className=\"basic-single\"\r\n                                    classNamePrefix=\"select\"\r\n                                    name=\"color\"\r\n                                    options={colourOptions}\r\n                                    placeholder=\"Which is your favourite colour?\"\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Tagging Support</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Creatable\r\n                                    isMulti\r\n                                    options={colourOptions}\r\n                                    pageSize={3}\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Clear Selection</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    className=\"basic-single\"\r\n                                    classNamePrefix=\"select\"\r\n                                    defaultValue={colourOptions[0]}\r\n                                    name=\"color\"\r\n                                    options={colourOptions}\r\n                                    isClearable\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Searchable</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    defaultValue={[colourOptions[2], colourOptions[3]]}\r\n                                    isMulti\r\n                                    name=\"colors\"\r\n                                    options={colourOptions}\r\n                                    className=\"basic-multi-select\"\r\n                                    classNamePrefix=\"select\"\r\n                                    isSearchable\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Disabled</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    className=\"basic-single\"\r\n                                    classNamePrefix=\"select\"\r\n                                    defaultValue={colourOptions[0]}\r\n                                    name=\"color\"\r\n                                    options={colourOptions}\r\n                                    isDisabled\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">RTL</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    defaultValue={[colourOptions[2], colourOptions[3]]}\r\n                                    isMulti\r\n                                    name=\"colors\"\r\n                                    options={colourOptions}\r\n                                    className=\"basic-multi-select\"\r\n                                    classNamePrefix=\"select\"\r\n                                    isRtl\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Animation</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    closeMenuOnSelect={false}\r\n                                    components={makeAnimated()}\r\n                                    defaultValue={[colourOptions[4], colourOptions[5]]}\r\n                                    isMulti\r\n                                    options={colourOptions}\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Custom Style Single</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    defaultValue={colourOptions[2]}\r\n                                    label=\"Single select\"\r\n                                    options={colourOptions}\r\n                                    styles={colourStylesSingle}\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Custom Style Multi</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    closeMenuOnSelect={false}\r\n                                    defaultValue={[colourOptions[0], colourOptions[1]]}\r\n                                    isMulti\r\n                                    options={colourOptions}\r\n                                    styles={colourStylesMulti}\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col md={6} xl={4}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\">Custom Style Multi</Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <Select\r\n                                    value={this.state.value}\r\n                                    isMulti\r\n                                    styles={styles}\r\n                                    isClearable={this.state.value.some(v => !v.isFixed)}\r\n                                    name=\"colors\"\r\n                                    className=\"basic-multi-select\"\r\n                                    classNamePrefix=\"select\"\r\n                                    onChange={this.onChange}\r\n                                    options={colourOptions}\r\n                                />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n                <Row>\r\n                    <Col xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\"> Basic Listbox </Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <BasicExample />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\"> Option Groups </Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <OptGroupExample />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\"> Filter/Searchable </Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <FilterExample />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\"> Align Actions to Top </Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <AlignTopExample />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\"> Preserve Select Order </Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <PreserveSelectOrderExample />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\"> Allow Duplicates Items </Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <AllowDuplicatesExample />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\"> Restrict Available </Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <RestrictAvailableExample />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                    <Col xl={6}>\r\n                        <Card>\r\n                            <Card.Header>\r\n                                <Card.Title as=\"h5\"> Disabled </Card.Title>\r\n                            </Card.Header>\r\n                            <Card.Body>\r\n                                <DisabledExample />\r\n                            </Card.Body>\r\n                        </Card>\r\n                    </Col>\r\n                </Row>\r\n            </Aux>\r\n        );\r\n    }\r\n}\r\n\r\nexport default FormsSelect;"],"sourceRoot":""}