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

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

@@ -1 +1 @@
-{"version":3,"file":"ValueContainer.js","sources":["../../../../../src/ComboBox/v2/components/ValueContainer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport React, { useContext, useRef, useState } from 'react';\nimport { components } from 'react-select';\nimport { cx } from '@elliemae/ds-utilities/utils';\nimport { DropDownContext } from '../context';\n\nexport function ValueContainer({ children, ...rest }) {\n  const valueContainerRef = useRef(null);\n  const {\n    changeMenuOpen,\n    inputInFocus,\n    value,\n    clearable,\n    removeDropdownIndicator,\n  } = useContext(DropDownContext);\n\n  const [touchClick, setTouchClick] = useState(false);\n\n  return (\n    <div\n      data-testid=\"combobox-value-container\"\n      onClick={(e) => {\n        e.stopPropagation();\n        changeMenuOpen(true);\n      }}\n      onTouchStart={() => setTouchClick(true)}\n      onTouchEnd={() => {\n        if (touchClick) changeMenuOpen(true);\n        setTouchClick(false);\n      }}\n      ref={valueContainerRef}\n      className={cx(\n        'combobox-v2-value-container',\n        inputInFocus && 'in-focus',\n        value && clearable && 'has-value',\n        removeDropdownIndicator && 'dropdown-indicator-removed',\n      )}\n    >\n      <components.ValueContainer {...rest}>\n        {children}\n      </components.ValueContainer>\n    </div>\n  );\n}\n\nexport default ValueContainer;\n"],"names":["ValueContainer","children","rest","valueContainerRef","useRef","useContext","DropDownContext","changeMenuOpen","inputInFocus","value","clearable","removeDropdownIndicator","useState","touchClick","setTouchClick","React","e","stopPropagation","cx","components"],"mappings":";;;;;;;;;;;;;;;;;;AASO,SAASA,cAAT,OAA+C;AAAA,MAArBC,QAAqB,QAArBA,QAAqB;AAAA,MAARC,IAAQ;;AACpD,MAAMC,iBAAiB,GAAGC,YAAM,CAAC,IAAD,CAAhC;;AACA,oBAMIC,gBAAU,CAACC,mCAAD,CANd;AAAA,MACEC,cADF,eACEA,cADF;AAAA,MAEEC,YAFF,eAEEA,YAFF;AAAA,MAGEC,KAHF,eAGEA,KAHF;AAAA,MAIEC,SAJF,eAIEA,SAJF;AAAA,MAKEC,uBALF,eAKEA,uBALF;;AAQA,kBAAoCC,cAAQ,CAAC,KAAD,CAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,sBACEC;AACE,mBAAY,0BADd;AAEE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAV,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KALH;AAME,IAAA,YAAY,EAAE;AAAA,aAAMO,aAAa,CAAC,IAAD,CAAnB;AAAA,KANhB;AAOE,IAAA,UAAU,EAAE,sBAAM;AAChB,UAAID,UAAJ,EAAgBN,cAAc,CAAC,IAAD,CAAd;AAChBO,MAAAA,aAAa,CAAC,KAAD,CAAb;AACD,KAVH;AAWE,IAAA,GAAG,EAAEX,iBAXP;AAYE,IAAA,SAAS,EAAEe,QAAE,CACX,6BADW,EAEXV,YAAY,IAAI,UAFL,EAGXC,KAAK,IAAIC,SAAT,IAAsB,WAHX,EAIXC,uBAAuB,IAAI,4BAJhB;AAZf,kBAmBEI,wCAACI,iBAAD,CAAY,cAAZ,EAA+BjB,IAA/B,EACGD,QADH,CAnBF,CADF;AAyBD;;;;;"}
+{"version":3,"file":"ValueContainer.js","sources":["../../../../../src/ComboBox/v2/components/ValueContainer.tsx"],"sourcesContent":["/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable react/prop-types */\n/* eslint-disable jsx-a11y/no-noninteractive-tabindex */\nimport React, { useContext, useRef, useState } from 'react';\nimport { components } from 'react-select';\nimport { cx } from '@elliemae/ds-utilities';\nimport { DropDownContext } from '../context';\n\nexport function ValueContainer({ children, ...rest }) {\n  const valueContainerRef = useRef(null);\n  const {\n    changeMenuOpen,\n    inputInFocus,\n    value,\n    clearable,\n    removeDropdownIndicator,\n  } = useContext(DropDownContext);\n\n  const [touchClick, setTouchClick] = useState(false);\n\n  return (\n    <div\n      data-testid=\"combobox-value-container\"\n      onClick={(e) => {\n        e.stopPropagation();\n        changeMenuOpen(true);\n      }}\n      onTouchStart={() => setTouchClick(true)}\n      onTouchEnd={() => {\n        if (touchClick) changeMenuOpen(true);\n        setTouchClick(false);\n      }}\n      ref={valueContainerRef}\n      className={cx(\n        'combobox-v2-value-container',\n        inputInFocus && 'in-focus',\n        value && clearable && 'has-value',\n        removeDropdownIndicator && 'dropdown-indicator-removed',\n      )}\n    >\n      <components.ValueContainer {...rest}>\n        {children}\n      </components.ValueContainer>\n    </div>\n  );\n}\n\nexport default ValueContainer;\n"],"names":["ValueContainer","children","rest","valueContainerRef","useRef","useContext","DropDownContext","changeMenuOpen","inputInFocus","value","clearable","removeDropdownIndicator","useState","touchClick","setTouchClick","React","e","stopPropagation","cx","components"],"mappings":";;;;;;;;;;;;;;;;;;AASO,SAASA,cAAT,OAA+C;AAAA,MAArBC,QAAqB,QAArBA,QAAqB;AAAA,MAARC,IAAQ;;AACpD,MAAMC,iBAAiB,GAAGC,YAAM,CAAC,IAAD,CAAhC;;AACA,oBAMIC,gBAAU,CAACC,mCAAD,CANd;AAAA,MACEC,cADF,eACEA,cADF;AAAA,MAEEC,YAFF,eAEEA,YAFF;AAAA,MAGEC,KAHF,eAGEA,KAHF;AAAA,MAIEC,SAJF,eAIEA,SAJF;AAAA,MAKEC,uBALF,eAKEA,uBALF;;AAQA,kBAAoCC,cAAQ,CAAC,KAAD,CAA5C;AAAA;AAAA,MAAOC,UAAP;AAAA,MAAmBC,aAAnB;;AAEA,sBACEC;AACE,mBAAY,0BADd;AAEE,IAAA,OAAO,EAAE,iBAACC,CAAD,EAAO;AACdA,MAAAA,CAAC,CAACC,eAAF;AACAV,MAAAA,cAAc,CAAC,IAAD,CAAd;AACD,KALH;AAME,IAAA,YAAY,EAAE;AAAA,aAAMO,aAAa,CAAC,IAAD,CAAnB;AAAA,KANhB;AAOE,IAAA,UAAU,EAAE,sBAAM;AAChB,UAAID,UAAJ,EAAgBN,cAAc,CAAC,IAAD,CAAd;AAChBO,MAAAA,aAAa,CAAC,KAAD,CAAb;AACD,KAVH;AAWE,IAAA,GAAG,EAAEX,iBAXP;AAYE,IAAA,SAAS,EAAEe,cAAE,CACX,6BADW,EAEXV,YAAY,IAAI,UAFL,EAGXC,KAAK,IAAIC,SAAT,IAAsB,WAHX,EAIXC,uBAAuB,IAAI,4BAJhB;AAZf,kBAmBEI,wCAACI,iBAAD,CAAY,cAAZ,EAA+BjB,IAA/B,EACGD,QADH,CAnBF,CADF;AAyBD;;;;;"}

package/cjs/ComboBox/v2/index.js

@@ -15,10 +15,8 @@ require('react-select');
 require('react-select/creatable');
 require('react-popper');
 require('react-measure');
-require('@elliemae/ds-utilities/utils');
+require('@elliemae/ds-utilities');
 require('@elliemae/ds-system');
-require('@elliemae/ds-utilities/hooks/usePrevious');
-require('@elliemae/ds-utilities/hooks/useShouldRecalculate');
 require('@elliemae/ds-truncated-tooltip-text');
 require('../v1/withSelectStringValueConverter.js');
 require('@babel/runtime/helpers/classCallCheck');
@@ -29,7 +27,7 @@ require('@babel/runtime/helpers/possibleConstructorReturn');
 require('@babel/runtime/helpers/getPrototypeOf');
 require('@babel/runtime/helpers/typeof');
 require('./components/DropdownIndicator.js');
-require('@elliemae/ds-icons/ChevronSmallDown');
+require('@elliemae/ds-icons');
 require('@elliemae/ds-button');
 require('./context.js');
 require('./components/GroupHeading.js');
@@ -43,7 +41,6 @@ require('./components/Content.js');
 require('prop-types');
 require('./components/Control.js');
 require('./components/ClearIndicator.js');
-require('@elliemae/ds-icons/CloseXsmall');
 require('./components/MenuList.js');
 require('react-window');
 require('memoize-one');

package/cjs/ComboBox/v2/index.js.map

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

package/cjs/ComboBox/v3/ComboBox.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var ComboBox_v3_config_useComboBox = require('./config/useComboBox.js');
+var ComboBox_v3_parts_container_Container = require('./parts/container/Container.js');
+var ComboBox_v3_propTypes = require('./propTypes.js');
+var ComboBox_v3_ComboBoxCTX = require('./ComboBoxCTX.js');
+require('@babel/runtime/helpers/slicedToArray');
+require('./config/useGetPropsWithDefault.js');
+require('@elliemae/ds-popperjs');
+require('./parts/container/styled.js');
+require('styled-components');
+require('./parts/controls/Controls.js');
+require('./parts/dropdown-indicator/DropdownIndicator.js');
+require('@elliemae/ds-icons/ChevronSmallDown');
+require('./parts/dropdown-indicator/styled.js');
+require('@elliemae/ds-button');
+require('./parts/controls/styled.js');
+require('@elliemae/ds-grid');
+require('./parts/multi-selected-values-container/MultiSelectedValuesContainer.js');
+require('@elliemae/ds-pills');
+require('./parts/multi-selected-values-container/useGroupPills.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('./utils/hooks/useOnElementResize.js');
+require('./parts/a11y-messages/MultiAllyMessages.js');
+require('./utils/listHelper.js');
+require('./parts/a11y-messages/styled.js');
+require('./parts/controls-input/ControlsInput.js');
+require('@elliemae/ds-truncated-tooltip-text');
+require('./parts/controls-input/styled.js');
+require('./utils/hooks/useKeyboardNavigation.js');
+require('./parts/controls-input/useControlsInput.js');
+require('./parts/single-selected-value-container/SingleSelectedValueContainer.js');
+require('./parts/single-selected-value-container/styled.js');
+require('./parts/menu-list/MenuList.js');
+require('./parts/menu-list/styled.js');
+require('./parts/header-list/HeaderList.js');
+require('./parts/header-list/styled.js');
+require('@elliemae/ds-separator');
+require('./parts/empty-state/index.js');
+require('./parts/empty-state/styled.js');
+require('./parts/menu-list/useMenuList.js');
+require('@elliemae/ds-form');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var DSComboBox = function DSComboBox(props) {
+  // if we detect wrong props configuration we throw meaningful errors
+  var propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, ComboBox_v3_ComboBoxCTX.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, DSComboBoxWithSchema.toTypescript());
+  var ctx = ComboBox_v3_config_useComboBox.useComboBox(props);
+  return /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_ComboBoxCTX.ComboBoxContext.Provider, {
+    value: ctx
+  }, /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_container_Container.Container, null));
+};
+
+DSComboBox.propTypes = ComboBox_v3_propTypes.propTypes;
+var DSComboBoxWithSchema = reactDesc.describe(DSComboBox);
+DSComboBoxWithSchema.propTypes = ComboBox_v3_propTypes.propTypes;
+
+exports.DSComboBox = DSComboBox;
+exports.DSComboBoxWithSchema = DSComboBoxWithSchema;
+//# sourceMappingURL=ComboBox.js.map

package/cjs/ComboBox/v3/ComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBox.js","sources":["../../../../src/ComboBox/v3/ComboBox.tsx"],"sourcesContent":["import React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { useComboBox } from './config/useComboBox';\nimport { Container } from './parts/container';\nimport { propTypes } from './propTypes';\nimport { ComboBoxContext, defaultProps } from './ComboBoxCTX';\nimport type { ComboBoxPropsT } from './index.d';\n\nconst DSComboBox = (props: ComboBoxPropsT): JSX.Element => {\n  // if we detect wrong props configuration we throw meaningful errors\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, DSComboBoxWithSchema.toTypescript());\n  const ctx = useComboBox(props);\n  return (\n    <ComboBoxContext.Provider value={ctx}>\n      <Container />\n    </ComboBoxContext.Provider>\n  );\n};\nDSComboBox.propTypes = propTypes;\nconst DSComboBoxWithSchema = describe(DSComboBox);\nDSComboBoxWithSchema.propTypes = propTypes;\n\nexport { DSComboBox, DSComboBoxWithSchema };\n"],"names":["DSComboBox","props","propsWithDefault","useMemoMergePropsWithDefault","defaultProps","useValidateTypescriptPropTypes","DSComboBoxWithSchema","toTypescript","ctx","useComboBox","React","ComboBoxContext","Container","propTypes","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,UAAU,GAAG,SAAbA,UAAa,CAACC,KAAD,EAAwC;AACzD;AACA,MAAMC,gBAAgB,GAAGC,2CAA4B,CAACF,KAAD,EAAQG,oCAAR,CAArD;AAEAC,EAAAA,6CAA8B,CAACH,gBAAD,EAAmBI,oBAAoB,CAACC,YAArB,EAAnB,CAA9B;AACA,MAAMC,GAAG,GAAGC,0CAAW,CAACR,KAAD,CAAvB;AACA,sBACES,wCAACC,uCAAD,CAAiB,QAAjB;AAA0B,IAAA,KAAK,EAAEH;AAAjC,kBACEE,wCAACE,+CAAD,OADF,CADF;AAKD;;AACDZ,UAAU,CAACa,SAAX,GAAuBA,+BAAvB;IACMP,oBAAoB,GAAGQ,kBAAQ,CAACd,UAAD;AACrCM,oBAAoB,CAACO,SAArB,GAAiCA,+BAAjC;;;;;"}

package/cjs/ComboBox/v3/ComboBoxCTX.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+var noop = function noop() {};
+
+var defaultProps = {
+  multiple: false,
+  placeholder: '',
+  options: [],
+  selectedValues: null,
+  onChange: noop,
+  onClear: noop,
+  hasError: false,
+  inline: false,
+  autoFocus: false,
+  onClearAll: undefined,
+  onSelectAll: undefined,
+  onCreate: undefined,
+  onFilter: noop
+};
+var defaultContext = {
+  props: defaultProps,
+  showPopover: false,
+  setShowPopover: noop,
+  referenceElement: null,
+  setReferenceElement: noop,
+  refList: /*#__PURE__*/React.createRef(),
+  inputRef: /*#__PURE__*/React.createRef(),
+  controlsWrapperRef: /*#__PURE__*/React.createRef(),
+  selectedOptionsRef: /*#__PURE__*/React.createRef(),
+  showSelectedValue: false,
+  setShowSelectedValue: noop,
+  focusOptionIdx: 0,
+  setCurrentOption: noop
+};
+/** Context for cross component communication */
+
+var ComboBoxContext = /*#__PURE__*/React.createContext(defaultContext);
+
+exports.ComboBoxContext = ComboBoxContext;
+exports['default'] = ComboBoxContext;
+exports.defaultProps = defaultProps;
+//# sourceMappingURL=ComboBoxCTX.js.map

package/cjs/ComboBox/v3/ComboBoxCTX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ComboBoxCTX.js","sources":["../../../../src/ComboBox/v3/ComboBoxCTX.tsx"],"sourcesContent":["import { createContext, createRef } from 'react';\nimport { ComboBoxPropsT, ComboBoxContextT } from './index.d';\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = (): void => {};\n\nexport const defaultProps: ComboBoxPropsT = {\n  multiple: false,\n  placeholder: '',\n  options: [],\n  selectedValues: null,\n  onChange: noop,\n  onClear: noop,\n  hasError: false,\n  inline: false,\n  autoFocus: false,\n  onClearAll: undefined,\n  onSelectAll: undefined,\n  onCreate: undefined,\n  onFilter: noop,\n};\nconst defaultContext = {\n  props: defaultProps,\n  showPopover: false,\n  setShowPopover: noop,\n  referenceElement: null,\n  setReferenceElement: noop,\n  refList: createRef<HTMLUListElement>(),\n  inputRef: createRef<HTMLInputElement>(),\n  controlsWrapperRef: createRef<HTMLInputElement>(),\n  selectedOptionsRef: createRef<HTMLInputElement>(),\n  showSelectedValue: false,\n  setShowSelectedValue: noop,\n  focusOptionIdx: 0,\n  setCurrentOption: noop,\n};\n/** Context for cross component communication */\nexport const ComboBoxContext = createContext<ComboBoxContextT>(defaultContext);\n\nexport default ComboBoxContext;\n"],"names":["noop","defaultProps","multiple","placeholder","options","selectedValues","onChange","onClear","hasError","inline","autoFocus","onClearAll","undefined","onSelectAll","onCreate","onFilter","defaultContext","props","showPopover","setShowPopover","referenceElement","setReferenceElement","refList","createRef","inputRef","controlsWrapperRef","selectedOptionsRef","showSelectedValue","setShowSelectedValue","focusOptionIdx","setCurrentOption","ComboBoxContext","createContext"],"mappings":";;;;;;AAEA;AACA,IAAMA,IAAI,GAAG,SAAPA,IAAO,GAAY,EAAzB;;IAEaC,YAA4B,GAAG;AAC1CC,EAAAA,QAAQ,EAAE,KADgC;AAE1CC,EAAAA,WAAW,EAAE,EAF6B;AAG1CC,EAAAA,OAAO,EAAE,EAHiC;AAI1CC,EAAAA,cAAc,EAAE,IAJ0B;AAK1CC,EAAAA,QAAQ,EAAEN,IALgC;AAM1CO,EAAAA,OAAO,EAAEP,IANiC;AAO1CQ,EAAAA,QAAQ,EAAE,KAPgC;AAQ1CC,EAAAA,MAAM,EAAE,KARkC;AAS1CC,EAAAA,SAAS,EAAE,KAT+B;AAU1CC,EAAAA,UAAU,EAAEC,SAV8B;AAW1CC,EAAAA,WAAW,EAAED,SAX6B;AAY1CE,EAAAA,QAAQ,EAAEF,SAZgC;AAa1CG,EAAAA,QAAQ,EAAEf;AAbgC;AAe5C,IAAMgB,cAAc,GAAG;AACrBC,EAAAA,KAAK,EAAEhB,YADc;AAErBiB,EAAAA,WAAW,EAAE,KAFQ;AAGrBC,EAAAA,cAAc,EAAEnB,IAHK;AAIrBoB,EAAAA,gBAAgB,EAAE,IAJG;AAKrBC,EAAAA,mBAAmB,EAAErB,IALA;AAMrBsB,EAAAA,OAAO,eAAEC,eAAS,EANG;AAOrBC,EAAAA,QAAQ,eAAED,eAAS,EAPE;AAQrBE,EAAAA,kBAAkB,eAAEF,eAAS,EARR;AASrBG,EAAAA,kBAAkB,eAAEH,eAAS,EATR;AAUrBI,EAAAA,iBAAiB,EAAE,KAVE;AAWrBC,EAAAA,oBAAoB,EAAE5B,IAXD;AAYrB6B,EAAAA,cAAc,EAAE,CAZK;AAarBC,EAAAA,gBAAgB,EAAE9B;AAbG,CAAvB;AAeA;;IACa+B,eAAe,gBAAGC,mBAAa,CAAmBhB,cAAnB;;;;;;"}

package/cjs/ComboBox/v3/config/useComboBox.js

@@ -0,0 +1,69 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var React = require('react');
+var ComboBox_v3_config_useGetPropsWithDefault = require('./useGetPropsWithDefault.js');
+require('@elliemae/ds-props-helpers');
+require('../ComboBoxCTX.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+
+var useComboBox = function useComboBox(props) {
+  var _useState = React.useState(false),
+      _useState2 = _slicedToArray__default['default'](_useState, 2),
+      showPopover = _useState2[0],
+      setShowPopover = _useState2[1];
+
+  var _useState3 = React.useState(null),
+      _useState4 = _slicedToArray__default['default'](_useState3, 2),
+      referenceElement = _useState4[0],
+      setReferenceElement = _useState4[1];
+
+  var _useState5 = React.useState(false),
+      _useState6 = _slicedToArray__default['default'](_useState5, 2),
+      showSelectedValue = _useState6[0],
+      setShowSelectedValue = _useState6[1];
+
+  var _useState7 = React.useState(false),
+      _useState8 = _slicedToArray__default['default'](_useState7, 2),
+      hasFocus = _useState8[0],
+      setHasFocus = _useState8[1];
+
+  var _useState9 = React.useState(0),
+      _useState10 = _slicedToArray__default['default'](_useState9, 2),
+      focusOptionIdx = _useState10[0],
+      setCurrentOption = _useState10[1];
+
+  var inputRef = React.useRef();
+  var listRef = React.useRef();
+  var selectedOptionsRef = React.useRef(null);
+  var controlsWrapperRef = React.useRef(null);
+  var propsWithDefaults = ComboBox_v3_config_useGetPropsWithDefault.useGetComboBoxWithDefaultsProps(props);
+  var ctx = React.useMemo(function () {
+    return {
+      props: propsWithDefaults,
+      showPopover: showPopover,
+      setShowPopover: setShowPopover,
+      referenceElement: referenceElement,
+      setReferenceElement: setReferenceElement,
+      inputRef: inputRef,
+      showSelectedValue: showSelectedValue,
+      setShowSelectedValue: setShowSelectedValue,
+      focusOptionIdx: focusOptionIdx,
+      setCurrentOption: setCurrentOption,
+      selectedOptionsRef: selectedOptionsRef,
+      controlsWrapperRef: controlsWrapperRef,
+      hasFocus: hasFocus,
+      setHasFocus: setHasFocus,
+      listRef: listRef
+    };
+  }, [propsWithDefaults, focusOptionIdx, showSelectedValue, showPopover, referenceElement, inputRef, selectedOptionsRef, controlsWrapperRef, hasFocus, listRef]);
+  return ctx;
+};
+
+exports.useComboBox = useComboBox;
+//# sourceMappingURL=useComboBox.js.map

package/cjs/ComboBox/v3/config/useComboBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboBox.js","sources":["../../../../../src/ComboBox/v3/config/useComboBox.tsx"],"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 } from 'react';\n\nimport { useGetComboBoxWithDefaultsProps } from './useGetPropsWithDefault';\nimport type { ComboBoxPropsT, ComboBoxContextT } from '../index.d';\n\nexport const useComboBox = (props: Partial<ComboBoxPropsT>): ComboBoxContextT => {\n  const [showPopover, setShowPopover] = useState<boolean>(false);\n  const [referenceElement, setReferenceElement] = useState<HTMLDivElement>(null);\n  const [showSelectedValue, setShowSelectedValue] = useState<boolean>(false);\n  const [hasFocus, setHasFocus] = useState<boolean>(false);\n  const [focusOptionIdx, setCurrentOption] = useState<number>(0);\n  const inputRef = useRef<HTMLInputElement>();\n  const listRef = useRef<HTMLDivElement>();\n  const selectedOptionsRef = useRef<HTMLDivElement>(null);\n  const controlsWrapperRef = useRef<HTMLDivElement>(null);\n  const propsWithDefaults = useGetComboBoxWithDefaultsProps(props);\n  const ctx = useMemo(\n    () => ({\n      props: propsWithDefaults,\n      showPopover,\n      setShowPopover,\n      referenceElement,\n      setReferenceElement,\n      inputRef,\n      showSelectedValue,\n      setShowSelectedValue,\n      focusOptionIdx,\n      setCurrentOption,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      hasFocus,\n      setHasFocus,\n      listRef,\n    }),\n    [\n      propsWithDefaults,\n      focusOptionIdx,\n      showSelectedValue,\n      showPopover,\n      referenceElement,\n      inputRef,\n      selectedOptionsRef,\n      controlsWrapperRef,\n      hasFocus,\n      listRef,\n    ],\n  );\n\n  return ctx;\n};\n"],"names":["useComboBox","props","useState","showPopover","setShowPopover","referenceElement","setReferenceElement","showSelectedValue","setShowSelectedValue","hasFocus","setHasFocus","focusOptionIdx","setCurrentOption","inputRef","useRef","listRef","selectedOptionsRef","controlsWrapperRef","propsWithDefaults","useGetComboBoxWithDefaultsProps","ctx","useMemo"],"mappings":";;;;;;;;;;;;;;IASaA,WAAW,GAAG,SAAdA,WAAc,CAACC,KAAD,EAAsD;AAC/E,kBAAsCC,cAAQ,CAAU,KAAV,CAA9C;AAAA;AAAA,MAAOC,WAAP;AAAA,MAAoBC,cAApB;;AACA,mBAAgDF,cAAQ,CAAiB,IAAjB,CAAxD;AAAA;AAAA,MAAOG,gBAAP;AAAA,MAAyBC,mBAAzB;;AACA,mBAAkDJ,cAAQ,CAAU,KAAV,CAA1D;AAAA;AAAA,MAAOK,iBAAP;AAAA,MAA0BC,oBAA1B;;AACA,mBAAgCN,cAAQ,CAAU,KAAV,CAAxC;AAAA;AAAA,MAAOO,QAAP;AAAA,MAAiBC,WAAjB;;AACA,mBAA2CR,cAAQ,CAAS,CAAT,CAAnD;AAAA;AAAA,MAAOS,cAAP;AAAA,MAAuBC,gBAAvB;;AACA,MAAMC,QAAQ,GAAGC,YAAM,EAAvB;AACA,MAAMC,OAAO,GAAGD,YAAM,EAAtB;AACA,MAAME,kBAAkB,GAAGF,YAAM,CAAiB,IAAjB,CAAjC;AACA,MAAMG,kBAAkB,GAAGH,YAAM,CAAiB,IAAjB,CAAjC;AACA,MAAMI,iBAAiB,GAAGC,yEAA+B,CAAClB,KAAD,CAAzD;AACA,MAAMmB,GAAG,GAAGC,aAAO,CACjB;AAAA,WAAO;AACLpB,MAAAA,KAAK,EAAEiB,iBADF;AAELf,MAAAA,WAAW,EAAXA,WAFK;AAGLC,MAAAA,cAAc,EAAdA,cAHK;AAILC,MAAAA,gBAAgB,EAAhBA,gBAJK;AAKLC,MAAAA,mBAAmB,EAAnBA,mBALK;AAMLO,MAAAA,QAAQ,EAARA,QANK;AAOLN,MAAAA,iBAAiB,EAAjBA,iBAPK;AAQLC,MAAAA,oBAAoB,EAApBA,oBARK;AASLG,MAAAA,cAAc,EAAdA,cATK;AAULC,MAAAA,gBAAgB,EAAhBA,gBAVK;AAWLI,MAAAA,kBAAkB,EAAlBA,kBAXK;AAYLC,MAAAA,kBAAkB,EAAlBA,kBAZK;AAaLR,MAAAA,QAAQ,EAARA,QAbK;AAcLC,MAAAA,WAAW,EAAXA,WAdK;AAeLK,MAAAA,OAAO,EAAPA;AAfK,KAAP;AAAA,GADiB,EAkBjB,CACEG,iBADF,EAEEP,cAFF,EAGEJ,iBAHF,EAIEJ,WAJF,EAKEE,gBALF,EAMEQ,QANF,EAOEG,kBAPF,EAQEC,kBARF,EASER,QATF,EAUEM,OAVF,CAlBiB,CAAnB;AAgCA,SAAOK,GAAP;AACD;;;;"}

package/cjs/ComboBox/v3/config/useGetPropsWithDefault.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var ComboBox_v3_ComboBoxCTX = require('../ComboBoxCTX.js');
+require('react');
+
+// we have to merge the "default" nested default values with what the user gives us...
+var useGetComboBoxWithDefaultsProps = function useGetComboBoxWithDefaultsProps(props) {
+  return dsPropsHelpers.useMemoMergePropsWithDefault(props, ComboBox_v3_ComboBoxCTX.defaultProps);
+};
+
+exports.useGetComboBoxWithDefaultsProps = useGetComboBoxWithDefaultsProps;
+//# sourceMappingURL=useGetPropsWithDefault.js.map

package/cjs/ComboBox/v3/config/useGetPropsWithDefault.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGetPropsWithDefault.js","sources":["../../../../../src/ComboBox/v3/config/useGetPropsWithDefault.tsx"],"sourcesContent":["import { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { defaultProps } from '../ComboBoxCTX';\nimport { ComboBoxPropsT } from '../index.d';\n// we have to merge the \"default\" nested default values with what the user gives us...\nexport const useGetComboBoxWithDefaultsProps = (props: Partial<ComboBoxPropsT>): ComboBoxPropsT =>\n  useMemoMergePropsWithDefault(props, defaultProps);\n"],"names":["useGetComboBoxWithDefaultsProps","props","useMemoMergePropsWithDefault","defaultProps"],"mappings":";;;;;;;;AAGA;IACaA,+BAA+B,GAAG,SAAlCA,+BAAkC,CAACC,KAAD;AAAA,SAC7CC,2CAA4B,CAACD,KAAD,EAAQE,oCAAR,CADiB;AAAA;;;;"}

package/cjs/ComboBox/v3/index.d.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=index.d.js.map

package/cjs/ComboBox/v3/index.d.js.map

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

package/cjs/ComboBox/v3/index.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ComboBox_v3_ComboBox = require('./ComboBox.js');
+require('react');
+require('react-desc');
+require('@elliemae/ds-props-helpers');
+require('./config/useComboBox.js');
+require('@babel/runtime/helpers/slicedToArray');
+require('./config/useGetPropsWithDefault.js');
+require('./ComboBoxCTX.js');
+require('./parts/container/Container.js');
+require('@elliemae/ds-popperjs');
+require('./parts/container/styled.js');
+require('styled-components');
+require('./parts/controls/Controls.js');
+require('./parts/dropdown-indicator/DropdownIndicator.js');
+require('@elliemae/ds-icons/ChevronSmallDown');
+require('./parts/dropdown-indicator/styled.js');
+require('@elliemae/ds-button');
+require('./parts/controls/styled.js');
+require('@elliemae/ds-grid');
+require('./parts/multi-selected-values-container/MultiSelectedValuesContainer.js');
+require('@elliemae/ds-pills');
+require('./parts/multi-selected-values-container/useGroupPills.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('./utils/hooks/useOnElementResize.js');
+require('./parts/a11y-messages/MultiAllyMessages.js');
+require('./utils/listHelper.js');
+require('./parts/a11y-messages/styled.js');
+require('./parts/controls-input/ControlsInput.js');
+require('@elliemae/ds-truncated-tooltip-text');
+require('./parts/controls-input/styled.js');
+require('./utils/hooks/useKeyboardNavigation.js');
+require('./parts/controls-input/useControlsInput.js');
+require('./parts/single-selected-value-container/SingleSelectedValueContainer.js');
+require('./parts/single-selected-value-container/styled.js');
+require('./parts/menu-list/MenuList.js');
+require('./parts/menu-list/styled.js');
+require('./parts/header-list/HeaderList.js');
+require('./parts/header-list/styled.js');
+require('@elliemae/ds-separator');
+require('./parts/empty-state/index.js');
+require('./parts/empty-state/styled.js');
+require('./parts/menu-list/useMenuList.js');
+require('@elliemae/ds-form');
+require('./propTypes.js');
+
+
+
+exports.DSComboBox = ComboBox_v3_ComboBox.DSComboBox;
+exports.DSComboBoxWithSchema = ComboBox_v3_ComboBox.DSComboBoxWithSchema;
+//# sourceMappingURL=index.js.map

package/cjs/ComboBox/v3/index.js.map

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

package/cjs/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ComboBox_v3_ComboBoxCTX = require('../../ComboBoxCTX.js');
+var ComboBox_v3_utils_listHelper = require('../../utils/listHelper.js');
+var ComboBox_v3_parts_a11yMessages_styled = require('./styled.js');
+require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var MultiAllyMessages = function MultiAllyMessages() {
+  var _useContext = React.useContext(ComboBox_v3_ComboBoxCTX.ComboBoxContext),
+      _useContext$props = _useContext.props,
+      options = _useContext$props.options,
+      selectedValues = _useContext$props.selectedValues;
+
+  var selectableOptions = ComboBox_v3_utils_listHelper.getSelectableOptions(options);
+  var multipleSelectedValues = selectedValues;
+  return /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_a11yMessages_styled.StyledA11ySelectedValues, {
+    "aria-live": "polite",
+    "aria-atomic": "false",
+    "aria-relevant": "additions text"
+  }, "Options selected: ".concat(multipleSelectedValues.map(function (item) {
+    return item.label;
+  }).join(', '), ". ").concat(multipleSelectedValues.length, " of ").concat(selectableOptions.length));
+};
+
+exports.MultiAllyMessages = MultiAllyMessages;
+//# sourceMappingURL=MultiAllyMessages.js.map

package/cjs/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiAllyMessages.js","sources":["../../../../../../src/ComboBox/v3/parts/a11y-messages/MultiAllyMessages.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { getSelectableOptions } from '../../utils/listHelper';\nimport { StyledA11ySelectedValues } from './styled';\nconst MultiAllyMessages = (): JSX.Element => {\n  const {\n    props: { options, selectedValues },\n  } = useContext(ComboBoxContext);\n  const selectableOptions = getSelectableOptions(options);\n\n  const multipleSelectedValues = selectedValues as CBOptionT[];\n  return (\n    <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n      {`Options selected: ${multipleSelectedValues.map((item) => item.label).join(', ')}. ${\n        multipleSelectedValues.length\n      } of ${selectableOptions.length}`}\n    </StyledA11ySelectedValues>\n  );\n};\n\nexport { MultiAllyMessages };\n"],"names":["MultiAllyMessages","useContext","ComboBoxContext","props","options","selectedValues","selectableOptions","getSelectableOptions","multipleSelectedValues","React","StyledA11ySelectedValues","map","item","label","join","length"],"mappings":";;;;;;;;;;;;;;IAKMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAmB;AAC3C,oBAEIC,gBAAU,CAACC,uCAAD,CAFd;AAAA,sCACEC,KADF;AAAA,MACWC,OADX,qBACWA,OADX;AAAA,MACoBC,cADpB,qBACoBA,cADpB;;AAGA,MAAMC,iBAAiB,GAAGC,iDAAoB,CAACH,OAAD,CAA9C;AAEA,MAAMI,sBAAsB,GAAGH,cAA/B;AACA,sBACEI,wCAACC,8DAAD;AAA0B,iBAAU,QAApC;AAA6C,mBAAY,OAAzD;AAAiE,qBAAc;AAA/E,iCACwBF,sBAAsB,CAACG,GAAvB,CAA2B,UAACC,IAAD;AAAA,WAAUA,IAAI,CAACC,KAAf;AAAA,GAA3B,EAAiDC,IAAjD,CAAsD,IAAtD,CADxB,eAEIN,sBAAsB,CAACO,MAF3B,iBAGST,iBAAiB,CAACS,MAH3B,EADF;AAOD;;;;"}

package/cjs/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var ComboBox_v3_ComboBoxCTX = require('../../ComboBoxCTX.js');
+var ComboBox_v3_parts_a11yMessages_styled = require('./styled.js');
+require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+var SingleAllyMessages = function SingleAllyMessages() {
+  var _useContext = React.useContext(ComboBox_v3_ComboBoxCTX.ComboBoxContext),
+      selectedValues = _useContext.props.selectedValues;
+
+  var singleSelectedValue = selectedValues;
+  return /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_a11yMessages_styled.StyledA11ySelectedValues, {
+    "aria-live": "polite",
+    "aria-atomic": "false",
+    "aria-relevant": "additions text"
+  }, "Option selected: ".concat(singleSelectedValue.label, "."));
+};
+
+exports.SingleAllyMessages = SingleAllyMessages;
+//# sourceMappingURL=SingleAllyMessages.js.map

package/cjs/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SingleAllyMessages.js","sources":["../../../../../../src/ComboBox/v3/parts/a11y-messages/SingleAllyMessages.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { CBOptionT } from '../../index.d';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledA11ySelectedValues } from './styled';\nconst SingleAllyMessages = (): JSX.Element => {\n  const {\n    props: { selectedValues },\n  } = useContext(ComboBoxContext);\n\n  const singleSelectedValue = selectedValues as CBOptionT;\n  return (\n    <StyledA11ySelectedValues aria-live=\"polite\" aria-atomic=\"false\" aria-relevant=\"additions text\">\n      {`Option selected: ${singleSelectedValue.label}.`}\n    </StyledA11ySelectedValues>\n  );\n};\n\nexport { SingleAllyMessages };\n"],"names":["SingleAllyMessages","useContext","ComboBoxContext","selectedValues","props","singleSelectedValue","React","StyledA11ySelectedValues","label"],"mappings":";;;;;;;;;;;;;IAIMA,kBAAkB,GAAG,SAArBA,kBAAqB,GAAmB;AAC5C,oBAEIC,gBAAU,CAACC,uCAAD,CAFd;AAAA,MACWC,cADX,eACEC,KADF,CACWD,cADX;;AAIA,MAAME,mBAAmB,GAAGF,cAA5B;AACA,sBACEG,wCAACC,8DAAD;AAA0B,iBAAU,QAApC;AAA6C,mBAAY,OAAzD;AAAiE,qBAAc;AAA/E,gCACuBF,mBAAmB,CAACG,KAD3C,OADF;AAKD;;;;"}

package/cjs/ComboBox/v3/parts/a11y-messages/index.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ComboBox_v3_parts_a11yMessages_MultiAllyMessages = require('./MultiAllyMessages.js');
+var ComboBox_v3_parts_a11yMessages_SingleAllyMessages = require('./SingleAllyMessages.js');
+require('react');
+require('../../ComboBoxCTX.js');
+require('../../utils/listHelper.js');
+require('./styled.js');
+require('styled-components');
+
+
+
+exports.MultiAllyMessages = ComboBox_v3_parts_a11yMessages_MultiAllyMessages.MultiAllyMessages;
+exports.SingleAllyMessages = ComboBox_v3_parts_a11yMessages_SingleAllyMessages.SingleAllyMessages;
+//# sourceMappingURL=index.js.map

package/cjs/ComboBox/v3/parts/a11y-messages/index.js.map

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

package/cjs/ComboBox/v3/parts/a11y-messages/styled.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var StyledA11ySelectedValues = /*#__PURE__*/styled__default['default'].span.withConfig({
+  componentId: "sc-4xp40i-0"
+})(["width:1px;height:1px;position:absolute;clip:rect(1px,1px,1px,1px);"]);
+
+exports.StyledA11ySelectedValues = StyledA11ySelectedValues;
+//# sourceMappingURL=styled.js.map

package/cjs/ComboBox/v3/parts/a11y-messages/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sources":["../../../../../../src/ComboBox/v3/parts/a11y-messages/styled.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledA11ySelectedValues = styled.span`\n  width: 1px;\n  height: 1px;\n  position: absolute;\n  clip: rect(1px, 1px, 1px, 1px);\n`;\n"],"names":["StyledA11ySelectedValues","styled","span"],"mappings":";;;;;;;;;;IAEaA,wBAAwB,gBAAGC,0BAAM,CAACC,IAAV;AAAA;AAAA;;;;"}

package/cjs/ComboBox/v3/parts/container/Container.js

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var dsPopperjs = require('@elliemae/ds-popperjs');
+var ComboBox_v3_ComboBoxCTX = require('../../ComboBoxCTX.js');
+var ComboBox_v3_parts_container_styled = require('./styled.js');
+var ComboBox_v3_parts_controls_Controls = require('../controls/Controls.js');
+var ComboBox_v3_parts_menuList_MenuList = require('../menu-list/MenuList.js');
+require('styled-components');
+require('@babel/runtime/helpers/slicedToArray');
+require('@elliemae/ds-form');
+require('../dropdown-indicator/DropdownIndicator.js');
+require('@elliemae/ds-icons/ChevronSmallDown');
+require('../dropdown-indicator/styled.js');
+require('@elliemae/ds-button');
+require('../controls/styled.js');
+require('@elliemae/ds-grid');
+require('../multi-selected-values-container/MultiSelectedValuesContainer.js');
+require('@elliemae/ds-pills');
+require('../multi-selected-values-container/useGroupPills.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('../../utils/hooks/useOnElementResize.js');
+require('../a11y-messages/MultiAllyMessages.js');
+require('../../utils/listHelper.js');
+require('../a11y-messages/styled.js');
+require('../controls-input/ControlsInput.js');
+require('@elliemae/ds-truncated-tooltip-text');
+require('../controls-input/styled.js');
+require('../../utils/hooks/useKeyboardNavigation.js');
+require('../controls-input/useControlsInput.js');
+require('../single-selected-value-container/SingleSelectedValueContainer.js');
+require('../single-selected-value-container/styled.js');
+require('../menu-list/styled.js');
+require('../header-list/HeaderList.js');
+require('../header-list/styled.js');
+require('@elliemae/ds-separator');
+require('../empty-state/index.js');
+require('../empty-state/styled.js');
+require('../menu-list/useMenuList.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+/* eslint-disable complexity */
+
+var Container = function Container() {
+  var _useContext = React.useContext(ComboBox_v3_ComboBoxCTX.ComboBoxContext),
+      inline = _useContext.props.inline,
+      showPopover = _useContext.showPopover,
+      inputRef = _useContext.inputRef,
+      setReferenceElement = _useContext.setReferenceElement,
+      setShowPopover = _useContext.setShowPopover,
+      referenceElement = _useContext.referenceElement;
+
+  var handleCloseMenu = React.useCallback(function () {
+    setShowPopover(false);
+    inputRef.current.blur();
+  }, [inputRef, setShowPopover]);
+  var StyledContainer = inline ? ComboBox_v3_parts_container_styled.StyledContainerInline : ComboBox_v3_parts_container_styled.StyledContainerWithPopper;
+  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(StyledContainer, {
+    ref: setReferenceElement
+  }, /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_controls_Controls.Controls, null), inline ? /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_menuList_MenuList.MenuList, null) : null), !inline ? /*#__PURE__*/React__default['default'].createElement(dsPopperjs.DSPopperJS, {
+    customOffset: [0, 5],
+    closeContextMenu: handleCloseMenu,
+    referenceElement: referenceElement,
+    showPopover: showPopover,
+    withoutPortal: true,
+    withoutArrow: true,
+    zIndex: 10
+  }, /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_container_styled.StyledPopperWrapper, {
+    tabIndex: -1
+  }, /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_menuList_MenuList.MenuList, null))) : null);
+};
+
+exports.Container = Container;
+//# sourceMappingURL=Container.js.map

package/cjs/ComboBox/v3/parts/container/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../../../../../src/ComboBox/v3/parts/container/Container.tsx"],"sourcesContent":["/* eslint-disable complexity */\nimport React, { useCallback, useContext } from 'react';\nimport { DSPopperJS } from '@elliemae/ds-popperjs';\nimport ComboBoxContext from '../../ComboBoxCTX';\nimport { StyledContainerWithPopper, StyledContainerInline, StyledPopperWrapper } from './styled';\nimport { Controls } from '../controls';\nimport { MenuList } from '../menu-list';\nconst Container = (): JSX.Element => {\n  const {\n    props: { inline },\n    showPopover,\n    inputRef,\n    setReferenceElement,\n    setShowPopover,\n    referenceElement,\n  } = useContext(ComboBoxContext);\n\n  const handleCloseMenu = useCallback(() => {\n    setShowPopover(false);\n    inputRef.current.blur();\n  }, [inputRef, setShowPopover]);\n\n  const StyledContainer = inline ? StyledContainerInline : StyledContainerWithPopper;\n  return (\n    <>\n      <StyledContainer ref={setReferenceElement}>\n        <Controls />\n        {inline ? <MenuList /> : null}\n      </StyledContainer>\n      {!inline ? (\n        <DSPopperJS\n          customOffset={[0, 5]}\n          closeContextMenu={handleCloseMenu}\n          referenceElement={referenceElement}\n          showPopover={showPopover}\n          withoutPortal\n          withoutArrow\n          zIndex={10}\n        >\n          <StyledPopperWrapper tabIndex={-1}>\n            <MenuList />\n          </StyledPopperWrapper>\n        </DSPopperJS>\n      ) : null}\n    </>\n  );\n};\n\nexport { Container };\n"],"names":["Container","useContext","ComboBoxContext","inline","props","showPopover","inputRef","setReferenceElement","setShowPopover","referenceElement","handleCloseMenu","useCallback","current","blur","StyledContainer","StyledContainerInline","StyledContainerWithPopper","React","Controls","MenuList","DSPopperJS","StyledPopperWrapper"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;IAOMA,SAAS,GAAG,SAAZA,SAAY,GAAmB;AACnC,oBAOIC,gBAAU,CAACC,uCAAD,CAPd;AAAA,MACWC,MADX,eACEC,KADF,CACWD,MADX;AAAA,MAEEE,WAFF,eAEEA,WAFF;AAAA,MAGEC,QAHF,eAGEA,QAHF;AAAA,MAIEC,mBAJF,eAIEA,mBAJF;AAAA,MAKEC,cALF,eAKEA,cALF;AAAA,MAMEC,gBANF,eAMEA,gBANF;;AASA,MAAMC,eAAe,GAAGC,iBAAW,CAAC,YAAM;AACxCH,IAAAA,cAAc,CAAC,KAAD,CAAd;AACAF,IAAAA,QAAQ,CAACM,OAAT,CAAiBC,IAAjB;AACD,GAHkC,EAGhC,CAACP,QAAD,EAAWE,cAAX,CAHgC,CAAnC;AAKA,MAAMM,eAAe,GAAGX,MAAM,GAAGY,wDAAH,GAA2BC,4DAAzD;AACA,sBACEC,+FACEA,wCAAC,eAAD;AAAiB,IAAA,GAAG,EAAEV;AAAtB,kBACEU,wCAACC,4CAAD,OADF,EAEGf,MAAM,gBAAGc,wCAACE,4CAAD,OAAH,GAAkB,IAF3B,CADF,EAKG,CAAChB,MAAD,gBACCc,wCAACG,qBAAD;AACE,IAAA,YAAY,EAAE,CAAC,CAAD,EAAI,CAAJ,CADhB;AAEE,IAAA,gBAAgB,EAAEV,eAFpB;AAGE,IAAA,gBAAgB,EAAED,gBAHpB;AAIE,IAAA,WAAW,EAAEJ,WAJf;AAKE,IAAA,aAAa,MALf;AAME,IAAA,YAAY,MANd;AAOE,IAAA,MAAM,EAAE;AAPV,kBASEY,wCAACI,sDAAD;AAAqB,IAAA,QAAQ,EAAE,CAAC;AAAhC,kBACEJ,wCAACE,4CAAD,OADF,CATF,CADD,GAcG,IAnBN,CADF;AAuBD;;;;"}

package/cjs/ComboBox/v3/parts/container/index.js

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ComboBox_v3_parts_container_Container = require('./Container.js');
+require('react');
+require('@elliemae/ds-popperjs');
+require('../../ComboBoxCTX.js');
+require('./styled.js');
+require('styled-components');
+require('../controls/Controls.js');
+require('../dropdown-indicator/DropdownIndicator.js');
+require('@elliemae/ds-icons/ChevronSmallDown');
+require('../dropdown-indicator/styled.js');
+require('@elliemae/ds-button');
+require('../controls/styled.js');
+require('@elliemae/ds-grid');
+require('../multi-selected-values-container/MultiSelectedValuesContainer.js');
+require('@elliemae/ds-pills');
+require('../multi-selected-values-container/useGroupPills.js');
+require('@babel/runtime/helpers/toConsumableArray');
+require('@babel/runtime/helpers/slicedToArray');
+require('../../utils/hooks/useOnElementResize.js');
+require('../a11y-messages/MultiAllyMessages.js');
+require('../../utils/listHelper.js');
+require('../a11y-messages/styled.js');
+require('../controls-input/ControlsInput.js');
+require('@elliemae/ds-truncated-tooltip-text');
+require('../controls-input/styled.js');
+require('../../utils/hooks/useKeyboardNavigation.js');
+require('../controls-input/useControlsInput.js');
+require('../single-selected-value-container/SingleSelectedValueContainer.js');
+require('../single-selected-value-container/styled.js');
+require('../menu-list/MenuList.js');
+require('../menu-list/styled.js');
+require('../header-list/HeaderList.js');
+require('../header-list/styled.js');
+require('@elliemae/ds-separator');
+require('../empty-state/index.js');
+require('../empty-state/styled.js');
+require('../menu-list/useMenuList.js');
+require('@elliemae/ds-form');
+
+
+
+exports.Container = ComboBox_v3_parts_container_Container.Container;
+//# sourceMappingURL=index.js.map

package/cjs/ComboBox/v3/parts/container/index.js.map

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