@elliemae/ds-controlled-form 3.0.0-alpha.3 → 3.0.0-next.3

package/dist/cjs/combobox/config/useComboBox.js

@@ -0,0 +1,141 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+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 useComboBox_exports = {};
+__export(useComboBox_exports, {
+  useComboBox: () => useComboBox
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_react_virtual = require("react-virtual");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ComboBoxCTX = require("../ComboBoxCTX");
+var import_react_desc_prop_types = require("../react-desc-prop-types");
+var import_useCorrectOptions = require("./useCorrectOptions");
+var import_listHelper = require("../utils/listHelper");
+const useComboBox = (props) => {
+  const defaultPropsWithInnerRef = __spreadProps(__spreadValues({}, import_ComboBoxCTX.defaultProps), {
+    innerRef: (0, import_react.useRef)(null)
+  });
+  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, defaultPropsWithInnerRef);
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_react_desc_prop_types.ComboboxPropTypes);
+  const [showPopover, setShowPopover] = (0, import_react.useState)(false);
+  const [referenceElement, setReferenceElement] = (0, import_react.useState)(null);
+  const [showSelectedOptions, setShowSelectedOptions] = (0, import_react.useState)(false);
+  const [inputValue, setInputValue] = (0, import_react.useState)("");
+  const [hasFocus, setHasFocus] = (0, import_react.useState)(false);
+  const listRef = (0, import_react.useRef)(null);
+  const wrapperListRef = (0, import_react.useRef)(null);
+  const selectedOptionsRef = (0, import_react.useRef)(null);
+  const controlsWrapperRef = (0, import_react.useRef)(null);
+  const selectAllCheckboxRef = (0, import_react.useRef)(null);
+  const toggleSelectionButtonRef = (0, import_react.useRef)(null);
+  const pillGroupRef = (0, import_react.useRef)(null);
+  const { selectedValues } = propsWithDefaults;
+  const correctOptions = (0, import_useCorrectOptions.useCorrectOptions)(propsWithDefaults, inputValue, showSelectedOptions);
+  const virtualListHelpers = (0, import_react_virtual.useVirtual)({
+    size: correctOptions.length,
+    parentRef: listRef,
+    overscan: 15,
+    paddingStart: 0
+  });
+  const scrollOptionIntoView = (0, import_react.useCallback)((dsId, opts = { align: "center" }) => {
+    virtualListHelpers.scrollToIndex(correctOptions.findIndex((opt) => opt.dsId === dsId), opts);
+  }, [correctOptions, virtualListHelpers]);
+  const [focusOptionIdx, setFocusOptionIdx] = (0, import_react.useState)("");
+  (0, import_react.useEffect)(() => {
+    if (hasFocus && (focusOptionIdx === "" || inputValue !== "" || showSelectedOptions)) {
+      const focusedValue = (0, import_listHelper.getFirstOption)(correctOptions, selectedValues, inputValue);
+      setFocusOptionIdx(focusedValue);
+      scrollOptionIntoView(focusedValue, { align: "center" });
+    }
+    if (!hasFocus)
+      setFocusOptionIdx("");
+  }, [showPopover, hasFocus, correctOptions, selectedValues, inputValue]);
+  const ctx = (0, import_react.useMemo)(() => ({
+    props: __spreadProps(__spreadValues({}, propsWithDefaults), { options: correctOptions }),
+    virtualListHelpers,
+    showPopover,
+    referenceElement,
+    listRef,
+    focusOptionIdx,
+    selectedOptionsRef,
+    controlsWrapperRef,
+    selectAllCheckboxRef,
+    inputValue,
+    setInputValue,
+    hasFocus,
+    toggleSelectionButtonRef,
+    pillGroupRef,
+    showSelectedOptions,
+    wrapperListRef,
+    setShowSelectedOptions,
+    setHasFocus,
+    setFocusOptionIdx,
+    scrollOptionIntoView,
+    setReferenceElement,
+    setShowPopover
+  }), [
+    scrollOptionIntoView,
+    correctOptions,
+    hasFocus,
+    propsWithDefaults,
+    virtualListHelpers,
+    inputValue,
+    focusOptionIdx,
+    wrapperListRef,
+    showSelectedOptions,
+    showPopover,
+    pillGroupRef,
+    referenceElement,
+    selectedOptionsRef,
+    controlsWrapperRef,
+    selectAllCheckboxRef,
+    toggleSelectionButtonRef,
+    listRef
+  ]);
+  return ctx;
+};
+module.exports = __toCommonJS(useComboBox_exports);
+//# sourceMappingURL=useComboBox.js.map

package/dist/cjs/combobox/config/useComboBox.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/combobox/config/useComboBox.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable import/prefer-default-export */\n/* eslint-disable complexity */\n/* eslint-disable max-statements */\nimport { useMemo, useState, useRef, useCallback, useEffect } from 'react';\nimport { useVirtual } from 'react-virtual';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from '../ComboBoxCTX';\nimport { DSComboboxT, ComboboxPropTypes } from '../react-desc-prop-types';\nimport { DSComboboxInternalsT } from '../sharedTypes';\nimport { useCorrectOptions } from './useCorrectOptions';\nimport { getFirstOption } from '../utils/listHelper';\nexport const useComboBox = (props: DSComboboxT.Props): DSComboboxInternalsT.ComboBoxContextT => {\n  const defaultPropsWithInnerRef = {\n    ...defaultProps,\n    innerRef: useRef(null),\n  };\n\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultPropsWithInnerRef);\n  useValidateTypescriptPropTypes(propsWithDefaults, ComboboxPropTypes);\n  const [showPopover, setShowPopover] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLElement | null>(null);\n  const [showSelectedOptions, setShowSelectedOptions] = useState<boolean>(false);\n\n  const [inputValue, setInputValue] = useState<string>('');\n  const [hasFocus, setHasFocus] = useState<boolean>(false);\n\n  const listRef = useRef<HTMLDivElement>(null);\n  const wrapperListRef = useRef<HTMLDivElement>(null);\n\n  const selectedOptionsRef = useRef<HTMLDivElement>(null);\n  const controlsWrapperRef = useRef<HTMLDivElement>(null);\n  const selectAllCheckboxRef = useRef<HTMLInputElement>(null);\n  const toggleSelectionButtonRef = useRef<HTMLButtonElement>(null);\n  const pillGroupRef = useRef<HTMLDivElement>(null);\n\n  const { selectedValues } = propsWithDefaults;\n  // ---------------------------------------------------------------------------\n  // Menu Options with/out selected filter and creatable functionality\n  // ---------------------------------------------------------------------------\n\n  const correctOptions = useCorrectOptions(propsWithDefaults, inputValue, showSelectedOptions);\n\n  // ===========================================================================\n  // Virtualization setup\n  // ===========================================================================\n\n  const virtualListHelpers: ReturnType<typeof useVirtual> = useVirtual({\n    size: correctOptions.length,\n    parentRef: listRef,\n    overscan: 15,\n    paddingStart: 0,\n  });\n\n  // ===========================================================================\n  // Scroll into view function\n  // ===========================================================================\n  const scrollOptionIntoView = useCallback(\n    (dsId: string, opts = { align: 'center' }) => {\n      virtualListHelpers.scrollToIndex(\n        correctOptions.findIndex((opt) => opt.dsId === dsId),\n        // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n        opts,\n      );\n    },\n    [correctOptions, virtualListHelpers],\n  );\n\n  // ===========================================================================\n  // Init focused option when opening the menu list\n  // ===========================================================================\n\n  const [focusOptionIdx, setFocusOptionIdx] = useState<string>('');\n\n  useEffect(() => {\n    // we are updating the focus option only when we have focus on the input and\n    // we are in the selected option view or we are typing to force first option always\n    if (hasFocus && (focusOptionIdx === '' || inputValue !== '' || showSelectedOptions)) {\n      const focusedValue = getFirstOption(correctOptions, selectedValues, inputValue);\n      setFocusOptionIdx(focusedValue);\n      scrollOptionIntoView(focusedValue, { align: 'center' });\n    }\n    if (!hasFocus) setFocusOptionIdx('');\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [showPopover, hasFocus, correctOptions, selectedValues, inputValue]);\n\n  const ctx = useMemo(\n    () => ({\n      props: { ...propsWithDefaults, options: correctOptions },\n      virtualListHelpers,\n      showPopover,\n      referenceElement,\n      listRef,\n      focusOptionIdx,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      selectAllCheckboxRef,\n      inputValue,\n      setInputValue,\n      hasFocus,\n      toggleSelectionButtonRef,\n      pillGroupRef,\n      showSelectedOptions,\n      wrapperListRef,\n      setShowSelectedOptions,\n      setHasFocus,\n      setFocusOptionIdx,\n      scrollOptionIntoView,\n      setReferenceElement,\n      setShowPopover,\n    }),\n    [\n      scrollOptionIntoView,\n      correctOptions,\n      hasFocus,\n      propsWithDefaults,\n      virtualListHelpers,\n      inputValue,\n      focusOptionIdx,\n      wrapperListRef,\n      showSelectedOptions,\n      showPopover,\n      pillGroupRef,\n      referenceElement,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      selectAllCheckboxRef,\n      toggleSelectionButtonRef,\n      listRef,\n    ],\n  );\n\n  return ctx;\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADIvB,mBAAkE;AAClE,2BAA2B;AAC3B,8BAA6E;AAC7E,yBAA6B;AAC7B,mCAA+C;AAE/C,+BAAkC;AAClC,wBAA+B;AACxB,MAAM,cAAc,CAAC,UAAoE;AAC9F,QAAM,2BAA2B,iCAC5B,kCAD4B;AAAA,IAE/B,UAAU,yBAAO;AAAA;AAGnB,QAAM,oBAAoB,0DAA6B,OAAO;AAC9D,8DAA+B,mBAAmB;AAClD,QAAM,CAAC,aAAa,kBAAkB,2BAAkB;AACxD,QAAM,CAAC,kBAAkB,uBAAuB,2BAA6B;AAC7E,QAAM,CAAC,qBAAqB,0BAA0B,2BAAkB;AAExE,QAAM,CAAC,YAAY,iBAAiB,2BAAiB;AACrD,QAAM,CAAC,UAAU,eAAe,2BAAkB;AAElD,QAAM,UAAU,yBAAuB;AACvC,QAAM,iBAAiB,yBAAuB;AAE9C,QAAM,qBAAqB,yBAAuB;AAClD,QAAM,qBAAqB,yBAAuB;AAClD,QAAM,uBAAuB,yBAAyB;AACtD,QAAM,2BAA2B,yBAA0B;AAC3D,QAAM,eAAe,yBAAuB;AAE5C,QAAM,EAAE,mBAAmB;AAK3B,QAAM,iBAAiB,gDAAkB,mBAAmB,YAAY;AAMxE,QAAM,qBAAoD,qCAAW;AAAA,IACnE,MAAM,eAAe;AAAA,IACrB,WAAW;AAAA,IACX,UAAU;AAAA,IACV,cAAc;AAAA;AAMhB,QAAM,uBAAuB,8BAC3B,CAAC,MAAc,OAAO,EAAE,OAAO,eAAe;AAC5C,uBAAmB,cACjB,eAAe,UAAU,CAAC,QAAQ,IAAI,SAAS,OAE/C;AAAA,KAGJ,CAAC,gBAAgB;AAOnB,QAAM,CAAC,gBAAgB,qBAAqB,2BAAiB;AAE7D,8BAAU,MAAM;AAGd,QAAI,YAAa,oBAAmB,MAAM,eAAe,MAAM,sBAAsB;AACnF,YAAM,eAAe,sCAAe,gBAAgB,gBAAgB;AACpE,wBAAkB;AAClB,2BAAqB,cAAc,EAAE,OAAO;AAAA;AAE9C,QAAI,CAAC;AAAU,wBAAkB;AAAA,KAEhC,CAAC,aAAa,UAAU,gBAAgB,gBAAgB;AAE3D,QAAM,MAAM,0BACV,MAAO;AAAA,IACL,OAAO,iCAAK,oBAAL,EAAwB,SAAS;AAAA,IACxC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAEF;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAIJ,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/combobox/config/useCorrectOptions.js

@@ -0,0 +1,77 @@
+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 useCorrectOptions_exports = {};
+__export(useCorrectOptions_exports, {
+  useCorrectOptions: () => useCorrectOptions
+});
+var React = __toESM(require("react"));
+var import_react = require("react");
+var import_uid = require("uid");
+var import_constants = require("../constants");
+const useCorrectOptions = (propsWithDefaults, inputValue, showSelectedOptions) => {
+  const { options, selectedValues, onCreate } = propsWithDefaults;
+  const selectedValuesWithSections = (0, import_react.useCallback)(() => {
+    const multiSelectedValue = selectedValues;
+    const items = [];
+    options.forEach((option) => {
+      const isSelectedValue = multiSelectedValue.find((item) => item.dsId === option.dsId);
+      if (isSelectedValue) {
+        items.push(option);
+      }
+      if (option.type === import_constants.MENU_OPTION_TYPES.SECTION) {
+        if (items[items.length - 1]?.type === import_constants.MENU_OPTION_TYPES.SECTION) {
+          items[items.length - 1] = option;
+        } else {
+          items.push(option);
+        }
+      }
+    });
+    if (items[items.length - 1]?.type === import_constants.MENU_OPTION_TYPES.SECTION) {
+      items.pop();
+    }
+    return items;
+  }, [options, selectedValues]);
+  const correctOptions = (0, import_react.useMemo)(() => {
+    if (showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0) {
+      return selectedValuesWithSections();
+    }
+    if (onCreate && inputValue && options.findIndex((option) => option.type === import_constants.MENU_OPTION_TYPES.OPTION && option.label === inputValue) === -1) {
+      const creatableUuid = (0, import_uid.uid)();
+      const creatableItem = {
+        dsId: `creatable-${creatableUuid}`,
+        label: inputValue,
+        type: "creatable"
+      };
+      return [creatableItem, ...options];
+    }
+    return options;
+  }, [options, onCreate, inputValue, selectedValuesWithSections, selectedValues, showSelectedOptions]);
+  return correctOptions;
+};
+module.exports = __toCommonJS(useCorrectOptions_exports);
+//# sourceMappingURL=useCorrectOptions.js.map

package/dist/cjs/combobox/config/useCorrectOptions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/combobox/config/useCorrectOptions.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useMemo, useCallback } from 'react';\nimport { uid } from 'uid';\nimport { DSComboboxT } from '../react-desc-prop-types';\nimport { MENU_OPTION_TYPES } from '../constants';\nconst useCorrectOptions = (propsWithDefaults: DSComboboxT.Props, inputValue: string, showSelectedOptions: boolean) => {\n  const { options, selectedValues, onCreate } = propsWithDefaults;\n  const selectedValuesWithSections = useCallback(() => {\n    const multiSelectedValue = selectedValues as DSComboboxT.OptionTypes[];\n    const items = [] as DSComboboxT.OptionTypes[];\n\n    options.forEach((option) => {\n      const isSelectedValue = multiSelectedValue.find((item) => item.dsId === option.dsId);\n      if (isSelectedValue) {\n        items.push(option);\n      }\n\n      if (option.type === MENU_OPTION_TYPES.SECTION) {\n        if (items[items.length - 1]?.type === MENU_OPTION_TYPES.SECTION) {\n          items[items.length - 1] = option;\n        } else {\n          items.push(option);\n        }\n      }\n    });\n    if (items[items.length - 1]?.type === MENU_OPTION_TYPES.SECTION) {\n      items.pop();\n    }\n\n    return items;\n  }, [options, selectedValues]);\n\n  const correctOptions = useMemo(() => {\n    if (showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0) {\n      return selectedValuesWithSections();\n    }\n    if (\n      onCreate &&\n      inputValue &&\n      options.findIndex((option) => option.type === MENU_OPTION_TYPES.OPTION && option.label === inputValue) === -1\n    ) {\n      const creatableUuid = uid();\n      const creatableItem: DSComboboxT.ItemCreatableOption = {\n        dsId: `creatable-${creatableUuid}`,\n        label: inputValue,\n        type: 'creatable',\n      };\n      return [creatableItem, ...options];\n    }\n    return options;\n  }, [options, onCreate, inputValue, selectedValuesWithSections, selectedValues, showSelectedOptions]);\n\n  return correctOptions;\n};\n\nexport { useCorrectOptions };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAqC;AACrC,iBAAoB;AAEpB,uBAAkC;AAClC,MAAM,oBAAoB,CAAC,mBAAsC,YAAoB,wBAAiC;AACpH,QAAM,EAAE,SAAS,gBAAgB,aAAa;AAC9C,QAAM,6BAA6B,8BAAY,MAAM;AACnD,UAAM,qBAAqB;AAC3B,UAAM,QAAQ;AAEd,YAAQ,QAAQ,CAAC,WAAW;AAC1B,YAAM,kBAAkB,mBAAmB,KAAK,CAAC,SAAS,KAAK,SAAS,OAAO;AAC/E,UAAI,iBAAiB;AACnB,cAAM,KAAK;AAAA;AAGb,UAAI,OAAO,SAAS,mCAAkB,SAAS;AAC7C,YAAI,MAAM,MAAM,SAAS,IAAI,SAAS,mCAAkB,SAAS;AAC/D,gBAAM,MAAM,SAAS,KAAK;AAAA,eACrB;AACL,gBAAM,KAAK;AAAA;AAAA;AAAA;AAIjB,QAAI,MAAM,MAAM,SAAS,IAAI,SAAS,mCAAkB,SAAS;AAC/D,YAAM;AAAA;AAGR,WAAO;AAAA,KACN,CAAC,SAAS;AAEb,QAAM,iBAAiB,0BAAQ,MAAM;AACnC,QAAI,uBAAuB,MAAM,QAAQ,mBAAmB,eAAe,SAAS,GAAG;AACrF,aAAO;AAAA;AAET,QACE,YACA,cACA,QAAQ,UAAU,CAAC,WAAW,OAAO,SAAS,mCAAkB,UAAU,OAAO,UAAU,gBAAgB,IAC3G;AACA,YAAM,gBAAgB;AACtB,YAAM,gBAAiD;AAAA,QACrD,MAAM,aAAa;AAAA,QACnB,OAAO;AAAA,QACP,MAAM;AAAA;AAER,aAAO,CAAC,eAAe,GAAG;AAAA;AAE5B,WAAO;AAAA,KACN,CAAC,SAAS,UAAU,YAAY,4BAA4B,gBAAgB;AAE/E,SAAO;AAAA;",
+  "names": []
+}

package/dist/cjs/combobox/constants.js

@@ -0,0 +1,43 @@
+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 constants_exports = {};
+__export(constants_exports, {
+  INTERNAL_MENU_OPTION_TYPES: () => INTERNAL_MENU_OPTION_TYPES,
+  MENU_OPTION_TYPES: () => MENU_OPTION_TYPES
+});
+var React = __toESM(require("react"));
+const MENU_OPTION_TYPES = {
+  OPTION: "option",
+  SECTION: "section",
+  SEPARATOR: "separator"
+};
+const INTERNAL_MENU_OPTION_TYPES = {
+  CREATABLE: "creatable"
+};
+module.exports = __toCommonJS(constants_exports);
+//# sourceMappingURL=constants.js.map

package/dist/cjs/combobox/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/combobox/constants.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const MENU_OPTION_TYPES = {\n  OPTION: 'option' as const,\n  SECTION: 'section' as const,\n  SEPARATOR: 'separator' as const,\n};\n\nexport const INTERNAL_MENU_OPTION_TYPES = {\n  CREATABLE: 'creatable' as const,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,oBAAoB;AAAA,EAC/B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA;AAGN,MAAM,6BAA6B;AAAA,EACxC,WAAW;AAAA;",
+  "names": []
+}

package/dist/cjs/combobox/index.js

@@ -0,0 +1,28 @@
+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 __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 combobox_exports = {};
+var React = __toESM(require("react"));
+__reExport(combobox_exports, require("./ComboBox"));
+module.exports = __toCommonJS(combobox_exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/combobox/index.js.map

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

package/dist/cjs/combobox/parts/A11yFocusedOption.js

@@ -0,0 +1,58 @@
+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 A11yFocusedOption_exports = {};
+__export(A11yFocusedOption_exports, {
+  A11yFocusedOption: () => A11yFocusedOption
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ComboBoxCTX = __toESM(require("../ComboBoxCTX"));
+var import_styled = require("./styled");
+var import_listHelper = require("../utils/listHelper");
+var import_sharedTypes = require("../sharedTypes");
+const A11yFocusedOption = () => {
+  const {
+    props: { options },
+    focusOptionIdx,
+    showPopover
+  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
+  const selectabledOptions = (0, import_listHelper.getSelectableOptions)(options);
+  const focusOption = options.find((option) => !(0, import_sharedTypes.isSeparator)(option) && option.dsId === focusOptionIdx);
+  const focusSelectableOptionIdx = selectabledOptions.findIndex((option) => option.dsId === focusOptionIdx);
+  return (0, import_react.useMemo)(() => {
+    if (!(0, import_sharedTypes.isSeparator)(focusOption) && showPopover && focusOption)
+      return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledA11ySelectedValues, {
+        "aria-live": "polite",
+        "aria-atomic": "false",
+        "aria-relevant": "additions text"
+      }, `option ${focusOption?.label} focused.${focusSelectableOptionIdx + 1} of ${selectabledOptions.length} `);
+    return null;
+  }, [showPopover, focusOption, focusSelectableOptionIdx, selectabledOptions]);
+};
+module.exports = __toCommonJS(A11yFocusedOption_exports);
+//# sourceMappingURL=A11yFocusedOption.js.map

package/dist/cjs/combobox/parts/A11yFocusedOption.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/combobox/parts/A11yFocusedOption.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport ComboBoxContext from '../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nimport { getSelectableOptions } from '../utils/listHelper';\nimport { isSeparator } from '../sharedTypes';\n\nexport const A11yFocusedOption: React.ComponentType = () => {\n  const {\n    props: { options },\n    focusOptionIdx,\n    showPopover,\n  } = useContext(ComboBoxContext);\n  const selectabledOptions = getSelectableOptions(options);\n  const focusOption = options.find((option) => !isSeparator(option) && option.dsId === focusOptionIdx);\n\n  const focusSelectableOptionIdx = selectabledOptions.findIndex((option) => option.dsId === focusOptionIdx);\n\n  return useMemo(() => {\n    if (!isSeparator(focusOption) && showPopover && focusOption)\n      return (\n        <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n          {`option ${focusOption?.label} focused.${focusSelectableOptionIdx + 1} of ${selectabledOptions.length} `}\n        </StyledA11ySelectedValues>\n      );\n\n    return null;\n  }, [showPopover, focusOption, focusSelectableOptionIdx, selectabledOptions]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,yBAA4B;AAC5B,oBAAyC;AACzC,wBAAqC;AACrC,yBAA4B;AAErB,MAAM,oBAAyC,MAAM;AAC1D,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,MACE,6BAAW;AACf,QAAM,qBAAqB,4CAAqB;AAChD,QAAM,cAAc,QAAQ,KAAK,CAAC,WAAW,CAAC,oCAAY,WAAW,OAAO,SAAS;AAErF,QAAM,2BAA2B,mBAAmB,UAAU,CAAC,WAAW,OAAO,SAAS;AAE1F,SAAO,0BAAQ,MAAM;AACnB,QAAI,CAAC,oCAAY,gBAAgB,eAAe;AAC9C,aACE,mDAAC,wCAAD;AAAA,QAA0B,aAAU;AAAA,QAAS,eAAY;AAAA,QAAQ,iBAAc;AAAA,SAC5E,UAAU,aAAa,iBAAiB,2BAA2B,QAAQ,mBAAmB;AAIrG,WAAO;AAAA,KACN,CAAC,aAAa,aAAa,0BAA0B;AAAA;",
+  "names": []
+}

package/dist/cjs/combobox/parts/A11ySelectedValues.js

@@ -0,0 +1,61 @@
+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 A11ySelectedValues_exports = {};
+__export(A11ySelectedValues_exports, {
+  A11ySelectedValues: () => A11ySelectedValues
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ComboBoxCTX = __toESM(require("../ComboBoxCTX"));
+var import_styled = require("./styled");
+var import_ComboboxDataTestids = require("../ComboboxDataTestids");
+const A11ySelectedValues = () => {
+  const {
+    props: { selectedValues }
+  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
+  return (0, import_react.useMemo)(() => {
+    let msg = "No Option Selected";
+    if (Array.isArray(selectedValues)) {
+      if (selectedValues.length > 0) {
+        msg = `Options selected: ${selectedValues.map((item) => item.label).join(", ")}`;
+      }
+      msg = "No Options Selected";
+    } else if (selectedValues) {
+      msg = `Option selected: ${selectedValues?.label}`;
+    }
+    return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledA11ySelectedValues, {
+      id: "combobox-selected-items",
+      "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.ALLY_SELECTED_VALUES,
+      "aria-live": "polite",
+      "aria-atomic": "false",
+      "aria-relevant": "additions text"
+    }, msg);
+  }, [selectedValues]);
+};
+module.exports = __toCommonJS(A11ySelectedValues_exports);
+//# sourceMappingURL=A11ySelectedValues.js.map

package/dist/cjs/combobox/parts/A11ySelectedValues.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/combobox/parts/A11ySelectedValues.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useContext, useMemo } from 'react';\nimport ComboBoxContext from '../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nimport { ComboboxDataTestid } from '../ComboboxDataTestids';\nexport const A11ySelectedValues = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n  } = useContext(ComboBoxContext);\n\n  return useMemo(() => {\n    let msg = 'No Option Selected';\n    if (Array.isArray(selectedValues)) {\n      if (selectedValues.length > 0) {\n        msg = `Options selected: ${selectedValues.map((item) => item.label).join(', ')}`;\n      }\n      msg = 'No Options Selected';\n    } else if (selectedValues) {\n      msg = `Option selected: ${selectedValues?.label}`;\n    }\n    return (\n      <StyledA11ySelectedValues\n        id=\"combobox-selected-items\"\n        data-testid={ComboboxDataTestid.ALLY_SELECTED_VALUES}\n        aria-live=\"polite\"\n        aria-atomic=\"false\"\n        aria-relevant=\"additions text\"\n      >\n        {msg}\n      </StyledA11ySelectedValues>\n    );\n  }, [selectedValues]);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA2C;AAC3C,yBAA4B;AAC5B,oBAAyC;AACzC,iCAAmC;AAC5B,MAAM,qBAAqB,MAAmB;AACnD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,MACP,6BAAW;AAEf,SAAO,0BAAQ,MAAM;AACnB,QAAI,MAAM;AACV,QAAI,MAAM,QAAQ,iBAAiB;AACjC,UAAI,eAAe,SAAS,GAAG;AAC7B,cAAM,qBAAqB,eAAe,IAAI,CAAC,SAAS,KAAK,OAAO,KAAK;AAAA;AAE3E,YAAM;AAAA,eACG,gBAAgB;AACzB,YAAM,oBAAoB,gBAAgB;AAAA;AAE5C,WACE,mDAAC,wCAAD;AAAA,MACE,IAAG;AAAA,MACH,eAAa,8CAAmB;AAAA,MAChC,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,iBAAc;AAAA,OAEb;AAAA,KAGJ,CAAC;AAAA;",
+  "names": []
+}

package/dist/cjs/combobox/parts/DropdownIndicator.js

@@ -0,0 +1,72 @@
+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 DropdownIndicator_exports = {};
+__export(DropdownIndicator_exports, {
+  DropdownIndicator: () => DropdownIndicator
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_button = require("@elliemae/ds-button");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ComboBoxCTX = __toESM(require("../ComboBoxCTX"));
+var import_ComboboxDataTestids = require("../ComboboxDataTestids");
+const StyledDropDownButton = (0, import_ds_system.styled)(import_ds_button.DSButtonV2)`
+  &:focus::after {
+    border: none;
+  }
+  & svg {
+    fill: ${({ theme, disabled }) => disabled ? "red" : theme.colors.brand["700"]};
+  }
+`;
+const DropdownIndicator = () => {
+  const {
+    props: { disabled },
+    showPopover
+  } = (0, import_react.useContext)(import_ComboBoxCTX.default);
+  const colorButton = (0, import_react.useMemo)(() => disabled ? ["neutral", 400] : ["brand-primary", 700], [disabled]);
+  const handleOnClick = (0, import_react.useCallback)((e) => {
+    e.preventDefault();
+  }, []);
+  return /* @__PURE__ */ import_react.default.createElement(StyledDropDownButton, {
+    onClick: handleOnClick,
+    "data-testid": import_ComboboxDataTestids.ComboboxDataTestid.DROPDOWN,
+    "aria-controls": "combo-listbox",
+    "aria-labelledby": "combo-label",
+    disabled,
+    "aria-expanded": showPopover,
+    "aria-haspopup": "listbox",
+    "aria-hidden": true,
+    buttonType: "icon",
+    tabIndex: -1
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronSmallDown, {
+    color: colorButton
+  }));
+};
+module.exports = __toCommonJS(DropdownIndicator_exports);
+//# sourceMappingURL=DropdownIndicator.js.map

package/dist/cjs/combobox/parts/DropdownIndicator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/combobox/parts/DropdownIndicator.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\n/* eslint-disable import/no-cycle */\nimport React, { useCallback, useMemo, useContext } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { ChevronSmallDown } from '@elliemae/ds-icons';\nimport ComboBoxContext from '../ComboBoxCTX';\nimport { ComboboxDataTestid } from '../ComboboxDataTestids';\n\nconst StyledDropDownButton = styled(DSButtonV2)`\n  &:focus::after {\n    border: none;\n  }\n  & svg {\n    fill: ${({ theme, disabled }) => (disabled ? 'red' : theme.colors.brand['700'])};\n  }\n`;\n\nexport const DropdownIndicator = (): JSX.Element => {\n  const {\n    props: { disabled },\n    showPopover,\n  } = useContext(ComboBoxContext);\n\n  const colorButton = useMemo(() => (disabled ? ['neutral', 400] : ['brand-primary', 700]), [disabled]);\n\n  const handleOnClick = useCallback((e: React.MouseEvent) => {\n    e.preventDefault();\n  }, []);\n\n  return (\n    <StyledDropDownButton\n      onClick={handleOnClick}\n      data-testid={ComboboxDataTestid.DROPDOWN}\n      aria-controls=\"combo-listbox\"\n      aria-labelledby=\"combo-label\"\n      disabled={disabled}\n      aria-expanded={showPopover}\n      aria-haspopup=\"listbox\"\n      aria-hidden\n      buttonType=\"icon\"\n      tabIndex={-1}\n    >\n      <ChevronSmallDown color={colorButton} />\n    </StyledDropDownButton>\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAwD;AACxD,uBAAuB;AACvB,uBAA2B;AAC3B,sBAAiC;AACjC,yBAA4B;AAC5B,iCAAmC;AAEnC,MAAM,uBAAuB,6BAAO;AAAA;AAAA;AAAA;AAAA;AAAA,YAKxB,CAAC,EAAE,OAAO,eAAgB,WAAW,QAAQ,MAAM,OAAO,MAAM;AAAA;AAAA;AAIrE,MAAM,oBAAoB,MAAmB;AAClD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,MACE,6BAAW;AAEf,QAAM,cAAc,0BAAQ,MAAO,WAAW,CAAC,WAAW,OAAO,CAAC,iBAAiB,MAAO,CAAC;AAE3F,QAAM,gBAAgB,8BAAY,CAAC,MAAwB;AACzD,MAAE;AAAA,KACD;AAEH,SACE,mDAAC,sBAAD;AAAA,IACE,SAAS;AAAA,IACT,eAAa,8CAAmB;AAAA,IAChC,iBAAc;AAAA,IACd,mBAAgB;AAAA,IAChB;AAAA,IACA,iBAAe;AAAA,IACf,iBAAc;AAAA,IACd,eAAW;AAAA,IACX,YAAW;AAAA,IACX,UAAU;AAAA,KAEV,mDAAC,kCAAD;AAAA,IAAkB,OAAO;AAAA;AAAA;",
+  "names": []
+}