@comet/admin-react-select 8.0.0-canary-20240731111743 → 8.0.0-canary-20240920091107

package/lib/FinalFormReactSelect.d.ts

@@ -1,19 +1,19 @@
-import * as React from "react";
+import { Component } from "react";
 import { FieldRenderProps } from "react-final-form";
 import { OptionTypeBase } from "react-select";
 import { Props as ReactSelectAsyncProps } from "react-select/async";
 import { Props as ReactSelectProps } from "react-select/base";
 import { Props as ReactSelectCreatableProps } from "react-select/creatable";
-export declare class FinalFormReactSelect<OptionType extends OptionTypeBase> extends React.Component<FieldRenderProps<OptionType | null, HTMLElement> & ReactSelectProps<OptionType>> {
+export declare class FinalFormReactSelect<OptionType extends OptionTypeBase> extends Component<FieldRenderProps<OptionType | null, HTMLElement> & ReactSelectProps<OptionType>> {
     render(): JSX.Element;
 }
-export declare class FinalFormReactSelectAsync<OptionType extends OptionTypeBase, IsMulti extends boolean> extends React.Component<FieldRenderProps<OptionType | null, HTMLElement> & ReactSelectAsyncProps<OptionType, IsMulti>> {
+export declare class FinalFormReactSelectAsync<OptionType extends OptionTypeBase, IsMulti extends boolean> extends Component<FieldRenderProps<OptionType | null, HTMLElement> & ReactSelectAsyncProps<OptionType, IsMulti>> {
     render(): JSX.Element;
 }
-export declare class FinalFormReactSelectCreatable<OptionType extends OptionTypeBase, IsMulti extends boolean> extends React.Component<FieldRenderProps<OptionType | null, HTMLElement> & ReactSelectCreatableProps<OptionType, IsMulti>> {
+export declare class FinalFormReactSelectCreatable<OptionType extends OptionTypeBase, IsMulti extends boolean> extends Component<FieldRenderProps<OptionType | null, HTMLElement> & ReactSelectCreatableProps<OptionType, IsMulti>> {
     render(): JSX.Element;
 }
-export declare class FinalFormReactSelectAsyncCreatable<OptionType extends OptionTypeBase, IsMulti extends boolean> extends React.Component<FieldRenderProps<OptionType | null, HTMLElement> & ReactSelectCreatableProps<OptionType, false> & ReactSelectAsyncProps<OptionType, IsMulti>> {
+export declare class FinalFormReactSelectAsyncCreatable<OptionType extends OptionTypeBase, IsMulti extends boolean> extends Component<FieldRenderProps<OptionType | null, HTMLElement> & ReactSelectCreatableProps<OptionType, false> & ReactSelectAsyncProps<OptionType, IsMulti>> {
     render(): JSX.Element;
 }
 //# sourceMappingURL=FinalFormReactSelect.d.ts.map

package/lib/FinalFormReactSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinalFormReactSelect.d.ts","sourceRoot":"","sources":["../src/FinalFormReactSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAU5E,qBAAa,oBAAoB,CAAC,UAAU,SAAS,cAAc,CAAE,SAAQ,KAAK,CAAC,SAAS,CACxF,gBAAgB,CAAC,UAAU,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAClF;IACU,MAAM;CAIhB;AACD,qBAAa,yBAAyB,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,CAAE,SAAQ,KAAK,CAAC,SAAS,CACtH,gBAAgB,CAAC,UAAU,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,CAChG;IACU,MAAM;CAKhB;AACD,qBAAa,6BAA6B,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,CAAE,SAAQ,KAAK,CAAC,SAAS,CAC1H,gBAAgB,CAAC,UAAU,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,CACpG;IACU,MAAM;CAKhB;AACD,qBAAa,kCAAkC,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,CAAE,SAAQ,KAAK,CAAC,SAAS,CAC/H,gBAAgB,CAAC,UAAU,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,yBAAyB,CAAC,UAAU,EAAE,KAAK,CAAC,GAAG,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,CAC/I;IACU,MAAM;CAIhB"}
+{"version":3,"file":"FinalFormReactSelect.d.ts","sourceRoot":"","sources":["../src/FinalFormReactSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AACpE,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAU5E,qBAAa,oBAAoB,CAAC,UAAU,SAAS,cAAc,CAAE,SAAQ,SAAS,CAClF,gBAAgB,CAAC,UAAU,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,gBAAgB,CAAC,UAAU,CAAC,CAClF;IACU,MAAM;CAIhB;AACD,qBAAa,yBAAyB,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,CAAE,SAAQ,SAAS,CAChH,gBAAgB,CAAC,UAAU,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,CAChG;IACU,MAAM;CAKhB;AACD,qBAAa,6BAA6B,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,CAAE,SAAQ,SAAS,CACpH,gBAAgB,CAAC,UAAU,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,CACpG;IACU,MAAM;CAKhB;AACD,qBAAa,kCAAkC,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,CAAE,SAAQ,SAAS,CACzH,gBAAgB,CAAC,UAAU,GAAG,IAAI,EAAE,WAAW,CAAC,GAAG,yBAAyB,CAAC,UAAU,EAAE,KAAK,CAAC,GAAG,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,CAC/I;IACU,MAAM;CAIhB"}

package/lib/FinalFormReactSelect.js

@@ -5,15 +5,16 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FinalFormReactSelectCreatable = exports.FinalFormReactSelectAsyncCreatable = exports.FinalFormReactSelectAsync = exports.FinalFormReactSelect = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _ReactSelect = require("./ReactSelect");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["input", "meta"],
   _excluded2 = ["input", "meta"],
   _excluded3 = ["input", "meta"],
   _excluded4 = ["input", "meta"];
-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 _extends() { _extends = Object.assign ? Object.assign.bind() : 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 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) { key = _toPropertyKey(key); 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -29,8 +30,8 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 // tslint:disable:max-classes-per-file
-var FinalFormReactSelect = /*#__PURE__*/function (_React$Component) {
-  _inherits(FinalFormReactSelect, _React$Component);
+var FinalFormReactSelect = /*#__PURE__*/function (_Component) {
+  _inherits(FinalFormReactSelect, _Component);
   var _super = _createSuper(FinalFormReactSelect);
   function FinalFormReactSelect() {
     _classCallCheck(this, FinalFormReactSelect);
@@ -43,14 +44,14 @@ var FinalFormReactSelect = /*#__PURE__*/function (_React$Component) {
         input = _this$props.input,
         meta = _this$props.meta,
         rest = _objectWithoutProperties(_this$props, _excluded);
-      return /*#__PURE__*/React.createElement(_ReactSelect.ReactSelect, _extends({}, input, rest));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactSelect.ReactSelect, _objectSpread(_objectSpread({}, input), rest));
     }
   }]);
   return FinalFormReactSelect;
-}(React.Component);
+}(_react.Component);
 exports.FinalFormReactSelect = FinalFormReactSelect;
-var FinalFormReactSelectAsync = /*#__PURE__*/function (_React$Component2) {
-  _inherits(FinalFormReactSelectAsync, _React$Component2);
+var FinalFormReactSelectAsync = /*#__PURE__*/function (_Component2) {
+  _inherits(FinalFormReactSelectAsync, _Component2);
   var _super2 = _createSuper(FinalFormReactSelectAsync);
   function FinalFormReactSelectAsync() {
     _classCallCheck(this, FinalFormReactSelectAsync);
@@ -63,14 +64,14 @@ var FinalFormReactSelectAsync = /*#__PURE__*/function (_React$Component2) {
         input = _this$props2.input,
         meta = _this$props2.meta,
         rest = _objectWithoutProperties(_this$props2, _excluded2);
-      return /*#__PURE__*/React.createElement(_ReactSelect.ReactSelectAsync, _extends({}, input, rest));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactSelect.ReactSelectAsync, _objectSpread(_objectSpread({}, input), rest));
     }
   }]);
   return FinalFormReactSelectAsync;
-}(React.Component);
+}(_react.Component);
 exports.FinalFormReactSelectAsync = FinalFormReactSelectAsync;
-var FinalFormReactSelectCreatable = /*#__PURE__*/function (_React$Component3) {
-  _inherits(FinalFormReactSelectCreatable, _React$Component3);
+var FinalFormReactSelectCreatable = /*#__PURE__*/function (_Component3) {
+  _inherits(FinalFormReactSelectCreatable, _Component3);
   var _super3 = _createSuper(FinalFormReactSelectCreatable);
   function FinalFormReactSelectCreatable() {
     _classCallCheck(this, FinalFormReactSelectCreatable);
@@ -83,14 +84,14 @@ var FinalFormReactSelectCreatable = /*#__PURE__*/function (_React$Component3) {
         input = _this$props3.input,
         meta = _this$props3.meta,
         rest = _objectWithoutProperties(_this$props3, _excluded3);
-      return /*#__PURE__*/React.createElement(_ReactSelect.ReactSelectCreatable, _extends({}, input, rest));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactSelect.ReactSelectCreatable, _objectSpread(_objectSpread({}, input), rest));
     }
   }]);
   return FinalFormReactSelectCreatable;
-}(React.Component);
+}(_react.Component);
 exports.FinalFormReactSelectCreatable = FinalFormReactSelectCreatable;
-var FinalFormReactSelectAsyncCreatable = /*#__PURE__*/function (_React$Component4) {
-  _inherits(FinalFormReactSelectAsyncCreatable, _React$Component4);
+var FinalFormReactSelectAsyncCreatable = /*#__PURE__*/function (_Component4) {
+  _inherits(FinalFormReactSelectAsyncCreatable, _Component4);
   var _super4 = _createSuper(FinalFormReactSelectAsyncCreatable);
   function FinalFormReactSelectAsyncCreatable() {
     _classCallCheck(this, FinalFormReactSelectAsyncCreatable);
@@ -103,9 +104,9 @@ var FinalFormReactSelectAsyncCreatable = /*#__PURE__*/function (_React$Component
         input = _this$props4.input,
         meta = _this$props4.meta,
         rest = _objectWithoutProperties(_this$props4, _excluded4);
-      return /*#__PURE__*/React.createElement(_ReactSelect.ReactSelectAsyncCreatable, _extends({}, input, rest));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ReactSelect.ReactSelectAsyncCreatable, _objectSpread(_objectSpread({}, input), rest));
     }
   }]);
   return FinalFormReactSelectAsyncCreatable;
-}(React.Component);
+}(_react.Component);
 exports.FinalFormReactSelectAsyncCreatable = FinalFormReactSelectAsyncCreatable;

package/lib/FinalFormReactSelectStaticOptions.d.ts

@@ -1,4 +1,4 @@
-import * as React from "react";
+import { Component } from "react";
 import { FieldRenderProps } from "react-final-form";
 import { Props as ReactSelectProps } from "react-select/base";
 import { OptionsType } from "react-select/src/types";
@@ -9,7 +9,7 @@ interface IOptionType {
 interface IProps extends FieldRenderProps<string, HTMLElement>, ReactSelectProps<IOptionType> {
     options: OptionsType<IOptionType>;
 }
-export declare class FinalFormReactSelectStaticOptions extends React.Component<IProps> {
+export declare class FinalFormReactSelectStaticOptions extends Component<IProps> {
     render(): JSX.Element;
     private getOptionLabel;
     private getOptionValue;

package/lib/FinalFormReactSelectStaticOptions.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FinalFormReactSelectStaticOptions.d.ts","sourceRoot":"","sources":["../src/FinalFormReactSelectStaticOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAmB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,MAAO,SAAQ,gBAAgB,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IACzF,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACrC;AACD,qBAAa,iCAAkC,SAAQ,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;IACnE,MAAM;IAsBb,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,QAAQ,CAAqE;CACxF"}
+{"version":3,"file":"FinalFormReactSelectStaticOptions.d.ts","sourceRoot":"","sources":["../src/FinalFormReactSelectStaticOptions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAmB,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACrE,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,UAAU,WAAW;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,UAAU,MAAO,SAAQ,gBAAgB,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,gBAAgB,CAAC,WAAW,CAAC;IACzF,OAAO,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;CACrC;AACD,qBAAa,iCAAkC,SAAQ,SAAS,CAAC,MAAM,CAAC;IAC7D,MAAM;IAsBb,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,cAAc,CAAqC;IAC3D,OAAO,CAAC,QAAQ,CAAqE;CACxF"}

package/lib/FinalFormReactSelectStaticOptions.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.FinalFormReactSelectStaticOptions = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = require("react");
 var _FinalFormReactSelect = require("./FinalFormReactSelect");
+var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["input", "meta"];
-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 _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); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 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 _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; }
@@ -28,8 +26,8 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var FinalFormReactSelectStaticOptions = /*#__PURE__*/function (_React$Component) {
-  _inherits(FinalFormReactSelectStaticOptions, _React$Component);
+var FinalFormReactSelectStaticOptions = /*#__PURE__*/function (_Component) {
+  _inherits(FinalFormReactSelectStaticOptions, _Component);
   var _super = _createSuper(FinalFormReactSelectStaticOptions);
   function FinalFormReactSelectStaticOptions() {
     var _this;
@@ -66,7 +64,7 @@ var FinalFormReactSelectStaticOptions = /*#__PURE__*/function (_React$Component)
       var selectInput = _objectSpread(_objectSpread({}, input), {}, {
         value: optionValue
       });
-      return /*#__PURE__*/React.createElement(_FinalFormReactSelect.FinalFormReactSelect, _extends({}, rest, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_FinalFormReactSelect.FinalFormReactSelect, _objectSpread(_objectSpread({}, rest), {}, {
         input: selectInput,
         meta: _objectSpread(_objectSpread({}, meta), {}, {
           initial: this.props.options.find(function (_ref4) {
@@ -81,5 +79,5 @@ var FinalFormReactSelectStaticOptions = /*#__PURE__*/function (_React$Component)
     }
   }]);
   return FinalFormReactSelectStaticOptions;
-}(React.Component);
+}(_react.Component);
 exports.FinalFormReactSelectStaticOptions = FinalFormReactSelectStaticOptions;

package/lib/ReactSelect.d.ts

@@ -1,15 +1,15 @@
 import { ComponentsOverrides, SvgIconProps, Theme } from "@mui/material";
-import * as React from "react";
+import { ComponentType } from "react";
 import { OptionTypeBase } from "react-select";
 import { Props as ReactSelectAsyncProps } from "react-select/async";
 import { Props as ReactSelectProps } from "react-select/base";
 import { Props as ReactSelectCreatableProps } from "react-select/creatable";
 export type SelectClassKey = "input" | "valueContainer" | "chip" | "chipFocused" | "noOptionsMessage" | "singleValue" | "placeholder" | "paper" | "indicatorsContainer" | "indicatorSeparator" | "clearIndicator" | "indicator" | "dropdownIndicator" | "option" | "optionSelected" | "optionFocused";
 export interface SelectProps<OptionType extends OptionTypeBase, IsMulti extends boolean = false> {
-    selectComponent: React.ComponentType<ReactSelectProps<OptionType, IsMulti>>;
-    clearIcon?: React.ComponentType<SvgIconProps>;
-    dropdownIcon?: React.ComponentType<SvgIconProps>;
-    dropdownIconOpen?: React.ComponentType<SvgIconProps>;
+    selectComponent: ComponentType<ReactSelectProps<OptionType, IsMulti>>;
+    clearIcon?: ComponentType<SvgIconProps>;
+    dropdownIcon?: ComponentType<SvgIconProps>;
+    dropdownIconOpen?: ComponentType<SvgIconProps>;
 }
 export declare function ReactSelect<OptionType extends OptionTypeBase>(props: ReactSelectProps<OptionType>): JSX.Element;
 export declare function ReactSelectAsync<OptionType extends OptionTypeBase, IsMulti extends boolean = false>(props: ReactSelectAsyncProps<OptionType, IsMulti>): JSX.Element;

package/lib/ReactSelect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReactSelect.d.ts","sourceRoot":"","sources":["../src/ReactSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,mBAAmB,EAAgD,YAAY,EAAE,KAAK,EAAwB,MAAM,eAAe,CAAC;AAEnJ,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACtD,OAAoB,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAwB,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAU7F,MAAM,MAAM,cAAc,GACpB,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,aAAa,GACb,kBAAkB,GAClB,aAAa,GACb,aAAa,GACb,OAAO,GACP,qBAAqB,GACrB,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,mBAAmB,GACnB,QAAQ,GACR,gBAAgB,GAChB,eAAe,CAAC;AAuQtB,MAAM,WAAW,WAAW,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,GAAG,KAAK;IAC3F,eAAe,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAC5E,SAAS,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IAC9C,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;IACjD,gBAAgB,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC,YAAY,CAAC,CAAC;CACxD;AAsBD,wBAAgB,WAAW,CAAC,UAAU,SAAS,cAAc,EAAE,KAAK,EAAE,gBAAgB,CAAC,UAAU,CAAC,eAEjG;AAED,wBAAgB,gBAAgB,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/F,KAAK,EAAE,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,eAGpD;AAED,wBAAgB,oBAAoB,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,EAC3F,KAAK,EAAE,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,eAGxD;AAED,wBAAgB,yBAAyB,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,EAChG,KAAK,EAAE,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,eAGrG;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,gBAAgB,EAAE,cAAc,CAAC;KACpC;IAED,UAAU,mBAAmB;QACzB,gBAAgB,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;KACtC;IAED,UAAU,UAAU;QAChB,gBAAgB,CAAC,EAAE;YACf,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,CAAC;YAChE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAC;SACnE,CAAC;KACL;CACJ"}
+{"version":3,"file":"ReactSelect.d.ts","sourceRoot":"","sources":["../src/ReactSelect.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAQ,mBAAmB,EAAgD,YAAY,EAAE,KAAK,EAAwB,MAAM,eAAe,CAAC;AAEnJ,OAAO,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AACtC,OAAe,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AACtD,OAAoB,EAAE,KAAK,IAAI,qBAAqB,EAAE,MAAM,oBAAoB,CAAC;AAEjF,OAAO,EAAE,KAAK,IAAI,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAwB,EAAE,KAAK,IAAI,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAU7F,MAAM,MAAM,cAAc,GACpB,OAAO,GACP,gBAAgB,GAChB,MAAM,GACN,aAAa,GACb,kBAAkB,GAClB,aAAa,GACb,aAAa,GACb,OAAO,GACP,qBAAqB,GACrB,oBAAoB,GACpB,gBAAgB,GAChB,WAAW,GACX,mBAAmB,GACnB,QAAQ,GACR,gBAAgB,GAChB,eAAe,CAAC;AAuQtB,MAAM,WAAW,WAAW,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,GAAG,KAAK;IAC3F,eAAe,EAAE,aAAa,CAAC,gBAAgB,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IACtE,SAAS,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;IAC3C,gBAAgB,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAClD;AAsBD,wBAAgB,WAAW,CAAC,UAAU,SAAS,cAAc,EAAE,KAAK,EAAE,gBAAgB,CAAC,UAAU,CAAC,eAEjG;AAED,wBAAgB,gBAAgB,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,GAAG,KAAK,EAC/F,KAAK,EAAE,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,eAGpD;AAED,wBAAgB,oBAAoB,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,EAC3F,KAAK,EAAE,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,eAGxD;AAED,wBAAgB,yBAAyB,CAAC,UAAU,SAAS,cAAc,EAAE,OAAO,SAAS,OAAO,EAChG,KAAK,EAAE,yBAAyB,CAAC,UAAU,EAAE,OAAO,CAAC,GAAG,qBAAqB,CAAC,UAAU,EAAE,OAAO,CAAC,eAGrG;AAED,OAAO,QAAQ,sBAAsB,CAAC;IAClC,UAAU,uBAAuB;QAC7B,gBAAgB,EAAE,cAAc,CAAC;KACpC;IAED,UAAU,mBAAmB;QACzB,gBAAgB,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;KACtC;IAED,UAAU,UAAU;QAChB,gBAAgB,CAAC,EAAE;YACf,YAAY,CAAC,EAAE,OAAO,CAAC,mBAAmB,CAAC,kBAAkB,CAAC,CAAC,CAAC;YAChE,cAAc,CAAC,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC,kBAAkB,CAAC,CAAC;SACnE,CAAC;KACL;CACJ"}

package/lib/ReactSelect.js

@@ -12,25 +12,22 @@ var _admin = require("@comet/admin");
 var _adminIcons = require("@comet/admin-icons");
 var _material = require("@mui/material");
 var _styles = require("@mui/material/styles");
-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 _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["inputRef"],
   _excluded2 = ["components", "selectComponent"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-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 _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 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) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
 function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 _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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var NoOptionsMessageText = (0, _admin.createComponentSlot)(_material.Typography)({
   componentName: "Select",
@@ -40,12 +37,14 @@ var NoOptionsMessageText = (0, _admin.createComponentSlot)(_material.Typography)
   return (0, _styles.css)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        padding: ", " ", ";\n        color: ", ";\n    "])), theme.spacing(1), theme.spacing(2), theme.palette.text.secondary);
 });
 function NoOptionsMessage(props) {
-  return /*#__PURE__*/React.createElement(NoOptionsMessageText, props.innerProps, props.children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(NoOptionsMessageText, _objectSpread(_objectSpread({}, props.innerProps), {}, {
+    children: props.children
+  }));
 }
 function inputComponent(_ref2) {
   var inputRef = _ref2.inputRef,
     props = _objectWithoutProperties(_ref2, _excluded);
-  return /*#__PURE__*/React.createElement("div", _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", _objectSpread({
     ref: inputRef
   }, props));
 }
@@ -61,10 +60,10 @@ function Control(props) {
       children: props.children
     }, props.innerProps)
   };
-  return /*#__PURE__*/React.createElement(ControlInput, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ControlInput, _objectSpread(_objectSpread({
     type: "text",
     fullWidth: true
-  }, InputProps, props.selectProps.textFieldProps));
+  }, InputProps), props.selectProps.textFieldProps));
 }
 var OptionMenuItem = (0, _admin.createComponentSlot)(_material.MenuItem)({
   componentName: "Select",
@@ -78,7 +77,7 @@ var OptionMenuItem = (0, _admin.createComponentSlot)(_material.MenuItem)({
   return (0, _styles.css)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        ", "\n\n        ", "\n    "])), ownerState.selected && (0, _styles.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n            font-weight: ", ";\n        "])), theme.typography.fontWeightMedium), ownerState.focused && (0, _styles.css)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n            background-color: ", ";\n        "])), theme.palette.action.selected));
 });
 function Option(props) {
-  return /*#__PURE__*/React.createElement(OptionMenuItem, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(OptionMenuItem, _objectSpread(_objectSpread({
     ref: props.innerRef,
     selected: props.isSelected,
     ownerState: {
@@ -89,7 +88,9 @@ function Option(props) {
     // @ts-expect-error The type is not correctly passed through to `MenuItem` when using `styled()`, see: https://mui.com/material-ui/guides/typescript/#complications-with-the-component-prop
     ,
     component: "div"
-  }, props.innerProps), props.children);
+  }, props.innerProps), {}, {
+    children: props.children
+  }));
 }
 var PlaceholderSlot = (0, _admin.createComponentSlot)("div")({
   componentName: "Select",
@@ -99,21 +100,27 @@ var PlaceholderSlot = (0, _admin.createComponentSlot)("div")({
   return (0, _styles.css)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        color: ", ";\n    "])), theme.palette.text.disabled);
 });
 function Placeholder(props) {
-  return /*#__PURE__*/React.createElement(PlaceholderSlot, props.innerProps, props.children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(PlaceholderSlot, _objectSpread(_objectSpread({}, props.innerProps), {}, {
+    children: props.children
+  }));
 }
 var SingleValueSlot = (0, _admin.createComponentSlot)("div")({
   componentName: "Select",
   slotName: "singleValue"
 })((0, _styles.css)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n"]))));
 function SingleValue(props) {
-  return /*#__PURE__*/React.createElement(SingleValueSlot, props.innerProps, props.children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SingleValueSlot, _objectSpread(_objectSpread({}, props.innerProps), {}, {
+    children: props.children
+  }));
 }
 var ValueContainerSlot = (0, _admin.createComponentSlot)("div")({
   componentName: "Select",
   slotName: "valueContainer"
 })((0, _styles.css)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-wrap: nowrap;\n    flex: 1;\n    align-items: center;\n    overflow: hidden;\n"]))));
 function ValueContainer(props) {
-  return /*#__PURE__*/React.createElement(ValueContainerSlot, null, props.children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ValueContainerSlot, {
+    children: props.children
+  });
 }
 var MultiValueChip = (0, _admin.createComponentSlot)(_material.Chip)({
   componentName: "Select",
@@ -127,14 +134,14 @@ var MultiValueChip = (0, _admin.createComponentSlot)(_material.Chip)({
   return (0, _styles.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        margin: ", " ", ";\n\n        ", "\n    "])), theme.spacing(0.5), theme.spacing(0.25), ownerState.focused && (0, _styles.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n            background-color: ", ";\n        "])), theme.palette.mode === "light" ? theme.palette.grey[300] : theme.palette.grey[700]));
 });
 function MultiValue(props) {
-  return /*#__PURE__*/React.createElement(MultiValueChip, {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MultiValueChip, {
     tabIndex: -1,
     ownerState: {
       focused: props.isFocused
     },
     label: props.children,
     onDelete: props.removeProps.onClick,
-    deleteIcon: /*#__PURE__*/React.createElement(_adminIcons.Clear, props.removeProps)
+    deleteIcon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_adminIcons.Clear, _objectSpread({}, props.removeProps))
   });
 }
 var MenuSlot = (0, _admin.createComponentSlot)(_material.Paper)({
@@ -142,14 +149,18 @@ var MenuSlot = (0, _admin.createComponentSlot)(_material.Paper)({
   slotName: "paper"
 })();
 function Menu(props) {
-  return /*#__PURE__*/React.createElement(MenuSlot, props.innerProps, props.children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MenuSlot, _objectSpread(_objectSpread({}, props.innerProps), {}, {
+    children: props.children
+  }));
 }
 var IndicatorsContainerSlot = (0, _admin.createComponentSlot)("div")({
   componentName: "Select",
   slotName: "indicatorsContainer"
 })((0, _styles.css)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    display: flex;\n"]))));
 function IndicatorsContainer(props) {
-  return /*#__PURE__*/React.createElement(IndicatorsContainerSlot, null, props.children);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IndicatorsContainerSlot, {
+    children: props.children
+  });
 }
 var IndicatorSeparatorSlot = (0, _admin.createComponentSlot)("span")({
   componentName: "Select",
@@ -159,7 +170,7 @@ var IndicatorSeparatorSlot = (0, _admin.createComponentSlot)("span")({
   return (0, _styles.css)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n        width: 1px;\n        flex-grow: 1;\n        background-color: ", ";\n    "])), theme.palette.divider);
 });
 function IndicatorSeparator(props) {
-  return /*#__PURE__*/React.createElement(IndicatorSeparatorSlot, null);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(IndicatorSeparatorSlot, {});
 }
 var ClearIndicatorSlot = (0, _admin.createComponentSlot)("div")({
   componentName: "Select",
@@ -175,12 +186,13 @@ function ClearIndicator(_ref8) {
   var selectProps = _ref8.selectProps,
     clearValue = _ref8.clearValue;
   var Icon = selectProps.clearIcon ? selectProps.clearIcon : _adminIcons.Close;
-  return /*#__PURE__*/React.createElement(ClearIndicatorSlot, {
-    onClick: clearValue
-  }, /*#__PURE__*/React.createElement(Icon, {
-    fontSize: "inherit",
-    color: "inherit"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(ClearIndicatorSlot, {
+    onClick: clearValue,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      fontSize: "inherit",
+      color: "inherit"
+    })
+  });
 }
 var DropdownIndicatorSlot = (0, _admin.createComponentSlot)("div")({
   componentName: "Select",
@@ -197,10 +209,12 @@ function DropdownIndicator(_ref10) {
   var DefaultIcon = selectProps.dropdownIcon ? selectProps.dropdownIcon : _adminIcons.ChevronDown;
   var OpenIcon = selectProps.dropdownIconOpen ? selectProps.dropdownIconOpen : _adminIcons.ChevronDown;
   var Icon = selectProps.menuIsOpen ? OpenIcon : DefaultIcon;
-  return /*#__PURE__*/React.createElement(DropdownIndicatorSlot, null, /*#__PURE__*/React.createElement(Icon, {
-    fontSize: "inherit",
-    color: "inherit"
-  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DropdownIndicatorSlot, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(Icon, {
+      fontSize: "inherit",
+      color: "inherit"
+    })
+  });
 }
 var components = {
   Control: Control,
@@ -222,7 +236,7 @@ function SelectWrapper(_ref11) {
     rest = _objectWithoutProperties(_ref11, _excluded2);
   var _useTheme = (0, _material.useTheme)(),
     zIndex = _useTheme.zIndex;
-  return /*#__PURE__*/React.createElement(SelectComponent, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectComponent, _objectSpread({
     menuPortalTarget: document.body,
     components: _objectSpread(_objectSpread({}, components), origComponents),
     placeholder: "",
@@ -236,22 +250,22 @@ function SelectWrapper(_ref11) {
   }, rest));
 }
 function ReactSelect(props) {
-  return /*#__PURE__*/React.createElement(SelectWrapper, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectWrapper, _objectSpread({
     selectComponent: _reactSelect["default"]
   }, props));
 }
 function ReactSelectAsync(props) {
-  return /*#__PURE__*/React.createElement(SelectWrapper, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectWrapper, _objectSpread({
     selectComponent: _async["default"]
   }, props));
 }
 function ReactSelectCreatable(props) {
-  return /*#__PURE__*/React.createElement(SelectWrapper, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectWrapper, _objectSpread({
     selectComponent: _creatable["default"]
   }, props));
 }
 function ReactSelectAsyncCreatable(props) {
-  return /*#__PURE__*/React.createElement(SelectWrapper, _extends({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectWrapper, _objectSpread({
     selectComponent: _asyncCreatable["default"]
   }, props));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@comet/admin-react-select",
-  "version": "8.0.0-canary-20240731111743",
+  "version": "8.0.0-canary-20240920091107",
   "repository": {
     "type": "git",
     "url": "https://github.com/vivid-planet/comet",
@@ -13,15 +13,15 @@
     "lib"
   ],
   "dependencies": {
-    "@comet/admin": "8.0.0-canary-20240731111743",
-    "@comet/admin-icons": "8.0.0-canary-20240731111743",
+    "@comet/admin": "8.0.0-canary-20240920091107",
+    "@comet/admin-icons": "8.0.0-canary-20240920091107",
     "classnames": "^2.2.6"
   },
   "devDependencies": {
     "@babel/cli": "^7.17.6",
     "@babel/core": "^7.20.12",
-    "@comet/admin-babel-preset": "8.0.0-canary-20240731111743",
-    "@comet/eslint-config": "8.0.0-canary-20240731111743",
+    "@comet/admin-babel-preset": "8.0.0-canary-20240920091107",
+    "@comet/eslint-config": "8.0.0-canary-20240920091107",
     "@mui/material": "^5.0.0",
     "@types/react": "^17.0.0",
     "@types/react-dom": "^17.0.0",