@comet/admin-react-select 2.1.0 → 3.0.0-canary.143.0

package/lib/ReactSelect.js

@@ -1,215 +1,270 @@
 "use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-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;
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-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 });
-exports.ReactSelectAsyncCreatable = exports.ReactSelectCreatable = exports.ReactSelectAsync = exports.ReactSelect = exports.ControlInput = void 0;
-var core_1 = require("@material-ui/core");
-var zIndex_1 = __importDefault(require("@material-ui/core/styles/zIndex"));
-var Cancel_1 = __importDefault(require("@material-ui/icons/Cancel"));
-var Clear_1 = __importDefault(require("@material-ui/icons/Clear"));
-var KeyboardArrowDown_1 = __importDefault(require("@material-ui/icons/KeyboardArrowDown"));
-var styles_1 = require("@material-ui/styles");
-var classnames_1 = __importDefault(require("classnames"));
-var React = __importStar(require("react"));
-var react_select_1 = __importDefault(require("react-select"));
-var async_1 = __importDefault(require("react-select/async"));
-var async_creatable_1 = __importDefault(require("react-select/async-creatable"));
-var creatable_1 = __importDefault(require("react-select/creatable"));
-var ReactSelect_styles_1 = __importDefault(require("./ReactSelect.styles"));
+exports.ControlInput = void 0;
+exports.ReactSelect = ReactSelect;
+exports.ReactSelectAsync = ReactSelectAsync;
+exports.ReactSelectAsyncCreatable = ReactSelectAsyncCreatable;
+exports.ReactSelectCreatable = ReactSelectCreatable;
+
+var _Cancel = _interopRequireDefault(require("@mui/icons-material/Cancel"));
+
+var _Clear = _interopRequireDefault(require("@mui/icons-material/Clear"));
+
+var _KeyboardArrowDown = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowDown"));
+
+var _material = require("@mui/material");
+
+var _styles = require("@mui/styles");
+
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var React = _interopRequireWildcard(require("react"));
+
+var _reactSelect = _interopRequireDefault(require("react-select"));
+
+var _async = _interopRequireDefault(require("react-select/async"));
+
+var _asyncCreatable = _interopRequireDefault(require("react-select/async-creatable"));
+
+var _creatable = _interopRequireDefault(require("react-select/creatable"));
+
+var _ReactSelect = _interopRequireDefault(require("./ReactSelect.styles"));
+
+var _excluded = ["inputRef"],
+    _excluded2 = ["classes", "theme", "components", "selectComponent"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 function NoOptionsMessage(props) {
-    return (React.createElement(core_1.Typography, __assign({ className: props.selectProps.classes.noOptionsMessage }, props.innerProps), props.children));
+  return /*#__PURE__*/React.createElement(_material.Typography, _extends({
+    className: props.selectProps.classes.noOptionsMessage
+  }, props.innerProps), props.children);
 }
-function inputComponent(_a) {
-    var inputRef = _a.inputRef, props = __rest(_a, ["inputRef"]);
-    return React.createElement("div", __assign({ ref: inputRef }, props));
+
+function inputComponent(_ref) {
+  var inputRef = _ref.inputRef,
+      props = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/React.createElement("div", _extends({
+    ref: inputRef
+  }, props));
 }
-var ControlInput = function (_a) {
-    var props = __rest(_a, []);
-    return React.createElement(core_1.InputBase, __assign({ classes: { root: "root", focused: "focused" } }, props));
+
+var ControlInput = function ControlInput(_ref2) {
+  var props = _extends({}, _ref2);
+
+  return /*#__PURE__*/React.createElement(_material.InputBase, _extends({
+    classes: {
+      root: "root",
+      focused: "focused"
+    }
+  }, props));
 };
+
 exports.ControlInput = ControlInput;
+
 function Control(props) {
-    var InputProps = {
-        inputComponent: inputComponent,
-        inputProps: __assign({ className: props.selectProps.classes.input, inputRef: props.innerRef, children: props.children }, props.innerProps),
-    };
-    return React.createElement(exports.ControlInput, __assign({ type: "text", fullWidth: true }, InputProps, props.selectProps.textFieldProps));
+  var InputProps = {
+    inputComponent: inputComponent,
+    inputProps: _objectSpread({
+      className: props.selectProps.classes.input,
+      inputRef: props.innerRef,
+      children: props.children
+    }, props.innerProps)
+  };
+  return /*#__PURE__*/React.createElement(ControlInput, _extends({
+    type: "text",
+    fullWidth: true
+  }, InputProps, props.selectProps.textFieldProps));
 }
+
 function Option(props) {
-    var rootClasses = [props.selectProps.classes.option];
-    if (props.isFocused)
-        rootClasses.push(props.selectProps.classes.optionFocused);
-    if (props.isSelected)
-        rootClasses.push(props.selectProps.classes.optionSelected);
-    return (React.createElement(core_1.MenuItem, __assign({ classes: { root: rootClasses.join(" ") }, buttonRef: props.innerRef, selected: props.isSelected, disabled: props.isDisabled, component: "div" }, props.innerProps), props.children));
+  var rootClasses = [props.selectProps.classes.option];
+  if (props.isFocused) rootClasses.push(props.selectProps.classes.optionFocused);
+  if (props.isSelected) rootClasses.push(props.selectProps.classes.optionSelected);
+  return /*#__PURE__*/React.createElement(_material.MenuItem, _extends({
+    classes: {
+      root: rootClasses.join(" ")
+    },
+    ref: props.innerRef,
+    selected: props.isSelected,
+    disabled: props.isDisabled,
+    component: "div"
+  }, props.innerProps), props.children);
 }
+
 function Placeholder(props) {
-    return (React.createElement("div", __assign({ className: props.selectProps.classes.placeholder }, props.innerProps), props.children));
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: props.selectProps.classes.placeholder
+  }, props.innerProps), props.children);
 }
+
 function SingleValue(props) {
-    return (React.createElement("div", __assign({ className: props.selectProps.classes.singleValue }, props.innerProps), props.children));
+  return /*#__PURE__*/React.createElement("div", _extends({
+    className: props.selectProps.classes.singleValue
+  }, props.innerProps), props.children);
 }
+
 function ValueContainer(props) {
-    return React.createElement("div", { className: props.selectProps.classes.valueContainer }, props.children);
+  return /*#__PURE__*/React.createElement("div", {
+    className: props.selectProps.classes.valueContainer
+  }, props.children);
 }
+
 function MultiValue(props) {
-    var _a;
-    return (React.createElement(core_1.Chip, { tabIndex: -1, label: props.children, className: classnames_1.default(props.selectProps.classes.chip, (_a = {},
-            _a[props.selectProps.classes.chipFocused] = props.isFocused,
-            _a)), onDelete: props.removeProps.onClick, deleteIcon: React.createElement(Cancel_1.default, __assign({}, props.removeProps)) }));
+  return /*#__PURE__*/React.createElement(_material.Chip, {
+    tabIndex: -1,
+    label: props.children,
+    className: (0, _classnames["default"])(props.selectProps.classes.chip, _defineProperty({}, props.selectProps.classes.chipFocused, props.isFocused)),
+    onDelete: props.removeProps.onClick,
+    deleteIcon: /*#__PURE__*/React.createElement(_Cancel["default"], props.removeProps)
+  });
 }
+
 function Menu(props) {
-    return (React.createElement(core_1.Paper, __assign({ className: props.selectProps.classes.paper }, props.innerProps), props.children));
+  return /*#__PURE__*/React.createElement(_material.Paper, _extends({
+    className: props.selectProps.classes.paper
+  }, props.innerProps), props.children);
 }
+
 function IndicatorsContainer(props) {
-    return React.createElement("div", { className: props.selectProps.classes.indicatorsContainer }, props.children);
+  return /*#__PURE__*/React.createElement("div", {
+    className: props.selectProps.classes.indicatorsContainer
+  }, props.children);
 }
+
 function IndicatorSeparator(props) {
-    return React.createElement("span", { className: props.selectProps.classes.indicatorSeparator });
-}
-function ClearIndicator(_a) {
-    var selectProps = _a.selectProps, clearValue = _a.clearValue;
-    var Icon = selectProps.clearIcon ? selectProps.clearIcon : Clear_1.default;
-    return (React.createElement("div", { className: selectProps.classes.indicator + " " + selectProps.classes.clearIndicator, onClick: clearValue },
-        React.createElement(Icon, { fontSize: "inherit", color: "inherit" })));
-}
-function DropdownIndicator(_a) {
-    var selectProps = _a.selectProps;
-    var DefaultIcon = selectProps.dropdownIcon ? selectProps.dropdownIcon : KeyboardArrowDown_1.default;
-    var OpenIcon = selectProps.dropdownIconOpen ? selectProps.dropdownIconOpen : KeyboardArrowDown_1.default;
-    var Icon = selectProps.menuIsOpen ? OpenIcon : DefaultIcon;
-    return (React.createElement("div", { className: selectProps.classes.indicator + " " + selectProps.classes.dropdownIndicator },
-        React.createElement(Icon, { fontSize: "inherit", color: "inherit" })));
+  return /*#__PURE__*/React.createElement("span", {
+    className: props.selectProps.classes.indicatorSeparator
+  });
 }
+
+function ClearIndicator(_ref3) {
+  var selectProps = _ref3.selectProps,
+      clearValue = _ref3.clearValue;
+  var Icon = selectProps.clearIcon ? selectProps.clearIcon : _Clear["default"];
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(selectProps.classes.indicator, " ").concat(selectProps.classes.clearIndicator),
+    onClick: clearValue
+  }, /*#__PURE__*/React.createElement(Icon, {
+    fontSize: "inherit",
+    color: "inherit"
+  }));
+}
+
+function DropdownIndicator(_ref4) {
+  var selectProps = _ref4.selectProps;
+  var DefaultIcon = selectProps.dropdownIcon ? selectProps.dropdownIcon : _KeyboardArrowDown["default"];
+  var OpenIcon = selectProps.dropdownIconOpen ? selectProps.dropdownIconOpen : _KeyboardArrowDown["default"];
+  var Icon = selectProps.menuIsOpen ? OpenIcon : DefaultIcon;
+  return /*#__PURE__*/React.createElement("div", {
+    className: "".concat(selectProps.classes.indicator, " ").concat(selectProps.classes.dropdownIndicator)
+  }, /*#__PURE__*/React.createElement(Icon, {
+    fontSize: "inherit",
+    color: "inherit"
+  }));
+}
+
 var components = {
-    Control: Control,
-    Menu: Menu,
-    MultiValue: MultiValue,
-    NoOptionsMessage: NoOptionsMessage,
-    Option: Option,
-    Placeholder: Placeholder,
-    SingleValue: SingleValue,
-    ValueContainer: ValueContainer,
-    IndicatorsContainer: IndicatorsContainer,
-    IndicatorSeparator: IndicatorSeparator,
-    ClearIndicator: ClearIndicator,
-    DropdownIndicator: DropdownIndicator,
+  Control: Control,
+  Menu: Menu,
+  MultiValue: MultiValue,
+  NoOptionsMessage: NoOptionsMessage,
+  Option: Option,
+  Placeholder: Placeholder,
+  SingleValue: SingleValue,
+  ValueContainer: ValueContainer,
+  IndicatorsContainer: IndicatorsContainer,
+  IndicatorSeparator: IndicatorSeparator,
+  ClearIndicator: ClearIndicator,
+  DropdownIndicator: DropdownIndicator
 };
-var SelectWrapper = /** @class */ (function (_super) {
-    __extends(SelectWrapper, _super);
-    function SelectWrapper() {
-        return _super !== null && _super.apply(this, arguments) || this;
+
+function SelectWrapper(_ref5) {
+  var classes = _ref5.classes,
+      theme = _ref5.theme,
+      origComponents = _ref5.components,
+      SelectComponent = _ref5.selectComponent,
+      rest = _objectWithoutProperties(_ref5, _excluded2);
+
+  return /*#__PURE__*/React.createElement(SelectComponent, _extends({
+    classes: classes,
+    menuPortalTarget: document.body,
+    components: _objectSpread(_objectSpread({}, components), origComponents),
+    placeholder: ""
+  }, rest));
+}
+
+var ExtendedSelectWrapper = (0, _styles.withStyles)(_ReactSelect["default"], {
+  name: "CometAdminSelect"
+})(SelectWrapper);
+
+var useReactSelectStyles = function useReactSelectStyles() {
+  var _useTheme = (0, _material.useTheme)(),
+      zIndex = _useTheme.zIndex;
+
+  return {
+    menuPortal: function menuPortal(styles) {
+      return _objectSpread(_objectSpread({}, styles), {}, {
+        zIndex: zIndex.modal
+      });
     }
-    SelectWrapper.prototype.render = function () {
-        var _a = this.props, classes = _a.classes, theme = _a.theme, origComponents = _a.components, selectComponent = _a.selectComponent, rest = __rest(_a, ["classes", "theme", "components", "selectComponent"]);
-        var SelectComponent = this.props.selectComponent;
-        return (React.createElement(SelectComponent, __assign({ classes: classes, menuPortalTarget: document.body, components: __assign(__assign({}, components), origComponents), placeholder: "" }, rest)));
-    };
-    return SelectWrapper;
-}(React.Component));
-var ExtendedSelectWrapper = styles_1.withStyles(ReactSelect_styles_1.default, { name: "CometAdminSelect" })(SelectWrapper);
-var reactSelectStyles = {
-    menuPortal: function (styles) { return (__assign(__assign({}, styles), { zIndex: zIndex_1.default.modal })); },
+  };
 };
-var ReactSelect = /** @class */ (function (_super) {
-    __extends(ReactSelect, _super);
-    function ReactSelect() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ReactSelect.prototype.render = function () {
-        return React.createElement(ExtendedSelectWrapper, __assign({ selectComponent: react_select_1.default }, this.props, { styles: __assign({}, reactSelectStyles) }));
-    };
-    return ReactSelect;
-}(React.Component));
-exports.ReactSelect = ReactSelect;
-var ReactSelectAsync = /** @class */ (function (_super) {
-    __extends(ReactSelectAsync, _super);
-    function ReactSelectAsync() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ReactSelectAsync.prototype.render = function () {
-        return React.createElement(ExtendedSelectWrapper, __assign({ selectComponent: async_1.default }, this.props, { styles: __assign({}, reactSelectStyles) }));
-    };
-    return ReactSelectAsync;
-}(React.Component));
-exports.ReactSelectAsync = ReactSelectAsync;
-var ReactSelectCreatable = /** @class */ (function (_super) {
-    __extends(ReactSelectCreatable, _super);
-    function ReactSelectCreatable() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ReactSelectCreatable.prototype.render = function () {
-        return React.createElement(ExtendedSelectWrapper, __assign({ selectComponent: creatable_1.default }, this.props, { styles: __assign({}, reactSelectStyles) }));
-    };
-    return ReactSelectCreatable;
-}(React.Component));
-exports.ReactSelectCreatable = ReactSelectCreatable;
-var ReactSelectAsyncCreatable = /** @class */ (function (_super) {
-    __extends(ReactSelectAsyncCreatable, _super);
-    function ReactSelectAsyncCreatable() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    ReactSelectAsyncCreatable.prototype.render = function () {
-        return React.createElement(ExtendedSelectWrapper, __assign({ selectComponent: async_creatable_1.default }, this.props, { styles: __assign({}, reactSelectStyles) }));
-    };
-    return ReactSelectAsyncCreatable;
-}(React.Component));
-exports.ReactSelectAsyncCreatable = ReactSelectAsyncCreatable;
-//# sourceMappingURL=ReactSelect.js.map
+
+function ReactSelect(props) {
+  var reactSelectStyles = useReactSelectStyles();
+  return /*#__PURE__*/React.createElement(ExtendedSelectWrapper, _extends({
+    selectComponent: _reactSelect["default"]
+  }, props, {
+    styles: _objectSpread({}, reactSelectStyles)
+  }));
+}
+
+function ReactSelectAsync(props) {
+  var reactSelectStyles = useReactSelectStyles();
+  return /*#__PURE__*/React.createElement(ExtendedSelectWrapper, _extends({
+    selectComponent: _async["default"]
+  }, props, {
+    styles: _objectSpread({}, reactSelectStyles)
+  }));
+}
+
+function ReactSelectCreatable(props) {
+  var reactSelectStyles = useReactSelectStyles();
+  return /*#__PURE__*/React.createElement(ExtendedSelectWrapper, _extends({
+    selectComponent: _creatable["default"]
+  }, props, {
+    styles: _objectSpread({}, reactSelectStyles)
+  }));
+}
+
+function ReactSelectAsyncCreatable(props) {
+  var reactSelectStyles = useReactSelectStyles();
+  return /*#__PURE__*/React.createElement(ExtendedSelectWrapper, _extends({
+    selectComponent: _asyncCreatable["default"]
+  }, props, {
+    styles: _objectSpread({}, reactSelectStyles)
+  }));
+}

package/lib/ReactSelect.styles.d.ts

@@ -1,4 +1,4 @@
-import { Theme } from "@material-ui/core";
+import { Theme } from "@mui/material";
 export declare type SelectClassKey = "input" | "valueContainer" | "chip" | "chipFocused" | "noOptionsMessage" | "singleValue" | "placeholder" | "paper" | "indicatorsContainer" | "indicatorSeparator" | "clearIndicator" | "indicator" | "dropdownIndicator" | "option" | "optionSelected" | "optionFocused";
-declare const styles: (theme: Theme) => import("@material-ui/styles").StyleRules<any, SelectClassKey>;
+declare const styles: (theme: Theme) => import("@mui/styles").StyleRules<Record<string, unknown>, SelectClassKey>;
 export default styles;

package/lib/ReactSelect.styles.js

@@ -1,69 +1,77 @@
 "use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-var colorManipulator_1 = require("@material-ui/core/styles/colorManipulator");
-var styles_1 = require("@material-ui/styles");
-var styles = function (theme) {
-    return styles_1.createStyles({
-        input: {
-            display: "flex",
-            paddingRight: 0,
-        },
-        valueContainer: {
-            display: "flex",
-            flexWrap: "nowrap",
-            flex: 1,
-            alignItems: "center",
-            overflow: "hidden",
-        },
-        chip: {
-            margin: theme.spacing(0.5) + "px " + theme.spacing(0.25) + "px",
-        },
-        chipFocused: {
-            backgroundColor: colorManipulator_1.emphasize(theme.palette.type === "light" ? theme.palette.grey[300] : theme.palette.grey[700], 0.08),
-        },
-        noOptionsMessage: {
-            padding: theme.spacing(1) + "px " + theme.spacing(2) + "px",
-            color: theme.palette.text.secondary,
-        },
-        singleValue: {
-            overflow: "hidden",
-            textOverflow: "ellipsis",
-            whiteSpace: "nowrap",
-        },
-        placeholder: {
-            color: theme.palette.text.disabled,
-        },
-        paper: {},
-        indicatorsContainer: {
-            display: "flex",
-        },
-        indicatorSeparator: {
-            width: 1,
-            flexGrow: 1,
-            backgroundColor: theme.palette.divider,
-        },
-        indicator: {
-            display: "flex",
-            alignItems: "center",
-            justifyContent: "center",
-            color: theme.palette.grey[500],
-            width: 32,
-            cursor: "pointer",
-        },
-        clearIndicator: {
-            fontSize: 18,
-        },
-        dropdownIndicator: {
-            fontSize: 20,
-        },
-        option: {},
-        optionSelected: {
-            fontWeight: theme.typography.fontWeightMedium,
-        },
-        optionFocused: {
-            backgroundColor: theme.palette.grey[50],
-        },
-    });
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _styles = require("@mui/material/styles");
+
+var _styles2 = require("@mui/styles");
+
+var styles = function styles(theme) {
+  return (0, _styles2.createStyles)({
+    input: {
+      display: "flex",
+      paddingRight: 0
+    },
+    valueContainer: {
+      display: "flex",
+      flexWrap: "nowrap",
+      flex: 1,
+      alignItems: "center",
+      overflow: "hidden"
+    },
+    chip: {
+      margin: "".concat(theme.spacing(0.5), " ").concat(theme.spacing(0.25))
+    },
+    chipFocused: {
+      backgroundColor: (0, _styles.emphasize)(theme.palette.mode === "light" ? theme.palette.grey[300] : theme.palette.grey[700], 0.08)
+    },
+    noOptionsMessage: {
+      padding: "".concat(theme.spacing(1), " ").concat(theme.spacing(2)),
+      color: theme.palette.text.secondary
+    },
+    singleValue: {
+      overflow: "hidden",
+      textOverflow: "ellipsis",
+      whiteSpace: "nowrap"
+    },
+    placeholder: {
+      color: theme.palette.text.disabled
+    },
+    paper: {},
+    indicatorsContainer: {
+      display: "flex"
+    },
+    indicatorSeparator: {
+      width: 1,
+      flexGrow: 1,
+      backgroundColor: theme.palette.divider
+    },
+    indicator: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      color: theme.palette.grey[500],
+      width: 32,
+      cursor: "pointer"
+    },
+    clearIndicator: {
+      fontSize: 18
+    },
+    dropdownIndicator: {
+      fontSize: 20
+    },
+    option: {},
+    optionSelected: {
+      fontWeight: theme.typography.fontWeightMedium
+    },
+    optionFocused: {
+      backgroundColor: theme.palette.grey[50]
+    }
+  });
 };
-exports.default = styles;
-//# sourceMappingURL=ReactSelect.styles.js.map
+
+var _default = styles;
+exports["default"] = _default;

package/lib/index.d.ts

@@ -1,4 +1,4 @@
-export { SelectProps, ControlInput, ReactSelect, ReactSelectAsync, ReactSelectAsyncCreatable, ReactSelectCreatable } from "./ReactSelect";
 export { FinalFormReactSelect, FinalFormReactSelectAsync, FinalFormReactSelectAsyncCreatable, FinalFormReactSelectCreatable, } from "./FinalFormReactSelect";
 export { FinalFormReactSelectStaticOptions } from "./FinalFormReactSelectStaticOptions";
+export { ControlInput, ReactSelect, ReactSelectAsync, ReactSelectAsyncCreatable, ReactSelectCreatable, SelectProps } from "./ReactSelect";
 export { SelectClassKey } from "./ReactSelect.styles";