@reltio/components 1.4.699 → 1.4.703

package/components/ReactSelect/MultiSelect/MultiSelect.js

@@ -0,0 +1,233 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var ramda_1 = require("ramda");
+var CreatableSelect_1 = __importDefault(require("../CreatableSelect"));
+var Select_1 = __importDefault(require("../Select"));
+var AsyncSelect_1 = __importDefault(require("../AsyncSelect"));
+var components_1 = __importDefault(require("./components"));
+var styles_1 = require("@material-ui/core/styles");
+var utils_1 = require("../../../core/utils");
+var useStyles = styles_1.makeStyles(function (theme) { return ({
+    label: {
+        top: 6,
+        left: 16
+    },
+    placeholder: function (props) { return ({
+        display: !props.placeholder || props.label ? 'none' : undefined
+    }); },
+    'option--selected': {
+        fontWeight: 400
+    },
+    clearIndicator: {
+        padding: theme.spacing(1),
+        margin: theme.spacing(0.25, 0.5)
+    },
+    dropdownIndicator: {
+        padding: theme.spacing(1),
+        margin: theme.spacing(0.25, 0.5)
+    }
+}); });
+var id = 0;
+var getInputId = function () { return "custom-select-" + id++; };
+function MultiSelect(props) {
+    var label = props.label, creatable = props.creatable, getOptions = props.getOptions, loadingIndicator = props.loadingIndicator, componentsProp = props.components, classesProp = props.classes, stylesProp = props.styles, onChangeProp = props.onChange, onInputChangeProp = props.onInputChange, _a = props.menuPlacement, menuPlacement = _a === void 0 ? 'auto' : _a, reactSelectProps = __rest(props, ["label", "creatable", "getOptions", "loadingIndicator", "components", "classes", "styles", "onChange", "onInputChange", "menuPlacement"]);
+    var SelectComponent = creatable ? CreatableSelect_1.default : getOptions ? AsyncSelect_1.default : Select_1.default;
+    var _b = react_1.useState(''), inputValue = _b[0], setInputValue = _b[1];
+    var multiSelectClasses = useStyles(ramda_1.omit(['classes'], props));
+    var inputId = getInputId();
+    var components = __assign(__assign({}, components_1.default), componentsProp);
+    var classes = utils_1.mergeClasses(multiSelectClasses, classesProp);
+    function handleInputChange(value, _a) {
+        var action = _a.action;
+        onInputChangeProp(value, { action: action });
+        if (action !== 'set-value') {
+            setInputValue(value);
+        }
+    }
+    function handleChange(value, _a) {
+        var action = _a.action;
+        onChangeProp(value, { action: action });
+        if (action === 'create-option') {
+            setInputValue('');
+            onInputChangeProp('', { action: 'input-change' });
+        }
+    }
+    var styles = __assign({ indicatorSeparator: function (base) { return (__assign(__assign({}, base), { margin: '10px 0' })); }, loadingIndicator: function (base) { return (__assign(__assign({}, base), { display: loadingIndicator ? base.display : 'none' })); }, loadingMessage: function (base) { return (__assign(__assign({}, base), { fontFamily: '"Roboto", "Helvetica", "Arial", sans-serif' })); } }, stylesProp);
+    var labelProps = label
+        ? {
+            inputId: inputId,
+            TextFieldProps: __assign({ label: label, InputLabelProps: {
+                    htmlFor: inputId,
+                    shrink: props.value && props.value.length ? true : undefined,
+                    className: classes.label
+                } }, props.TextFieldProps)
+        }
+        : {};
+    return (react_1.default.createElement(SelectComponent, __assign({ isMulti: true, inputId: inputId, inputValue: inputValue, onChange: handleChange, onInputChange: handleInputChange, closeMenuOnSelect: false, hideSelectedOptions: false, classes: classes, components: components, styles: styles, menuPlacement: menuPlacement, loadOptions: getOptions }, labelProps, reactSelectProps)));
+}
+MultiSelect.defaultProps = {
+    creatable: false,
+    cacheOptions: true,
+    components: {},
+    classes: {},
+    placeholder: '',
+    loadingIndicator: false,
+    onInputChange: function () { },
+    onChange: function () { }
+};
+MultiSelect.propTypes = {
+    /**
+     * Async creatable multi select with optional placeholder, shrink-label, non-closing menu and options with checkboxes.
+     * Based on react-select/creatable and react-select/async.
+     * See react-select docs: https://react-select.com
+     *
+     * Below are listed only props used in the MultiSelect component. Check https://react-select.com/props first.
+     * */
+    /** Ability to create values. React-select/async-creatable is used internally */
+    creatable: prop_types_1.default.bool,
+    /** True for enabling cache. Recommended. */
+    cacheOptions: prop_types_1.default.bool,
+    defaultOptions: prop_types_1.default.bool,
+    /** Array of selected options. */
+    value: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        label: prop_types_1.default.string.isRequired,
+        value: prop_types_1.default.any
+    })),
+    options: prop_types_1.default.arrayOf(prop_types_1.default.shape({
+        label: prop_types_1.default.string.isRequired,
+        value: prop_types_1.default.any
+    })),
+    /** Way to receive updated values */
+    onChange: prop_types_1.default.func,
+    /** Way to receive updated inputValue */
+    onInputChange: prop_types_1.default.func,
+    /** Input placeholder. Will not be shown if the label prop is specified */
+    placeholder: prop_types_1.default.string,
+    /** Floating label from @material-ui/core/TextField component */
+    label: prop_types_1.default.string,
+    /** Enable to show default react-select's indicator */
+    loadingIndicator: prop_types_1.default.bool,
+    /** You could redefine any of these components */
+    components: prop_types_1.default.shape({
+        ClearIndicator: prop_types_1.default.func,
+        Control: prop_types_1.default.func,
+        DropdownIndicator: prop_types_1.default.func,
+        DownChevron: prop_types_1.default.func,
+        CrossIcon: prop_types_1.default.func,
+        Group: prop_types_1.default.func,
+        GroupHeading: prop_types_1.default.func,
+        IndicatorsContainer: prop_types_1.default.func,
+        IndicatorSeparator: prop_types_1.default.func,
+        Input: prop_types_1.default.func,
+        LoadingIndicator: prop_types_1.default.func,
+        Menu: prop_types_1.default.func,
+        MenuList: prop_types_1.default.func,
+        MenuPortal: prop_types_1.default.func,
+        LoadingMessage: prop_types_1.default.func,
+        NoOptionsMessage: prop_types_1.default.func,
+        MultiValue: prop_types_1.default.func,
+        MultiValueContainer: prop_types_1.default.func,
+        MultiValueLabel: prop_types_1.default.func,
+        MultiValueRemove: prop_types_1.default.func,
+        Option: prop_types_1.default.func,
+        Placeholder: prop_types_1.default.func,
+        SelectContainer: prop_types_1.default.func,
+        SingleValue: prop_types_1.default.func,
+        ValueContainer: prop_types_1.default.func
+    }),
+    /** Classes are passed to mui skin components. Provided classes will be merged with existing ones. */
+    classes: prop_types_1.default.shape({
+        control: prop_types_1.default.string,
+        valueContainer: prop_types_1.default.string,
+        multiValue: prop_types_1.default.string,
+        noOptionsMessage: prop_types_1.default.string,
+        singleValue: prop_types_1.default.string,
+        placeholder: prop_types_1.default.string,
+        menu: prop_types_1.default.string,
+        clearIndicator: prop_types_1.default.string,
+        dropdownIndicator: prop_types_1.default.string,
+        option: prop_types_1.default.string,
+        'option--selected': prop_types_1.default.string,
+        label: prop_types_1.default.string
+    }),
+    /**
+     * React-select's way to customise style. Could be used to style default react-select components.
+     * In other cases better to use classes and components props
+     * */
+    styles: prop_types_1.default.shape({
+        clearIndicator: prop_types_1.default.func,
+        container: prop_types_1.default.func,
+        control: prop_types_1.default.func,
+        dropdownIndicator: prop_types_1.default.func,
+        group: prop_types_1.default.func,
+        groupHeading: prop_types_1.default.func,
+        indicatorsContainer: prop_types_1.default.func,
+        indicatorSeparator: prop_types_1.default.func,
+        input: prop_types_1.default.func,
+        loadingIndicator: prop_types_1.default.func,
+        loadingMessage: prop_types_1.default.func,
+        menu: prop_types_1.default.func,
+        menuList: prop_types_1.default.func,
+        menuPortal: prop_types_1.default.func,
+        multiValue: prop_types_1.default.func,
+        multiValueLabel: prop_types_1.default.func,
+        multiValueRemove: prop_types_1.default.func,
+        noOptionsMessage: prop_types_1.default.func,
+        option: prop_types_1.default.func,
+        placeholder: prop_types_1.default.func,
+        singleValue: prop_types_1.default.func,
+        valueContainer: prop_types_1.default.func
+    }),
+    /** Props from https://material-ui.com/api/text-field/ */
+    TextFieldProps: prop_types_1.default.object /* eslint-disable-line react/forbid-prop-types */,
+    getOptions: prop_types_1.default.func,
+    menuPlacement: prop_types_1.default.string,
+    getOptionValue: prop_types_1.default.func
+};
+exports.default = MultiSelect;

package/components/ReactSelect/MultiSelect/components/Option.js

@@ -0,0 +1,57 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
+var Checkbox_1 = __importDefault(require("@material-ui/core/Checkbox"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ExpandedValueTooltip_1 = __importDefault(require("../../../ExpandedValueTooltip/ExpandedValueTooltip"));
+function Option(props) {
+    var _a;
+    var innerProps = props.innerProps, innerRef = props.innerRef, children = props.children, isFocused = props.isFocused, isSelected = props.isSelected, classes = props.selectProps.classes, label = props.label;
+    return (react_1.default.createElement(MenuItem_1.default, __assign({ className: classnames_1.default(classes.option, (_a = {}, _a[classes['option--selected']] = isSelected, _a)), ref: innerRef, selected: isFocused, component: "div" }, innerProps),
+        react_1.default.createElement(Checkbox_1.default, { color: "primary", checked: isSelected }),
+        react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label },
+            react_1.default.createElement("div", { className: classes['option--item'] }, children))));
+}
+exports.default = Option;
+Option.propTypes = {
+    children: prop_types_1.default.node,
+    innerProps: prop_types_1.default.shape({
+        id: prop_types_1.default.string.isRequired,
+        key: prop_types_1.default.string,
+        onClick: prop_types_1.default.func.isRequired,
+        onMouseMove: prop_types_1.default.func.isRequired,
+        onMouseOver: prop_types_1.default.func.isRequired,
+        tabIndex: prop_types_1.default.number.isRequired
+    }).isRequired,
+    innerRef: prop_types_1.default.oneOfType([
+        prop_types_1.default.oneOf([null]),
+        prop_types_1.default.func,
+        prop_types_1.default.shape({
+            current: prop_types_1.default.any.isRequired
+        })
+    ]),
+    isFocused: prop_types_1.default.bool.isRequired,
+    isSelected: prop_types_1.default.bool.isRequired,
+    label: prop_types_1.default.string,
+    selectProps: prop_types_1.default.shape({
+        classes: prop_types_1.default.shape({
+            option: prop_types_1.default.string
+        })
+    })
+};

package/components/ReactSelect/MultiSelect/components/index.js

@@ -0,0 +1,10 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Option_1 = __importDefault(require("./Option"));
+var components = {
+    Option: Option_1.default
+};
+exports.default = components;

package/components/ReactSelect/MultiSelect/index.js

@@ -0,0 +1,7 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var MultiSelect_1 = __importDefault(require("./MultiSelect"));
+exports.default = MultiSelect_1.default;

package/components/ReactSelect/Select.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var withMuiSkin_1 = __importDefault(require("./withMuiSkin"));
+var react_select_1 = __importDefault(require("react-select"));
+exports.default = withMuiSkin_1.default(react_select_1.default);

package/components/ReactSelect/commonComponents/ClearIndicator.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var HighlightOff_1 = __importDefault(require("@material-ui/icons/HighlightOff"));
+var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
+function ClearIndicator(props) {
+    var classes = props.selectProps.classes, innerProps = props.innerProps;
+    return (react_1.default.createElement(IconButton_1.default, __assign({}, innerProps, { className: classes.clearIndicator }),
+        react_1.default.createElement(HighlightOff_1.default, null)));
+}
+exports.default = ClearIndicator;
+ClearIndicator.propTypes = {
+    innerProps: prop_types_1.default.shape({
+        onMouseDown: prop_types_1.default.func.isRequired,
+        onTouchEnd: prop_types_1.default.func.isRequired,
+        'aria-hidden': prop_types_1.default.string.isRequired
+    }).isRequired,
+    selectProps: prop_types_1.default.shape({
+        classes: prop_types_1.default.object.isRequired
+    }).isRequired
+};

package/components/ReactSelect/commonComponents/Control.js

@@ -0,0 +1,66 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var TextField_1 = __importDefault(require("@material-ui/core/TextField"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+function InputComponent(_a) {
+    var inputRef = _a.inputRef, props = __rest(_a, ["inputRef"]);
+    return react_1.default.createElement("div", __assign({ ref: inputRef }, props));
+}
+InputComponent.propTypes = {
+    inputRef: prop_types_1.default.oneOfType([
+        prop_types_1.default.func,
+        prop_types_1.default.shape({
+            current: prop_types_1.default.any.isRequired
+        })
+    ])
+};
+function Control(props) {
+    var children = props.children, innerProps = props.innerProps, innerRef = props.innerRef, _a = props.selectProps, classes = _a.classes, _b = _a.TextFieldProps, TextFieldProps = _b === void 0 ? {} : _b;
+    return (react_1.default.createElement(TextField_1.default, __assign({ fullWidth: true }, TextFieldProps, { InputProps: __assign(__assign({ inputComponent: InputComponent }, TextFieldProps.InputProps), { inputProps: __assign(__assign({ className: classes.control, ref: innerRef, children: children }, innerProps), TextFieldProps.inputProps) }) })));
+}
+exports.default = Control;
+Control.propTypes = {
+    children: prop_types_1.default.node,
+    innerProps: prop_types_1.default.shape({
+        onMouseDown: prop_types_1.default.func.isRequired
+    }).isRequired,
+    innerRef: prop_types_1.default.oneOfType([
+        prop_types_1.default.oneOf([null]),
+        prop_types_1.default.func,
+        prop_types_1.default.shape({
+            current: prop_types_1.default.any.isRequired
+        })
+    ]).isRequired,
+    selectProps: prop_types_1.default.shape({
+        classes: prop_types_1.default.shape({
+            control: prop_types_1.default.string.isRequired
+        }),
+        TextFieldProps: prop_types_1.default.object
+    })
+};

package/components/ReactSelect/commonComponents/DropdownIndicator.js

@@ -0,0 +1,36 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var ArrowDropDown_1 = __importDefault(require("@material-ui/icons/ArrowDropDown"));
+var IconButton_1 = __importDefault(require("@material-ui/core/IconButton"));
+function DropdownIndicator(props) {
+    var classes = props.selectProps.classes, innerProps = props.innerProps;
+    return (react_1.default.createElement(IconButton_1.default, __assign({}, innerProps, { className: classes.dropdownIndicator }),
+        react_1.default.createElement(ArrowDropDown_1.default, null)));
+}
+exports.default = DropdownIndicator;
+DropdownIndicator.propTypes = {
+    innerProps: prop_types_1.default.shape({
+        onMouseDown: prop_types_1.default.func.isRequired,
+        onTouchEnd: prop_types_1.default.func.isRequired,
+        'aria-hidden': prop_types_1.default.string.isRequired
+    }).isRequired,
+    selectProps: prop_types_1.default.shape({
+        classes: prop_types_1.default.object.isRequired
+    }).isRequired
+};

package/components/ReactSelect/commonComponents/GroupHeading.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+function GroupHeading(props) {
+    var children = props.children, classes = props.selectProps.classes;
+    return (react_1.default.createElement(Typography_1.default, { variant: "subtitle2", className: classnames_1.default(classes.groupHeading) }, children));
+}
+exports.default = GroupHeading;
+GroupHeading.propTypes = {
+    children: prop_types_1.default.node,
+    selectProps: prop_types_1.default.shape({
+        classes: prop_types_1.default.shape({
+            groupHeading: prop_types_1.default.string
+        })
+    })
+};

package/components/ReactSelect/commonComponents/Menu.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Paper_1 = __importDefault(require("@material-ui/core/Paper"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+function Menu(props) {
+    var classes = props.selectProps.classes, innerProps = props.innerProps, innerRef = props.innerRef, getStyles = props.getStyles, children = props.children;
+    return (react_1.default.createElement(Paper_1.default, __assign({ ref: innerRef, style: getStyles('menu', props), className: classes.menu }, innerProps), children));
+}
+exports.default = Menu;
+Menu.propTypes = {
+    children: prop_types_1.default.element.isRequired,
+    innerProps: prop_types_1.default.object.isRequired,
+    selectProps: prop_types_1.default.object.isRequired,
+    innerRef: prop_types_1.default.oneOfType([
+        prop_types_1.default.oneOf([null]),
+        prop_types_1.default.func,
+        prop_types_1.default.shape({
+            current: prop_types_1.default.any.isRequired
+        })
+    ]),
+    getStyles: prop_types_1.default.func
+};

package/components/ReactSelect/commonComponents/MultiValue.js

@@ -0,0 +1,37 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Chip_1 = __importDefault(require("@material-ui/core/Chip"));
+var Cancel_1 = __importDefault(require("@material-ui/icons/Cancel"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+function MultiValue(props) {
+    var children = props.children, selectProps = props.selectProps, removeProps = props.removeProps;
+    return (react_1.default.createElement(Chip_1.default, { tabIndex: -1, label: children, className: selectProps.classes.multiValue, classes: {
+            label: selectProps.classes['multiValue__label']
+        }, onDelete: removeProps.onClick, deleteIcon: react_1.default.createElement(Cancel_1.default, __assign({}, props.removeProps, { style: { height: '18px', width: '18px', color: 'rgba(0,0,0,0.38)', marginRight: '8px' } })) }));
+}
+exports.default = MultiValue;
+MultiValue.propTypes = {
+    children: prop_types_1.default.node,
+    isFocused: prop_types_1.default.bool.isRequired,
+    removeProps: prop_types_1.default.shape({
+        onClick: prop_types_1.default.func.isRequired,
+        onMouseDown: prop_types_1.default.func.isRequired,
+        onTouchEnd: prop_types_1.default.func.isRequired
+    }).isRequired,
+    selectProps: prop_types_1.default.object.isRequired
+};

package/components/ReactSelect/commonComponents/NoOptionsMessage.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+function NoOptionsMessage(props) {
+    var classes = props.selectProps.classes, children = props.children;
+    return (react_1.default.createElement(Typography_1.default, { color: "textSecondary", className: classes.noOptionsMessage }, children));
+}
+exports.default = NoOptionsMessage;
+NoOptionsMessage.propTypes = {
+    children: prop_types_1.default.node,
+    selectProps: prop_types_1.default.object.isRequired
+};

package/components/ReactSelect/commonComponents/Option.js

@@ -0,0 +1,56 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var MenuItem_1 = __importDefault(require("@material-ui/core/MenuItem"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+var classnames_1 = __importDefault(require("classnames"));
+var ExpandedValueTooltip_1 = __importDefault(require("../../ExpandedValueTooltip/ExpandedValueTooltip"));
+function Option(props) {
+    var _a;
+    var innerProps = props.innerProps, innerRef = props.innerRef, children = props.children, isFocused = props.isFocused, isSelected = props.isSelected, label = props.label, classes = props.selectProps.classes;
+    return (react_1.default.createElement(MenuItem_1.default, __assign({ className: classnames_1.default(classes.option, (_a = {}, _a[classes['option--selected']] = isSelected, _a)), ref: innerRef, selected: isFocused, component: "div" }, innerProps),
+        react_1.default.createElement(ExpandedValueTooltip_1.default, { value: label },
+            react_1.default.createElement("div", { className: classes['option--item'] }, children))));
+}
+exports.default = Option;
+Option.propTypes = {
+    children: prop_types_1.default.node,
+    innerProps: prop_types_1.default.shape({
+        id: prop_types_1.default.string.isRequired,
+        key: prop_types_1.default.string,
+        onClick: prop_types_1.default.func.isRequired,
+        onMouseMove: prop_types_1.default.func.isRequired,
+        onMouseOver: prop_types_1.default.func.isRequired,
+        tabIndex: prop_types_1.default.number.isRequired
+    }).isRequired,
+    innerRef: prop_types_1.default.oneOfType([
+        prop_types_1.default.oneOf([null]),
+        prop_types_1.default.func,
+        prop_types_1.default.shape({
+            current: prop_types_1.default.any.isRequired
+        })
+    ]),
+    isFocused: prop_types_1.default.bool.isRequired,
+    isSelected: prop_types_1.default.bool.isRequired,
+    label: prop_types_1.default.string,
+    selectProps: prop_types_1.default.shape({
+        classes: prop_types_1.default.shape({
+            option: prop_types_1.default.string,
+            'option--selected': prop_types_1.default.string
+        })
+    })
+};

package/components/ReactSelect/commonComponents/Placeholder.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Typography_1 = __importDefault(require("@material-ui/core/Typography"));
+var prop_types_1 = __importDefault(require("prop-types"));
+var react_1 = __importDefault(require("react"));
+function Placeholder(props) {
+    var classes = props.selectProps.classes, _a = props.innerProps, innerProps = _a === void 0 ? {} : _a, children = props.children;
+    return (react_1.default.createElement(Typography_1.default, __assign({ color: "textSecondary", className: classes.placeholder }, innerProps), children));
+}
+exports.default = Placeholder;
+Placeholder.propTypes = {
+    children: prop_types_1.default.node,
+    innerProps: prop_types_1.default.object,
+    selectProps: prop_types_1.default.object.isRequired
+};