@elliemae/ds-form 1.57.0-rc.1 → 1.57.0-rc.13

package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js

@@ -0,0 +1,149 @@
+import { useContext, useEffect, useCallback } from 'react';
+import { ComboBoxContext } from '../../ComboBoxCTX.js';
+import { getOptions } from '../listHelper.js';
+
+/* eslint-disable max-lines */
+var useKeyboardNavigation = function useKeyboardNavigation() {
+  var _useContext = useContext(ComboBoxContext),
+      _useContext$props = _useContext.props,
+      inline = _useContext$props.inline,
+      onChange = _useContext$props.onChange,
+      onCreate = _useContext$props.onCreate,
+      options = _useContext$props.options,
+      selectedValues = _useContext$props.selectedValues,
+      onFilter = _useContext$props.onFilter,
+      setShowPopover = _useContext.setShowPopover,
+      showPopover = _useContext.showPopover,
+      setShowSelectedValue = _useContext.setShowSelectedValue,
+      focusOptionIdx = _useContext.focusOptionIdx,
+      inputRef = _useContext.inputRef,
+      setCurrentOption = _useContext.setCurrentOption;
+
+  var multiple = Array.isArray(selectedValues);
+  var selectableOptions = getOptions(options);
+  var lastOption = selectableOptions.length - 1;
+  var focusOption = selectableOptions[focusOptionIdx];
+  useEffect(function () {
+    if (focusOptionIdx >= 0) {
+      var _document$querySelect;
+
+      (_document$querySelect = document.querySelector('.ds-list-item-active')) === null || _document$querySelect === void 0 ? void 0 : _document$querySelect.scrollIntoView(false);
+    }
+  }, [focusOptionIdx]);
+  var selectOption = useCallback(function () {
+    if (multiple) {
+      onFilter(inputRef.current.value);
+    } else {
+      onFilter('');
+      inputRef.current.value = '';
+      setShowSelectedValue(true);
+    }
+
+    onChange(focusOption);
+    setShowPopover(multiple ? true : !showPopover);
+  }, [multiple, setShowPopover, showPopover, focusOption, onFilter, inputRef, setShowSelectedValue, onChange]);
+  var onInputKeyDown = useCallback(function (e) {
+    var targetElement = e.target; // =============================================================================
+    // ENTER KEY TO CREATE ELEMENTS
+    // =============================================================================
+
+    if (e.key === 'Enter' && onCreate && !selectableOptions.length) {
+      onCreate(targetElement.value);
+      onFilter('');
+      inputRef.current.value = '';
+      return;
+    } // =============================================================================
+    // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER
+    // =============================================================================
+
+
+    if (e.keyCode === 32 && targetElement.value === '' || e.key === 'Enter') {
+      e.preventDefault();
+
+      if (!showPopover) {
+        setShowPopover(true);
+      } else {
+        selectOption();
+      }
+    } // =============================================================================
+    // CTRL + ENTER + MULTIPLE: SELECT AND CLOSE MENU
+    // =============================================================================
+
+
+    if (e.key === 'Enter' && e.ctrlKey && multiple) {
+      setShowPopover(false);
+    } // =============================================================================
+    // ARROWS UP AND DOWN
+    // =============================================================================
+
+
+    if (e.key === 'ArrowDown') {
+      if (showPopover || inline) {
+        setCurrentOption(function (prevState) {
+          return prevState === lastOption ? 0 : focusOptionIdx + 1;
+        });
+      } else {
+        setShowPopover(true);
+        setCurrentOption(0);
+      }
+    }
+
+    if (e.key === 'ArrowUp') {
+      if (showPopover || inline) {
+        setCurrentOption(function (prevState) {
+          return prevState === 0 ? lastOption : focusOptionIdx - 1;
+        });
+      } else {
+        setShowPopover(true);
+        setCurrentOption(lastOption);
+      }
+    } // =============================================================================
+    // ESCAPE
+    // =============================================================================
+
+
+    if (e.key === 'Escape' && !inline) {
+      setCurrentOption(0);
+      setShowPopover(false);
+    } // =============================================================================
+    // BACKSPACE
+    // =============================================================================
+
+
+    if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {
+      if (multiple && !targetElement.value) {
+        var multiSelectedValues = selectedValues;
+        if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);
+      } else {
+        onChange(null);
+      }
+
+      onFilter('');
+      setShowSelectedValue(true);
+    } // =============================================================================
+    // SHIFT + TAB ON SINGLE SELECT: SELECT AND RETURN TO INPUT
+    // =============================================================================
+
+
+    if (e.key === 'Tab' && e.shiftKey && !multiple && showPopover) {
+      selectOption();
+      e.preventDefault();
+    } // =============================================================================
+    // TAB + SINGLE SELECT
+    // =============================================================================
+
+
+    if (e.key === 'Tab' && showPopover && !multiple) {
+      selectOption();
+      setShowPopover(false);
+    }
+
+    if (e.key === 'Tab' && inline) {
+      e.preventDefault();
+    }
+  }, [focusOptionIdx, selectableOptions, inputRef, lastOption, multiple, showPopover, selectedValues, inline, onChange, onCreate, onFilter, setCurrentOption, setShowPopover, setShowSelectedValue, selectOption]);
+  return onInputKeyDown;
+};
+
+export { useKeyboardNavigation };
+//# sourceMappingURL=useKeyboardNavigation.js.map

package/esm/ComboBox/v3/utils/hooks/useKeyboardNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardNavigation.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useKeyboardNavigation.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable max-depth */\n/* eslint-disable max-statements */\n/* eslint-disable complexity */\nimport { useCallback, useEffect, useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getOptions } from '../listHelper';\nexport const useKeyboardNavigation = (): React.KeyboardEventHandler => {\n  const {\n    props: { inline, onChange, onCreate, options, selectedValues, onFilter },\n    setShowPopover,\n    showPopover,\n    setShowSelectedValue,\n    focusOptionIdx,\n    inputRef,\n    setCurrentOption,\n  } = useContext(ComboBoxContext);\n\n  const multiple = Array.isArray(selectedValues);\n  const selectableOptions = getOptions(options);\n  const lastOption = selectableOptions.length - 1;\n  const focusOption = selectableOptions[focusOptionIdx];\n\n  useEffect(() => {\n    if (focusOptionIdx >= 0) {\n      document.querySelector('.ds-list-item-active')?.scrollIntoView(false);\n    }\n  }, [focusOptionIdx]);\n\n  const selectOption = useCallback(() => {\n    if (multiple) {\n      onFilter(inputRef.current.value);\n    } else {\n      onFilter('');\n      inputRef.current.value = '';\n      setShowSelectedValue(true);\n    }\n    onChange(focusOption);\n    setShowPopover(multiple ? true : !showPopover);\n  }, [multiple, setShowPopover, showPopover, focusOption, onFilter, inputRef, setShowSelectedValue, onChange]);\n\n  const onInputKeyDown = useCallback(\n    (e) => {\n      const targetElement = e.target as HTMLInputElement;\n      // =============================================================================\n      // ENTER KEY TO CREATE ELEMENTS\n      // =============================================================================\n      if (e.key === 'Enter' && onCreate && !selectableOptions.length) {\n        onCreate(targetElement.value);\n        onFilter('');\n        inputRef.current.value = '';\n        return;\n      }\n      // =============================================================================\n      // ENTER AND SPACE KEY SELECT OPTIONS AND OPEN CLOSE THE POPOVER\n      // =============================================================================\n      if ((e.keyCode === 32 && targetElement.value === '') || e.key === 'Enter') {\n        e.preventDefault();\n        if (!showPopover) {\n          setShowPopover(true);\n        } else {\n          selectOption();\n        }\n      }\n\n      // =============================================================================\n      // CTRL + ENTER + MULTIPLE: SELECT AND CLOSE MENU\n      // =============================================================================\n      if (e.key === 'Enter' && e.ctrlKey && multiple) {\n        setShowPopover(false);\n      }\n      // =============================================================================\n      // ARROWS UP AND DOWN\n      // =============================================================================\n      if (e.key === 'ArrowDown') {\n        if (showPopover || inline) {\n          setCurrentOption((prevState) => (prevState === lastOption ? 0 : focusOptionIdx + 1));\n        } else {\n          setShowPopover(true);\n          setCurrentOption(0);\n        }\n      }\n      if (e.key === 'ArrowUp') {\n        if (showPopover || inline) {\n          setCurrentOption((prevState) => (prevState === 0 ? lastOption : focusOptionIdx - 1));\n        } else {\n          setShowPopover(true);\n          setCurrentOption(lastOption);\n        }\n      }\n      // =============================================================================\n      // ESCAPE\n      // =============================================================================\n      if (e.key === 'Escape' && !inline) {\n        setCurrentOption(0);\n        setShowPopover(false);\n      }\n      // =============================================================================\n      // BACKSPACE\n      // =============================================================================\n      if (e.key === 'Backspace' && targetElement.value.length <= 0 && !inline) {\n        if (multiple && !targetElement.value) {\n          const multiSelectedValues = selectedValues as CBOptionT[];\n          if (multiSelectedValues.length > 0) onChange(multiSelectedValues[multiSelectedValues.length - 1]);\n        } else {\n          onChange(null);\n        }\n        onFilter('');\n        setShowSelectedValue(true);\n      }\n      // =============================================================================\n      // SHIFT + TAB ON SINGLE SELECT: SELECT AND RETURN TO INPUT\n      // =============================================================================\n      if (e.key === 'Tab' && e.shiftKey && !multiple && showPopover) {\n        selectOption();\n        e.preventDefault();\n      }\n      // =============================================================================\n      // TAB + SINGLE SELECT\n      // =============================================================================\n      if (e.key === 'Tab' && showPopover && !multiple) {\n        selectOption();\n        setShowPopover(false);\n      }\n\n      if (e.key === 'Tab' && inline) {\n        e.preventDefault();\n      }\n    },\n    [\n      focusOptionIdx,\n      selectableOptions,\n      inputRef,\n      lastOption,\n      multiple,\n      showPopover,\n      selectedValues,\n      inline,\n      onChange,\n      onCreate,\n      onFilter,\n      setCurrentOption,\n      setShowPopover,\n      setShowSelectedValue,\n      selectOption,\n    ],\n  );\n\n  return onInputKeyDown;\n};\n"],"names":["useKeyboardNavigation","useContext","ComboBoxContext","props","inline","onChange","onCreate","options","selectedValues","onFilter","setShowPopover","showPopover","setShowSelectedValue","focusOptionIdx","inputRef","setCurrentOption","multiple","Array","isArray","selectableOptions","getOptions","lastOption","length","focusOption","useEffect","document","querySelector","scrollIntoView","selectOption","useCallback","current","value","onInputKeyDown","e","targetElement","target","key","keyCode","preventDefault","ctrlKey","prevState","multiSelectedValues","shiftKey"],"mappings":"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"}

package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js

@@ -0,0 +1,44 @@
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import { useState, useRef, useEffect, useMemo } from 'react';
+
+// Taken and modified from https://stackoverflow.com/a/60218754
+
+var useOnElementResize = function useOnElementResize(targetRef) {
+  var _targetRef$current, _targetRef$current2;
+
+  var _useState = useState(targetRef.current ? (_targetRef$current = targetRef.current) === null || _targetRef$current === void 0 ? void 0 : _targetRef$current.offsetWidth : 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      width = _useState2[0],
+      setWidth = _useState2[1];
+
+  var _useState3 = useState(targetRef.current ? (_targetRef$current2 = targetRef.current) === null || _targetRef$current2 === void 0 ? void 0 : _targetRef$current2.offsetWidth : 0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      height = _useState4[0],
+      setHeight = _useState4[1];
+
+  var observer = useRef(null);
+  useEffect(function () {
+    function outputsize() {
+      var _targetRef$current3, _targetRef$current4;
+
+      setWidth((_targetRef$current3 = targetRef.current) === null || _targetRef$current3 === void 0 ? void 0 : _targetRef$current3.offsetWidth);
+      setHeight((_targetRef$current4 = targetRef.current) === null || _targetRef$current4 === void 0 ? void 0 : _targetRef$current4.offsetHeight);
+    }
+
+    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);
+    return function () {
+      var _observer$current;
+
+      (_observer$current = observer.current) === null || _observer$current === void 0 ? void 0 : _observer$current.disconnect();
+    };
+  }, [targetRef]);
+  return useMemo(function () {
+    return {
+      width: width,
+      height: height
+    };
+  }, [width, height]);
+};
+
+export { useOnElementResize };
+//# sourceMappingURL=useOnElementResize.js.map

package/esm/ComboBox/v3/utils/hooks/useOnElementResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementResize.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useOnElementResize.tsx"],"sourcesContent":["import React, { useState, useEffect, useRef, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nconst useOnElementResize = (targetRef: React.RefObject<HTMLDivElement>): Record<'width' | 'height', number> => {\n  const [width, setWidth] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const [height, setHeight] = useState(targetRef.current ? targetRef.current?.offsetWidth : 0);\n  const observer = useRef(null);\n\n  useEffect(() => {\n    function outputsize() {\n      setWidth(targetRef.current?.offsetWidth);\n      setHeight(targetRef.current?.offsetHeight);\n    }\n\n    observer.current = new ResizeObserver(outputsize).observe(targetRef.current);\n\n    return () => {\n      observer.current?.disconnect();\n    };\n  }, [targetRef]);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n\nexport { useOnElementResize };\n"],"names":["useOnElementResize","targetRef","useState","current","offsetWidth","width","setWidth","height","setHeight","observer","useRef","useEffect","outputsize","offsetHeight","ResizeObserver","observe","disconnect","useMemo"],"mappings":";;;AAGA;;IACMA,kBAAkB,GAAG,SAArBA,kBAAqB,CAACC,SAAD,EAAoF;AAAA;;AAC7G,kBAA0BC,QAAQ,CAACD,SAAS,CAACE,OAAV,yBAAoBF,SAAS,CAACE,OAA9B,uDAAoB,mBAAmBC,WAAvC,GAAqD,CAAtD,CAAlC;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAA4BJ,QAAQ,CAACD,SAAS,CAACE,OAAV,0BAAoBF,SAAS,CAACE,OAA9B,wDAAoB,oBAAmBC,WAAvC,GAAqD,CAAtD,CAApC;AAAA;AAAA,MAAOG,MAAP;AAAA,MAAeC,SAAf;;AACA,MAAMC,QAAQ,GAAGC,MAAM,CAAC,IAAD,CAAvB;AAEAC,EAAAA,SAAS,CAAC,YAAM;AACd,aAASC,UAAT,GAAsB;AAAA;;AACpBN,MAAAA,QAAQ,wBAACL,SAAS,CAACE,OAAX,wDAAC,oBAAmBC,WAApB,CAAR;AACAI,MAAAA,SAAS,wBAACP,SAAS,CAACE,OAAX,wDAAC,oBAAmBU,YAApB,CAAT;AACD;;AAEDJ,IAAAA,QAAQ,CAACN,OAAT,GAAmB,IAAIW,cAAJ,CAAmBF,UAAnB,EAA+BG,OAA/B,CAAuCd,SAAS,CAACE,OAAjD,CAAnB;AAEA,WAAO,YAAM;AAAA;;AACX,2BAAAM,QAAQ,CAACN,OAAT,wEAAkBa,UAAlB;AACD,KAFD;AAGD,GAXQ,EAWN,CAACf,SAAD,CAXM,CAAT;AAaA,SAAOgB,OAAO,CACZ;AAAA,WAAO;AACLZ,MAAAA,KAAK,EAALA,KADK;AAELE,MAAAA,MAAM,EAANA;AAFK,KAAP;AAAA,GADY,EAKZ,CAACF,KAAD,EAAQE,MAAR,CALY,CAAd;AAOD;;;;"}

package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js

@@ -0,0 +1,43 @@
+import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+import { useCallback, useState, useEffect, useLayoutEffect, useMemo } from 'react';
+
+// Taken and modified from https://stackoverflow.com/a/60218754
+
+var useDimensions = function useDimensions(targetRef) {
+  var queryDimension = useCallback(function (dimension) {
+    return targetRef.current ? targetRef.current[dimension] : 0;
+  }, []);
+
+  var _useState = useState(targetRef.current ? targetRef.current.offsetWidth : 0),
+      _useState2 = _slicedToArray(_useState, 2),
+      width = _useState2[0],
+      setWidth = _useState2[1];
+
+  var _useState3 = useState(targetRef.current ? targetRef.current.offsetWidth : 0),
+      _useState4 = _slicedToArray(_useState3, 2),
+      height = _useState4[0],
+      setHeight = _useState4[1];
+
+  var handleResize = useCallback(function () {
+    setWidth(queryDimension('offsetWidth'));
+    setHeight(queryDimension('offsetHeight'));
+  }, []);
+  useEffect(function () {
+    window.addEventListener('resize', handleResize);
+    return function () {
+      return window.removeEventListener('resize', handleResize);
+    };
+  }, []);
+  useLayoutEffect(function () {
+    handleResize();
+  }, []);
+  return useMemo(function () {
+    return {
+      width: width,
+      height: height
+    };
+  }, [width, height]);
+};
+
+export { useDimensions };
+//# sourceMappingURL=useOnWindowResize.js.map

package/esm/ComboBox/v3/utils/hooks/useOnWindowResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnWindowResize.js","sources":["../../../../../../src/ComboBox/v3/utils/hooks/useOnWindowResize.tsx"],"sourcesContent":["import { useLayoutEffect, useState, useCallback, useEffect, useMemo } from 'react';\n\n// Custom hook to track dimension of a component\n// Taken and modified from https://stackoverflow.com/a/60218754\nconst useDimensions = (targetRef) => {\n  const queryDimension = useCallback((dimension) => (targetRef.current ? targetRef.current[dimension] : 0), []);\n\n  const [width, setWidth] = useState(targetRef.current ? targetRef.current.offsetWidth : 0);\n  const [height, setHeight] = useState(targetRef.current ? targetRef.current.offsetWidth : 0);\n\n  const handleResize = useCallback(() => {\n    setWidth(queryDimension('offsetWidth'));\n    setHeight(queryDimension('offsetHeight'));\n  }, []);\n\n  useEffect(() => {\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  useLayoutEffect(() => {\n    handleResize();\n  }, []);\n\n  return useMemo(\n    () => ({\n      width,\n      height,\n    }),\n    [width, height],\n  );\n};\n\nexport { useDimensions };\n"],"names":["useDimensions","targetRef","queryDimension","useCallback","dimension","current","useState","offsetWidth","width","setWidth","height","setHeight","handleResize","useEffect","window","addEventListener","removeEventListener","useLayoutEffect","useMemo"],"mappings":";;;AAGA;;IACMA,aAAa,GAAG,SAAhBA,aAAgB,CAACC,SAAD,EAAe;AACnC,MAAMC,cAAc,GAAGC,WAAW,CAAC,UAACC,SAAD;AAAA,WAAgBH,SAAS,CAACI,OAAV,GAAoBJ,SAAS,CAACI,OAAV,CAAkBD,SAAlB,CAApB,GAAmD,CAAnE;AAAA,GAAD,EAAwE,EAAxE,CAAlC;;AAEA,kBAA0BE,QAAQ,CAACL,SAAS,CAACI,OAAV,GAAoBJ,SAAS,CAACI,OAAV,CAAkBE,WAAtC,GAAoD,CAArD,CAAlC;AAAA;AAAA,MAAOC,KAAP;AAAA,MAAcC,QAAd;;AACA,mBAA4BH,QAAQ,CAACL,SAAS,CAACI,OAAV,GAAoBJ,SAAS,CAACI,OAAV,CAAkBE,WAAtC,GAAoD,CAArD,CAApC;AAAA;AAAA,MAAOG,MAAP;AAAA,MAAeC,SAAf;;AAEA,MAAMC,YAAY,GAAGT,WAAW,CAAC,YAAM;AACrCM,IAAAA,QAAQ,CAACP,cAAc,CAAC,aAAD,CAAf,CAAR;AACAS,IAAAA,SAAS,CAACT,cAAc,CAAC,cAAD,CAAf,CAAT;AACD,GAH+B,EAG7B,EAH6B,CAAhC;AAKAW,EAAAA,SAAS,CAAC,YAAM;AACdC,IAAAA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCH,YAAlC;AACA,WAAO;AAAA,aAAME,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCJ,YAArC,CAAN;AAAA,KAAP;AACD,GAHQ,EAGN,EAHM,CAAT;AAKAK,EAAAA,eAAe,CAAC,YAAM;AACpBL,IAAAA,YAAY;AACb,GAFc,EAEZ,EAFY,CAAf;AAIA,SAAOM,OAAO,CACZ;AAAA,WAAO;AACLV,MAAAA,KAAK,EAALA,KADK;AAELE,MAAAA,MAAM,EAANA;AAFK,KAAP;AAAA,GADY,EAKZ,CAACF,KAAD,EAAQE,MAAR,CALY,CAAd;AAOD;;;;"}

package/esm/ComboBox/v3/utils/listHelper.js

@@ -0,0 +1,30 @@
+var getSelectableOptions = function getSelectableOptions(options) {
+  return options ? options.filter(function (option) {
+    return option.type === 'option' && !option.disabled;
+  }) : [];
+};
+var getOptions = function getOptions(options) {
+  return options ? options.filter(function (option) {
+    return option.type === 'option';
+  }) : [];
+};
+var isSelectedValueEmpty = function isSelectedValueEmpty(value) {
+  return Array.isArray(value) ? value.length === 0 : !value;
+};
+var isSelectedValueMultiple = function isSelectedValueMultiple(value) {
+  return Array.isArray(value);
+};
+var isSelected = function isSelected(value, activeOption) {
+  if (isSelectedValueMultiple(value)) {
+    var multiValue = value;
+    return multiValue.some(function (item) {
+      return (item === null || item === void 0 ? void 0 : item.value) === (activeOption === null || activeOption === void 0 ? void 0 : activeOption.value);
+    });
+  }
+
+  var singleValue = value;
+  return (singleValue === null || singleValue === void 0 ? void 0 : singleValue.value) === activeOption.value;
+};
+
+export { getOptions, getSelectableOptions, isSelected, isSelectedValueEmpty, isSelectedValueMultiple };
+//# sourceMappingURL=listHelper.js.map

package/esm/ComboBox/v3/utils/listHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"listHelper.js","sources":["../../../../../src/ComboBox/v3/utils/listHelper.tsx"],"sourcesContent":["import { CBOptionsT, CBOptionT } from '../index.d';\n\nexport const getSelectableOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option' && !option.disabled) : [];\n\nexport const getOptions = (options: Array<CBOptionT>): Array<CBOptionT> =>\n  options ? options.filter((option) => option.type === 'option') : [];\n\nexport const isSelectedValueEmpty = (value: CBOptionT | Array<CBOptionT>): boolean =>\n  Array.isArray(value) ? value.length === 0 : !value;\n\nexport const isSelectedValueMultiple = (value: CBOptionT | Array<CBOptionT>): boolean => Array.isArray(value);\n\nexport const isSelected = (value: CBOptionsT, activeOption: CBOptionT): boolean => {\n  if (isSelectedValueMultiple(value)) {\n    const multiValue = value as CBOptionT[];\n    return multiValue.some((item) => item?.value === activeOption?.value);\n  }\n  const singleValue = value as CBOptionT;\n  return singleValue?.value === activeOption.value;\n};\n"],"names":["getSelectableOptions","options","filter","option","type","disabled","getOptions","isSelectedValueEmpty","value","Array","isArray","length","isSelectedValueMultiple","isSelected","activeOption","multiValue","some","item","singleValue"],"mappings":"IAEaA,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,OAAD;AAAA,SAClCA,OAAO,GAAGA,OAAO,CAACC,MAAR,CAAe,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACC,IAAP,KAAgB,QAAhB,IAA4B,CAACD,MAAM,CAACE,QAAhD;AAAA,GAAf,CAAH,GAA8E,EADnD;AAAA;IAGvBC,UAAU,GAAG,SAAbA,UAAa,CAACL,OAAD;AAAA,SACxBA,OAAO,GAAGA,OAAO,CAACC,MAAR,CAAe,UAACC,MAAD;AAAA,WAAYA,MAAM,CAACC,IAAP,KAAgB,QAA5B;AAAA,GAAf,CAAH,GAA0D,EADzC;AAAA;IAGbG,oBAAoB,GAAG,SAAvBA,oBAAuB,CAACC,KAAD;AAAA,SAClCC,KAAK,CAACC,OAAN,CAAcF,KAAd,IAAuBA,KAAK,CAACG,MAAN,KAAiB,CAAxC,GAA4C,CAACH,KADX;AAAA;IAGvBI,uBAAuB,GAAG,SAA1BA,uBAA0B,CAACJ,KAAD;AAAA,SAAkDC,KAAK,CAACC,OAAN,CAAcF,KAAd,CAAlD;AAAA;IAE1BK,UAAU,GAAG,SAAbA,UAAa,CAACL,KAAD,EAAoBM,YAApB,EAAyD;AACjF,MAAIF,uBAAuB,CAACJ,KAAD,CAA3B,EAAoC;AAClC,QAAMO,UAAU,GAAGP,KAAnB;AACA,WAAOO,UAAU,CAACC,IAAX,CAAgB,UAACC,IAAD;AAAA,aAAU,CAAAA,IAAI,SAAJ,IAAAA,IAAI,WAAJ,YAAAA,IAAI,CAAET,KAAN,OAAgBM,YAAhB,aAAgBA,YAAhB,uBAAgBA,YAAY,CAAEN,KAA9B,CAAV;AAAA,KAAhB,CAAP;AACD;;AACD,MAAMU,WAAW,GAAGV,KAApB;AACA,SAAO,CAAAU,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEV,KAAb,MAAuBM,YAAY,CAACN,KAA3C;AACD;;;;"}

package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -4,6 +4,7 @@ import PropTypes from 'prop-types';
 import { noop } from 'lodash';
 import '../ComboBox/v1/DSComboBox.js';
 import { DSComboBox2 } from '../ComboBox/v2/Combobox.js';
+import '../ComboBox/v3/ComboBox.js';
 import { MultiValueLabel } from './components/MultiValueLabel.js';
 import { MultiValueRemove } from './components/MultiValueRemove.js';
 import { SingleValue } from './components/SingleValue.js';
@@ -20,20 +21,19 @@ import '@babel/runtime/helpers/esm/getPrototypeOf';
 import 'react-select';
 import 'react-popper';
 import 'react-measure';
-import '@elliemae/ds-utilities/utils';
+import '@elliemae/ds-utilities';
 import '../ComboBox/v1/withSelectStringValueConverter.js';
 import '@babel/runtime/helpers/esm/typeof';
-import '../prop-types-cc01d273.js';
+import '../prop-types-45aa1e9c.js';
 import '../ComboBox/v1/components/Control.js';
 import '../ComboBox/v1/components/DropdownIndicator.js';
-import '@elliemae/ds-icons/ChevronSmallDown';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '../ComboBox/v1/components/SelectMenu.js';
 import '@elliemae/ds-overlay';
 import '@elliemae/ds-menu';
 import '@elliemae/ds-popper';
 import '../ComboBox/v1/components/ClearIndicator.js';
-import '@elliemae/ds-icons/CloseCircle';
 import '../ComboBox/v1/components/MenuList.js';
 import '@babel/runtime/helpers/esm/slicedToArray';
 import 'react-window';
@@ -57,8 +57,6 @@ import '../ComboBox/v1/components/calculateWidth.js';
 import '../ComboBox/v1/components/ValueContainer.js';
 import 'react-select/creatable';
 import '@elliemae/ds-system';
-import '@elliemae/ds-utilities/hooks/usePrevious';
-import '@elliemae/ds-utilities/hooks/useShouldRecalculate';
 import '../ComboBox/v2/components/DropdownIndicator.js';
 import '../ComboBox/v2/context.js';
 import '../ComboBox/v2/components/GroupHeading.js';
@@ -68,7 +66,6 @@ import '../ComboBox/v2/components/SelectMenu.js';
 import '../ComboBox/v2/components/Content.js';
 import '../ComboBox/v2/components/Control.js';
 import '../ComboBox/v2/components/ClearIndicator.js';
-import '@elliemae/ds-icons/CloseXsmall';
 import '../ComboBox/v2/components/MenuList.js';
 import '../ComboBox/v2/components/CustomOption.js';
 import '../ComboBox/v2/components/CustomOptionMulti.js';
@@ -81,6 +78,41 @@ import '../ComboBox/v2/components/LoadingIndicator.js';
 import '@elliemae/ds-circular-progress-indicator';
 import '../ComboBox/v2/components/calculateWidth.js';
 import '../ComboBox/v2/components/ValueContainer.js';
+import '@elliemae/ds-props-helpers';
+import '../ComboBox/v3/config/useComboBox.js';
+import '../ComboBox/v3/config/useGetPropsWithDefault.js';
+import '../ComboBox/v3/ComboBoxCTX.js';
+import '../ComboBox/v3/parts/container/Container.js';
+import '@elliemae/ds-popperjs';
+import '../ComboBox/v3/parts/container/styled.js';
+import '../ComboBox/v3/parts/controls/Controls.js';
+import '../ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js';
+import '@elliemae/ds-icons/ChevronSmallDown';
+import '../ComboBox/v3/parts/dropdown-indicator/styled.js';
+import '../ComboBox/v3/parts/controls/styled.js';
+import '@elliemae/ds-grid';
+import '../ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js';
+import '@elliemae/ds-pills';
+import '../ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js';
+import '../ComboBox/v3/utils/hooks/useOnElementResize.js';
+import '../ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js';
+import '../ComboBox/v3/utils/listHelper.js';
+import '../ComboBox/v3/parts/a11y-messages/styled.js';
+import '../ComboBox/v3/parts/controls-input/ControlsInput.js';
+import '../ComboBox/v3/parts/controls-input/styled.js';
+import '../ComboBox/v3/utils/hooks/useKeyboardNavigation.js';
+import '../ComboBox/v3/parts/controls-input/useControlsInput.js';
+import '../ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js';
+import '../ComboBox/v3/parts/single-selected-value-container/styled.js';
+import '../ComboBox/v3/parts/menu-list/MenuList.js';
+import '../ComboBox/v3/parts/menu-list/styled.js';
+import '../ComboBox/v3/parts/header-list/HeaderList.js';
+import '../ComboBox/v3/parts/header-list/styled.js';
+import '../ComboBox/v3/parts/empty-state/index.js';
+import '../ComboBox/v3/parts/empty-state/styled.js';
+import '../ComboBox/v3/parts/menu-list/useMenuList.js';
+import '@elliemae/ds-form';
+import '../ComboBox/v3/propTypes.js';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 

package/esm/ComboBoxFreeSolo/ComboBoxFreeSolo.js.map

@@ -1 +1 @@
-{"version":3,"file":"ComboBoxFreeSolo.js","sources":["../../../src/ComboBoxFreeSolo/ComboBoxFreeSolo.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport DSComboBox2 from '../ComboBox';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValue } from './components/SingleValue';\nimport { SingleValueRemove } from './components/SingleValueRemove';\n\nconst customStyles = {\n  multiValueRemove: MultiValueRemove.style,\n  clearIndicator: SingleValueRemove.style,\n  multiValue: (base) => ({\n    ...base,\n    borderRadius: '10px',\n    backgroundColor: '#ebf6ff',\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    display: '-webkit-box',\n    flexWrap: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    '-ms-overflow-style': 'none', // IE and Edge\n    'scrollbar-width': 'none', // Firefox\n    '::-webkit-scrollbar': { display: 'none' }, // Chrome\n  }),\n};\n\nfunction ComboBoxFreeSolo({\n  isMulti = false,\n  options = {},\n  value = [],\n  onChange = noop,\n  onChangeV2 = noop,\n  onInputChange = noop,\n  onFocus = noop,\n  onBlur = noop,\n  containerProps = {},\n  disabled = false,\n  menuIsOpen = false,\n  placeholder = 'Select values',\n  formatCreateLabel = (val) => `Create ${val}`,\n  maxOptions = undefined,\n}) {\n  return (\n    <DSComboBox2\n      isFreeSolo\n      clearable\n      isMulti={isMulti}\n      value={value}\n      options={options}\n      keepTypedValue={false}\n      placeholder={placeholder}\n      disabled={disabled}\n      menuIsOpen={menuIsOpen}\n      formatCreateLabel={formatCreateLabel}\n      createOptionPosition=\"first\"\n      onChange={onChange}\n      onChangeV2={onChangeV2}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      containerProps={containerProps}\n      maxOptions={maxOptions}\n      components={{\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n      }}\n      componentsStyle={customStyles}\n    />\n  );\n}\n\nComboBoxFreeSolo.propTypes = {\n  containerProps: PropTypes.object,\n  /**\n   * Allows a function that is triggered once the combo box is focused\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box loses focus\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   */\n  onChange: PropTypes.func.isRequired,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   * It will return the current options selected\n   */\n  onChangeV2: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the input value changes (on every keystroke)\n   */\n  onInputChange: PropTypes.func,\n  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * Value that the combo box has as default\n   */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Whether the combo box is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the combo box free solo is multi selectable or not\n   */\n  isMulti: PropTypes.bool,\n  /**\n   * Placeholder for the combo box\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Whether the combo box menu is open or not\n   */\n  menuIsOpen: PropTypes.bool,\n  /**\n   * Whether to show the combo box menu inline or not\n   */\n  /**\n   * function that reciveves the new value and returns the formatted value\n   */\n  formatCreateLabel: PropTypes.func,\n  /**\n   * Max options to be displayed on the menu list\n   */\n  maxOptions: PropTypes.number,\n};\n\nexport default ComboBoxFreeSolo;\n"],"names":["customStyles","multiValueRemove","MultiValueRemove","style","clearIndicator","SingleValueRemove","multiValue","base","borderRadius","backgroundColor","valueContainer","display","flexWrap","overflowX","overflowY","ComboBoxFreeSolo","isMulti","options","value","onChange","noop","onChangeV2","onInputChange","onFocus","onBlur","containerProps","disabled","menuIsOpen","placeholder","formatCreateLabel","val","maxOptions","undefined","MultiValueLabel","SingleValue","propTypes","PropTypes","object","func","isRequired","oneOfType","array","arrayOf","bool","string","number"],"mappings":"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"}
+{"version":3,"file":"ComboBoxFreeSolo.js","sources":["../../../src/ComboBoxFreeSolo/ComboBoxFreeSolo.tsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport { noop } from 'lodash';\nimport DSComboBox2 from '../ComboBox';\nimport { MultiValueLabel } from './components/MultiValueLabel';\nimport { MultiValueRemove } from './components/MultiValueRemove';\nimport { SingleValue } from './components/SingleValue';\nimport { SingleValueRemove } from './components/SingleValueRemove';\n\nconst customStyles = {\n  multiValueRemove: MultiValueRemove.style,\n  clearIndicator: SingleValueRemove.style,\n  multiValue: (base) => ({\n    ...base,\n    borderRadius: '10px',\n    backgroundColor: '#ebf6ff',\n  }),\n  valueContainer: (base) => ({\n    ...base,\n    display: '-webkit-box',\n    flexWrap: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    '-ms-overflow-style': 'none', // IE and Edge\n    'scrollbar-width': 'none', // Firefox\n    '::-webkit-scrollbar': { display: 'none' }, // Chrome\n  }),\n};\n\nfunction ComboBoxFreeSolo({\n  isMulti = false,\n  options = {},\n  value = [],\n  onChange = noop,\n  onChangeV2 = noop,\n  onInputChange = noop,\n  onFocus = noop,\n  onBlur = noop,\n  containerProps = {},\n  disabled = false,\n  menuIsOpen = false,\n  placeholder = 'Select values',\n  formatCreateLabel = (val) => `Create ${val}`,\n  maxOptions = undefined,\n}) {\n  return (\n    <DSComboBox2\n      isFreeSolo\n      clearable\n      isMulti={isMulti}\n      value={value}\n      options={options}\n      keepTypedValue={false}\n      placeholder={placeholder}\n      disabled={disabled}\n      menuIsOpen={menuIsOpen}\n      formatCreateLabel={formatCreateLabel}\n      createOptionPosition=\"first\"\n      onChange={onChange}\n      onChangeV2={onChangeV2}\n      onInputChange={onInputChange}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      containerProps={containerProps}\n      maxOptions={maxOptions}\n      components={{\n        MultiValueLabel,\n        MultiValueRemove,\n        SingleValue,\n      }}\n      componentsStyle={customStyles}\n    />\n  );\n}\n\nComboBoxFreeSolo.propTypes = {\n  containerProps: PropTypes.object,\n  /**\n   * Allows a function that is triggered once the combo box is focused\n   */\n  onFocus: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the combo box loses focus\n   */\n  onBlur: PropTypes.func,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   */\n  onChange: PropTypes.func.isRequired,\n  /**\n   * Allows a function that is triggered when a new value is selected from the dropdown menu\n   * It will return the current options selected\n   */\n  onChangeV2: PropTypes.func,\n  /**\n   * Allows a function that is triggered once the input value changes (on every keystroke)\n   */\n  onInputChange: PropTypes.func,\n  value: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),\n  /**\n   * Value that the combo box has as default\n   */\n  options: PropTypes.arrayOf(PropTypes.object),\n  /**\n   * Whether the combo box is disabled or not\n   */\n  disabled: PropTypes.bool,\n  /**\n   * Whether the combo box free solo is multi selectable or not\n   */\n  isMulti: PropTypes.bool,\n  /**\n   * Placeholder for the combo box\n   */\n  placeholder: PropTypes.string,\n  /**\n   * Whether the combo box menu is open or not\n   */\n  menuIsOpen: PropTypes.bool,\n  /**\n   * Whether to show the combo box menu inline or not\n   */\n  /**\n   * function that reciveves the new value and returns the formatted value\n   */\n  formatCreateLabel: PropTypes.func,\n  /**\n   * Max options to be displayed on the menu list\n   */\n  maxOptions: PropTypes.number,\n};\n\nexport default ComboBoxFreeSolo;\n"],"names":["customStyles","multiValueRemove","MultiValueRemove","style","clearIndicator","SingleValueRemove","multiValue","base","borderRadius","backgroundColor","valueContainer","display","flexWrap","overflowX","overflowY","ComboBoxFreeSolo","isMulti","options","value","onChange","noop","onChangeV2","onInputChange","onFocus","onBlur","containerProps","disabled","menuIsOpen","placeholder","formatCreateLabel","val","maxOptions","undefined","MultiValueLabel","SingleValue","propTypes","PropTypes","object","func","isRequired","oneOfType","array","arrayOf","bool","string","number"],"mappings":"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"}

package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -2,7 +2,7 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React from 'react';
 import styled from 'styled-components';
 import { components } from 'react-select';
-import CloseXsmall from '@elliemae/ds-icons/CloseXsmall';
+import { CloseXsmall } from '@elliemae/ds-icons';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 

package/esm/ComboBoxFreeSolo/components/MultiValueRemove.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiValueRemove.js","sources":["../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { components } from 'react-select';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\n\nconst PillCloseAddon = styled.div`\n  cursor: pointer;\n  height: ${(props) => props.theme.space.xs};\n  & > span {\n    height: auto;\n  }\n`;\n\nconst MultiValueRemove = (props) => (\n  <components.MultiValueRemove {...props}>\n    <PillCloseAddon>\n      <CloseXsmall />\n    </PillCloseAddon>\n  </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n  ...base,\n  paddingLeft: 0,\n  height: '100%',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { MultiValueRemove };\n"],"names":["PillCloseAddon","styled","div","props","theme","space","xs","MultiValueRemove","style","base","paddingLeft","height","backgroundColor"],"mappings":";;;;;;;;;AAKA,IAAMA,cAAc,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,0DAER,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,KAAZ,CAAkBC,EAA7B;AAAA,CAFQ,CAApB;;IAQMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,KAAD;AAAA,sBACvB,oBAAC,UAAD,CAAY,gBAAZ,EAAiCA,KAAjC,eACE,oBAAC,cAAD,qBACE,oBAAC,WAAD,OADF,CADF,CADuB;AAAA;;AAQzBI,gBAAgB,CAACC,KAAjB,GAAyB,UAACC,IAAD;AAAA,yCACpBA,IADoB;AAEvBC,IAAAA,WAAW,EAAE,CAFU;AAGvBC,IAAAA,MAAM,EAAE,MAHe;AAIvB,cAAU;AACRC,MAAAA,eAAe,EAAE;AADT;AAJa;AAAA,CAAzB;;;;"}
+{"version":3,"file":"MultiValueRemove.js","sources":["../../../../src/ComboBoxFreeSolo/components/MultiValueRemove.tsx"],"sourcesContent":["import React from 'react';\nimport styled from 'styled-components';\nimport { components } from 'react-select';\nimport { CloseXsmall } from '@elliemae/ds-icons';\n\nconst PillCloseAddon = styled.div`\n  cursor: pointer;\n  height: ${(props) => props.theme.space.xs};\n  & > span {\n    height: auto;\n  }\n`;\n\nconst MultiValueRemove = (props) => (\n  <components.MultiValueRemove {...props}>\n    <PillCloseAddon>\n      <CloseXsmall />\n    </PillCloseAddon>\n  </components.MultiValueRemove>\n);\n\nMultiValueRemove.style = (base) => ({\n  ...base,\n  paddingLeft: 0,\n  height: '100%',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { MultiValueRemove };\n"],"names":["PillCloseAddon","styled","div","props","theme","space","xs","MultiValueRemove","style","base","paddingLeft","height","backgroundColor"],"mappings":";;;;;;;;;AAKA,IAAMA,cAAc,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,0DAER,UAACC,KAAD;AAAA,SAAWA,KAAK,CAACC,KAAN,CAAYC,KAAZ,CAAkBC,EAA7B;AAAA,CAFQ,CAApB;;IAQMC,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACJ,KAAD;AAAA,sBACvB,oBAAC,UAAD,CAAY,gBAAZ,EAAiCA,KAAjC,eACE,oBAAC,cAAD,qBACE,oBAAC,WAAD,OADF,CADF,CADuB;AAAA;;AAQzBI,gBAAgB,CAACC,KAAjB,GAAyB,UAACC,IAAD;AAAA,yCACpBA,IADoB;AAEvBC,IAAAA,WAAW,EAAE,CAFU;AAGvBC,IAAAA,MAAM,EAAE,MAHe;AAIvB,cAAU;AACRC,MAAAA,eAAe,EAAE;AADT;AAJa;AAAA,CAAzB;;;;"}

package/esm/ComboBoxFreeSolo/components/SingleValue.js

@@ -5,7 +5,7 @@ import '@babel/runtime/helpers/esm/defineProperty';
 import '@babel/runtime/helpers/esm/extends';
 import 'react-select';
 import 'styled-components';
-import '@elliemae/ds-icons/CloseXsmall';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 
 var SingleValue = function SingleValue(props) {

package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -3,7 +3,7 @@ import _extends from '@babel/runtime/helpers/esm/extends';
 import React from 'react';
 import { components } from 'react-select';
 import styled from 'styled-components';
-import CloseXsmall from '@elliemae/ds-icons/CloseXsmall';
+import { CloseXsmall } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }

package/esm/ComboBoxFreeSolo/components/SingleValueRemove.js.map

@@ -1 +1 @@
-{"version":3,"file":"SingleValueRemove.js","sources":["../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx"],"sourcesContent":["import React from 'react';\nimport { components } from 'react-select';\nimport styled from 'styled-components';\nimport CloseXsmall from '@elliemae/ds-icons/CloseXsmall';\nimport DSButton from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n"],"names":["StyledButton","styled","DSButton","SingleValueRemove","props","clearValue","style","base","padding","height","backgroundColor"],"mappings":";;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,QAAD,CAAT;AAAA;AAAA,uFAAlB;;IAQMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnC;AACA,MAAQC,UAAR,GAAuBD,KAAvB,CAAQC,UAAR;AAEA,sBACE,oBAAC,UAAD,CAAY,cAAZ,EAA+BD,KAA/B,eACE,oBAAC,YAAD,eACMA,KADN;AAEE,mBAAY,0BAFd;AAGE,kBAAW,iBAHb;AAIE,IAAA,UAAU,EAAC,MAJb;AAKE,IAAA,SAAS,EAAC,iBALZ;AAME,IAAA,IAAI,eAAE,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAC;AAAlB,MANR;AAOE,IAAA,OAAO,EAAE;AAAA,aAAMC,UAAU,EAAhB;AAAA;AAPX,KADF,CADF;AAaD;;AAEDF,iBAAiB,CAACG,KAAlB,GAA0B,UAACC,IAAD;AAAA,yCACrBA,IADqB;AAExBC,IAAAA,OAAO,EAAE,CAFe;AAGxBC,IAAAA,MAAM,EAAE,MAHgB;AAIxBC,IAAAA,eAAe,EAAE,SAJO;AAKxB,cAAU;AACRA,MAAAA,eAAe,EAAE;AADT;AALc;AAAA,CAA1B;;;;"}
+{"version":3,"file":"SingleValueRemove.js","sources":["../../../../src/ComboBoxFreeSolo/components/SingleValueRemove.tsx"],"sourcesContent":["import React from 'react';\nimport { components } from 'react-select';\nimport styled from 'styled-components';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport DSButton from '@elliemae/ds-button';\n\nconst StyledButton = styled(DSButton)`\n  padding-right: 8px;\n  width: 1.16rem !important;\n  height: auto;\n  z-index: 10;\n  color: '#000';\n`;\n\nconst SingleValueRemove = (props) => {\n  // eslint-disable-next-line react/prop-types\n  const { clearValue } = props;\n\n  return (\n    <components.ClearIndicator {...props}>\n      <StyledButton\n        {...props}\n        data-testid=\"free-solo-pill-clear-btn\"\n        aria-label=\"clear-indicator\"\n        buttonType=\"text\"\n        className=\"clear-indicator\"\n        icon={<CloseXsmall fill=\"#000\" />}\n        onClick={() => clearValue()}\n      />\n    </components.ClearIndicator>\n  );\n};\n\nSingleValueRemove.style = (base) => ({\n  ...base,\n  padding: 0,\n  height: '16px',\n  backgroundColor: '#EBF6FF',\n  ':hover': {\n    backgroundColor: '#EBF6FF',\n  },\n});\n\nexport { SingleValueRemove };\n"],"names":["StyledButton","styled","DSButton","SingleValueRemove","props","clearValue","style","base","padding","height","backgroundColor"],"mappings":";;;;;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,MAAM,CAACC,QAAD,CAAT;AAAA;AAAA,uFAAlB;;IAQMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,KAAD,EAAW;AACnC;AACA,MAAQC,UAAR,GAAuBD,KAAvB,CAAQC,UAAR;AAEA,sBACE,oBAAC,UAAD,CAAY,cAAZ,EAA+BD,KAA/B,eACE,oBAAC,YAAD,eACMA,KADN;AAEE,mBAAY,0BAFd;AAGE,kBAAW,iBAHb;AAIE,IAAA,UAAU,EAAC,MAJb;AAKE,IAAA,SAAS,EAAC,iBALZ;AAME,IAAA,IAAI,eAAE,oBAAC,WAAD;AAAa,MAAA,IAAI,EAAC;AAAlB,MANR;AAOE,IAAA,OAAO,EAAE;AAAA,aAAMC,UAAU,EAAhB;AAAA;AAPX,KADF,CADF;AAaD;;AAEDF,iBAAiB,CAACG,KAAlB,GAA0B,UAACC,IAAD;AAAA,yCACrBA,IADqB;AAExBC,IAAAA,OAAO,EAAE,CAFe;AAGxBC,IAAAA,MAAM,EAAE,MAHgB;AAIxBC,IAAAA,eAAe,EAAE,SAJO;AAKxB,cAAU;AACRA,MAAAA,eAAe,EAAE;AADT;AALc;AAAA,CAA1B;;;;"}

package/esm/ComboBoxFreeSolo/index.js

@@ -16,20 +16,19 @@ import '@babel/runtime/helpers/esm/getPrototypeOf';
 import 'react-select';
 import 'react-popper';
 import 'react-measure';
-import '@elliemae/ds-utilities/utils';
+import '@elliemae/ds-utilities';
 import '../ComboBox/v1/withSelectStringValueConverter.js';
 import '@babel/runtime/helpers/esm/typeof';
-import '../prop-types-cc01d273.js';
+import '../prop-types-45aa1e9c.js';
 import '../ComboBox/v1/components/Control.js';
 import '../ComboBox/v1/components/DropdownIndicator.js';
-import '@elliemae/ds-icons/ChevronSmallDown';
+import '@elliemae/ds-icons';
 import '@elliemae/ds-button';
 import '../ComboBox/v1/components/SelectMenu.js';
 import '@elliemae/ds-overlay';
 import '@elliemae/ds-menu';
 import '@elliemae/ds-popper';
 import '../ComboBox/v1/components/ClearIndicator.js';
-import '@elliemae/ds-icons/CloseCircle';
 import '../ComboBox/v1/components/MenuList.js';
 import '@babel/runtime/helpers/esm/slicedToArray';
 import 'react-window';
@@ -54,8 +53,6 @@ import '../ComboBox/v1/components/ValueContainer.js';
 import '../ComboBox/v2/Combobox.js';
 import 'react-select/creatable';
 import '@elliemae/ds-system';
-import '@elliemae/ds-utilities/hooks/usePrevious';
-import '@elliemae/ds-utilities/hooks/useShouldRecalculate';
 import '../ComboBox/v2/components/DropdownIndicator.js';
 import '../ComboBox/v2/context.js';
 import '../ComboBox/v2/components/GroupHeading.js';
@@ -65,7 +62,6 @@ import '../ComboBox/v2/components/SelectMenu.js';
 import '../ComboBox/v2/components/Content.js';
 import '../ComboBox/v2/components/Control.js';
 import '../ComboBox/v2/components/ClearIndicator.js';
-import '@elliemae/ds-icons/CloseXsmall';
 import '../ComboBox/v2/components/MenuList.js';
 import '../ComboBox/v2/components/CustomOption.js';
 import '../ComboBox/v2/components/CustomOptionMulti.js';
@@ -78,6 +74,42 @@ import '../ComboBox/v2/components/LoadingIndicator.js';
 import '@elliemae/ds-circular-progress-indicator';
 import '../ComboBox/v2/components/calculateWidth.js';
 import '../ComboBox/v2/components/ValueContainer.js';
+import '../ComboBox/v3/ComboBox.js';
+import '@elliemae/ds-props-helpers';
+import '../ComboBox/v3/config/useComboBox.js';
+import '../ComboBox/v3/config/useGetPropsWithDefault.js';
+import '../ComboBox/v3/ComboBoxCTX.js';
+import '../ComboBox/v3/parts/container/Container.js';
+import '@elliemae/ds-popperjs';
+import '../ComboBox/v3/parts/container/styled.js';
+import '../ComboBox/v3/parts/controls/Controls.js';
+import '../ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js';
+import '@elliemae/ds-icons/ChevronSmallDown';
+import '../ComboBox/v3/parts/dropdown-indicator/styled.js';
+import '../ComboBox/v3/parts/controls/styled.js';
+import '@elliemae/ds-grid';
+import '../ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js';
+import '@elliemae/ds-pills';
+import '../ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js';
+import '../ComboBox/v3/utils/hooks/useOnElementResize.js';
+import '../ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js';
+import '../ComboBox/v3/utils/listHelper.js';
+import '../ComboBox/v3/parts/a11y-messages/styled.js';
+import '../ComboBox/v3/parts/controls-input/ControlsInput.js';
+import '../ComboBox/v3/parts/controls-input/styled.js';
+import '../ComboBox/v3/utils/hooks/useKeyboardNavigation.js';
+import '../ComboBox/v3/parts/controls-input/useControlsInput.js';
+import '../ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js';
+import '../ComboBox/v3/parts/single-selected-value-container/styled.js';
+import '../ComboBox/v3/parts/menu-list/MenuList.js';
+import '../ComboBox/v3/parts/menu-list/styled.js';
+import '../ComboBox/v3/parts/header-list/HeaderList.js';
+import '../ComboBox/v3/parts/header-list/styled.js';
+import '../ComboBox/v3/parts/empty-state/index.js';
+import '../ComboBox/v3/parts/empty-state/styled.js';
+import '../ComboBox/v3/parts/menu-list/useMenuList.js';
+import '@elliemae/ds-form';
+import '../ComboBox/v3/propTypes.js';
 import './components/MultiValueLabel.js';
 import './components/MultiValueRemove.js';
 import './components/SingleValue.js';

package/esm/ComboBoxFreeSolo/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}