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

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

@@ -1,29 +1,29 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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';
-import React from 'react';
+import 'react';
 import { DSCheckbox } from '../../../Checkbox/DSCheckbox.js';
-import 'react-desc';
-import 'uid';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '../../../Checkbox/elements/CheckMark.js';
-import 'styled-components';
-import '../../../Checkbox/defaultProps.js';
-import '../../../prop-types-45aa1e9c.js';
-import '../../../Checkbox/props.js';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["children"];
+const _excluded = ["children"];
 
-var MultiSelectHeader = function MultiSelectHeader(_ref) {
-  _ref.children;
-      var rest = _objectWithoutProperties(_ref, _excluded);
+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; }
 
-  return /*#__PURE__*/React.createElement("div", {
+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 MultiSelectHeader = _ref => {
+  let rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/_jsx("div", {
     className: "combobox-multi-select-all"
-  }, /*#__PURE__*/React.createElement(DSCheckbox, _extends({
+  }, void 0, /*#__PURE__*/jsx(DSCheckbox, _objectSpread({
     labelText: "All"
   }, rest)));
 };
 
 export { MultiSelectHeader as default };
-//# sourceMappingURL=AllOption.js.map

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

@@ -1,35 +1,41 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { CloseCircle } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
 
-/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */
+var _CloseCircle;
 
-var ClearIndicator = function ClearIndicator(props) {
-  var getStyles = props.getStyles,
-      ref = props.innerProps.ref,
-      innerRef = props.innerRef;
-  return /*#__PURE__*/React.createElement("div", {
+const ClearIndicator = props => {
+  const {
+    getStyles,
+    innerProps: {
+      ref
+    },
+    innerRef
+  } = props;
+  return /*#__PURE__*/jsx("div", {
     ref: ref,
     "aria-hidden": "false",
-    style: getStyles('clearIndicator', props)
-  }, /*#__PURE__*/React.createElement(DSButton, {
-    "aria-label": "clear-indicator",
-    buttonType: "text",
-    className: "clear-indicator",
-    icon: /*#__PURE__*/React.createElement(CloseCircle, {
-      size: "m"
-    }),
-    innerRef: innerRef,
-    onKeyDown: function onKeyDown(e) {
-      if (e.keyCode === 32 || e.keyCode === 13) {
-        e.preventDefault();
-        props.clearValue();
-      }
+    style: getStyles('clearIndicator', props),
+    children: /*#__PURE__*/_jsx(DSButton, {
+      "aria-label": "clear-indicator",
+      buttonType: "text",
+      className: "clear-indicator",
+      icon: _CloseCircle || (_CloseCircle = /*#__PURE__*/_jsx(CloseCircle, {
+        size: "m"
+      })),
+      innerRef: innerRef,
+      onKeyDown: e => {
+        if (e.keyCode === 32 || e.keyCode === 13) {
+          e.preventDefault();
+          props.clearValue();
+        }
 
-      props.onKeyDown(e);
-    }
-  }));
+        props.onKeyDown(e);
+      }
+    })
+  });
 };
 
 export { ClearIndicator as default };
-//# sourceMappingURL=ClearIndicator.js.map

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

@@ -1,15 +1,27 @@
-import React from 'react';
+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';
 import { components } from 'react-select';
 import { Reference } from 'react-popper';
+import { jsx } from 'react/jsx-runtime';
 
-var Control = function Control(props) {
-  return /*#__PURE__*/React.createElement(Reference, null, function (_ref) {
-    var ref = _ref.ref;
-    return /*#__PURE__*/React.createElement("div", {
-      ref: ref
-    }, /*#__PURE__*/React.createElement(components.Control, 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(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 => {
+  let {
+    ref
+  } = _ref;
+  return /*#__PURE__*/jsx("div", {
+    ref: ref,
+    children: /*#__PURE__*/jsx(components.Control, _objectSpread({}, props))
   });
-};
+});
 
 export { Control as default };
-//# sourceMappingURL=Control.js.map

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

@@ -1,3 +1,9 @@
+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 from 'react';
 import { get } from 'lodash';
@@ -7,18 +13,24 @@ 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; }
 
-var CustomOption = function CustomOption(_ref) {
-  var index = _ref.index,
-      data = _ref.data,
-      style = _ref.style,
-      isScrolling = _ref.isScrolling;
-  var items = data.items,
-      useTruncatedText = data.options.useTruncatedText;
-  var option = items[index];
+const CustomOption = _ref => {
+  let {
+    index,
+    data,
+    style,
+    isScrolling
+  } = _ref;
+  const {
+    items,
+    options: {
+      useTruncatedText
+    }
+  } = data;
+  const option = items[index];
 
-  var optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
-    style: style,
-    onClick: function onClick(e) {
+  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
+    style,
+    onClick: e => {
       e.stopPropagation();
       if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);
     }
@@ -27,7 +39,7 @@ var CustomOption = function CustomOption(_ref) {
   if (useTruncatedText && !isScrolling && get(option, 'props.selectProps.menuIsOpen')) {
     return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
       innerProps: optionProps
-    }), /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
+    }), /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
       value: option.props.children
     }));
   }
@@ -38,4 +50,3 @@ var CustomOption = function CustomOption(_ref) {
 };
 
 export { CustomOption as default };
-//# sourceMappingURL=CustomOption.js.map

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

@@ -1,35 +1,36 @@
+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 from 'react';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 import { DSCheckbox } from '../../../Checkbox/DSCheckbox.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react-desc';
-import 'uid';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '../../../Checkbox/elements/CheckMark.js';
-import 'styled-components';
-import '../../../Checkbox/defaultProps.js';
-import '../../../prop-types-45aa1e9c.js';
-import '../../../Checkbox/props.js';
 
 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; }
 
-var CustomOptionMulti = function CustomOptionMulti(_ref) {
-  var index = _ref.index,
-      data = _ref.data,
-      style = _ref.style,
-      isScrolling = _ref.isScrolling;
-  var items = data.items,
-      useTruncatedText = data.options.useTruncatedText;
-  var option = items[index];
+const CustomOptionMulti = _ref => {
+  let {
+    index,
+    data,
+    style,
+    isScrolling
+  } = _ref;
+  const {
+    items,
+    options: {
+      useTruncatedText
+    }
+  } = data;
+  const option = items[index];
 
-  var optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
-    style: style,
-    onClick: function onClick(e) {
+  const optionProps = _objectSpread(_objectSpread({}, option.props.innerProps), {}, {
+    style,
+    onClick: e => {
       e.stopPropagation();
       if (option.props.innerProps.onClick) option.props.innerProps.onClick(e);
     }
@@ -38,12 +39,12 @@ var CustomOptionMulti = function CustomOptionMulti(_ref) {
   if (useTruncatedText && !isScrolling) {
     return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
       innerProps: optionProps
-    }), /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
+    }), /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
       value: option.props.children
     }));
   }
 
-  var allSelected = false;
+  let allSelected = false;
 
   if (option.props.value === 'SELECT_ALL_COMBOBOX') {
     if (option.props.selectProps.value.length === option.props.selectProps.options.length - 1 || option.props.selectProps.value.length === option.props.selectProps.options.length) {
@@ -53,7 +54,7 @@ var CustomOptionMulti = function CustomOptionMulti(_ref) {
 
   return /*#__PURE__*/React.cloneElement(option, _objectSpread(_objectSpread({}, option.props), {}, {
     innerProps: optionProps,
-    children: /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(DSCheckbox, {
+    children: /*#__PURE__*/_jsx("div", {}, void 0, /*#__PURE__*/_jsx(DSCheckbox, {
       checked: option.props.isSelected || allSelected,
       labelText: option.props.children
     }))
@@ -61,4 +62,3 @@ var CustomOptionMulti = function CustomOptionMulti(_ref) {
 };
 
 export { CustomOptionMulti as default };
-//# sourceMappingURL=CustomOptionMulti.js.map

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

@@ -1,38 +1,52 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+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 React from 'react';
+import 'react';
 import { ChevronSmallDown } from '@elliemae/ds-icons';
 import DSButton from '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["innerRef", "onKeyDown", "clearValue", "getStyles", "getValue", "setValue", "hasStyle", "hasValue", "isMulti", "isRtl", "isDisabled", "isFocused", "selectOption", "selectProps", "innerProps"];
+var _ChevronSmallDown;
 
-var DropdownIndicator = function DropdownIndicator(_ref) {
-  var innerRef = _ref.innerRef,
-      onKeyDown = _ref.onKeyDown;
-      _ref.clearValue;
-      _ref.getStyles;
-      _ref.getValue;
-      _ref.setValue;
-      _ref.hasStyle;
-      _ref.hasValue;
-      _ref.isMulti;
-      _ref.isRtl;
-      _ref.isDisabled;
-      _ref.isFocused;
-      _ref.selectOption;
-      _ref.selectProps;
-      _ref.innerProps;
-      var rest = _objectWithoutProperties(_ref, _excluded);
+const _excluded = ["innerRef", "onKeyDown", "clearValue", "getStyles", "getValue", "setValue", "hasStyle", "hasValue", "isMulti", "isRtl", "isDisabled", "isFocused", "selectOption", "selectProps", "innerProps"];
 
-  return /*#__PURE__*/React.createElement(DSButton, _extends({
+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 DropdownIndicator = _ref => {
+  let {
+    innerRef,
+    onKeyDown,
+    clearValue,
+    getStyles,
+    getValue,
+    setValue,
+    hasStyle,
+    hasValue,
+    isMulti,
+    isRtl,
+    isDisabled,
+    isFocused,
+    selectOption,
+    selectProps,
+    innerProps
+  } = _ref,
+      rest = _objectWithoutProperties(_ref, _excluded);
+
+  return /*#__PURE__*/jsx(DSButton, _objectSpread({
     "aria-label": "dropdown-indicator",
     buttonType: "text",
     className: "dropdown-indicator",
-    icon: /*#__PURE__*/React.createElement(ChevronSmallDown, null),
+    icon: _ChevronSmallDown || (_ChevronSmallDown = /*#__PURE__*/_jsx(ChevronSmallDown, {})),
     innerRef: innerRef,
     onKeyDown: onKeyDown
   }, rest));
 };
 
 export { DropdownIndicator as default };
-//# sourceMappingURL=DropdownIndicator.js.map

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

@@ -1,5 +1,12 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
-import React, { useRef, useState, useEffect } from 'react';
+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';
+import { useRef, useState, useEffect } from 'react';
 import { components } from 'react-select';
 import { FixedSizeList } from 'react-window';
 import memoize from 'memoize-one';
@@ -7,93 +14,82 @@ import { debounce } from 'lodash';
 import CustomOption from './CustomOption.js';
 import CustomOptionMulti from './CustomOptionMulti.js';
 import MultiSelectHeader from './MultiSelectHeader.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../../../Checkbox/DSCheckbox.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react-desc';
-import 'uid';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-utilities';
-import '../../../Checkbox/elements/CheckMark.js';
-import 'styled-components';
-import '../../../Checkbox/defaultProps.js';
-import '../../../prop-types-45aa1e9c.js';
-import '../../../Checkbox/props.js';
+import { jsx } from 'react/jsx-runtime';
 
-var createItemData = memoize(function (items, options) {
-  return {
-    items: items,
-    options: options
-  };
-});
+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 createItemData = memoize((items, options) => ({
+  items,
+  options
+}));
 
-var scrollTo = function scrollTo(listRef, type) {
+const scrollTo = (listRef, type) => {
   if (listRef && listRef.current && listRef.current.props) {
-    var items = listRef.current.props.itemData.items;
-    var index = items.findIndex(function (item) {
-      return item.props.isFocused;
-    });
+    const {
+      items
+    } = listRef.current.props.itemData;
+    const index = items.findIndex(item => item.props.isFocused);
     listRef.current.scrollToItem(index, type);
   }
 }; // const scrollToMouse = debounce(scrollTo, 500)
 
 
-var scrollToKeyword = debounce(scrollTo, 50);
-
-var MenuList = function MenuList(props) {
-  var listRef = useRef(null);
+const scrollToKeyword = debounce(scrollTo, 50);
 
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      inside = _useState2[0],
-      setInside = _useState2[1];
+const MenuList = props => {
+  const listRef = useRef(null);
+  const [inside, setInside] = useState(false);
 
-  var handleKeyDown = function handleKeyDown() {
+  const handleKeyDown = () => {
     setInside(false);
   };
 
-  useEffect(function () {
+  useEffect(() => {
     window.addEventListener('keydown', handleKeyDown);
-    return function () {
+    return () => {
       window.removeEventListener('keydown', handleKeyDown);
     };
   });
-  var options = props.children,
-      selectProps = props.selectProps,
-      isMulti = props.isMulti;
-  var customMenuItemOptions = selectProps.customMenuItemOptions;
-  var _customMenuItemOption = customMenuItemOptions.itemSize,
-      itemSize = _customMenuItemOption === void 0 ? 35 : _customMenuItemOption;
-  var itemData = createItemData(options, customMenuItemOptions);
-  var maxOptionsScreen = 10;
-  var safeOptionLength = options.length || 1;
-  var height = itemSize * (safeOptionLength < maxOptionsScreen ? safeOptionLength : maxOptionsScreen);
-  var RenderOption = !isMulti ? CustomOption : CustomOptionMulti;
-  if (!options.length) return /*#__PURE__*/React.createElement(components.MenuList, props);
+  const {
+    children: options,
+    selectProps,
+    isMulti
+  } = props;
+  const {
+    customMenuItemOptions
+  } = selectProps;
+  const {
+    itemSize = 35
+  } = customMenuItemOptions;
+  const itemData = createItemData(options, customMenuItemOptions);
+  const maxOptionsScreen = 10;
+  const safeOptionLength = options.length || 1;
+  const height = itemSize * (safeOptionLength < maxOptionsScreen ? safeOptionLength : maxOptionsScreen);
+  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;
+  if (!options.length) return /*#__PURE__*/jsx(components.MenuList, _objectSpread({}, props));
 
   if (listRef && listRef.current && !inside) {
     scrollToKeyword(listRef, 'center'); // use autoScroll
   }
 
-  return /*#__PURE__*/React.createElement("div", {
-    onMouseLeave: function onMouseLeave() {
+  return /*#__PURE__*/_jsx("div", {
+    onMouseLeave: () => {
       setInside(false);
     }
-  }, isMulti && /*#__PURE__*/React.createElement(MultiSelectHeader, props), /*#__PURE__*/React.createElement(FixedSizeList, {
+  }, void 0, isMulti && /*#__PURE__*/jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsx(FixedSizeList, {
     ref: listRef,
     className: "combobox-menu-list ".concat(isMulti && 'combobox-menu-list-is-multi'),
     height: height,
     itemCount: options.length,
     itemData: itemData,
     itemSize: itemSize,
-    onScroll: function onScroll() {
+    onScroll: () => {
       setInside(true);
     },
-    useIsScrolling: true
-  }, RenderOption));
+    useIsScrolling: true,
+    children: RenderOption
+  }));
 };
 
 export { MenuList as default };
-//# sourceMappingURL=MenuList.js.map

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

@@ -1,15 +1,14 @@
-import React from 'react';
+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 'react';
 
-/* eslint-disable react/destructuring-assignment,max-lines,react/display-name, react/require-default-props */
-
-var MultiSelectHeader = function MultiSelectHeader(props) {
-  var count = props.children.filter(function (child) {
-    return child.props.isSelected;
-  }).length;
-  return /*#__PURE__*/React.createElement("div", {
+const MultiSelectHeader = props => {
+  const count = props.children.filter(child => child.props.isSelected).length;
+  return /*#__PURE__*/_jsx("div", {
     className: "combobox-multi-select-header"
-  }, "".concat(count, " selected"));
+  }, void 0, "".concat(count, " selected"));
 };
 
 export { MultiSelectHeader as default };
-//# sourceMappingURL=MultiSelectHeader.js.map

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

@@ -1,14 +1,16 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import { PopperPositions } from '@elliemae/ds-popper';
 import DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';
 
 function MultiValueLabel(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     tooltipPlacement: PopperPositions.TOP,
     value: children
   });
 }
 
 export { MultiValueLabel as default };
-//# sourceMappingURL=MultiValueLabel.js.map

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

@@ -1,16 +1,30 @@
-import React from 'react';
+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 { get } from 'lodash';
 import { components } from 'react-select';
+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; }
 
 function MultiValueRemove(props) {
-  var value = get(props, 'selectProps.value');
+  const value = get(props, 'selectProps.value');
 
   if (Array.isArray(value) && value.length > 1) {
-    return /*#__PURE__*/React.createElement(components.MultiValueRemove, props, ",");
+    return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
+      children: ","
+    }));
   }
 
-  return /*#__PURE__*/React.createElement(components.MultiValueRemove, props, " ");
+  return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread(_objectSpread({}, props), {}, {
+    children: " "
+  }));
 }
 
 export { MultiValueRemove as default };
-//# sourceMappingURL=MultiValueRemove.js.map