@elliemae/ds-form 2.0.0-next.7 → 2.0.0-rc.10

package/esm/ComboBox/v1/components/getoptions.js

@@ -1,10 +1,13 @@
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-const getOptions = ({
-  showAllOption,
-  isMulti,
-  allOption,
-  options
-}) => showAllOption && isMulti ? [allOption, ...options] : options;
+const getOptions = _ref => {
+  let {
+    showAllOption,
+    isMulti,
+    allOption,
+    options
+  } = _ref;
+  return showAllOption && isMulti ? [allOption, ...options] : options;
+};
 
 export { getOptions };

package/esm/ComboBox/v1/withSelectStringValueConverter.js

@@ -1,5 +1,12 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { Component } from 'react';
 import { jsx } from 'react/jsx-runtime';
 
@@ -7,18 +14,23 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 findOption = (options, valueProperty = 'value') => value => {
-  if (typeof value === 'object') return value;
-  const index = options.findIndex(option => option[valueProperty] === value);
-  return options[index];
+const findOption = function (options) {
+  let valueProperty = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'value';
+  return value => {
+    if (typeof value === 'object') return value;
+    const index = options.findIndex(option => option[valueProperty] === value);
+    return options[index];
+  };
 };
 
-const getOptionFromValue = ({
-  value,
-  options,
-  valueProperty,
-  isMulti
-}) => {
+const getOptionFromValue = _ref => {
+  let {
+    value,
+    options,
+    valueProperty,
+    isMulti
+  } = _ref;
+
   if (Array.isArray(value) && isMulti) {
     return value.map(findOption(options, valueProperty));
   }
@@ -30,10 +42,9 @@ const withSelectStringValueConverter = WrappedComponent => {
   var _class, _temp;
 
   return _temp = _class = class extends Component {
-    constructor(...args) {
-      super(...args);
-
-      _defineProperty(this, "state", {});
+    constructor() {
+      super(...arguments);
+      this.state = {};
     }
 
     static getDerivedStateFromProps(nextProps, prevState) {
@@ -56,10 +67,10 @@ const withSelectStringValueConverter = WrappedComponent => {
       }));
     }
 
-  }, _defineProperty(_class, "defaultProps", {
+  }, _class.defaultProps = {
     valueProperty: 'value',
     labelProperty: 'label'
-  }), _temp;
+  }, _temp;
 };
 
 export { withSelectStringValueConverter as default };

package/esm/ComboBox/v2/Combobox.js

@@ -1,7 +1,12 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
 import 'core-js/modules/esnext.set.add-all.js';
 import 'core-js/modules/esnext.set.delete-all.js';
 import 'core-js/modules/esnext.set.difference.js';
@@ -18,6 +23,10 @@ import 'core-js/modules/esnext.set.reduce.js';
 import 'core-js/modules/esnext.set.some.js';
 import 'core-js/modules/esnext.set.symmetric-difference.js';
 import 'core-js/modules/esnext.set.union.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import { noop } from 'lodash';
 import { PropTypes, describe } from 'react-desc';
@@ -25,10 +34,8 @@ import Select, { createFilter } from 'react-select';
 import Creatable from 'react-select/creatable';
 import { Manager } from 'react-popper';
 import { withContentRect } from 'react-measure';
-import { isEqual, cx } from '@elliemae/ds-utilities/utils';
+import { usePrevious, useShouldRecalculate, isEqual, cx } from '@elliemae/ds-utilities';
 import { useTheme } from '@elliemae/ds-system';
-import usePrevious from '@elliemae/ds-utilities/hooks/usePrevious';
-import useShouldRecalculate from '@elliemae/ds-utilities/hooks/useShouldRecalculate';
 import { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';
 import withSelectStringValueConverter from '../v1/withSelectStringValueConverter.js';
 import DropdownIndicator from './components/DropdownIndicator.js';

package/esm/ComboBox/v2/components/AllOption.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';

package/esm/ComboBox/v2/components/ClearIndicator.js

@@ -1,9 +1,14 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import { useContext } from 'react';
 import { get } from 'lodash';
-import CloseXsmall from '@elliemae/ds-icons/CloseXsmall';
+import { CloseXsmall } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
 import { DropDownContext } from '../context.js';
 import { jsx } from 'react/jsx-runtime';

package/esm/ComboBox/v2/components/Content.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';

package/esm/ComboBox/v2/components/Control.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
@@ -9,11 +14,14 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 Control = props => /*#__PURE__*/_jsx(Reference, {}, void 0, ({
-  ref
-}) => /*#__PURE__*/jsx("div", {
-  ref: ref,
-  children: /*#__PURE__*/jsx(components.Control, _objectSpread({}, props))
-}));
+const Control = props => /*#__PURE__*/_jsx(Reference, {}, void 0, _ref => {
+  let {
+    ref
+  } = _ref;
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    children: /*#__PURE__*/jsx(components.Control, _objectSpread({}, props))
+  });
+});
 
 export { Control as default };

package/esm/ComboBox/v2/components/CustomOption.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import React, { useContext } from 'react';
@@ -13,14 +18,15 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 const isOptionAGroup = option => option && option.type && option.type.name === 'Group';
 
-const CustomOption = ({
-  index,
-  data,
-  style,
-  isScrolling
-}) => {
+const CustomOption = _ref => {
   var _option$props, _option$props2, _option$props2$innerP, _option$props3, _option$props3$innerP;
 
+  let {
+    index,
+    data,
+    style,
+    isScrolling
+  } = _ref;
   const {
     items,
     options: {

package/esm/ComboBox/v2/components/CustomOptionMulti.js

@@ -1,5 +1,12 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React, { useContext } from 'react';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import { DSCheckbox } from '../../../Checkbox/DSCheckbox.js';
@@ -9,12 +16,13 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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(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 CustomOptionMulti = ({
-  index,
-  data,
-  style,
-  isScrolling
-}) => {
+const CustomOptionMulti = _ref => {
+  let {
+    index,
+    data,
+    style,
+    isScrolling
+  } = _ref;
   const {
     items,
     options: {

package/esm/ComboBox/v2/components/DropdownIndicator.js

@@ -2,9 +2,14 @@ import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useContext, useState } from 'react';
 import { get } from 'lodash';
-import ChevronSmallDown from '@elliemae/ds-icons/ChevronSmallDown';
+import { ChevronSmallDown } from '@elliemae/ds-icons';
 import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';
 import { DropDownContext } from '../context.js';
 import { jsx } from 'react/jsx-runtime';

package/esm/ComboBox/v2/components/GroupHeading.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import 'react';

package/esm/ComboBox/v2/components/IndicatorSeparator.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';
 import { jsx } from 'react/jsx-runtime';
@@ -5,8 +10,11 @@ import { jsx } from 'react/jsx-runtime';
 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(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 IndicatorSeparator = ({
-  innerProps
-}) => /*#__PURE__*/jsx("span", _objectSpread({}, innerProps));
+const IndicatorSeparator = _ref => {
+  let {
+    innerProps
+  } = _ref;
+  return /*#__PURE__*/jsx("span", _objectSpread({}, innerProps));
+};
 
 export { IndicatorSeparator, IndicatorSeparator as default };

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

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'core-js/modules/web.dom-collections.iterator.js';

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

@@ -1,4 +1,7 @@
 import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
 import { useContext } from 'react';
 import styled from 'styled-components';
 import DSButton, { BUTTON_VARIANT } from '@elliemae/ds-button';

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

@@ -3,9 +3,10 @@ import 'react';
 import { PopperPositions } from '@elliemae/ds-popper';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 
-function MultiValueLabel({
-  children
-}) {
+function MultiValueLabel(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     tooltipPlacement: PopperPositions.TOP,
     value: children

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

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

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

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import 'react';

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

@@ -3,9 +3,10 @@ import 'react';
 import { PopperPositions } from '@elliemae/ds-popper';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 
-function SingleValueLabel({
-  children
-}) {
+function SingleValueLabel(_ref) {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     tooltipPlacement: PopperPositions.TOP,
     value: children

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

@@ -1,9 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import { useRef, useContext, useState } from 'react';
 import { components } from 'react-select';
-import { cx } from '@elliemae/ds-utilities/utils';
+import { cx } from '@elliemae/ds-utilities';
 import { DropDownContext } from '../context.js';
 import { jsx } from 'react/jsx-runtime';
 

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

@@ -1,3 +1,7 @@
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
+
 const letterFactor = 5.7;
 const fixedSpace = 45;
 function calculateWidth(options) {

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

@@ -1,10 +1,13 @@
 import 'core-js/modules/web.dom-collections.iterator.js';
 
-const getOptions = ({
-  showAllOption,
-  isMulti,
-  allOption,
-  options
-}) => showAllOption && isMulti ? [allOption, ...options] : options;
+const getOptions = _ref => {
+  let {
+    showAllOption,
+    isMulti,
+    allOption,
+    options
+  } = _ref;
+  return showAllOption && isMulti ? [allOption, ...options] : options;
+};
 
 export { getOptions };

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

@@ -1,3 +1,6 @@
+import 'core-js/modules/esnext.async-iterator.reduce.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.reduce.js';
 import 'core-js/modules/web.dom-collections.iterator.js';
 
 /* eslint-disable no-restricted-syntax */

package/esm/ComboBox/v3/ComboBox.js

@@ -0,0 +1,24 @@
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { describe } from 'react-desc';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
+import { useComboBox } from './config/useComboBox.js';
+import { Container } from './parts/container/Container.js';
+import { propTypes } from './propTypes.js';
+import { defaultProps, ComboBoxContext } from './ComboBoxCTX.js';
+
+var _Container;
+
+const DSComboBox = props => {
+  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefault, propTypes);
+  const ctx = useComboBox(props);
+  return /*#__PURE__*/_jsx(ComboBoxContext.Provider, {
+    value: ctx
+  }, void 0, _Container || (_Container = /*#__PURE__*/_jsx(Container, {})));
+};
+
+const DSComboBoxWithSchema = describe(DSComboBox);
+DSComboBoxWithSchema.propTypes = propTypes;
+
+export { DSComboBox, DSComboBoxWithSchema };

package/esm/ComboBox/v3/ComboBoxCTX.js

@@ -0,0 +1,49 @@
+import { createContext, createRef } from 'react';
+import { noop } from '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: noop,
+  onSelectAll: noop,
+  onCreate: noop,
+  withToggle: false,
+  onChange: noop,
+  onKeyDown: noop,
+  onFilter: noop,
+  onMenuOpen: noop
+};
+const defaultContext = {
+  props: defaultProps,
+  showPopover: false,
+  setShowPopover: noop,
+  scrollOptionIntoView: noop,
+  referenceElement: null,
+  hasFocus: false,
+  setHasFocus: noop,
+  pillGroupRef: /*#__PURE__*/createRef(),
+  setReferenceElement: noop,
+  inputRef: /*#__PURE__*/createRef(),
+  listRef: /*#__PURE__*/createRef(),
+  wrapperListRef: /*#__PURE__*/createRef(),
+  controlsWrapperRef: /*#__PURE__*/createRef(),
+  selectedOptionsRef: /*#__PURE__*/createRef(),
+  showSelectedValue: false,
+  setShowSelectedValue: noop,
+  focusOptionIdx: '',
+  setCurrentOption: noop,
+  showSelectedOptions: false,
+  setShowSelectedOptions: noop
+};
+/** Context for cross component communication */
+
+const ComboBoxContext = /*#__PURE__*/createContext(defaultContext);
+
+export { ComboBoxContext, ComboBoxContext as default, defaultProps };

package/esm/ComboBox/v3/ComboboxDataTestids.js

@@ -0,0 +1,13 @@
+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'
+};
+
+export { ComboboxDataTestid };

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

@@ -0,0 +1,10 @@
+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'
+};
+
+export { DATA_TESTID };