@elliemae/ds-controlled-form 3.0.0-next.9 → 3.0.1

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

@@ -1,141 +0,0 @@
-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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,77 +0,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 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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,43 +0,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 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

@@ -1,7 +0,0 @@
-{
-  "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/parts/A11yFocusedOption.js

@@ -1,58 +0,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 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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,61 +0,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 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

@@ -1,7 +0,0 @@
-{
-  "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

@@ -1,72 +0,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 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

@@ -1,7 +0,0 @@
-{
-  "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": []
-}