@elliemae/ds-controlled-form 2.2.0-next.4 → 2.3.0-alpha.2

package/cjs/controlled-combobox/parts/multi-selected-values-container/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-combobox/parts/multi-selected-values-container/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledGroupedPillPopoverContent = styled.div`\n  padding: 10px;\n  background-color: #fff;\n`;\n\nexport const StyledGroupPillWrapper = styled.div``;\n\nexport const StyledA11ySelectedValues = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,kCAAkC,iCAAO;AAAA;AAAA;AAAA;AAK/C,MAAM,yBAAyB,iCAAO;AAEtC,MAAM,2BAA2B,iCAAO;AAAA;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js

@@ -1,75 +1,89 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('core-js/modules/web.dom-collections.iterator.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var useOnElementResize = require('../../utils/hooks/useOnElementResize.js');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-
-const getGroupedPillWidth = remainingPills => {
-  if (remainingPills === 0) return 0;
+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 useGroupPills_exports = {};
+__export(useGroupPills_exports, {
+  useGroupPills: () => useGroupPills
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_useOnElementResize = require("../../utils/hooks/useOnElementResize");
+var import_ComboBoxCTX = require("../../ComboBoxCTX");
+const getGroupedPillWidth = (remainingPills) => {
+  if (remainingPills === 0)
+    return 0;
   const digits = remainingPills.toString().length;
   return 8 * (digits - 1) + 31;
 };
-
 const useGroupPills = () => {
   const {
-    props: {
-      selectedValues
-    },
+    props: { selectedValues },
     inputRef,
     selectedOptionsRef,
     controlsWrapperRef,
     pillGroupRef
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
+  } = (0, import_react.useContext)(import_ComboBoxCTX.ComboBoxContext);
   const multiSelectedValues = selectedValues;
-  const [pillsToShow, setPillsToShow] = React.useState(multiSelectedValues.length);
-  const {
-    width
-  } = useOnElementResize.useOnElementResize(controlsWrapperRef);
-  const {
-    width: widthInput
-  } = useOnElementResize.useOnElementResize(inputRef || null);
-  React.useEffect(() => {
+  const [pillsToShow, setPillsToShow] = (0, import_react.useState)(multiSelectedValues.length);
+  const { width } = (0, import_useOnElementResize.useOnElementResize)(controlsWrapperRef);
+  const { width: widthInput } = (0, import_useOnElementResize.useOnElementResize)(inputRef || null);
+  (0, import_react.useEffect)(() => {
     if (multiSelectedValues.length !== pillsToShow) {
       setPillsToShow(multiSelectedValues.length);
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
-
+    }
   }, [multiSelectedValues.length, width, widthInput]);
-  React.useLayoutEffect(() => {
+  (0, import_react.useLayoutEffect)(() => {
     if (selectedOptionsRef.current) {
-      if (pillGroupRef.current) pillGroupRef.current.style.width = 'max-content';
+      if (pillGroupRef.current)
+        pillGroupRef.current.style.width = "max-content";
       let lastPillFit = -1;
       let currentWidth = 0;
       const referenceWidth = selectedOptionsRef.current.offsetWidth;
-      const pills = [...selectedOptionsRef.current.querySelectorAll('.ds-pill-wrapper-value')];
-      const pillsWidth = pills.map(pill => pill === null || pill === void 0 ? void 0 : pill.offsetWidth);
+      const pills = [
+        ...selectedOptionsRef.current.querySelectorAll(".ds-pill-wrapper-value")
+      ];
+      const pillsWidth = pills.map((pill) => pill?.offsetWidth);
       pillsWidth.forEach((pillWidth, idx) => {
         currentWidth += pillWidth;
-
         if (currentWidth + getGroupedPillWidth(multiSelectedValues.length - idx - 1) <= referenceWidth) {
           lastPillFit = idx;
         }
       });
-
       if (!(multiSelectedValues.length > 0 && pillsToShow !== multiSelectedValues.length)) {
         const nextPillsToShow = lastPillFit + 1;
-
         if (nextPillsToShow !== pillsToShow) {
           setPillsToShow(nextPillsToShow);
         }
       }
-
-      if (pillGroupRef.current) pillGroupRef.current.style.width = 'fit-content';
+      if (pillGroupRef.current)
+        pillGroupRef.current.style.width = "fit-content";
     }
   }, [selectedOptionsRef, inputRef, multiSelectedValues, pillsToShow, pillGroupRef, width, widthInput]);
   return pillsToShow;
 };
-
-exports.useGroupPills = useGroupPills;
+module.exports = __toCommonJS(useGroupPills_exports);
+//# sourceMappingURL=useGroupPills.js.map

package/cjs/controlled-combobox/parts/multi-selected-values-container/useGroupPills.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-combobox/parts/multi-selected-values-container/useGroupPills.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useContext, useEffect, useState, useLayoutEffect } from 'react';\nimport { useOnElementResize } from '../../utils/hooks/useOnElementResize';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\nimport { CBItemOption } from '../../index.d';\n\nconst getGroupedPillWidth = (remainingPills: number): number => {\n  if (remainingPills === 0) return 0;\n  const digits = remainingPills.toString().length;\n  return 8 * (digits - 1) + 31;\n};\nconst useGroupPills = (): number => {\n  const {\n    props: { selectedValues },\n    inputRef,\n    selectedOptionsRef,\n    controlsWrapperRef,\n    pillGroupRef,\n  } = useContext(ComboBoxContext);\n\n  const multiSelectedValues = selectedValues as CBItemOption[];\n  const [pillsToShow, setPillsToShow] = useState(multiSelectedValues.length);\n  const { width } = useOnElementResize(controlsWrapperRef);\n  const { width: widthInput } = useOnElementResize(inputRef || null);\n  useEffect(() => {\n    if (multiSelectedValues.length !== pillsToShow) {\n      setPillsToShow(multiSelectedValues.length);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [multiSelectedValues.length, width, widthInput]);\n\n  useLayoutEffect(() => {\n    if (selectedOptionsRef.current) {\n      if (pillGroupRef.current) pillGroupRef.current.style.width = 'max-content';\n      let lastPillFit = -1;\n      let currentWidth = 0;\n      const referenceWidth = selectedOptionsRef.current.offsetWidth;\n      const pills: HTMLDivElement[] = [\n        ...selectedOptionsRef.current.querySelectorAll('.ds-pill-wrapper-value'),\n      ] as HTMLDivElement[];\n      const pillsWidth = pills.map((pill) => pill?.offsetWidth);\n      pillsWidth.forEach((pillWidth, idx) => {\n        currentWidth += pillWidth;\n        if (currentWidth + getGroupedPillWidth(multiSelectedValues.length - idx - 1) <= referenceWidth) {\n          lastPillFit = idx;\n        }\n      });\n      if (!(multiSelectedValues.length > 0 && pillsToShow !== multiSelectedValues.length)) {\n        const nextPillsToShow = lastPillFit + 1;\n\n        if (nextPillsToShow !== pillsToShow) {\n          setPillsToShow(nextPillsToShow);\n        }\n      }\n\n      if (pillGroupRef.current) pillGroupRef.current.style.width = 'fit-content';\n    }\n  }, [selectedOptionsRef, inputRef, multiSelectedValues, pillsToShow, pillGroupRef, width, widthInput]);\n\n  return pillsToShow;\n};\n\nexport { useGroupPills };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAiE;AACjE,gCAAmC;AACnC,yBAAgC;AAGhC,MAAM,sBAAsB,CAAC,mBAAmC;AAC9D,MAAI,mBAAmB;AAAG,WAAO;AACjC,QAAM,SAAS,eAAe,WAAW;AACzC,SAAO,IAAK,UAAS,KAAK;AAAA;AAE5B,MAAM,gBAAgB,MAAc;AAClC,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,6BAAW;AAEf,QAAM,sBAAsB;AAC5B,QAAM,CAAC,aAAa,kBAAkB,2BAAS,oBAAoB;AACnE,QAAM,EAAE,UAAU,kDAAmB;AACrC,QAAM,EAAE,OAAO,eAAe,kDAAmB,YAAY;AAC7D,8BAAU,MAAM;AACd,QAAI,oBAAoB,WAAW,aAAa;AAC9C,qBAAe,oBAAoB;AAAA;AAAA,KAGpC,CAAC,oBAAoB,QAAQ,OAAO;AAEvC,oCAAgB,MAAM;AACpB,QAAI,mBAAmB,SAAS;AAC9B,UAAI,aAAa;AAAS,qBAAa,QAAQ,MAAM,QAAQ;AAC7D,UAAI,cAAc;AAClB,UAAI,eAAe;AACnB,YAAM,iBAAiB,mBAAmB,QAAQ;AAClD,YAAM,QAA0B;AAAA,QAC9B,GAAG,mBAAmB,QAAQ,iBAAiB;AAAA;AAEjD,YAAM,aAAa,MAAM,IAAI,CAAC,SAAS,MAAM;AAC7C,iBAAW,QAAQ,CAAC,WAAW,QAAQ;AACrC,wBAAgB;AAChB,YAAI,eAAe,oBAAoB,oBAAoB,SAAS,MAAM,MAAM,gBAAgB;AAC9F,wBAAc;AAAA;AAAA;AAGlB,UAAI,CAAE,qBAAoB,SAAS,KAAK,gBAAgB,oBAAoB,SAAS;AACnF,cAAM,kBAAkB,cAAc;AAEtC,YAAI,oBAAoB,aAAa;AACnC,yBAAe;AAAA;AAAA;AAInB,UAAI,aAAa;AAAS,qBAAa,QAAQ,MAAM,QAAQ;AAAA;AAAA,KAE9D,CAAC,oBAAoB,UAAU,qBAAqB,aAAa,cAAc,OAAO;AAEzF,SAAO;AAAA;",
+  "names": []
+}

package/cjs/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js

@@ -1,28 +1,48 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var ComboBoxCTX = require('../../ComboBoxCTX.js');
-var styled = require('./styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-
+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 SingleSelectedValueContainer_exports = {};
+__export(SingleSelectedValueContainer_exports, {
+  SingleSelectedValueContainer: () => SingleSelectedValueContainer
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_ComboBoxCTX = require("../../ComboBoxCTX");
+var import_styled = require("./styled");
 const SingleSelectedValueContainer = () => {
   const {
-    props: {
-      selectedValues
-    },
+    props: { selectedValues },
     showSelectedValue
-  } = React.useContext(ComboBoxCTX.ComboBoxContext);
+  } = (0, import_react.useContext)(import_ComboBoxCTX.ComboBoxContext);
   const singleSelectedValue = selectedValues;
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledSingleSelectedValue, {}, void 0, showSelectedValue ? /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-    value: singleSelectedValue === null || singleSelectedValue === void 0 ? void 0 : singleSelectedValue.label
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSingleSelectedValue, null, showSelectedValue ? /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: singleSelectedValue?.label
   }) : null);
 };
-
-exports.SingleSelectedValueContainer = SingleSelectedValueContainer;
+module.exports = __toCommonJS(SingleSelectedValueContainer_exports);
+//# sourceMappingURL=SingleSelectedValueContainer.js.map

package/cjs/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-combobox/parts/single-selected-value-container/SingleSelectedValueContainer.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext } from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\n\nimport { CBItemOption } from '../../index.d';\nimport { ComboBoxContext } from '../../ComboBoxCTX';\n\nimport { StyledSingleSelectedValue } from './styled';\nconst SingleSelectedValueContainer = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n    showSelectedValue,\n  } = useContext(ComboBoxContext);\n\n  const singleSelectedValue = selectedValues as CBItemOption;\n  return (\n    <StyledSingleSelectedValue>\n      {showSelectedValue ? <SimpleTruncatedTooltipText value={singleSelectedValue?.label} /> : null}\n    </StyledSingleSelectedValue>\n  );\n};\n\nexport { SingleSelectedValueContainer };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkC;AAClC,uCAA2C;AAG3C,yBAAgC;AAEhC,oBAA0C;AAC1C,MAAM,+BAA+B,MAAmB;AACtD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,MACE,6BAAW;AAEf,QAAM,sBAAsB;AAC5B,SACE,mDAAC,yCAAD,MACG,oBAAoB,mDAAC,6DAAD;AAAA,IAA4B,OAAO,qBAAqB;AAAA,OAAY;AAAA;",
+  "names": []
+}

package/cjs/controlled-combobox/parts/single-selected-value-container/index.js

@@ -1,9 +1,35 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var SingleSelectedValueContainer = require('./SingleSelectedValueContainer.js');
-
-
-
-exports.SingleSelectedValueContainer = SingleSelectedValueContainer.SingleSelectedValueContainer;
+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 single_selected_value_container_exports = {};
+__export(single_selected_value_container_exports, {
+  SingleSelectedValueContainer: () => import_SingleSelectedValueContainer.SingleSelectedValueContainer
+});
+var React = __toESM(require("react"));
+var import_SingleSelectedValueContainer = require("./SingleSelectedValueContainer");
+module.exports = __toCommonJS(single_selected_value_container_exports);
+//# sourceMappingURL=index.js.map

package/cjs/controlled-combobox/parts/single-selected-value-container/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-combobox/parts/single-selected-value-container/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export { SingleSelectedValueContainer } from './SingleSelectedValueContainer';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0CAA6C;",
+  "names": []
+}

package/cjs/controlled-combobox/parts/single-selected-value-container/styled.js

@@ -1,15 +1,40 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-const StyledSingleSelectedValue = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-5qepox-0"
-})(["width:100%;display:flex;align-items:center;"]);
-
-exports.StyledSingleSelectedValue = StyledSingleSelectedValue;
+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 styled_exports = {};
+__export(styled_exports, {
+  StyledSingleSelectedValue: () => StyledSingleSelectedValue
+});
+var React = __toESM(require("react"));
+var import_styled_components = __toESM(require("styled-components"));
+const StyledSingleSelectedValue = import_styled_components.default.div`
+  width: 100%;
+  display: flex;
+  align-items: center;
+`;
+module.exports = __toCommonJS(styled_exports);
+//# sourceMappingURL=styled.js.map

package/cjs/controlled-combobox/parts/single-selected-value-container/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/controlled-combobox/parts/single-selected-value-container/styled.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import styled from 'styled-components';\n\nexport const StyledSingleSelectedValue = styled.div`\n  width: 100%;\n  display: flex;\n  align-items: center;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AAEZ,MAAM,4BAA4B,iCAAO;AAAA;AAAA;AAAA;AAAA;",
+  "names": []
+}

package/cjs/controlled-combobox/propTypes.js

@@ -1,26 +1,53 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-
+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 propTypes_exports = {};
+__export(propTypes_exports, {
+  propTypes: () => propTypes
+});
+var React = __toESM(require("react"));
+var import_react_desc = require("react-desc");
 const propTypes = {
-  placeholder: reactDesc.PropTypes.string.description('input s placeholder value').defaultValue(''),
-  options: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.array, reactDesc.PropTypes.object]).description('List of options').defaultValue([]),
-  selectedValues: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.object), reactDesc.PropTypes.object]).description('Array of option or single option selected'),
-  autoFocus: reactDesc.PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),
-  hasError: reactDesc.PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),
-  onChange: reactDesc.PropTypes.func.description('function triggered when an option is selected it will send the options selected').defaultValue(''),
-  onSelectAll: reactDesc.PropTypes.func.description('function triggered when ALL button is selected from the header menu list').defaultValue(''),
-  onFilter: reactDesc.PropTypes.func.description('function triggered when user type in the combobox input').defaultValue(''),
-  onCreate: reactDesc.PropTypes.func.description('function triggered when user select "create" a new item whenever is not a match in the all option list').defaultValue(''),
-  onClearAll: reactDesc.PropTypes.func.description('function triggered when user select CLEAR button from the header menu list').defaultValue(''),
-  onCancel: reactDesc.PropTypes.func.description('function triggered when user press ESC key').defaultValue(''),
-  onMenuOpen: reactDesc.PropTypes.func.description('function triggered when user open the menu list').defaultValue(''),
-  inputMinWidth: reactDesc.PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),
-  menuMinWidth: reactDesc.PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),
-  menuMaxHeight: reactDesc.PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),
-  withToggle: reactDesc.PropTypes.bool.description('POC purpose this prop will not remain').defaultValue('false')
+  placeholder: import_react_desc.PropTypes.string.description("input s placeholder value").defaultValue(""),
+  options: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.array, import_react_desc.PropTypes.object]).description("List of options").defaultValue([]),
+  selectedValues: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.object), import_react_desc.PropTypes.object]).description("Array of option or single option selected"),
+  autoFocus: import_react_desc.PropTypes.bool.description("Whether the combo box uses auto focus or not").defaultValue("false"),
+  hasError: import_react_desc.PropTypes.bool.description("Whether the combo box has error or not").defaultValue("false"),
+  onChange: import_react_desc.PropTypes.func.description("function triggered when an option is selected it will send the options selected").defaultValue(""),
+  onSelectAll: import_react_desc.PropTypes.func.description("function triggered when ALL button is selected from the header menu list").defaultValue(""),
+  onFilter: import_react_desc.PropTypes.func.description("function triggered when user type in the combobox input").defaultValue(""),
+  onCreate: import_react_desc.PropTypes.func.description('function triggered when user select "create" a new item whenever is not a match in the all option list').defaultValue(""),
+  onClearAll: import_react_desc.PropTypes.func.description("function triggered when user select CLEAR button from the header menu list").defaultValue(""),
+  onCancel: import_react_desc.PropTypes.func.description("function triggered when user press ESC key").defaultValue(""),
+  onMenuOpen: import_react_desc.PropTypes.func.description("function triggered when user open the menu list").defaultValue(""),
+  inputMinWidth: import_react_desc.PropTypes.any.description("Minimum width for the combo box input controller").defaultValue(void 0),
+  menuMinWidth: import_react_desc.PropTypes.any.description("Minimum width for the dropdown menu").defaultValue(void 0),
+  menuMaxHeight: import_react_desc.PropTypes.any.description("Maximum height for the dropdown menu").defaultValue(void 0),
+  withToggle: import_react_desc.PropTypes.bool.description("POC purpose this prop will not remain").defaultValue("false")
 };
-
-exports.propTypes = propTypes;
+module.exports = __toCommonJS(propTypes_exports);
+//# sourceMappingURL=propTypes.js.map

package/cjs/controlled-combobox/propTypes.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/controlled-combobox/propTypes.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const propTypes = {\n  placeholder: PropTypes.string.description('input s placeholder value').defaultValue(''),\n  options: PropTypes.oneOfType([PropTypes.array, PropTypes.object]).description('List of options').defaultValue([]),\n  selectedValues: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.object), PropTypes.object]).description(\n    'Array of option or single option selected',\n  ),\n  autoFocus: PropTypes.bool.description('Whether the combo box uses auto focus or not').defaultValue('false'),\n  hasError: PropTypes.bool.description('Whether the combo box has error or not').defaultValue('false'),\n  onChange: PropTypes.func\n    .description('function triggered when an option is selected it will send the options selected')\n    .defaultValue(''),\n  onSelectAll: PropTypes.func\n    .description('function triggered when ALL button is selected from the header menu list')\n    .defaultValue(''),\n  onFilter: PropTypes.func.description('function triggered when user type in the combobox input').defaultValue(''),\n  onCreate: PropTypes.func\n    .description(\n      'function triggered when user select \"create\" a new item whenever is not a match in the all option list',\n    )\n    .defaultValue(''),\n  onClearAll: PropTypes.func\n    .description('function triggered when user select CLEAR button from the header menu list')\n    .defaultValue(''),\n  onCancel: PropTypes.func.description('function triggered when user press ESC key').defaultValue(''),\n  onMenuOpen: PropTypes.func.description('function triggered when user open the menu list').defaultValue(''),\n  inputMinWidth: PropTypes.any.description('Minimum width for the combo box input controller').defaultValue(undefined),\n  menuMinWidth: PropTypes.any.description('Minimum width for the dropdown menu').defaultValue(undefined),\n  menuMaxHeight: PropTypes.any.description('Maximum height for the dropdown menu').defaultValue(undefined),\n  withToggle: PropTypes.bool.description('POC purpose this prop will not remain').defaultValue('false'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,YAAY;AAAA,EACvB,aAAa,4BAAU,OAAO,YAAY,6BAA6B,aAAa;AAAA,EACpF,SAAS,4BAAU,UAAU,CAAC,4BAAU,OAAO,4BAAU,SAAS,YAAY,mBAAmB,aAAa;AAAA,EAC9G,gBAAgB,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,SAAS,4BAAU,SAAS,YAC3F;AAAA,EAEF,WAAW,4BAAU,KAAK,YAAY,gDAAgD,aAAa;AAAA,EACnG,UAAU,4BAAU,KAAK,YAAY,0CAA0C,aAAa;AAAA,EAC5F,UAAU,4BAAU,KACjB,YAAY,mFACZ,aAAa;AAAA,EAChB,aAAa,4BAAU,KACpB,YAAY,4EACZ,aAAa;AAAA,EAChB,UAAU,4BAAU,KAAK,YAAY,2DAA2D,aAAa;AAAA,EAC7G,UAAU,4BAAU,KACjB,YACC,0GAED,aAAa;AAAA,EAChB,YAAY,4BAAU,KACnB,YAAY,8EACZ,aAAa;AAAA,EAChB,UAAU,4BAAU,KAAK,YAAY,8CAA8C,aAAa;AAAA,EAChG,YAAY,4BAAU,KAAK,YAAY,mDAAmD,aAAa;AAAA,EACvG,eAAe,4BAAU,IAAI,YAAY,oDAAoD,aAAa;AAAA,EAC1G,cAAc,4BAAU,IAAI,YAAY,uCAAuC,aAAa;AAAA,EAC5F,eAAe,4BAAU,IAAI,YAAY,wCAAwC,aAAa;AAAA,EAC9F,YAAY,4BAAU,KAAK,YAAY,yCAAyC,aAAa;AAAA;",
+  "names": []
+}

package/cjs/controlled-combobox/tests/utils.js

@@ -0,0 +1,90 @@
+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 utils_exports = {};
+__export(utils_exports, {
+  basicOptions: () => basicOptions,
+  groupedOptions: () => groupedOptions
+});
+var React = __toESM(require("react"));
+const basicOptions = [
+  {
+    dsId: "1",
+    type: "option",
+    value: "id_1",
+    label: "Luke Skywalker too long this text is super long"
+  },
+  {
+    dsId: "2",
+    type: "option",
+    value: "id_2",
+    label: "Obi-Wan Kenobi"
+  },
+  {
+    dsId: "3",
+    type: "option",
+    value: "id_3",
+    label: "Padme Amidala"
+  },
+  {
+    dsId: "4",
+    type: "option",
+    value: "id_4",
+    label: "Harry Potter"
+  }
+];
+const groupedOptions = [
+  {
+    dsId: "1",
+    type: "option",
+    value: "id_1",
+    label: "Luke Skywalker too long this text is super long"
+  },
+  {
+    dsId: "2",
+    type: "option",
+    value: "id_2",
+    label: "Obi-Wan Kenobi"
+  },
+  {
+    dsId: "separator",
+    type: "separator"
+  },
+  {
+    dsId: "section",
+    type: "section",
+    label: "Group A"
+  },
+  {
+    dsId: "3",
+    type: "option",
+    value: "id_3",
+    label: "Padme Amidala"
+  }
+];
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/cjs/controlled-combobox/tests/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/controlled-combobox/tests/utils.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const basicOptions = [\n  {\n    dsId: '1',\n    type: 'option',\n    value: 'id_1',\n    label: 'Luke Skywalker too long this text is super long',\n  },\n  {\n    dsId: '2',\n    type: 'option',\n    value: 'id_2',\n    label: 'Obi-Wan Kenobi',\n  },\n  {\n    dsId: '3',\n    type: 'option',\n    value: 'id_3',\n    label: 'Padme Amidala',\n  },\n  {\n    dsId: '4',\n    type: 'option',\n    value: 'id_4',\n    label: 'Harry Potter',\n  },\n];\n\nexport const groupedOptions = [\n  {\n    dsId: '1',\n    type: 'option',\n    value: 'id_1',\n    label: 'Luke Skywalker too long this text is super long',\n  },\n  {\n    dsId: '2',\n    type: 'option',\n    value: 'id_2',\n    label: 'Obi-Wan Kenobi',\n  },\n  {\n    dsId: 'separator',\n    type: 'separator',\n  },\n  {\n    dsId: 'section',\n    type: 'section',\n    label: 'Group A',\n  },\n  {\n    dsId: '3',\n    type: 'option',\n    value: 'id_3',\n    label: 'Padme Amidala',\n  },\n];\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,eAAe;AAAA,EAC1B;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA;AAIJ,MAAM,iBAAiB;AAAA,EAC5B;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA;AAAA,EAER;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA;AAAA,EAET;AAAA,IACE,MAAM;AAAA,IACN,MAAM;AAAA,IACN,OAAO;AAAA,IACP,OAAO;AAAA;AAAA;",
+  "names": []
+}