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

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

@@ -1,25 +1,38 @@
-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 _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { components } from 'react-select';
 import DSSeparator from '@elliemae/ds-separator';
 import { getGroupHeaderPosition } from './utils.js';
+import { jsx } from 'react/jsx-runtime';
 
-var GroupHeading = function GroupHeading(props) {
-  var headerPosition = getGroupHeaderPosition(props.id);
-  var hasSeparator = props.selectProps.options[headerPosition].hasSeparator;
-  return /*#__PURE__*/React.createElement(Wrapper, null, hasSeparator && /*#__PURE__*/React.createElement(StyledSeparator, {
+var _StyledSeparator;
+
+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 GroupHeading = props => {
+  const headerPosition = getGroupHeaderPosition(props.id);
+  const {
+    hasSeparator
+  } = props.selectProps.options[headerPosition];
+  return /*#__PURE__*/_jsx(Wrapper, {}, void 0, hasSeparator && (_StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
     type: "non-form"
-  }), /*#__PURE__*/React.createElement(components.GroupHeading, props));
+  }))), /*#__PURE__*/jsx(components.GroupHeading, _objectSpread({}, props)));
 };
 
-var StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
+const StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
   componentId: "sc-1bw0sto-0"
-})(["width:auto;margin:", ";margin-top:unset;"], function (props) {
-  return props.theme.space.xs;
-});
-var Wrapper = /*#__PURE__*/styled.div.withConfig({
+})(["width:auto;margin:", ";margin-top:unset;"], props => props.theme.space.xs);
+const Wrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1bw0sto-1"
 })(["display:flex;flex-direction:column;"]);
 
 export { GroupHeading as default };
-//# sourceMappingURL=GroupHeading.js.map

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

@@ -1,9 +1,20 @@
-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 { jsx } from 'react/jsx-runtime';
 
-var IndicatorSeparator = function IndicatorSeparator(_ref) {
-  var innerProps = _ref.innerProps;
-  return /*#__PURE__*/React.createElement("span", 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(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 = _ref => {
+  let {
+    innerProps
+  } = _ref;
+  return /*#__PURE__*/jsx("span", _objectSpread({}, innerProps));
 };
 
 export { IndicatorSeparator, IndicatorSeparator as default };
-//# sourceMappingURL=IndicatorSeparator.js.map

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

@@ -1,18 +1,17 @@
-import React from 'react';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
 import styled from 'styled-components';
 import { DSCircularProgressIndicator } from '@elliemae/ds-circular-progress-indicator';
 
-var Wrapper = /*#__PURE__*/styled.div.withConfig({
+var _Wrapper;
+const Wrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-m7hflj-0"
 })(["display:flex;justify-content:center;margin-top:12px;"]);
 
-var LoadingIndicator = function LoadingIndicator() {
-  return /*#__PURE__*/React.createElement(Wrapper, {
-    "data-testid": "ds-combobox_loading-indicator"
-  }, /*#__PURE__*/React.createElement(DSCircularProgressIndicator, {
-    size: "m"
-  }));
-};
+const LoadingIndicator = () => _Wrapper || (_Wrapper = /*#__PURE__*/_jsx(Wrapper, {
+  "data-testid": "ds-combobox_loading-indicator"
+}, void 0, /*#__PURE__*/_jsx(DSCircularProgressIndicator, {
+  size: "m"
+})));
 
 export { LoadingIndicator as default };
-//# sourceMappingURL=LoadingIndicator.js.map

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

@@ -1,8 +1,12 @@
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
+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 _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import 'core-js/modules/web.dom-collections.iterator.js';
 import React, { useRef, useState, useEffect } from 'react';
-import PropTypes from 'prop-types';
 import { components } from 'react-select';
 import { FixedSizeList } from 'react-window';
 import memoize from 'memoize-one';
@@ -10,117 +14,95 @@ import CustomOption from './CustomOption.js';
 import CustomOptionMulti from './CustomOptionMulti.js';
 import MultiSelectHeader from './MultiSelectHeader.js';
 import { useMenuListHeight } from './useMenuListHeight.js';
-import 'lodash';
-import '@elliemae/ds-separator';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../context.js';
-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 '@elliemae/ds-button';
+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; }
-var createItemData = memoize(function (items, options) {
+const createItemData = memoize((items, options) => {
   if (items !== null && items !== void 0 && items.findIndex) {
-    var index = items.findIndex(function (item) {
-      return item.props.isFocused;
-    });
+    const index = items.findIndex(item => item.props.isFocused);
     if (index > -1) return {
-      items: items,
-      options: options
+      items,
+      options
     };
     return {
       items: [_objectSpread(_objectSpread({}, items[0]), {}, {
         props: _objectSpread(_objectSpread({}, items[0].props), {}, {
           isFocused: true
         })
-      })].concat(_toConsumableArray(items.slice(1))),
-      options: options
+      }), ...items.slice(1)],
+      options
     };
   }
 
   return {
-    items: items,
-    options: 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 !== -1 ? index : 0, type);
   }
 };
 
-var MenuList = /*#__PURE__*/React.memo(function (props) {
-  var options = props.children,
-      selectProps = props.selectProps,
-      isMulti = props.isMulti,
-      hasValue = props.hasValue;
-  var customMenuItemOptions = selectProps.customMenuItemOptions,
-      bottom = selectProps.selectMeasure.bounds.bottom;
-  var listRef = useRef(null);
-
-  var _useState = useState(false),
-      _useState2 = _slicedToArray(_useState, 2),
-      inside = _useState2[0],
-      setInside = _useState2[1];
-
-  var remainingHeight = window.innerHeight - bottom - 10;
-  useEffect(function () {
+const MenuList = /*#__PURE__*/React.memo(props => {
+  const {
+    children: options,
+    selectProps,
+    isMulti,
+    hasValue
+  } = props;
+  const {
+    customMenuItemOptions,
+    selectMeasure: {
+      bounds: {
+        bottom
+      }
+    }
+  } = selectProps;
+  const listRef = useRef(null);
+  const [inside, setInside] = useState(false);
+  const remainingHeight = window.innerHeight - bottom - 10;
+  useEffect(() => {
     window.addEventListener('keydown', handleKeyDown);
-    return function () {
-      return window.removeEventListener('keydown', handleKeyDown);
-    };
+    return () => window.removeEventListener('keydown', handleKeyDown);
   }, []);
 
-  var handleKeyDown = function handleKeyDown() {
-    return setInside(false);
-  };
+  const handleKeyDown = () => setInside(false);
 
-  var _customMenuItemOption = customMenuItemOptions.itemSize,
-      itemSize = _customMenuItemOption === void 0 ? 35 : _customMenuItemOption,
-      maxOptions = customMenuItemOptions.maxOptions;
-  var itemData = createItemData(options, customMenuItemOptions);
-  var RenderOption = !isMulti ? CustomOption : CustomOptionMulti;
-  var height = useMenuListHeight(options, maxOptions, itemSize, remainingHeight);
+  const {
+    itemSize = 35,
+    maxOptions
+  } = customMenuItemOptions;
+  const itemData = createItemData(options, customMenuItemOptions);
+  const RenderOption = !isMulti ? CustomOption : CustomOptionMulti;
+  const height = useMenuListHeight(options, maxOptions, itemSize, remainingHeight);
 
   if (listRef && listRef.current && !inside && hasValue) {
     scrollTo(listRef); // use autoScroll
   }
 
-  useEffect(function () {
+  useEffect(() => {
     // fix this that has a bug where the groups is being focused
     if (hasValue && !inside && listRef) scrollTo(listRef);
   }, [options]);
 
-  var setInsideFalseAtClosing = function setInsideFalseAtClosing() {
-    return setInside(false);
-  };
+  const setInsideFalseAtClosing = () => setInside(false);
 
-  useEffect(function () {
-    return setInsideFalseAtClosing;
-  }, []);
-  if (!options.length) return /*#__PURE__*/React.createElement(components.MenuList, props);
-  return /*#__PURE__*/React.createElement("div", {
+  useEffect(() => setInsideFalseAtClosing, []);
+  if (!options.length) return /*#__PURE__*/jsx(components.MenuList, _objectSpread({}, props));
+  return /*#__PURE__*/_jsx("div", {
     role: "list",
     "data-testid": "combobox-menu-list"
-  }, isMulti && /*#__PURE__*/React.createElement(MultiSelectHeader, props), /*#__PURE__*/React.createElement(FixedSizeList, {
-    ref: function ref(r) {
+  }, void 0, isMulti && /*#__PURE__*/jsx(MultiSelectHeader, _objectSpread({}, props)), /*#__PURE__*/jsx(FixedSizeList, {
+    ref: r => {
       listRef.current = r;
 
       if (!inside && listRef && hasValue) {
@@ -132,18 +114,10 @@ var MenuList = /*#__PURE__*/React.memo(function (props) {
     itemCount: options.length,
     itemData: itemData,
     itemSize: itemSize,
-    onScroll: function onScroll() {
-      return setInside(true);
-    },
-    useIsScrolling: true
-  }, RenderOption));
+    onScroll: () => setInside(true),
+    useIsScrolling: true,
+    children: RenderOption
+  }));
 });
-MenuList.propTypes = {
-  children: PropTypes.arrayOf(PropTypes.element),
-  selectProps: PropTypes.object,
-  isMulti: PropTypes.bool,
-  hasValue: PropTypes.bool
-};
 
 export { MenuList as default };
-//# sourceMappingURL=MenuList.js.map

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

@@ -1,92 +1,74 @@
-import React, { useContext } from 'react';
-import PropTypes from 'prop-types';
+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';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import DSSeparator from '@elliemae/ds-separator';
 import { DropDownContext } from '../context.js';
 
-/* eslint-disable import/no-cycle */
+var _StyledSeparator, _DSSeparator;
 
-var MultiSelectHeader = function MultiSelectHeader(props) {
-  var totalItems = props.children.length;
-  var selectedItems = props.children.filter(function (child) {
-    return child.props.isSelected;
-  }).length;
-
-  var _useContext = useContext(DropDownContext),
-      onSelectAll = _useContext.onSelectAll,
-      selectAllDisabled = _useContext.selectAllDisabled;
-
-  var isClearButtonDisabled = selectedItems === 0;
-  var isAllButtonDisabled = selectedItems === totalItems;
-  return /*#__PURE__*/React.createElement(HeaderWrapper, null, /*#__PURE__*/React.createElement(ContentWrapper, null, /*#__PURE__*/React.createElement(HeaderTitle, null, /*#__PURE__*/React.createElement(SimpleTruncatedTooltipText, {
+const MultiSelectHeader = props => {
+  const totalItems = props.children.length;
+  const selectedItems = props.children.filter(child => child.props.isSelected).length;
+  const {
+    onSelectAll,
+    selectAllDisabled
+  } = useContext(DropDownContext);
+  const isClearButtonDisabled = selectedItems === 0;
+  const isAllButtonDisabled = selectedItems === totalItems;
+  return /*#__PURE__*/_jsx(HeaderWrapper, {}, void 0, /*#__PURE__*/_jsx(ContentWrapper, {}, void 0, /*#__PURE__*/_jsx(HeaderTitle, {}, void 0, /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
     value: "".concat(selectedItems, " selected")
-  })), !selectAllDisabled && /*#__PURE__*/React.createElement(ActionButtons, null, /*#__PURE__*/React.createElement(StyledButton, {
+  })), !selectAllDisabled && /*#__PURE__*/_jsx(ActionButtons, {}, void 0, /*#__PURE__*/_jsx(StyledButton, {
     "data-testid": "combobox-all-btn",
     buttonType: "text",
     labelText: "All",
     size: "s",
-    onClick: function onClick() {
-      return onSelectAll(true);
-    },
+    onClick: () => onSelectAll(true),
     disabled: isAllButtonDisabled,
     "aria-disabled": isAllButtonDisabled ? 'true' : 'false',
     variant: isAllButtonDisabled && BUTTON_VARIANT.DISABLED
-  }), /*#__PURE__*/React.createElement(StyledSeparator, {
+  }), _StyledSeparator || (_StyledSeparator = /*#__PURE__*/_jsx(StyledSeparator, {
     orientation: "vertical",
     position: "center",
     type: "group-level",
     margin: "none"
-  }), /*#__PURE__*/React.createElement(StyledButton, {
+  })), /*#__PURE__*/_jsx(StyledButton, {
     "data-testid": "combobox-clear-btn",
     buttonType: "text",
     labelText: "Clear",
     size: "s",
-    onClick: function onClick() {
-      return onSelectAll(false);
-    },
+    onClick: () => onSelectAll(false),
     disabled: isClearButtonDisabled,
     "aria-disabled": isClearButtonDisabled ? 'true' : 'false',
     variant: isClearButtonDisabled && BUTTON_VARIANT.DISABLED
-  }))), /*#__PURE__*/React.createElement(DSSeparator, {
+  }))), _DSSeparator || (_DSSeparator = /*#__PURE__*/_jsx(DSSeparator, {
     position: "center",
     type: "non-form",
     margin: "none"
-  }));
+  })));
 };
 
-var HeaderWrapper = /*#__PURE__*/styled.div.withConfig({
+const HeaderWrapper = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-zjm4r5-0"
-})(["display:flex;flex-direction:column;padding:0 ", ";"], function (props) {
-  return props.theme.space.xs;
-});
-var ContentWrapper = /*#__PURE__*/styled.div.withConfig({
+})(["display:flex;flex-direction:column;padding:0 ", ";"], props => props.theme.space.xs);
+const ContentWrapper = /*#__PURE__*/styled.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;"], function (props) {
-  return props.theme.space.s;
-});
-var HeaderTitle = /*#__PURE__*/styled.span.withConfig({
+})(["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.span.withConfig({
   componentId: "sc-zjm4r5-2"
-})(["color:", ";text-overflow:ellipsis;"], function (props) {
-  return props.theme.colors.neutral[500];
-});
-var ActionButtons = /*#__PURE__*/styled.div.withConfig({
+})(["color:", ";text-overflow:ellipsis;"], props => props.theme.colors.neutral[500]);
+const ActionButtons = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-zjm4r5-3"
-})(["display:inline-flex;color:", ";"], function (props) {
-  return props.theme.colors.neutral[500];
-});
-var StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
+})(["display:inline-flex;color:", ";"], props => props.theme.colors.neutral[500]);
+const StyledSeparator = /*#__PURE__*/styled(DSSeparator).withConfig({
   componentId: "sc-zjm4r5-4"
 })(["height:auto;width:auto;"]);
-var StyledButton = /*#__PURE__*/styled(DSButton).withConfig({
+const StyledButton = /*#__PURE__*/styled(DSButton).withConfig({
   componentId: "sc-zjm4r5-5"
-})(["padding:0 ", ";"], function (props) {
-  return props.theme.space.xxs;
-});
-MultiSelectHeader.propTypes = {
-  children: PropTypes.array
-};
+})(["padding:0 ", ";"], props => props.theme.space.xxs);
 
 export { MultiSelectHeader as default };
-//# sourceMappingURL=MultiSelectHeader.js.map

package/esm/ComboBox/v2/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/v2/components/MultiValueRemove.js

@@ -1,29 +1,36 @@
-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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'react';
 import { components } from 'react-select';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["innerProps"];
+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(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) {
-  var innerProps = _ref.innerProps,
+  let {
+    innerProps
+  } = _ref,
       rest = _objectWithoutProperties(_ref, _excluded);
 
-  var innerPropsWithOutRemoval = _objectSpread(_objectSpread({}, innerProps), {}, {
-    onClick: function onClick() {},
-    onTouchEnd: function onTouchEnd() {},
-    onMouseDown: function onMouseDown() {}
+  const innerPropsWithOutRemoval = _objectSpread(_objectSpread({}, innerProps), {}, {
+    onClick: () => {},
+    onTouchEnd: () => {},
+    onMouseDown: () => {}
   });
 
-  return /*#__PURE__*/React.createElement(components.MultiValueRemove, _extends({}, rest, {
-    innerProps: innerPropsWithOutRemoval
-  }), ",");
+  return /*#__PURE__*/jsx(components.MultiValueRemove, _objectSpread(_objectSpread({}, rest), {}, {
+    innerProps: innerPropsWithOutRemoval,
+    children: ","
+  }));
 }
 
 export { MultiValueRemove as default };
-//# sourceMappingURL=MultiValueRemove.js.map

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

@@ -1,27 +1,40 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
-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 DSPopper, { PopperPositions } from '@elliemae/ds-popper';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import Content from './Content.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'prop-types';
+import { jsx } from 'react/jsx-runtime';
 
-var TriggerComponent = aggregatedClasses('div')('combobox-trigger', null);
+var _TriggerComponent, _TriggerComponent2;
 
-var SelectMenu = function SelectMenu(props) {
-  var _props$selectProps = props.selectProps,
-      inlineMenu = _props$selectProps.inlineMenu,
-      bounds = _props$selectProps.selectMeasure.bounds,
-      expandMenuToContainer = _props$selectProps.expandMenuToContainer,
-      expandMenuOutsideContainer = _props$selectProps.expandMenuOutsideContainer,
-      zIndex = _props$selectProps.zIndex;
+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 TriggerComponent = aggregatedClasses('div')('combobox-trigger', null);
+
+const SelectMenu = props => {
+  const {
+    inlineMenu,
+    selectMeasure: {
+      bounds
+    },
+    expandMenuToContainer,
+    expandMenuOutsideContainer,
+    zIndex
+  } = props.selectProps;
 
   if (inlineMenu) {
-    return /*#__PURE__*/React.createElement(components.Menu, props);
+    return /*#__PURE__*/jsx(components.Menu, _objectSpread({}, props));
   }
 
-  var styleMenu = expandMenuToContainer ? {
+  const styleMenu = expandMenuToContainer ? {
     width: bounds.width
   } : {};
 
@@ -29,18 +42,17 @@ var SelectMenu = function SelectMenu(props) {
     styleMenu.width = 'auto';
   }
 
-  return /*#__PURE__*/React.createElement(DSPopper, {
-    contentComponent: /*#__PURE__*/React.createElement(Content, _extends({}, props, {
+  return /*#__PURE__*/_jsx(DSPopper, {
+    contentComponent: /*#__PURE__*/jsx(Content, _objectSpread(_objectSpread({}, props), {}, {
       styleMenu: styleMenu
     })),
     isOpen: true,
     placement: PopperPositions.BOTTOM_START,
-    preventOverflow: /*#__PURE__*/React.createElement(TriggerComponent, null),
+    preventOverflow: _TriggerComponent || (_TriggerComponent = /*#__PURE__*/_jsx(TriggerComponent, {})),
     showArrow: false,
-    triggerComponent: /*#__PURE__*/React.createElement(TriggerComponent, null),
+    triggerComponent: _TriggerComponent2 || (_TriggerComponent2 = /*#__PURE__*/_jsx(TriggerComponent, {})),
     zIndex: zIndex
   });
 };
 
 export { SelectMenu as default };
-//# sourceMappingURL=SelectMenu.js.map

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

@@ -1,19 +1,16 @@
-import React from 'react';
-import PropTypes from 'prop-types';
+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 SingleValueLabel(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(DSTruncatedTooltipText, {
+  let {
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx(DSTruncatedTooltipText, {
     tooltipPlacement: PopperPositions.TOP,
     value: children
   });
 }
 
-SingleValueLabel.propTypes = {
-  children: PropTypes.string.isRequired
-};
-
 export { SingleValueLabel as default };
-//# sourceMappingURL=SingleValueLabel.js.map