@elliemae/ds-form 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/ComboBox/v2/components/MenuList.js

@@ -2,6 +2,12 @@
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var Select = require('react-select');
 var reactWindow = require('react-window');
@@ -21,8 +27,8 @@ var memoize__default = /*#__PURE__*/_interopDefaultLegacy(memoize);
 
 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 createItemData = memoize__default['default']((items, options) => {
+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 createItemData = memoize__default["default"]((items, options) => {
   if (items !== null && items !== void 0 && items.findIndex) {
     const index = items.findIndex(item => item.props.isFocused);
     if (index > -1) return {
@@ -55,7 +61,7 @@ const scrollTo = (listRef, type) => {
   }
 };
 
-const MenuList = /*#__PURE__*/React__default['default'].memo(props => {
+const MenuList = /*#__PURE__*/React__default["default"].memo(props => {
   const {
     children: options,
     selectProps,
@@ -101,7 +107,7 @@ const MenuList = /*#__PURE__*/React__default['default'].memo(props => {
 
   React.useEffect(() => setInsideFalseAtClosing, []);
   if (!options.length) return /*#__PURE__*/jsxRuntime.jsx(Select.components.MenuList, _objectSpread({}, props));
-  return /*#__PURE__*/_jsx__default['default']("div", {
+  return /*#__PURE__*/_jsx__default["default"]("div", {
     role: "list",
     "data-testid": "combobox-menu-list"
   }, void 0, isMulti && /*#__PURE__*/jsxRuntime.jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsxRuntime.jsx(reactWindow.FixedSizeList, {
@@ -112,7 +118,7 @@ const MenuList = /*#__PURE__*/React__default['default'].memo(props => {
         scrollTo(listRef);
       }
     },
-    className: `combobox-menu-list ${isMulti && 'combobox-menu-list-is-multi'}`,
+    className: "combobox-menu-list ".concat(isMulti && 'combobox-menu-list-is-multi'),
     height: height,
     itemCount: options.length,
     itemData: itemData,

package/cjs/ComboBox/v2/components/MultiSelectHeader.js

@@ -1,6 +1,9 @@
 'use strict';
 
 var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var styled = require('styled-components');
 var DSButton = require('@elliemae/ds-button');
@@ -26,9 +29,9 @@ const MultiSelectHeader = props => {
   } = React.useContext(context.DropDownContext);
   const isClearButtonDisabled = selectedItems === 0;
   const isAllButtonDisabled = selectedItems === totalItems;
-  return /*#__PURE__*/_jsx__default['default'](HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](ContentWrapper, {}, void 0, /*#__PURE__*/_jsx__default['default'](HeaderTitle, {}, void 0, /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
-    value: `${selectedItems} selected`
-  })), !selectAllDisabled && /*#__PURE__*/_jsx__default['default'](ActionButtons, {}, void 0, /*#__PURE__*/_jsx__default['default'](StyledButton, {
+  return /*#__PURE__*/_jsx__default["default"](HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](ContentWrapper, {}, void 0, /*#__PURE__*/_jsx__default["default"](HeaderTitle, {}, void 0, /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText.SimpleTruncatedTooltipText, {
+    value: "".concat(selectedItems, " selected")
+  })), !selectAllDisabled && /*#__PURE__*/_jsx__default["default"](ActionButtons, {}, void 0, /*#__PURE__*/_jsx__default["default"](StyledButton, {
     "data-testid": "combobox-all-btn",
     buttonType: "text",
     labelText: "All",
@@ -37,12 +40,12 @@ const MultiSelectHeader = props => {
     disabled: isAllButtonDisabled,
     "aria-disabled": isAllButtonDisabled ? 'true' : 'false',
     variant: isAllButtonDisabled && DSButton.BUTTON_VARIANT.DISABLED
-  }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default['default'](StyledSeparator, {
+  }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx__default["default"](StyledSeparator, {
     orientation: "vertical",
     position: "center",
     type: "group-level",
     margin: "none"
-  })), /*#__PURE__*/_jsx__default['default'](StyledButton, {
+  })), /*#__PURE__*/_jsx__default["default"](StyledButton, {
     "data-testid": "combobox-clear-btn",
     buttonType: "text",
     labelText: "Clear",
@@ -51,29 +54,29 @@ const MultiSelectHeader = props => {
     disabled: isClearButtonDisabled,
     "aria-disabled": isClearButtonDisabled ? 'true' : 'false',
     variant: isClearButtonDisabled && DSButton.BUTTON_VARIANT.DISABLED
-  }))), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default['default'](DSSeparator__default['default'], {
+  }))), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx__default["default"](DSSeparator__default["default"], {
     position: "center",
     type: "non-form",
     margin: "none"
   })));
 };
 
-const HeaderWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const HeaderWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-zjm4r5-0"
 })(["display:flex;flex-direction:column;padding:0 ", ";"], props => props.theme.space.xs);
-const ContentWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ContentWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-zjm4r5-1"
 })(["display:grid;align-items:flex-end;justify-content:space-between;height:", ";padding-bottom:4px;grid-template-columns:minmax(0,1fr) 104px;"], props => props.theme.space.s);
-const HeaderTitle = /*#__PURE__*/styled__default['default'].span.withConfig({
+const HeaderTitle = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-zjm4r5-2"
 })(["color:", ";text-overflow:ellipsis;"], props => props.theme.colors.neutral[500]);
-const ActionButtons = /*#__PURE__*/styled__default['default'].div.withConfig({
+const ActionButtons = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-zjm4r5-3"
 })(["display:inline-flex;color:", ";"], props => props.theme.colors.neutral[500]);
-const StyledSeparator = /*#__PURE__*/styled__default['default'](DSSeparator__default['default']).withConfig({
+const StyledSeparator = /*#__PURE__*/styled__default["default"](DSSeparator__default["default"]).withConfig({
   componentId: "sc-zjm4r5-4"
 })(["height:auto;width:auto;"]);
-const StyledButton = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+const StyledButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-zjm4r5-5"
 })(["padding:0 ", ";"], props => props.theme.space.xxs);
 

package/cjs/ComboBox/v2/components/MultiValueLabel.js

@@ -10,10 +10,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-function MultiValueLabel({
-  children
-}) {
-  return /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+function MultiValueLabel(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     tooltipPlacement: DSPopper.PopperPositions.TOP,
     value: children
   });

package/cjs/ComboBox/v2/components/MultiValueRemove.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
@@ -15,13 +20,13 @@ const _excluded = ["innerProps"];
 
 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; }
+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; }
 
 function MultiValueRemove(_ref) {
   let {
     innerProps
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const innerPropsWithOutRemoval = _objectSpread(_objectSpread({}, innerProps), {}, {
     onClick: () => {},

package/cjs/ComboBox/v2/components/SelectMenu.js

@@ -1,5 +1,10 @@
 'use strict';
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 require('react');
@@ -19,7 +24,7 @@ var _TriggerComponent, _TriggerComponent2;
 
 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; }
+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 TriggerComponent = dsClassnames.aggregatedClasses('div')('combobox-trigger', null);
 
 const SelectMenu = props => {
@@ -45,15 +50,15 @@ const SelectMenu = props => {
     styleMenu.width = 'auto';
   }
 
-  return /*#__PURE__*/_jsx__default['default'](DSPopper__default['default'], {
+  return /*#__PURE__*/_jsx__default["default"](DSPopper__default["default"], {
     contentComponent: /*#__PURE__*/jsxRuntime.jsx(Content, _objectSpread(_objectSpread({}, props), {}, {
       styleMenu: styleMenu
     })),
     isOpen: true,
     placement: DSPopper.PopperPositions.BOTTOM_START,
-    preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx__default['default'](TriggerComponent, {})),
+    preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx__default["default"](TriggerComponent, {})),
     showArrow: false,
-    triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx__default['default'](TriggerComponent, {})),
+    triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx__default["default"](TriggerComponent, {})),
     zIndex: zIndex
   });
 };

package/cjs/ComboBox/v2/components/SingleValueLabel.js

@@ -10,10 +10,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSTruncatedTooltipText__default = /*#__PURE__*/_interopDefaultLegacy(DSTruncatedTooltipText);
 
-function SingleValueLabel({
-  children
-}) {
-  return /*#__PURE__*/_jsx__default['default'](DSTruncatedTooltipText__default['default'], {
+function SingleValueLabel(_ref) {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](DSTruncatedTooltipText__default["default"], {
     tooltipPlacement: DSPopper.PopperPositions.TOP,
     value: children
   });

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

@@ -4,9 +4,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var Select = require('react-select');
-var utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var context = require('../context.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -19,12 +25,12 @@ const _excluded = ["children"];
 
 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; }
+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; }
 function ValueContainer(_ref) {
   let {
     children
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const valueContainerRef = React.useRef(null);
   const {
@@ -47,7 +53,7 @@ function ValueContainer(_ref) {
       setTouchClick(false);
     },
     ref: valueContainerRef,
-    className: utils.cx('combobox-v2-value-container', inputInFocus && 'in-focus', value && clearable && 'has-value', removeDropdownIndicator && 'dropdown-indicator-removed'),
+    className: dsUtilities.cx('combobox-v2-value-container', inputInFocus && 'in-focus', value && clearable && 'has-value', removeDropdownIndicator && 'dropdown-indicator-removed'),
     children: /*#__PURE__*/jsxRuntime.jsx(Select.components.ValueContainer, _objectSpread(_objectSpread({}, rest), {}, {
       children: children
     }))
@@ -55,4 +61,4 @@ function ValueContainer(_ref) {
 }
 
 exports.ValueContainer = ValueContainer;
-exports['default'] = ValueContainer;
+exports["default"] = ValueContainer;

package/cjs/ComboBox/v2/components/calculateWidth.js

@@ -2,6 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+
 const letterFactor = 5.7;
 const fixedSpace = 45;
 function calculateWidth(options) {

package/cjs/ComboBox/v2/components/getoptions.js

@@ -2,11 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const getOptions = ({
-  showAllOption,
-  isMulti,
-  allOption,
-  options
-}) => showAllOption && isMulti ? [allOption, ...options] : options;
+require('core-js/modules/web.dom-collections.iterator.js');
+
+const getOptions = _ref => {
+  let {
+    showAllOption,
+    isMulti,
+    allOption,
+    options
+  } = _ref;
+  return showAllOption && isMulti ? [allOption, ...options] : options;
+};
 
 exports.getOptions = getOptions;

package/cjs/ComboBox/v2/components/useMenuListHeight.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.reduce.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.reduce.js');
+require('core-js/modules/web.dom-collections.iterator.js');
+
 /* eslint-disable no-restricted-syntax */
 
 /* eslint-disable max-statements */

package/cjs/ComboBox/v2/context.js

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

package/cjs/ComboBox/v2/index.js

@@ -8,4 +8,4 @@ var Combobox = require('./Combobox.js');
 
 exports.ComboBoxWithSchema = Combobox.ComboBoxWithSchema;
 exports.DSComboBox2 = Combobox.DSComboBox2;
-exports.default = Combobox.DSComboBox2;
+exports["default"] = Combobox.DSComboBox2;

package/cjs/ComboBox/v3/ComboBox.js

@@ -0,0 +1,33 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+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
+  }, void 0, _Container || (_Container = /*#__PURE__*/_jsx__default["default"](Container.Container, {})));
+};
+
+const DSComboBoxWithSchema = reactDesc.describe(DSComboBox);
+DSComboBoxWithSchema.propTypes = propTypes.propTypes;
+
+exports.DSComboBox = DSComboBox;
+exports.DSComboBoxWithSchema = DSComboBoxWithSchema;

package/cjs/ComboBox/v3/ComboBoxCTX.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var lodash = require('lodash');
+
+// eslint-disable-next-line @typescript-eslint/no-empty-function
+const defaultProps = {
+  placeholder: '',
+  options: [],
+  selectedValues: null,
+  hasError: false,
+  inline: false,
+  autoFocus: false,
+  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
+};
+const defaultContext = {
+  props: defaultProps,
+  showPopover: false,
+  setShowPopover: lodash.noop,
+  scrollOptionIntoView: lodash.noop,
+  referenceElement: null,
+  hasFocus: false,
+  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: lodash.noop,
+  focusOptionIdx: '',
+  setCurrentOption: lodash.noop,
+  showSelectedOptions: false,
+  setShowSelectedOptions: lodash.noop
+};
+/** Context for cross component communication */
+
+const ComboBoxContext = /*#__PURE__*/React.createContext(defaultContext);
+
+exports.ComboBoxContext = ComboBoxContext;
+exports["default"] = ComboBoxContext;
+exports.defaultProps = defaultProps;

package/cjs/ComboBox/v3/ComboboxDataTestids.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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',
+  SHOW_ALL_BUTTON: 'combobox-show-all-btn',
+  SHOW_SELECTED_OPTIONS_BUTTON: 'combobox-selected-options-btn'
+};
+
+exports.ComboboxDataTestid = ComboboxDataTestid;

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

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const DATA_TESTID = {
+  COMBOBOX_MENU_LIST: 'combobox-menu-list',
+  COMBOBOX_CLEAR_BTN: 'combobox-clear-btn',
+  COMBOBOX_ALL_BTN: 'combobox-all-btn',
+  COMBOBOX_DROPDOWN_BTN: 'combobox-dropdown-btn',
+  COMBOBOX_OPTION: 'combobox-option',
+  COMBOBOX: 'combobox'
+};
+
+exports.DATA_TESTID = DATA_TESTID;

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

@@ -0,0 +1,122 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 useGetPropsWithDefault = require('./useGetPropsWithDefault.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+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
+  // ---------------------------------------------------------------------------
+
+  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);
+        }
+      }
+    });
+
+    if (((_items2 = items[items.length - 1]) === null || _items2 === void 0 ? void 0 : _items2.type) === 'section') {
+      items.pop();
+    }
+
+    return items;
+  }, [options, selectedValues]);
+  const correctOptions = React.useMemo(() => showSelectedOptions && Array.isArray(selectedValues) && selectedValues.length > 0 ? selectedValuesWithSections() : options, [options, selectedValuesWithSections, selectedValues, showSelectedOptions]); // ===========================================================================
+  // Virtualization setup
+  // ===========================================================================
+
+  const virtualListHelpers = reactVirtual.useVirtual({
+    size: correctOptions.length,
+    parentRef: listRef,
+    overscan: 15,
+    paddingStart: 0
+  }); // ===========================================================================
+  // Scroll into view function
+  // ===========================================================================
+
+  const scrollOptionIntoView = React.useCallback(function (dsId) {
+    let opts = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+      align: 'center'
+    };
+    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;

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

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

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

@@ -0,0 +1,2 @@
+'use strict';
+

package/cjs/ComboBox/v3/index.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var ComboBox = require('./ComboBox.js');
+
+
+
+exports.DSComboBox = ComboBox.DSComboBox;
+exports.DSComboBoxWithSchema = ComboBox.DSComboBoxWithSchema;