@elliemae/ds-form 2.2.0-alpha.1 → 2.2.0-alpha.5

package/cjs/ComboBox/v2/components/GroupHeading.js

@@ -1,47 +1,59 @@
-'use strict';
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var Select = require('react-select');
-var DSSeparator = require('@elliemae/ds-separator');
-var utils = require('./utils.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-var DSSeparator__default = /*#__PURE__*/_interopDefaultLegacy(DSSeparator);
-
-var _StyledSeparator;
-
-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__default["default"](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; }
-
-const GroupHeading = props => {
-  const headerPosition = utils.getGroupHeaderPosition(props.id);
-  const {
-    hasSeparator
-  } = props.selectProps.options[headerPosition];
-  return /*#__PURE__*/_jsx__default["default"](Wrapper, {}, void 0, hasSeparator && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](StyledSeparator, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var GroupHeading_exports = {};
+__export(GroupHeading_exports, {
+  GroupHeading: () => GroupHeading,
+  default: () => GroupHeading_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_react_select = require("react-select");
+var import_ds_separator = require("@elliemae/ds-separator");
+var import_utils = require("./utils");
+const GroupHeading = (props) => {
+  const headerPosition = (0, import_utils.getGroupHeaderPosition)(props.id);
+  const { hasSeparator } = props.selectProps.options[headerPosition];
+  return /* @__PURE__ */ import_react.default.createElement(Wrapper, null, hasSeparator && /* @__PURE__ */ import_react.default.createElement(StyledSeparator, {
     type: "non-form"
-  }))), /*#__PURE__*/jsxRuntime.jsx(Select.components.GroupHeading, _objectSpread({}, props)));
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_select.components.GroupHeading, {
+    ...props
+  }));
 };
-
-const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
-  componentId: "sc-1bw0sto-0"
-})(["width:auto;margin:", ";margin-top:unset;"], props => props.theme.space.xs);
-const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1bw0sto-1"
-})(["display:flex;flex-direction:column;"]);
-
-module.exports = GroupHeading;
+const StyledSeparator = (0, import_styled_components.default)(import_ds_separator.DSSeparator)`
+  width: auto;
+  margin: ${(props) => props.theme.space.xs};
+  margin-top: unset;
+`;
+const Wrapper = import_styled_components.default.div`
+  display: flex;
+  flex-direction: column;
+`;
+var GroupHeading_default = GroupHeading;
+module.exports = __toCommonJS(GroupHeading_exports);
+//# sourceMappingURL=GroupHeading.js.map

package/cjs/ComboBox/v2/components/GroupHeading.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/GroupHeading.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { components } from 'react-select';\nimport { DSSeparator } from '@elliemae/ds-separator';\nimport { getGroupHeaderPosition } from './utils';\n\nconst GroupHeading = (props) => {\n  const headerPosition = getGroupHeaderPosition(props.id);\n  const { hasSeparator } = props.selectProps.options[headerPosition];\n\n  return (\n    <Wrapper>\n      {hasSeparator && <StyledSeparator type=\"non-form\" />}\n      <components.GroupHeading {...props} />\n    </Wrapper>\n  );\n};\n\nconst StyledSeparator = styled(DSSeparator)`\n  width: auto;\n  margin: ${(props) => props.theme.space.xs};\n  margin-top: unset;\n`;\n\nconst Wrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport { GroupHeading };\nexport default GroupHeading;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,0BAA2B;AAC3B,0BAA4B;AAC5B,mBAAuC;AAEvC,MAAM,eAAe,CAAC,UAAU;AAC9B,QAAM,iBAAiB,yCAAuB,MAAM;AACpD,QAAM,EAAE,iBAAiB,MAAM,YAAY,QAAQ;AAEnD,SACE,mDAAC,SAAD,MACG,gBAAgB,mDAAC,iBAAD;AAAA,IAAiB,MAAK;AAAA,MACvC,mDAAC,+BAAW,cAAZ;AAAA,OAA6B;AAAA;AAAA;AAKnC,MAAM,kBAAkB,sCAAO;AAAA;AAAA,YAEnB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA;AAAA;AAIzC,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAMvB,IAAO,uBAAQ;",
+  "names": []
+}

package/cjs/ComboBox/v2/components/IndicatorSeparator.js

@@ -1,29 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__default["default"](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; }
-const IndicatorSeparator = _ref => {
-  let {
-    innerProps
-  } = _ref;
-  return /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread({}, innerProps));
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
 };
-
-exports.IndicatorSeparator = IndicatorSeparator;
-exports["default"] = IndicatorSeparator;
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var IndicatorSeparator_exports = {};
+__export(IndicatorSeparator_exports, {
+  IndicatorSeparator: () => IndicatorSeparator,
+  default: () => IndicatorSeparator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const IndicatorSeparator = ({ innerProps }) => /* @__PURE__ */ import_react.default.createElement("span", {
+  ...innerProps
+});
+var IndicatorSeparator_default = IndicatorSeparator;
+module.exports = __toCommonJS(IndicatorSeparator_exports);
+//# sourceMappingURL=IndicatorSeparator.js.map

package/cjs/ComboBox/v2/components/IndicatorSeparator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/IndicatorSeparator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\n\nexport const IndicatorSeparator = ({ innerProps }) => <span {...innerProps} />;\n\nexport default IndicatorSeparator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAEX,MAAM,qBAAqB,CAAC,EAAE,iBAAiB,mDAAC,QAAD;AAAA,KAAU;AAAA;AAEhE,IAAO,6BAAQ;",
+  "names": []
+}

package/cjs/ComboBox/v2/components/LoadingIndicator.js

@@ -1,24 +1,49 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('react');
-var styled = require('styled-components');
-var dsCircularProgressIndicator = require('@elliemae/ds-circular-progress-indicator');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-var _Wrapper;
-const Wrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-m7hflj-0"
-})(["display:flex;justify-content:center;margin-top:12px;"]);
-
-const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx__default["default"](Wrapper, {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LoadingIndicator_exports = {};
+__export(LoadingIndicator_exports, {
+  LoadingIndicator: () => LoadingIndicator,
+  default: () => LoadingIndicator_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+var import_ds_circular_progress_indicator = require("@elliemae/ds-circular-progress-indicator");
+const Wrapper = import_styled_components.default.div`
+  display: flex;
+  justify-content: center;
+  margin-top: 12px;
+`;
+const LoadingIndicator = () => /* @__PURE__ */ import_react.default.createElement(Wrapper, {
   "data-testid": "ds-combobox_loading-indicator"
-}, void 0, /*#__PURE__*/_jsx__default["default"](dsCircularProgressIndicator.DSCircularProgressIndicator, {
+}, /* @__PURE__ */ import_react.default.createElement(import_ds_circular_progress_indicator.DSCircularProgressIndicator, {
   size: "m"
-})));
-
-module.exports = LoadingIndicator;
+}));
+var LoadingIndicator_default = LoadingIndicator;
+module.exports = __toCommonJS(LoadingIndicator_exports);
+//# sourceMappingURL=LoadingIndicator.js.map

package/cjs/ComboBox/v2/components/LoadingIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/LoadingIndicator.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport styled from 'styled-components';\nimport { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';\n\nconst Wrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: 12px;\n`;\n\nconst LoadingIndicator = () => (\n  <Wrapper data-testid=\"ds-combobox_loading-indicator\">\n    <DSCircularProgressIndicator size=\"m\" />\n  </Wrapper>\n);\n\nexport { LoadingIndicator };\nexport default LoadingIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,+BAAmB;AACnB,4CAA4C;AAE5C,MAAM,UAAU,iCAAO;AAAA;AAAA;AAAA;AAAA;AAMvB,MAAM,mBAAmB,MACvB,mDAAC,SAAD;AAAA,EAAS,eAAY;AAAA,GACnB,mDAAC,mEAAD;AAAA,EAA6B,MAAK;AAAA;AAKtC,IAAO,2BAAQ;",
+  "names": []
+}

package/cjs/ComboBox/v2/components/MenuList.js

@@ -1,132 +1,127 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var Select = require('react-select');
-var reactWindow = require('react-window');
-var memoize = require('memoize-one');
-var CustomOption = require('./CustomOption.js');
-var CustomOptionMulti = require('./CustomOptionMulti.js');
-var MultiSelectHeader = require('./MultiSelectHeader.js');
-var useMenuListHeight = require('./useMenuListHeight.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var memoize__default = /*#__PURE__*/_interopDefaultLegacy(memoize);
-
-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__default["default"](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; }
-const createItemData = memoize__default["default"]((items, options) => {
-  if (items !== null && items !== void 0 && items.findIndex) {
-    const index = items.findIndex(item => item.props.isFocused);
-    if (index > -1) return {
-      items,
-      options
-    };
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var MenuList_exports = {};
+__export(MenuList_exports, {
+  MenuList: () => MenuList,
+  default: () => MenuList_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_prop_types = __toESM(require("prop-types"));
+var import_react_select = require("react-select");
+var import_react_window = require("react-window");
+var import_memoize_one = __toESM(require("memoize-one"));
+var import_CustomOption = require("./CustomOption");
+var import_CustomOptionMulti = require("./CustomOptionMulti");
+var import_MultiSelectHeader = require("./MultiSelectHeader");
+var import_useMenuListHeight = require("./useMenuListHeight");
+const createItemData = (0, import_memoize_one.default)((items, options) => {
+  if (items?.findIndex) {
+    const index = items.findIndex((item) => item.props.isFocused);
+    if (index > -1)
+      return { items, options };
     return {
-      items: [_objectSpread(_objectSpread({}, items[0]), {}, {
-        props: _objectSpread(_objectSpread({}, items[0].props), {}, {
-          isFocused: true
-        })
-      }), ...items.slice(1)],
+      items: [
+        { ...items[0], props: { ...items[0].props, isFocused: true } },
+        ...items.slice(1)
+      ],
       options
     };
   }
-
-  return {
-    items,
-    options
-  };
+  return { items, options };
 });
-
 const scrollTo = (listRef, type) => {
   if (listRef && listRef.current && listRef.current.props) {
-    const {
-      items
-    } = listRef.current.props.itemData;
-    const index = items.findIndex(item => item.props.isFocused);
+    const { items } = listRef.current.props.itemData;
+    const index = items.findIndex((item) => item.props.isFocused);
     listRef.current.scrollToItem(index !== -1 ? index : 0, type);
   }
 };
-
-const MenuList = /*#__PURE__*/React__default["default"].memo(props => {
-  const {
-    children: options,
-    selectProps,
-    isMulti,
-    hasValue
-  } = props;
+const MenuList = import_react.default.memo((props) => {
+  const { children: options, selectProps, isMulti, hasValue } = props;
   const {
     customMenuItemOptions,
     selectMeasure: {
-      bounds: {
-        bottom
-      }
+      bounds: { bottom }
     }
   } = selectProps;
-  const listRef = React.useRef(null);
-  const [inside, setInside] = React.useState(false);
+  const listRef = (0, import_react.useRef)(null);
+  const [inside, setInside] = (0, import_react.useState)(false);
   const remainingHeight = window.innerHeight - bottom - 10;
-  React.useEffect(() => {
-    window.addEventListener('keydown', handleKeyDown);
-    return () => window.removeEventListener('keydown', handleKeyDown);
+  (0, import_react.useEffect)(() => {
+    window.addEventListener("keydown", handleKeyDown);
+    return () => window.removeEventListener("keydown", handleKeyDown);
   }, []);
-
   const handleKeyDown = () => setInside(false);
-
-  const {
-    itemSize = 35,
-    maxOptions
-  } = customMenuItemOptions;
+  const { itemSize = 35, maxOptions } = customMenuItemOptions;
   const itemData = createItemData(options, customMenuItemOptions);
-  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;
-  const height = useMenuListHeight.useMenuListHeight(options, maxOptions, itemSize, remainingHeight);
-
+  const RenderOption = !isMulti ? import_CustomOption.CustomOption : import_CustomOptionMulti.CustomOptionMulti;
+  const height = (0, import_useMenuListHeight.useMenuListHeight)(options, maxOptions, itemSize, remainingHeight);
   if (listRef && listRef.current && !inside && hasValue) {
-    scrollTo(listRef); // use autoScroll
+    scrollTo(listRef);
   }
-
-  React.useEffect(() => {
-    // fix this that has a bug where the groups is being focused
-    if (hasValue && !inside && listRef) scrollTo(listRef);
+  (0, import_react.useEffect)(() => {
+    if (hasValue && !inside && listRef)
+      scrollTo(listRef);
   }, [options]);
-
   const setInsideFalseAtClosing = () => setInside(false);
-
-  React.useEffect(() => setInsideFalseAtClosing, []);
-  if (!options.length) return /*#__PURE__*/jsxRuntime.jsx(Select.components.MenuList, _objectSpread({}, props));
-  return /*#__PURE__*/_jsx__default["default"]("div", {
+  (0, import_react.useEffect)(() => setInsideFalseAtClosing, []);
+  if (!options.length)
+    return /* @__PURE__ */ import_react.default.createElement(import_react_select.components.MenuList, {
+      ...props
+    });
+  return /* @__PURE__ */ import_react.default.createElement("div", {
     role: "list",
     "data-testid": "combobox-menu-list"
-  }, void 0, isMulti && /*#__PURE__*/jsxRuntime.jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactWindow.FixedSizeList, {
-    ref: r => {
+  }, isMulti && /* @__PURE__ */ import_react.default.createElement(import_MultiSelectHeader.MultiSelectHeader, {
+    ...props
+  }), /* @__PURE__ */ import_react.default.createElement(import_react_window.FixedSizeList, {
+    ref: (r) => {
       listRef.current = r;
-
       if (!inside && listRef && hasValue) {
         scrollTo(listRef);
       }
     },
-    className: "combobox-menu-list ".concat(isMulti && 'combobox-menu-list-is-multi'),
-    height: height,
+    className: `combobox-menu-list ${isMulti && "combobox-menu-list-is-multi"}`,
+    height,
     itemCount: options.length,
-    itemData: itemData,
-    itemSize: itemSize,
+    itemData,
+    itemSize,
     onScroll: () => setInside(true),
-    useIsScrolling: true,
-    children: RenderOption
-  }));
+    useIsScrolling: true
+  }, RenderOption));
 });
-
-module.exports = MenuList;
+MenuList.propTypes = {
+  children: import_prop_types.default.arrayOf(import_prop_types.default.element),
+  selectProps: import_prop_types.default.object,
+  isMulti: import_prop_types.default.bool,
+  hasValue: import_prop_types.default.bool
+};
+var MenuList_default = MenuList;
+module.exports = __toCommonJS(MenuList_exports);
+//# sourceMappingURL=MenuList.js.map

package/cjs/ComboBox/v2/components/MenuList.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/ComboBox/v2/components/MenuList.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport React, { useRef, useState, useEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { components } from 'react-select';\nimport { FixedSizeList as List } from 'react-window';\nimport memoize from 'memoize-one';\nimport { CustomOption } from './CustomOption';\nimport { CustomOptionMulti } from './CustomOptionMulti';\nimport { MultiSelectHeader } from './MultiSelectHeader';\nimport { useMenuListHeight } from './useMenuListHeight';\n\nconst createItemData = memoize((items, options) => {\n  if (items?.findIndex) {\n    const index = items.findIndex((item) => item.props.isFocused);\n    if (index > -1) return { items, options };\n    return {\n      items: [\n        { ...items[0], props: { ...items[0].props, isFocused: true } },\n        ...items.slice(1),\n      ],\n      options,\n    };\n  }\n  return { items, options };\n});\n\nconst scrollTo = (listRef, type) => {\n  if (listRef && listRef.current && listRef.current.props) {\n    const { items } = listRef.current.props.itemData;\n    const index = items.findIndex((item) => item.props.isFocused);\n    listRef.current.scrollToItem(index !== -1 ? index : 0, type);\n  }\n};\n\nconst MenuList = React.memo((props) => {\n  const { children: options, selectProps, isMulti, hasValue } = props;\n  const {\n    customMenuItemOptions,\n    selectMeasure: {\n      bounds: { bottom },\n    },\n  } = selectProps;\n  const listRef = useRef(null);\n  const [inside, setInside] = useState(false);\n  const remainingHeight = window.innerHeight - bottom - 10;\n\n  useEffect(() => {\n    window.addEventListener('keydown', handleKeyDown);\n    return () => window.removeEventListener('keydown', handleKeyDown);\n  }, []);\n\n  const handleKeyDown = () => setInside(false);\n\n  const { itemSize = 35, maxOptions } = customMenuItemOptions;\n  const itemData = createItemData(options, customMenuItemOptions);\n  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;\n\n  const height = useMenuListHeight(\n    options,\n    maxOptions,\n    itemSize,\n    remainingHeight,\n  );\n\n  if (listRef && listRef.current && !inside && hasValue) {\n    scrollTo(listRef); // use autoScroll\n  }\n\n  useEffect(() => {\n    // fix this that has a bug where the groups is being focused\n    if (hasValue && !inside && listRef) scrollTo(listRef);\n  }, [options]);\n\n  const setInsideFalseAtClosing = () => setInside(false);\n  useEffect(() => setInsideFalseAtClosing, []);\n\n  if (!options.length) return <components.MenuList {...props} />;\n\n  return (\n    <div role='list' data-testid=\"combobox-menu-list\">\n      {isMulti && <MultiSelectHeader {...props} />}\n      <List\n        ref={(r) => {\n          listRef.current = r;\n          if (!inside && listRef && hasValue) {\n            scrollTo(listRef);\n          }\n        }}\n        className={`combobox-menu-list ${\n          isMulti && 'combobox-menu-list-is-multi'\n        }`}\n        height={height}\n        itemCount={options.length}\n        itemData={itemData}\n        itemSize={itemSize}\n        onScroll={() => setInside(true)}\n        useIsScrolling\n      >\n        {RenderOption}\n      </List>\n    </div>\n  );\n});\n\nMenuList.propTypes = {\n  children: PropTypes.arrayOf(PropTypes.element),\n  selectProps: PropTypes.object,\n  isMulti: PropTypes.bool,\n  hasValue: PropTypes.bool,\n};\n\nexport { MenuList };\nexport default MenuList;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAmD;AACnD,wBAAsB;AACtB,0BAA2B;AAC3B,0BAAsC;AACtC,yBAAoB;AACpB,0BAA6B;AAC7B,+BAAkC;AAClC,+BAAkC;AAClC,+BAAkC;AAElC,MAAM,iBAAiB,gCAAQ,CAAC,OAAO,YAAY;AACjD,MAAI,OAAO,WAAW;AACpB,UAAM,QAAQ,MAAM,UAAU,CAAC,SAAS,KAAK,MAAM;AACnD,QAAI,QAAQ;AAAI,aAAO,EAAE,OAAO;AAChC,WAAO;AAAA,MACL,OAAO;AAAA,QACL,KAAK,MAAM,IAAI,OAAO,KAAK,MAAM,GAAG,OAAO,WAAW;AAAA,QACtD,GAAG,MAAM,MAAM;AAAA;AAAA,MAEjB;AAAA;AAAA;AAGJ,SAAO,EAAE,OAAO;AAAA;AAGlB,MAAM,WAAW,CAAC,SAAS,SAAS;AAClC,MAAI,WAAW,QAAQ,WAAW,QAAQ,QAAQ,OAAO;AACvD,UAAM,EAAE,UAAU,QAAQ,QAAQ,MAAM;AACxC,UAAM,QAAQ,MAAM,UAAU,CAAC,SAAS,KAAK,MAAM;AACnD,YAAQ,QAAQ,aAAa,UAAU,KAAK,QAAQ,GAAG;AAAA;AAAA;AAI3D,MAAM,WAAW,qBAAM,KAAK,CAAC,UAAU;AACrC,QAAM,EAAE,UAAU,SAAS,aAAa,SAAS,aAAa;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,eAAe;AAAA,MACb,QAAQ,EAAE;AAAA;AAAA,MAEV;AACJ,QAAM,UAAU,yBAAO;AACvB,QAAM,CAAC,QAAQ,aAAa,2BAAS;AACrC,QAAM,kBAAkB,OAAO,cAAc,SAAS;AAEtD,8BAAU,MAAM;AACd,WAAO,iBAAiB,WAAW;AACnC,WAAO,MAAM,OAAO,oBAAoB,WAAW;AAAA,KAClD;AAEH,QAAM,gBAAgB,MAAM,UAAU;AAEtC,QAAM,EAAE,WAAW,IAAI,eAAe;AACtC,QAAM,WAAW,eAAe,SAAS;AACzC,QAAM,eAAe,CAAC,UAAU,mCAAe;AAE/C,QAAM,SAAS,gDACb,SACA,YACA,UACA;AAGF,MAAI,WAAW,QAAQ,WAAW,CAAC,UAAU,UAAU;AACrD,aAAS;AAAA;AAGX,8BAAU,MAAM;AAEd,QAAI,YAAY,CAAC,UAAU;AAAS,eAAS;AAAA,KAC5C,CAAC;AAEJ,QAAM,0BAA0B,MAAM,UAAU;AAChD,8BAAU,MAAM,yBAAyB;AAEzC,MAAI,CAAC,QAAQ;AAAQ,WAAO,mDAAC,+BAAW,UAAZ;AAAA,SAAyB;AAAA;AAErD,SACE,mDAAC,OAAD;AAAA,IAAK,MAAK;AAAA,IAAO,eAAY;AAAA,KAC1B,WAAW,mDAAC,4CAAD;AAAA,OAAuB;AAAA,MACnC,mDAAC,mCAAD;AAAA,IACE,KAAK,CAAC,MAAM;AACV,cAAQ,UAAU;AAClB,UAAI,CAAC,UAAU,WAAW,UAAU;AAClC,iBAAS;AAAA;AAAA;AAAA,IAGb,WAAW,sBACT,WAAW;AAAA,IAEb;AAAA,IACA,WAAW,QAAQ;AAAA,IACnB;AAAA,IACA;AAAA,IACA,UAAU,MAAM,UAAU;AAAA,IAC1B,gBAAc;AAAA,KAEb;AAAA;AAMT,SAAS,YAAY;AAAA,EACnB,UAAU,0BAAU,QAAQ,0BAAU;AAAA,EACtC,aAAa,0BAAU;AAAA,EACvB,SAAS,0BAAU;AAAA,EACnB,UAAU,0BAAU;AAAA;AAItB,IAAO,mBAAQ;",
+  "names": []
+}