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

package/cjs/ComboBoxFreeSolo/ComboBoxFreeSolo.js

@@ -1,190 +1,71 @@
 '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');
-var React = require('react');
-var PropTypes = require('prop-types');
+require('react');
 var lodash = require('lodash');
 require('../ComboBox/v1/DSComboBox.js');
-var ComboBox_v2_Combobox = require('../ComboBox/v2/Combobox.js');
+var Combobox = require('../ComboBox/v2/Combobox.js');
 require('../ComboBox/v3/ComboBox.js');
-var ComboBoxFreeSolo_components_MultiValueLabel = require('./components/MultiValueLabel.js');
-var ComboBoxFreeSolo_components_MultiValueRemove = require('./components/MultiValueRemove.js');
-var ComboBoxFreeSolo_components_SingleValue = require('./components/SingleValue.js');
-var ComboBoxFreeSolo_components_SingleValueRemove = require('./components/SingleValueRemove.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@babel/runtime/helpers/objectWithoutProperties');
-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('react-select');
-require('react-popper');
-require('react-measure');
-require('@elliemae/ds-utilities');
-require('../ComboBox/v1/withSelectStringValueConverter.js');
-require('@babel/runtime/helpers/typeof');
-require('../prop-types-0d5610b3.js');
-require('../ComboBox/v1/components/Control.js');
-require('../ComboBox/v1/components/DropdownIndicator.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
-require('../ComboBox/v1/components/SelectMenu.js');
-require('@elliemae/ds-overlay');
-require('@elliemae/ds-menu');
-require('@elliemae/ds-popper');
-require('../ComboBox/v1/components/ClearIndicator.js');
-require('../ComboBox/v1/components/MenuList.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('react-window');
-require('memoize-one');
-require('../ComboBox/v1/components/CustomOption.js');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../ComboBox/v1/components/CustomOptionMulti.js');
-require('../Checkbox/DSCheckbox.js');
-require('react-desc');
-require('uid');
-require('@elliemae/ds-classnames');
-require('../Checkbox/elements/CheckMark.js');
-require('styled-components');
-require('../Checkbox/defaultProps.js');
-require('../Checkbox/props.js');
-require('../ComboBox/v1/components/MultiSelectHeader.js');
-require('../ComboBox/v1/components/MultiValueLabel.js');
-require('../ComboBox/v1/components/MultiValueRemove.js');
-require('../ComboBox/v1/components/SingleValueLabel.js');
-require('../ComboBox/v1/components/calculateWidth.js');
-require('../ComboBox/v1/components/ValueContainer.js');
-require('react-select/creatable');
-require('@elliemae/ds-system');
-require('../ComboBox/v2/components/DropdownIndicator.js');
-require('../ComboBox/v2/context.js');
-require('../ComboBox/v2/components/GroupHeading.js');
-require('@elliemae/ds-separator');
-require('../ComboBox/v2/components/utils.js');
-require('../ComboBox/v2/components/SelectMenu.js');
-require('../ComboBox/v2/components/Content.js');
-require('../ComboBox/v2/components/Control.js');
-require('../ComboBox/v2/components/ClearIndicator.js');
-require('../ComboBox/v2/components/MenuList.js');
-require('../ComboBox/v2/components/CustomOption.js');
-require('../ComboBox/v2/components/CustomOptionMulti.js');
-require('../ComboBox/v2/components/MultiSelectHeader.js');
-require('../ComboBox/v2/components/useMenuListHeight.js');
-require('../ComboBox/v2/components/MultiValueLabel.js');
-require('../ComboBox/v2/components/MultiValueRemove.js');
-require('../ComboBox/v2/components/SingleValueLabel.js');
-require('../ComboBox/v2/components/LoadingIndicator.js');
-require('@elliemae/ds-circular-progress-indicator');
-require('../ComboBox/v2/components/calculateWidth.js');
-require('../ComboBox/v2/components/ValueContainer.js');
-require('@elliemae/ds-props-helpers');
-require('../ComboBox/v3/config/useComboBox.js');
-require('react-virtual');
-require('../ComboBox/v3/config/useGetPropsWithDefault.js');
-require('../ComboBox/v3/ComboBoxCTX.js');
-require('../ComboBox/v3/parts/container/Container.js');
-require('@elliemae/ds-popperjs');
-require('../ComboBox/v3/parts/container/styled.js');
-require('../ComboBox/v3/parts/controls/Controls.js');
-require('../ComboBox/v3/parts/dropdown-indicator/DropdownIndicator.js');
-require('@elliemae/ds-icons/ChevronSmallDown');
-require('../ComboBox/v3/parts/dropdown-indicator/styled.js');
-require('../ComboBox/v3/ComboboxDataTestids.js');
-require('../ComboBox/v3/parts/controls/styled.js');
-require('@elliemae/ds-grid');
-require('../ComboBox/v3/parts/multi-selected-values-container/MultiSelectedValuesContainer.js');
-require('@elliemae/ds-pills');
-require('../ComboBox/v3/parts/multi-selected-values-container/useGroupPills.js');
-require('../ComboBox/v3/utils/hooks/useOnElementResize.js');
-require('../ComboBox/v3/parts/a11y-messages/MultiAllyMessages.js');
-require('../ComboBox/v3/utils/listHelper.js');
-require('../ComboBox/v3/parts/a11y-messages/styled.js');
-require('../ComboBox/v3/parts/controls-input/ControlsInput.js');
-require('../ComboBox/v3/parts/controls-input/styled.js');
-require('../ComboBox/v3/utils/hooks/useKeyboardNavigation.js');
-require('../ComboBox/v3/parts/controls-input/useControlsInput.js');
-require('../ComboBox/v3/parts/single-selected-value-container/SingleSelectedValueContainer.js');
-require('../ComboBox/v3/parts/single-selected-value-container/styled.js');
-require('../ComboBox/v3/parts/menu-list/MenuList.js');
-require('../ComboBox/v3/parts/menu-list/styled.js');
-require('../ComboBox/v3/parts/header-list/HeaderList.js');
-require('../ComboBox/v3/parts/header-list/styled.js');
-require('../ComboBox/v3/parts/empty-state/index.js');
-require('../ComboBox/v3/parts/empty-state/styled.js');
-require('../ComboBox/v3/parts/menu-list/useMenuList.js');
-require('@elliemae/ds-form');
-require('../ComboBox/v3/propTypes.js');
+var MultiValueLabel = require('./components/MultiValueLabel.js');
+var MultiValueRemove = require('./components/MultiValueRemove.js');
+var SingleValue = require('./components/SingleValue.js');
+var SingleValueRemove = require('./components/SingleValueRemove.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
 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; }
-var customStyles = {
-  multiValueRemove: ComboBoxFreeSolo_components_MultiValueRemove.MultiValueRemove.style,
-  clearIndicator: ComboBoxFreeSolo_components_SingleValueRemove.SingleValueRemove.style,
-  multiValue: function multiValue(base) {
-    return _objectSpread(_objectSpread({}, base), {}, {
-      borderRadius: '10px',
-      backgroundColor: '#ebf6ff'
-    });
-  },
-  valueContainer: function valueContainer(base) {
-    return _objectSpread(_objectSpread({}, base), {}, {
-      display: '-webkit-box',
-      flexWrap: 'nowrap',
-      overflowX: 'scroll',
-      overflowY: 'hidden',
-      '-ms-overflow-style': 'none',
-      // IE and Edge
-      'scrollbar-width': 'none',
-      // Firefox
-      '::-webkit-scrollbar': {
-        display: 'none'
-      } // Chrome
-
-    });
-  }
+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 customStyles = {
+  multiValueRemove: MultiValueRemove.MultiValueRemove.style,
+  clearIndicator: SingleValueRemove.SingleValueRemove.style,
+  multiValue: base => _objectSpread(_objectSpread({}, base), {}, {
+    borderRadius: '10px',
+    backgroundColor: '#ebf6ff'
+  }),
+  valueContainer: base => _objectSpread(_objectSpread({}, base), {}, {
+    display: '-webkit-box',
+    flexWrap: 'nowrap',
+    overflowX: 'scroll',
+    overflowY: 'hidden',
+    '-ms-overflow-style': 'none',
+    // IE and Edge
+    'scrollbar-width': 'none',
+    // Firefox
+    '::-webkit-scrollbar': {
+      display: 'none'
+    } // Chrome
+
+  })
 };
 
 function ComboBoxFreeSolo(_ref) {
-  var _ref$isMulti = _ref.isMulti,
-      isMulti = _ref$isMulti === void 0 ? false : _ref$isMulti,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? {} : _ref$options,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? [] : _ref$value,
-      _ref$onChange = _ref.onChange,
-      onChange = _ref$onChange === void 0 ? lodash.noop : _ref$onChange,
-      _ref$onChangeV = _ref.onChangeV2,
-      onChangeV2 = _ref$onChangeV === void 0 ? lodash.noop : _ref$onChangeV,
-      _ref$onInputChange = _ref.onInputChange,
-      onInputChange = _ref$onInputChange === void 0 ? lodash.noop : _ref$onInputChange,
-      _ref$onFocus = _ref.onFocus,
-      onFocus = _ref$onFocus === void 0 ? lodash.noop : _ref$onFocus,
-      _ref$onBlur = _ref.onBlur,
-      onBlur = _ref$onBlur === void 0 ? lodash.noop : _ref$onBlur,
-      _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$disabled = _ref.disabled,
-      disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$menuIsOpen = _ref.menuIsOpen,
-      menuIsOpen = _ref$menuIsOpen === void 0 ? false : _ref$menuIsOpen,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? 'Select values' : _ref$placeholder,
-      _ref$formatCreateLabe = _ref.formatCreateLabel,
-      formatCreateLabel = _ref$formatCreateLabe === void 0 ? function (val) {
-    return "Create ".concat(val);
-  } : _ref$formatCreateLabe,
-      _ref$maxOptions = _ref.maxOptions,
-      maxOptions = _ref$maxOptions === void 0 ? undefined : _ref$maxOptions;
-  return /*#__PURE__*/React__default['default'].createElement(ComboBox_v2_Combobox.DSComboBox2, {
+  let {
+    isMulti = false,
+    options = {},
+    value = [],
+    onChange = lodash.noop,
+    onChangeV2 = lodash.noop,
+    onInputChange = lodash.noop,
+    onFocus = lodash.noop,
+    onBlur = lodash.noop,
+    containerProps = {},
+    disabled = false,
+    menuIsOpen = false,
+    placeholder = 'Select values',
+    formatCreateLabel = val => "Create ".concat(val),
+    maxOptions = undefined
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](Combobox.DSComboBox2, {
     isFreeSolo: true,
     clearable: true,
     isMulti: isMulti,
@@ -204,83 +85,12 @@ function ComboBoxFreeSolo(_ref) {
     containerProps: containerProps,
     maxOptions: maxOptions,
     components: {
-      MultiValueLabel: ComboBoxFreeSolo_components_MultiValueLabel.MultiValueLabel,
-      MultiValueRemove: ComboBoxFreeSolo_components_MultiValueRemove.MultiValueRemove,
-      SingleValue: ComboBoxFreeSolo_components_SingleValue.SingleValue
+      MultiValueLabel: MultiValueLabel.MultiValueLabel,
+      MultiValueRemove: MultiValueRemove.MultiValueRemove,
+      SingleValue: SingleValue.SingleValue
     },
     componentsStyle: customStyles
   });
 }
 
-ComboBoxFreeSolo.propTypes = {
-  containerProps: PropTypes__default['default'].object,
-
-  /**
-   * Allows a function that is triggered once the combo box is focused
-   */
-  onFocus: PropTypes__default['default'].func,
-
-  /**
-   * Allows a function that is triggered once the combo box loses focus
-   */
-  onBlur: PropTypes__default['default'].func,
-
-  /**
-   * Allows a function that is triggered when a new value is selected from the dropdown menu
-   */
-  onChange: PropTypes__default['default'].func.isRequired,
-
-  /**
-   * Allows a function that is triggered when a new value is selected from the dropdown menu
-   * It will return the current options selected
-   */
-  onChangeV2: PropTypes__default['default'].func,
-
-  /**
-   * Allows a function that is triggered once the input value changes (on every keystroke)
-   */
-  onInputChange: PropTypes__default['default'].func,
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].array, PropTypes__default['default'].object]),
-
-  /**
-   * Value that the combo box has as default
-   */
-  options: PropTypes__default['default'].arrayOf(PropTypes__default['default'].object),
-
-  /**
-   * Whether the combo box is disabled or not
-   */
-  disabled: PropTypes__default['default'].bool,
-
-  /**
-   * Whether the combo box free solo is multi selectable or not
-   */
-  isMulti: PropTypes__default['default'].bool,
-
-  /**
-   * Placeholder for the combo box
-   */
-  placeholder: PropTypes__default['default'].string,
-
-  /**
-   * Whether the combo box menu is open or not
-   */
-  menuIsOpen: PropTypes__default['default'].bool,
-
-  /**
-   * Whether to show the combo box menu inline or not
-   */
-
-  /**
-   * function that reciveves the new value and returns the formatted value
-   */
-  formatCreateLabel: PropTypes__default['default'].func,
-
-  /**
-   * Max options to be displayed on the menu list
-   */
-  maxOptions: PropTypes__default['default'].number
-};
-
 module.exports = ComboBoxFreeSolo;
-//# sourceMappingURL=ComboBoxFreeSolo.js.map

package/cjs/ComboBoxFreeSolo/components/MultiValueLabel.js

@@ -2,52 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
+var jsxRuntime = require('react/jsx-runtime');
 
 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 styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-/* eslint-disable react/prop-types */
-var RemovablePillWrapper = /*#__PURE__*/styled__default['default'].div.withConfig({
+const RemovablePillWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1qoa267-0"
-})(["display:flex;align-items:center;outline:none;height:", ";max-width:90%;margin:0;padding:0 4px;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";& + div{border-top-right-radius:", ";border-bottom-right-radius:", ";}"], function (props) {
-  return props.theme.space.xs;
-}, function (props) {
-  return props.theme.colors.brand[200];
-}, function (props) {
-  return props.theme.fontSizes.value[600];
-}, function (props) {
-  return props.theme.fontSizes.value[600];
-}, function (props) {
-  return props.theme.fontSizes.value[600];
-}, function (props) {
-  return props.theme.fontSizes.value[600];
-});
-var PillLabel = /*#__PURE__*/styled__default['default'].span.withConfig({
+})(["display:flex;align-items:center;outline:none;height:", ";max-width:90%;margin:0;padding:0 4px;background-color:", ";border-top-left-radius:", ";border-bottom-left-radius:", ";& + div{border-top-right-radius:", ";border-bottom-right-radius:", ";}"], props => props.theme.space.xs, props => props.theme.colors.brand[200], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600], props => props.theme.fontSizes.value[600]);
+const PillLabel = /*#__PURE__*/styled__default["default"].span.withConfig({
   componentId: "sc-1qoa267-1"
-})(["margin:0 4px;color:", ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"], function (props) {
-  return props.theme.colors.neutral[800];
-});
-
-var RemovablePill = function RemovablePill(_ref) {
-  var label = _ref.label,
-      clear = _ref.clear;
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(RemovablePillWrapper, {
-    "data-testid": "pill-wrapper"
-  }, /*#__PURE__*/React__default['default'].createElement(PillLabel, null, label)), clear);
+})(["margin:0 4px;color:", ";white-space:nowrap;text-overflow:ellipsis;overflow:hidden;"], props => props.theme.colors.neutral[800]);
+
+const RemovablePill = _ref => {
+  let {
+    label,
+    clear
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](RemovablePillWrapper, {
+      "data-testid": "pill-wrapper"
+    }, void 0, /*#__PURE__*/_jsx__default["default"](PillLabel, {}, void 0, label)), clear]
+  });
 };
 
-var MultiValueLabel = function MultiValueLabel(_ref2) {
-  var children = _ref2.children,
-      clear = _ref2.clear;
-  return /*#__PURE__*/React__default['default'].createElement(RemovablePill, {
+const MultiValueLabel = _ref2 => {
+  let {
+    children,
+    clear
+  } = _ref2;
+  return /*#__PURE__*/_jsx__default["default"](RemovablePill, {
     label: children,
     clear: clear
   });
 };
 
 exports.MultiValueLabel = MultiValueLabel;
-//# sourceMappingURL=MultiValueLabel.js.map

package/cjs/ComboBoxFreeSolo/components/MultiValueRemove.js

@@ -2,40 +2,44 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var styled = require('styled-components');
 var Select = require('react-select');
 var dsIcons = require('@elliemae/ds-icons');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
+var _PillCloseAddon;
+
 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; }
-var PillCloseAddon = /*#__PURE__*/styled__default['default'].div.withConfig({
+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 PillCloseAddon = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-kbngzd-0"
-})(["cursor:pointer;height:", ";& > span{height:auto;}"], function (props) {
-  return props.theme.space.xs;
+})(["cursor:pointer;height:", ";& > span{height:auto;}"], props => props.theme.space.xs);
+
+const MultiValueRemove = props => /*#__PURE__*/jsxRuntime.jsx(Select.components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
+  children: _PillCloseAddon || (_PillCloseAddon = /*#__PURE__*/_jsx__default["default"](PillCloseAddon, {}, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {})))
+}));
+
+MultiValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
+  paddingLeft: 0,
+  height: '100%',
+  ':hover': {
+    backgroundColor: '#EBF6FF'
+  }
 });
 
-var MultiValueRemove = function MultiValueRemove(props) {
-  return /*#__PURE__*/React__default['default'].createElement(Select.components.MultiValueRemove, props, /*#__PURE__*/React__default['default'].createElement(PillCloseAddon, null, /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, null)));
-};
-
-MultiValueRemove.style = function (base) {
-  return _objectSpread(_objectSpread({}, base), {}, {
-    paddingLeft: 0,
-    height: '100%',
-    ':hover': {
-      backgroundColor: '#EBF6FF'
-    }
-  });
-};
-
 exports.MultiValueRemove = MultiValueRemove;
-//# sourceMappingURL=MultiValueRemove.js.map

package/cjs/ComboBoxFreeSolo/components/SingleValue.js

@@ -2,27 +2,35 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var ComboBoxFreeSolo_components_SingleValueRemove = require('./SingleValueRemove.js');
-var ComboBoxFreeSolo_components_MultiValueLabel = require('./MultiValueLabel.js');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/extends');
-require('react-select');
-require('styled-components');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-button');
+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');
+var SingleValueRemove = require('./SingleValueRemove.js');
+var MultiValueLabel = require('./MultiValueLabel.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-var SingleValue = function SingleValue(props) {
+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 SingleValue = props => {
   // eslint-disable-next-line react/prop-types
-  var children = props.children;
-  return /*#__PURE__*/React__default['default'].createElement(ComboBoxFreeSolo_components_MultiValueLabel.MultiValueLabel, {
-    clear: /*#__PURE__*/React__default['default'].createElement(ComboBoxFreeSolo_components_SingleValueRemove.SingleValueRemove, props)
-  }, children);
+  const {
+    children
+  } = props;
+  return /*#__PURE__*/_jsx__default["default"](MultiValueLabel.MultiValueLabel, {
+    clear: /*#__PURE__*/jsxRuntime.jsx(SingleValueRemove.SingleValueRemove, _objectSpread({}, props))
+  }, void 0, children);
 };
 
 exports.SingleValue = SingleValue;
-//# sourceMappingURL=SingleValue.js.map

package/cjs/ComboBoxFreeSolo/components/SingleValueRemove.js

@@ -2,56 +2,62 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+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 _extends = require('@babel/runtime/helpers/extends');
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var Select = require('react-select');
 var styled = require('styled-components');
 var dsIcons = require('@elliemae/ds-icons');
 var DSButton = require('@elliemae/ds-button');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var DSButton__default = /*#__PURE__*/_interopDefaultLegacy(DSButton);
 
+var _CloseXsmall;
+
 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; }
-var StyledButton = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
+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 StyledButton = /*#__PURE__*/styled__default["default"](DSButton__default["default"]).withConfig({
   componentId: "sc-cikqh1-0"
 })(["padding-right:8px;width:1.16rem !important;height:auto;z-index:10;color:'#000';"]);
 
-var SingleValueRemove = function SingleValueRemove(props) {
+const SingleValueRemove = props => {
   // eslint-disable-next-line react/prop-types
-  var clearValue = props.clearValue;
-  return /*#__PURE__*/React__default['default'].createElement(Select.components.ClearIndicator, props, /*#__PURE__*/React__default['default'].createElement(StyledButton, _extends__default['default']({}, props, {
-    "data-testid": "free-solo-pill-clear-btn",
-    "aria-label": "clear-indicator",
-    buttonType: "text",
-    className: "clear-indicator",
-    icon: /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
-      fill: "#000"
-    }),
-    onClick: function onClick() {
-      return clearValue();
-    }
-  })));
+  const {
+    clearValue
+  } = props;
+  return /*#__PURE__*/jsxRuntime.jsx(Select.components.ClearIndicator, _objectSpread(_objectSpread({}, props), {}, {
+    children: /*#__PURE__*/jsxRuntime.jsx(StyledButton, _objectSpread(_objectSpread({}, props), {}, {
+      "data-testid": "free-solo-pill-clear-btn",
+      "aria-label": "clear-indicator",
+      buttonType: "text",
+      className: "clear-indicator",
+      icon: _CloseXsmall || (_CloseXsmall = /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
+        fill: "#000"
+      })),
+      onClick: () => clearValue()
+    }))
+  }));
 };
 
-SingleValueRemove.style = function (base) {
-  return _objectSpread(_objectSpread({}, base), {}, {
-    padding: 0,
-    height: '16px',
-    backgroundColor: '#EBF6FF',
-    ':hover': {
-      backgroundColor: '#EBF6FF'
-    }
-  });
-};
+SingleValueRemove.style = base => _objectSpread(_objectSpread({}, base), {}, {
+  padding: 0,
+  height: '16px',
+  backgroundColor: '#EBF6FF',
+  ':hover': {
+    backgroundColor: '#EBF6FF'
+  }
+});
 
 exports.SingleValueRemove = SingleValueRemove;
-//# sourceMappingURL=SingleValueRemove.js.map