@reltio/components 1.4.876 → 1.4.880

package/components/QueryBuilderRowsGroup/QueryBuilderRowsGroup.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -40,52 +20,48 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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 QueryBuilderRow_1 = __importDefault(require("../QueryBuilderRow/QueryBuilderRow"));
-var constants_1 = require("../../constants");
+import React, { memo } from 'react';
+import PropTypes from 'prop-types';
+import { path } from 'ramda';
+import QueryBuilderRow from '../QueryBuilderRow/QueryBuilderRow';
+import { QueryBuilderAttributeType } from '../../constants';
 var QueryBuilderRowsGroup = function (_a) {
     var className = _a.className, rowClasses = _a.rowClasses, rowsData = _a.rowsData, lastRowAttributeSelectorProps = _a.lastRowAttributeSelectorProps, filterSelectorRef = _a.filterSelectorRef, filterSelectorRefIndex = _a.filterSelectorRefIndex, rowProps = __rest(_a, ["className", "rowClasses", "rowsData", "lastRowAttributeSelectorProps", "filterSelectorRef", "filterSelectorRefIndex"]);
     var renderRow = function (rowData, index, rowsData) {
-        var previousRow = index > 0 ? ramda_1.path([index - 1], rowsData) : null;
+        var previousRow = index > 0 ? path([index - 1], rowsData) : null;
         var lastRowProps = index === rowsData.length
             ? {
                 attributeSelectorProps: lastRowAttributeSelectorProps
             }
             : {};
-        return (react_1.default.createElement(QueryBuilderRow_1.default, __assign({ key: rowData && rowData.id, rowData: rowData, previousRowData: previousRow, classes: rowClasses, filterSelectorRef: index === filterSelectorRefIndex ? filterSelectorRef : undefined }, rowProps, lastRowProps)));
+        return (React.createElement(QueryBuilderRow, __assign({ key: rowData && rowData.id, rowData: rowData, previousRowData: previousRow, classes: rowClasses, filterSelectorRef: index === filterSelectorRefIndex ? filterSelectorRef : undefined }, rowProps, lastRowProps)));
     };
-    return (react_1.default.createElement("div", { className: className },
+    return (React.createElement("div", { className: className },
         rowsData.map(renderRow),
         renderRow(null, rowsData.length, rowsData)));
 };
 QueryBuilderRowsGroup.propTypes = {
-    className: prop_types_1.default.string,
-    rowClasses: prop_types_1.default.shape({
-        root: prop_types_1.default.string,
-        logicOperatorContainer: prop_types_1.default.string,
-        attributeSelectorContainer: prop_types_1.default.string,
-        filterSelectorContainer: prop_types_1.default.string,
-        valuesEditorContainer: prop_types_1.default.string,
-        actionsContainer: prop_types_1.default.string
+    className: PropTypes.string,
+    rowClasses: PropTypes.shape({
+        root: PropTypes.string,
+        logicOperatorContainer: PropTypes.string,
+        attributeSelectorContainer: PropTypes.string,
+        filterSelectorContainer: PropTypes.string,
+        valuesEditorContainer: PropTypes.string,
+        actionsContainer: PropTypes.string
     }),
-    rowsData: prop_types_1.default.arrayOf(constants_1.QueryBuilderAttributeType),
-    LogicOperatorComponent: prop_types_1.default.elementType,
-    AttributeSelectorComponent: prop_types_1.default.elementType,
-    FilterSelectorComponent: prop_types_1.default.elementType,
-    ValuesEditorComponent: prop_types_1.default.elementType,
-    ActionsComponent: prop_types_1.default.elementType,
-    filterSelectorRef: prop_types_1.default.object,
-    filterSelectorRefIndex: prop_types_1.default.number,
-    lastRowAttributeSelectorProps: prop_types_1.default.shape({
-        onRestoreFocus: prop_types_1.default.func,
-        onOpen: prop_types_1.default.func,
-        disablePopoverRestoreFocus: prop_types_1.default.bool
+    rowsData: PropTypes.arrayOf(QueryBuilderAttributeType),
+    LogicOperatorComponent: PropTypes.elementType,
+    AttributeSelectorComponent: PropTypes.elementType,
+    FilterSelectorComponent: PropTypes.elementType,
+    ValuesEditorComponent: PropTypes.elementType,
+    ActionsComponent: PropTypes.elementType,
+    filterSelectorRef: PropTypes.object,
+    filterSelectorRefIndex: PropTypes.number,
+    lastRowAttributeSelectorProps: PropTypes.shape({
+        onRestoreFocus: PropTypes.func,
+        onOpen: PropTypes.func,
+        disablePopoverRestoreFocus: PropTypes.bool
     })
 };
-exports.default = react_1.memo(QueryBuilderRowsGroup);
+export default memo(QueryBuilderRowsGroup);

package/components/ReactSelect/AsyncSelect.js

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var async_1 = __importDefault(require("react-select/async"));
-var withMuiSkin_1 = __importDefault(require("./withMuiSkin"));
-exports.default = withMuiSkin_1.default(async_1.default);
+import AsyncSelect from 'react-select/async';
+import withMuiSkin from './withMuiSkin';
+export default withMuiSkin(AsyncSelect);

package/components/ReactSelect/CreatableSelect.js

@@ -1,8 +1,3 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var creatable_1 = __importDefault(require("react-select/creatable"));
-var withMuiSkin_1 = __importDefault(require("./withMuiSkin"));
-exports.default = withMuiSkin_1.default(creatable_1.default);
+import CreatableSelect from 'react-select/creatable';
+import withMuiSkin from './withMuiSkin';
+export default withMuiSkin(CreatableSelect);

package/components/ReactSelect/MultiSelect/MultiSelect.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,25 +9,6 @@ var __assign = (this && this.__assign) || function () {
     };
     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)
@@ -40,20 +20,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     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 ({
+import React, { useState } from 'react';
+import PropTypes from 'prop-types';
+import { omit } from 'ramda';
+import CreatableSelect from '../CreatableSelect';
+import Select from '../Select';
+import AsyncSelect from '../AsyncSelect';
+import multiSelectComponents from './components';
+import { makeStyles } from '@material-ui/core/styles';
+import { mergeClasses } from '../../../core/utils';
+var useStyles = makeStyles(function (theme) { return ({
     label: {
         top: 6,
         left: 16
@@ -77,12 +53,12 @@ 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 SelectComponent = creatable ? CreatableSelect : getOptions ? AsyncSelect : Select;
+    var _b = useState(''), inputValue = _b[0], setInputValue = _b[1];
+    var multiSelectClasses = useStyles(omit(['classes'], props));
     var inputId = getInputId();
-    var components = __assign(__assign({}, components_1.default), componentsProp);
-    var classes = utils_1.mergeClasses(multiSelectClasses, classesProp);
+    var components = __assign(__assign({}, multiSelectComponents), componentsProp);
+    var classes = mergeClasses(multiSelectClasses, classesProp);
     function handleInputChange(value, _a) {
         var action = _a.action;
         onInputChangeProp(value, { action: action });
@@ -108,7 +84,7 @@ function MultiSelect(props) {
                 } }, 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)));
+    return (React.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,
@@ -129,105 +105,105 @@ MultiSelect.propTypes = {
      * 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,
+    creatable: PropTypes.bool,
     /** True for enabling cache. Recommended. */
-    cacheOptions: prop_types_1.default.bool,
-    defaultOptions: prop_types_1.default.bool,
+    cacheOptions: PropTypes.bool,
+    defaultOptions: PropTypes.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
+    value: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string.isRequired,
+        value: PropTypes.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
+    options: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string.isRequired,
+        value: PropTypes.any
     })),
     /** Way to receive updated values */
-    onChange: prop_types_1.default.func,
+    onChange: PropTypes.func,
     /** Way to receive updated inputValue */
-    onInputChange: prop_types_1.default.func,
+    onInputChange: PropTypes.func,
     /** Input placeholder. Will not be shown if the label prop is specified */
-    placeholder: prop_types_1.default.string,
+    placeholder: PropTypes.string,
     /** Floating label from @material-ui/core/TextField component */
-    label: prop_types_1.default.string,
+    label: PropTypes.string,
     /** Enable to show default react-select's indicator */
-    loadingIndicator: prop_types_1.default.bool,
+    loadingIndicator: PropTypes.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
+    components: PropTypes.shape({
+        ClearIndicator: PropTypes.func,
+        Control: PropTypes.func,
+        DropdownIndicator: PropTypes.func,
+        DownChevron: PropTypes.func,
+        CrossIcon: PropTypes.func,
+        Group: PropTypes.func,
+        GroupHeading: PropTypes.func,
+        IndicatorsContainer: PropTypes.func,
+        IndicatorSeparator: PropTypes.func,
+        Input: PropTypes.func,
+        LoadingIndicator: PropTypes.func,
+        Menu: PropTypes.func,
+        MenuList: PropTypes.func,
+        MenuPortal: PropTypes.func,
+        LoadingMessage: PropTypes.func,
+        NoOptionsMessage: PropTypes.func,
+        MultiValue: PropTypes.func,
+        MultiValueContainer: PropTypes.func,
+        MultiValueLabel: PropTypes.func,
+        MultiValueRemove: PropTypes.func,
+        Option: PropTypes.func,
+        Placeholder: PropTypes.func,
+        SelectContainer: PropTypes.func,
+        SingleValue: PropTypes.func,
+        ValueContainer: PropTypes.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
+    classes: PropTypes.shape({
+        control: PropTypes.string,
+        valueContainer: PropTypes.string,
+        multiValue: PropTypes.string,
+        noOptionsMessage: PropTypes.string,
+        singleValue: PropTypes.string,
+        placeholder: PropTypes.string,
+        menu: PropTypes.string,
+        clearIndicator: PropTypes.string,
+        dropdownIndicator: PropTypes.string,
+        option: PropTypes.string,
+        'option--selected': PropTypes.string,
+        label: PropTypes.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
+    styles: PropTypes.shape({
+        clearIndicator: PropTypes.func,
+        container: PropTypes.func,
+        control: PropTypes.func,
+        dropdownIndicator: PropTypes.func,
+        group: PropTypes.func,
+        groupHeading: PropTypes.func,
+        indicatorsContainer: PropTypes.func,
+        indicatorSeparator: PropTypes.func,
+        input: PropTypes.func,
+        loadingIndicator: PropTypes.func,
+        loadingMessage: PropTypes.func,
+        menu: PropTypes.func,
+        menuList: PropTypes.func,
+        menuPortal: PropTypes.func,
+        multiValue: PropTypes.func,
+        multiValueLabel: PropTypes.func,
+        multiValueRemove: PropTypes.func,
+        noOptionsMessage: PropTypes.func,
+        option: PropTypes.func,
+        placeholder: PropTypes.func,
+        singleValue: PropTypes.func,
+        valueContainer: PropTypes.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,
-    isSearchable: prop_types_1.default.bool
+    TextFieldProps: PropTypes.object /* eslint-disable-line react/forbid-prop-types */,
+    getOptions: PropTypes.func,
+    menuPlacement: PropTypes.string,
+    getOptionValue: PropTypes.func,
+    isSearchable: PropTypes.bool
 };
-exports.default = MultiSelect;
+export default MultiSelect;

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,48 +9,43 @@ var __assign = (this && this.__assign) || function () {
     };
     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) {
+import MenuItem from '@material-ui/core/MenuItem';
+import Checkbox from '@material-ui/core/Checkbox';
+import PropTypes from 'prop-types';
+import React from 'react';
+import classNames from 'classnames';
+import ExpandedValueTooltip from '../../../ExpandedValueTooltip/ExpandedValueTooltip';
+export default 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))));
+    return (React.createElement(MenuItem, __assign({ className: classNames(classes.option, (_a = {}, _a[classes['option--selected']] = isSelected, _a)), ref: innerRef, selected: isFocused, component: "div" }, innerProps),
+        React.createElement(Checkbox, { color: "primary", checked: isSelected }),
+        React.createElement(ExpandedValueTooltip, { value: label },
+            React.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
+    children: PropTypes.node,
+    innerProps: PropTypes.shape({
+        id: PropTypes.string.isRequired,
+        key: PropTypes.string,
+        onClick: PropTypes.func.isRequired,
+        onMouseMove: PropTypes.func.isRequired,
+        onMouseOver: PropTypes.func.isRequired,
+        tabIndex: PropTypes.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
+    innerRef: PropTypes.oneOfType([
+        PropTypes.oneOf([null]),
+        PropTypes.func,
+        PropTypes.shape({
+            current: PropTypes.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
+    isFocused: PropTypes.bool.isRequired,
+    isSelected: PropTypes.bool.isRequired,
+    label: PropTypes.string,
+    selectProps: PropTypes.shape({
+        classes: PropTypes.shape({
+            option: PropTypes.string
         })
     })
 };

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

@@ -1,10 +1,5 @@
-"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"));
+import Option from './Option';
 var components = {
-    Option: Option_1.default
+    Option: Option
 };
-exports.default = components;
+export default components;

package/components/ReactSelect/MultiSelect/index.js

@@ -1,7 +1,2 @@
-"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;
+import MultiSelect from './MultiSelect';
+export default MultiSelect;

package/components/ReactSelect/Select.js

@@ -1,8 +1,3 @@
-"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);
+import withMuiSkin from './withMuiSkin';
+import Select from 'react-select';
+export default withMuiSkin(Select);

package/components/ReactSelect/commonComponents/ClearIndicator.js

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,27 +9,22 @@ var __assign = (this && this.__assign) || function () {
     };
     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) {
+import PropTypes from 'prop-types';
+import React from 'react';
+import HighlightOffIcon from '@material-ui/icons/HighlightOff';
+import IconButton from '@material-ui/core/IconButton';
+export default 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)));
+    return (React.createElement(IconButton, __assign({}, innerProps, { className: classes.clearIndicator }),
+        React.createElement(HighlightOffIcon, 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
+    innerProps: PropTypes.shape({
+        onMouseDown: PropTypes.func.isRequired,
+        onTouchEnd: PropTypes.func.isRequired,
+        'aria-hidden': PropTypes.string.isRequired
     }).isRequired,
-    selectProps: prop_types_1.default.shape({
-        classes: prop_types_1.default.object.isRequired
+    selectProps: PropTypes.shape({
+        classes: PropTypes.object.isRequired
     }).isRequired
 };