@elliemae/ds-form 1.60.0 → 2.0.0-alpha.12

package/cjs/ComboBox/v2/context.js

@@ -8,7 +8,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var DropDownContext = /*#__PURE__*/React__default['default'].createContext();
+const DropDownContext = /*#__PURE__*/React__default["default"].createContext();
 
 exports.DropDownContext = DropDownContext;
-//# sourceMappingURL=context.js.map

package/cjs/ComboBox/v2/index.js

@@ -2,68 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ComboBox_v2_Combobox = require('./Combobox.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/slicedToArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('lodash');
-require('react-desc');
-require('react-select');
-require('react-select/creatable');
-require('react-popper');
-require('react-measure');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-system');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../v1/withSelectStringValueConverter.js');
-require('@babel/runtime/helpers/classCallCheck');
-require('@babel/runtime/helpers/createClass');
-require('@babel/runtime/helpers/inherits');
-require('@babel/runtime/helpers/possibleConstructorReturn');
-require('@babel/runtime/helpers/getPrototypeOf');
-require('@babel/runtime/helpers/typeof');
-require('./components/DropdownIndicator.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('./context.js');
-require('./components/GroupHeading.js');
-require('styled-components');
-require('@elliemae/ds-separator');
-require('./components/utils.js');
-require('./components/SelectMenu.js');
-require('@elliemae/ds-popper');
-require('@elliemae/ds-classnames');
-require('./components/Content.js');
-require('prop-types');
-require('./components/Control.js');
-require('./components/ClearIndicator.js');
-require('./components/MenuList.js');
-require('react-window');
-require('memoize-one');
-require('./components/CustomOption.js');
-require('./components/CustomOptionMulti.js');
-require('../../Checkbox/DSCheckbox.js');
-require('uid');
-require('../../Checkbox/elements/CheckMark.js');
-require('../../Checkbox/defaultProps.js');
-require('../../prop-types-0d5610b3.js');
-require('../../Checkbox/props.js');
-require('./components/MultiSelectHeader.js');
-require('./components/useMenuListHeight.js');
-require('./components/MultiValueLabel.js');
-require('./components/MultiValueRemove.js');
-require('./components/SingleValueLabel.js');
-require('./components/LoadingIndicator.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('./components/calculateWidth.js');
-require('./components/ValueContainer.js');
+var Combobox = require('./Combobox.js');
 
 
 
-exports.ComboBoxWithSchema = ComboBox_v2_Combobox.ComboBoxWithSchema;
-exports.DSComboBox2 = ComboBox_v2_Combobox.DSComboBox2;
-exports.default = ComboBox_v2_Combobox.DSComboBox2;
-//# sourceMappingURL=index.js.map
+exports.ComboBoxWithSchema = Combobox.ComboBoxWithSchema;
+exports.DSComboBox2 = Combobox.DSComboBox2;
+exports["default"] = Combobox.DSComboBox2;

package/cjs/ComboBox/v2/mockOptions.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var options = [{
+const options = [{
   value: 'id_1',
   label: 'Luke Skywalker'
 }, {
@@ -18,4 +18,3 @@ var options = [{
 }];
 
 module.exports = options;
-//# sourceMappingURL=mockOptions.js.map

package/cjs/ComboBox/v3/ComboBox.js

@@ -2,71 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+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('react-virtual');
-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('./ComboboxDataTestids.js');
-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('@babel/runtime/helpers/extends');
-require('@elliemae/ds-form');
+var useComboBox = require('./config/useComboBox.js');
+var Container = require('./parts/container/Container.js');
+var propTypes = require('./propTypes.js');
+var ComboBoxCTX = require('./ComboBoxCTX.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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, {
+var _Container;
+
+const DSComboBox = props => {
+  const propsWithDefault = dsPropsHelpers.useMemoMergePropsWithDefault(props, ComboBoxCTX.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefault, propTypes.propTypes);
+  const ctx = useComboBox.useComboBox(props);
+  return /*#__PURE__*/_jsx__default["default"](ComboBoxCTX.ComboBoxContext.Provider, {
     value: ctx
-  }, /*#__PURE__*/React__default['default'].createElement(ComboBox_v3_parts_container_Container.Container, null));
+  }, void 0, _Container || (_Container = /*#__PURE__*/_jsx__default["default"](Container.Container, {})));
 };
 
-DSComboBox.propTypes = ComboBox_v3_propTypes.propTypes;
-var DSComboBoxWithSchema = reactDesc.describe(DSComboBox);
-DSComboBoxWithSchema.propTypes = ComboBox_v3_propTypes.propTypes;
+const DSComboBoxWithSchema = reactDesc.describe(DSComboBox);
+DSComboBoxWithSchema.propTypes = propTypes.propTypes;
 
 exports.DSComboBox = DSComboBox;
 exports.DSComboBoxWithSchema = DSComboBoxWithSchema;
-//# sourceMappingURL=ComboBox.js.map

package/cjs/ComboBox/v3/ComboBoxCTX.js

@@ -3,47 +3,53 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var lodash = require('lodash');
 
 // eslint-disable-next-line @typescript-eslint/no-empty-function
-var noop = function noop() {};
-
-var defaultProps = {
+const defaultProps = {
   placeholder: '',
   options: [],
   selectedValues: null,
-  onChange: noop,
-  onClear: noop,
   hasError: false,
   inline: false,
   autoFocus: false,
-  onClearAll: undefined,
-  onSelectAll: undefined,
-  onCreate: undefined,
-  onFilter: noop
+  startPlacementPreference: 'bottom-start',
+  placementOrderPreference: ['bottom-start', 'bottom-end'],
+  onClearAll: lodash.noop,
+  onSelectAll: lodash.noop,
+  onCreate: lodash.noop,
+  withToggle: false,
+  onChange: lodash.noop,
+  onKeyDown: lodash.noop,
+  onFilter: lodash.noop,
+  onMenuOpen: lodash.noop
 };
-var defaultContext = {
+const defaultContext = {
   props: defaultProps,
   showPopover: false,
-  setShowPopover: noop,
-  scrollOptionIntoView: noop,
-  referenceElement: undefined,
+  setShowPopover: lodash.noop,
+  scrollOptionIntoView: lodash.noop,
+  referenceElement: null,
   hasFocus: false,
-  setHasFocus: noop,
-  setReferenceElement: noop,
+  setHasFocus: lodash.noop,
+  pillGroupRef: /*#__PURE__*/React.createRef(),
+  setReferenceElement: lodash.noop,
   inputRef: /*#__PURE__*/React.createRef(),
   listRef: /*#__PURE__*/React.createRef(),
+  wrapperListRef: /*#__PURE__*/React.createRef(),
   controlsWrapperRef: /*#__PURE__*/React.createRef(),
   selectedOptionsRef: /*#__PURE__*/React.createRef(),
   showSelectedValue: false,
-  setShowSelectedValue: noop,
+  setShowSelectedValue: lodash.noop,
   focusOptionIdx: '',
-  setCurrentOption: noop
+  setCurrentOption: lodash.noop,
+  showSelectedOptions: false,
+  setShowSelectedOptions: lodash.noop
 };
 /** Context for cross component communication */
 
-var ComboBoxContext = /*#__PURE__*/React.createContext(defaultContext);
+const ComboBoxContext = /*#__PURE__*/React.createContext(defaultContext);
 
 exports.ComboBoxContext = ComboBoxContext;
-exports['default'] = ComboBoxContext;
+exports["default"] = ComboBoxContext;
 exports.defaultProps = defaultProps;
-//# sourceMappingURL=ComboBoxCTX.js.map

package/cjs/ComboBox/v3/ComboboxDataTestids.js

@@ -2,15 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var ComboboxDataTestid = {
+const ComboboxDataTestid = {
   INPUT: 'combobox-input',
   LIST: 'combobox-menu-list',
   SELECTED_VALUES: 'combobox-selected-values',
   SELECT_ALL_BUTTON: 'combobox-all-btn',
   CLEAR_ALL_BUTTON: 'combobox-clear-btn',
   DROPDOWN: 'combobox-dropdown-btn',
-  OPTION: 'combobox-option'
+  OPTION: 'combobox-option',
+  SHOW_ALL_BUTTON: 'combobox-show-all-btn',
+  SHOW_SELECTED_OPTIONS_BUTTON: 'combobox-selected-options-btn'
 };
 
 exports.ComboboxDataTestid = ComboboxDataTestid;
-//# sourceMappingURL=ComboboxDataTestids.js.map

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

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DATA_TESTID = {
+const DATA_TESTID = {
   COMBOBOX_MENU_LIST: 'combobox-menu-list',
   COMBOBOX_CLEAR_BTN: 'combobox-clear-btn',
   COMBOBOX_ALL_BTN: 'combobox-all-btn',
@@ -12,4 +12,3 @@ var DATA_TESTID = {
 };
 
 exports.DATA_TESTID = DATA_TESTID;
-//# sourceMappingURL=constants.js.map

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

@@ -2,70 +2,82 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+require('core-js/modules/esnext.async-iterator.find.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var reactVirtual = require('react-virtual');
-var ComboBox_v3_config_useGetPropsWithDefault = require('./useGetPropsWithDefault.js');
-require('@elliemae/ds-props-helpers');
-require('../ComboBoxCTX.js');
+var useGetPropsWithDefault = require('./useGetPropsWithDefault.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 _inputRef$current;
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      showPopover = _useState2[0],
-      setShowPopover = _useState2[1];
-
-  var _useState3 = React.useState(),
-      _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(''),
-      _useState10 = _slicedToArray__default['default'](_useState9, 2),
-      focusOptionIdx = _useState10[0],
-      setCurrentOption = _useState10[1];
-
-  var inputRef = React.useRef();
-  var listRef = React.useRef();
-  var selectedOptionsRef = React.useRef();
-  var controlsWrapperRef = React.useRef();
-  var propsWithDefaults = ComboBox_v3_config_useGetPropsWithDefault.useGetComboBoxWithDefaultsProps(props);
-  var options = propsWithDefaults.options; // ---------------------------------------------------------------------------
-  // Focusing first option when dropdown opens or input changes
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+
+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; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const useComboBox = props => {
+  const [showPopover, setShowPopover] = React.useState(false);
+  const [referenceElement, setReferenceElement] = React.useState(null);
+  const [showSelectedValue, setShowSelectedValue] = React.useState(false);
+  const [showSelectedOptions, setShowSelectedOptions] = React.useState(false);
+  const [hasFocus, setHasFocus] = React.useState(false);
+  const [focusOptionIdx, setCurrentOption] = React.useState('');
+  const inputRef = React.useRef(null);
+  const listRef = React.useRef(null);
+  const wrapperListRef = React.useRef(null);
+  const selectedOptionsRef = React.useRef(null);
+  const controlsWrapperRef = React.useRef(null);
+  const pillGroupRef = React.useRef(null);
+  const propsWithDefaults = useGetPropsWithDefault.useGetComboBoxWithDefaultsProps(props);
+  const {
+    options,
+    selectedValues
+  } = propsWithDefaults; // ---------------------------------------------------------------------------
+  // Menu Options with/out selected filter
   // ---------------------------------------------------------------------------
 
-  React.useEffect(function () {
-    if (showPopover) {
-      for (var i = 0; i < options.length; i += 1) {
-        if (!['section', 'separator'].includes(options[i].type)) {
-          setCurrentOption(options[i].dsId);
-          break;
+  const selectedValuesWithSections = React.useCallback(() => {
+    var _items2;
+
+    const multiSelectedValue = selectedValues;
+    const items = [];
+    options.forEach(option => {
+      const isSelectedValue = multiSelectedValue.find(item => item.dsId === option.dsId);
+
+      if (isSelectedValue) {
+        items.push(option);
+      }
+
+      if (option.type === 'section') {
+        var _items;
+
+        if (((_items = items[items.length - 1]) === null || _items === void 0 ? void 0 : _items.type) === 'section') {
+          items[items.length - 1] = option;
+        } else {
+          items.push(option);
         }
       }
-    } // eslint-disable-next-line react-hooks/exhaustive-deps
+    });
+
+    if (((_items2 = items[items.length - 1]) === null || _items2 === void 0 ? void 0 : _items2.type) === 'section') {
+      items.pop();
+    }
 
-  }, [showPopover, (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value]); // ===========================================================================
+    return items;
+  }, [options, selectedValues]);
+  const correctOptions = React.useMemo(() => showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0 ? selectedValuesWithSections() : options, [options, selectedValuesWithSections, selectedValues, showSelectedOptions]); // ===========================================================================
   // Virtualization setup
   // ===========================================================================
 
-  var virtualListHelpers = reactVirtual.useVirtual({
-    size: propsWithDefaults.options.length,
+  const virtualListHelpers = reactVirtual.useVirtual({
+    size: correctOptions.length,
     parentRef: listRef,
     overscan: 15,
     paddingStart: 0
@@ -73,37 +85,38 @@ var useComboBox = function useComboBox(props) {
   // Scroll into view function
   // ===========================================================================
 
-  var scrollOptionIntoView = React.useCallback(function (dsId) {
-    var opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+  const scrollOptionIntoView = React.useCallback(function (dsId) {
+    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
       align: 'center'
     };
-    virtualListHelpers.scrollToIndex(propsWithDefaults.options.findIndex(function (opt) {
-      return opt.dsId === dsId;
-    }), opts);
-  }, [propsWithDefaults.options, virtualListHelpers]);
-  var ctx = React.useMemo(function () {
-    return {
-      props: propsWithDefaults,
-      virtualListHelpers: virtualListHelpers,
-      showPopover: showPopover,
-      referenceElement: referenceElement,
-      inputRef: inputRef,
-      showSelectedValue: showSelectedValue,
-      listRef: listRef,
-      focusOptionIdx: focusOptionIdx,
-      selectedOptionsRef: selectedOptionsRef,
-      controlsWrapperRef: controlsWrapperRef,
-      hasFocus: hasFocus,
-      setHasFocus: setHasFocus,
-      setCurrentOption: setCurrentOption,
-      scrollOptionIntoView: scrollOptionIntoView,
-      setShowSelectedValue: setShowSelectedValue,
-      setReferenceElement: setReferenceElement,
-      setShowPopover: setShowPopover
-    };
-  }, [scrollOptionIntoView, propsWithDefaults, virtualListHelpers, focusOptionIdx, showSelectedValue, showPopover, referenceElement, inputRef, selectedOptionsRef, controlsWrapperRef, hasFocus, listRef]);
+    virtualListHelpers.scrollToIndex(correctOptions.findIndex(opt => opt.dsId === dsId), opts);
+  }, [correctOptions, virtualListHelpers]);
+  const ctx = React.useMemo(() => ({
+    props: _objectSpread(_objectSpread({}, propsWithDefaults), {}, {
+      options: correctOptions
+    }),
+    virtualListHelpers,
+    showPopover,
+    referenceElement,
+    inputRef,
+    showSelectedValue,
+    listRef,
+    focusOptionIdx,
+    selectedOptionsRef,
+    controlsWrapperRef,
+    hasFocus,
+    pillGroupRef,
+    showSelectedOptions,
+    wrapperListRef,
+    setShowSelectedOptions,
+    setHasFocus,
+    setCurrentOption,
+    scrollOptionIntoView,
+    setShowSelectedValue,
+    setReferenceElement,
+    setShowPopover
+  }), [scrollOptionIntoView, correctOptions, propsWithDefaults, virtualListHelpers, focusOptionIdx, showSelectedValue, wrapperListRef, showSelectedOptions, showPopover, pillGroupRef, referenceElement, inputRef, selectedOptionsRef, controlsWrapperRef, hasFocus, listRef]);
   return ctx;
 };
 
 exports.useComboBox = useComboBox;
-//# sourceMappingURL=useComboBox.js.map

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

@@ -3,13 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var dsPropsHelpers = require('@elliemae/ds-props-helpers');
-var ComboBox_v3_ComboBoxCTX = require('../ComboBoxCTX.js');
-require('react');
+var ComboBoxCTX = require('../ComboBoxCTX.js');
 
 // 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);
-};
+const useGetComboBoxWithDefaultsProps = props => dsPropsHelpers.useMemoMergePropsWithDefault(props, ComboBoxCTX.defaultProps);
 
 exports.useGetComboBoxWithDefaultsProps = useGetComboBoxWithDefaultsProps;
-//# sourceMappingURL=useGetPropsWithDefault.js.map

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

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

package/cjs/ComboBox/v3/index.js

@@ -2,56 +2,9 @@
 
 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('react-virtual');
-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('./ComboboxDataTestids.js');
-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('@babel/runtime/helpers/extends');
-require('@elliemae/ds-form');
-require('./propTypes.js');
+var ComboBox = require('./ComboBox.js');
 
 
 
-exports.DSComboBox = ComboBox_v3_ComboBox.DSComboBox;
-exports.DSComboBoxWithSchema = ComboBox_v3_ComboBox.DSComboBoxWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSComboBox = ComboBox.DSComboBox;
+exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;

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

@@ -2,32 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
 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');
+var ComboBoxCTX = require('../../ComboBoxCTX.js');
+var listHelper = require('../../utils/listHelper.js');
+var styled = require('./styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-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, {
+const MultiAllyMessages = () => {
+  const {
+    props: {
+      options,
+      selectedValues
+    }
+  } = React.useContext(ComboBoxCTX.ComboBoxContext);
+  const selectableOptions = listHelper.getSelectableOptions(options);
+  const multipleSelectedValues = selectedValues;
+  return /*#__PURE__*/_jsx__default["default"](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));
+  }, void 0, "Options selected: ".concat(multipleSelectedValues.map(item => item.label).join(', '), ". ").concat(multipleSelectedValues.length, " of ").concat(selectableOptions.length));
 };
 
 exports.MultiAllyMessages = MultiAllyMessages;
-//# sourceMappingURL=MultiAllyMessages.js.map