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

package/cjs/components/types/InputPill.js

@@ -2,64 +2,51 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var uid = require('uid');
 var dsIcons = require('@elliemae/ds-icons');
-var components_styled = require('../styled.js');
+var styled = require('../styled.js');
 var utils = require('../../utils.js');
-var components_PillButton = require('../PillButton.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react-desc');
-require('@elliemae/ds-props-helpers');
-require('../../props.js');
-require('@elliemae/ds-form');
+var PillButton = require('../PillButton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var InputPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var label = _ref.label,
-      inputPlaceholder = _ref.inputPlaceholder,
-      inputWidth = _ref.inputWidth,
-      inputRender = _ref.inputRender,
-      onInputChange = _ref.onInputChange,
-      onInputClear = _ref.onInputClear,
-      innerRef = _ref.innerRef;
-  var ref = React.useRef(null);
-  var InputComponent = React.useMemo(function () {
-    return inputRender;
-  }, [inputRender]);
-  var pillUid = React.useMemo(function () {
-    return "ds-pill-".concat(uid.uid());
-  }, []);
-  var onCloseIconClick = React.useCallback(function (e) {
+const InputPill = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    label,
+    size,
+    inputPlaceholder,
+    inputWidth,
+    inputRender,
+    onInputChange,
+    onInputClear,
+    innerRef
+  } = _ref;
+  const ref = React.useRef(null);
+  const InputComponent = React.useMemo(() => inputRender, [inputRender]);
+  const pillUid = React.useMemo(() => "ds-pill-".concat(uid.uid()), []);
+  const onCloseIconClick = React.useCallback(e => {
     if ([undefined, 'Enter', 'Space'].includes(e.code)) {
       e.preventDefault();
       onInputClear(e);
       ref.current.focus();
     }
   }, [onInputClear]);
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      inputHasFocus = _useState2[0],
-      setInputHasFocus = _useState2[1];
-
-  return /*#__PURE__*/React__default['default'].createElement(components_styled.StyledInputPillWrapper, {
+  const [inputHasFocus, setInputHasFocus] = React.useState(false);
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledInputPillWrapper, {
+    size: size,
     className: "ds-pill-wrapper",
     "data-testid": "ds-pill-wrapper",
     cols: label === '' ? ['auto'] : ['auto', '24px'],
     inputWidth: inputWidth,
     value: label,
     inputHasFocus: inputHasFocus
-  }, /*#__PURE__*/React__default['default'].createElement(InputComponent, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](InputComponent, {
     id: pillUid,
     className: "ds-pill-focus-point",
     "data-testid": "ds-pill-input",
@@ -67,14 +54,10 @@ var InputPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     value: label,
     onChange: onInputChange,
     placeholder: inputPlaceholder,
-    onFocus: function onFocus() {
-      return setInputHasFocus(true);
-    },
-    onBlur: function onBlur() {
-      return setInputHasFocus(false);
-    },
+    onFocus: () => setInputHasFocus(true),
+    onBlur: () => setInputHasFocus(false),
     disableTooltip: false
-  }), label !== '' && /*#__PURE__*/React__default['default'].createElement(components_PillButton.DSPillButton, {
+  }), label !== '' && /*#__PURE__*/_jsx__default["default"](PillButton.DSPillButton, {
     id: pillUid,
     "data-testid": "ds-pill-clear-icon",
     innerRef: innerRef,
@@ -82,11 +65,10 @@ var InputPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
     onKeyDown: onCloseIconClick,
     "aria-label": "Clear input",
     type: "right"
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
     size: "s",
     color: ['brand-primary', '700']
   })));
 });
 
 exports.InputPill = InputPill;
-//# sourceMappingURL=InputPill.js.map

package/cjs/components/types/LabelPill.js

@@ -2,41 +2,45 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var components_styled = require('../styled.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var styled = require('../styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* eslint-disable react/prop-types */
-var LabelPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var label = _ref.label,
-      labelTruncated = _ref.labelTruncated,
-      iconLeft = _ref.iconLeft,
-      ariaLabel = _ref.ariaLabel;
-  var TextComponent = labelTruncated ? function (_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/React__default['default'].createElement(dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+const LabelPill = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    label,
+    size,
+    labelTruncated,
+    iconLeft,
+    ariaLabel
+  } = _ref;
+  const TextComponent = labelTruncated ? _ref2 => {
+    let {
+      children
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
       value: children
     });
-  } : React__default['default'].Fragment;
-  return /*#__PURE__*/React__default['default'].createElement(components_styled.StyledLabelPillWrapper, {
+  } : React__default["default"].Fragment;
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledLabelPillWrapper, {
+    size: size,
     alignItems: "center",
     className: "ds-pill-wrapper ds-pill-wrapper-label",
     "data-testid": "ds-pill-wrapper",
     "aria-label": ariaLabel || label,
-    cols: [iconLeft && 'min-content', 'auto'].filter(function (notFalse) {
-      return notFalse;
-    }),
+    cols: [iconLeft && 'min-content', 'auto'].filter(notFalse => notFalse),
     gutter: "xxxs",
     hasIcon: iconLeft !== null
-  }, iconLeft, /*#__PURE__*/React__default['default'].createElement(TextComponent, null, label));
+  }, void 0, iconLeft, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label));
 });
 
 exports.LabelPill = LabelPill;
-//# sourceMappingURL=LabelPill.js.map

package/cjs/components/types/ReadOnlyPill.js

@@ -2,45 +2,49 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var components_styled = require('../styled.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var styled = require('../styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* eslint-disable complexity */
-var ReadOnlyPill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var label = _ref.label,
-      labelTruncated = _ref.labelTruncated,
-      iconLeft = _ref.iconLeft,
-      iconRight = _ref.iconRight,
-      ariaLabel = _ref.ariaLabel;
-  var hasIconLeft = iconLeft !== null || iconRight !== null && label === '';
-  var hasIconRight = iconRight !== null || iconLeft !== null && label === '';
-  var TextComponent = labelTruncated ? function (_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/React__default['default'].createElement(dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+const ReadOnlyPill = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    label,
+    size,
+    labelTruncated,
+    iconLeft,
+    iconRight,
+    ariaLabel
+  } = _ref;
+  const hasIconLeft = iconLeft !== null || iconRight !== null && label === '';
+  const hasIconRight = iconRight !== null || iconLeft !== null && label === '';
+  const TextComponent = labelTruncated ? _ref2 => {
+    let {
+      children
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
       value: children
     });
-  } : React__default['default'].Fragment;
-  return /*#__PURE__*/React__default['default'].createElement(components_styled.StyledReadonlyPillWrapper, {
+  } : React__default["default"].Fragment;
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledReadonlyPillWrapper, {
+    size: size,
     alignItems: "center",
     className: "ds-pill-wrapper ds-pill-wrapper-readonly",
     "data-testid": "ds-pill-wrapper",
     "aria-label": ariaLabel || label,
-    cols: [iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter(function (notFalse) {
-      return notFalse;
-    }),
+    cols: [iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter(notFalse => notFalse),
     gutter: "xxxs",
     hasIconRight: hasIconRight,
     hasIconLeft: hasIconLeft
-  }, iconLeft, label ? /*#__PURE__*/React__default['default'].createElement(TextComponent, null, label) : null, iconRight);
+  }, void 0, iconLeft, label ? /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label) : null, iconRight);
 });
 
 exports.ReadOnlyPill = ReadOnlyPill;
-//# sourceMappingURL=ReadOnlyPill.js.map

package/cjs/components/types/RemovablePill.js

@@ -2,56 +2,50 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var uid = require('uid');
 var dsIcons = require('@elliemae/ds-icons');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var components_styled = require('../styled.js');
-var components_PillGroup = require('../PillGroup.js');
-var components_PillButton = require('../PillButton.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('@babel/runtime/helpers/toConsumableArray');
-require('react-desc');
-require('@elliemae/ds-props-helpers');
-require('../../props.js');
-require('@elliemae/ds-form');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
+var styled = require('../styled.js');
+var PillGroup = require('../PillGroup.js');
+var PillButton = require('../PillButton.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* eslint-disable react/prop-types */
-var RemovablePill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var label = _ref.label,
-      labelTruncated = _ref.labelTruncated,
-      onRemove = _ref.onRemove,
-      innerRef = _ref.innerRef,
-      ariaLabel = _ref.ariaLabel;
-
-  var _useContext = React.useContext(components_PillGroup.DSPillGroupV2Context),
-      onKeyboardRemove = _useContext.onKeyboardRemove;
-
-  var pillUid = React.useMemo(function () {
-    return "ds-pill-".concat(uid.uid());
-  }, []);
-  var TextComponent = labelTruncated ? function (_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/React__default['default'].createElement(dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+const RemovablePill = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    label,
+    size,
+    labelTruncated,
+    onRemove,
+    innerRef,
+    ariaLabel
+  } = _ref;
+  const {
+    onKeyboardRemove
+  } = React.useContext(PillGroup.DSPillGroupV2Context);
+  const pillUid = React.useMemo(() => "ds-pill-".concat(uid.uid()), []);
+  const TextComponent = labelTruncated ? _ref2 => {
+    let {
+      children
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
       value: children
     });
-  } : React__default['default'].Fragment;
-  var onKeyDown = React.useCallback(function (e) {
+  } : React__default["default"].Fragment;
+  const onKeyDown = React.useCallback(e => {
     if (['Enter', 'Space'].includes(e.code)) {
       e.preventDefault();
       if (onKeyboardRemove) onKeyboardRemove(pillUid);
       onRemove(e);
     }
   }, [onKeyboardRemove, onRemove, pillUid]);
-  return /*#__PURE__*/React__default['default'].createElement(components_styled.StyledRemovablePillWrapper, {
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledRemovablePillWrapper, {
+    size: size,
     cols: ['auto', '24px'],
     gutter: "2px",
     alignItems: "center",
@@ -59,7 +53,7 @@ var RemovablePill = /*#__PURE__*/React__default['default'].memo(function (_ref)
     className: "ds-pill-wrapper ds-pill-wrapper-removable",
     "data-testid": "ds-pill-wrapper",
     "aria-label": ariaLabel || label
-  }, /*#__PURE__*/React__default['default'].createElement(TextComponent, null, label), /*#__PURE__*/React__default['default'].createElement(components_PillButton.DSPillButton, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](PillButton.DSPillButton, {
     className: "ds-pill-focus-point",
     id: pillUid,
     "data-testid": "ds-pill-close-icon",
@@ -68,11 +62,11 @@ var RemovablePill = /*#__PURE__*/React__default['default'].memo(function (_ref)
     onKeyDown: onKeyDown,
     "aria-label": "Remove ".concat(label),
     type: "right"
-  }, /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
-    size: "s",
+  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
+    width: 22.65,
+    height: 22.65,
     color: ['brand-primary', '700']
   })));
 });
 
 exports.RemovablePill = RemovablePill;
-//# sourceMappingURL=RemovablePill.js.map

package/cjs/components/types/ValuePill.js

@@ -2,49 +2,53 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
 var React = require('react');
 var DSTooltip = require('@elliemae/ds-tooltip');
 var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var components_styled = require('../styled.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
+var styled = require('../styled.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-/* eslint-disable react/prop-types */
-var ValuePill = /*#__PURE__*/React__default['default'].memo(function (_ref) {
-  var label = _ref.label,
-      labelTruncated = _ref.labelTruncated,
-      tooltipValue = _ref.tooltipValue,
-      iconLeft = _ref.iconLeft,
-      ariaLabel = _ref.ariaLabel;
-  var TextComponent = labelTruncated ? function (_ref2) {
-    var children = _ref2.children;
-    return /*#__PURE__*/React__default['default'].createElement(dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+const ValuePill = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    label,
+    size,
+    labelTruncated,
+    tooltipValue,
+    iconLeft,
+    ariaLabel
+  } = _ref;
+  const TextComponent = labelTruncated ? _ref2 => {
+    let {
+      children
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
       value: children
     });
-  } : React__default['default'].Fragment;
-  return /*#__PURE__*/React__default['default'].createElement(components_styled.StyledValuePillWrapper, {
+  } : React__default["default"].Fragment;
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledValuePillWrapper, {
+    size: size,
     alignItems: "center",
     className: "ds-pill-wrapper ds-pill-wrapper-value",
     "data-testid": "ds-pill-wrapper",
     "aria-label": ariaLabel || label,
-    cols: [iconLeft && 'min-content', 'auto'].filter(function (notFalse) {
-      return notFalse;
-    }),
+    cols: [iconLeft && 'min-content', 'auto'].filter(notFalse => notFalse),
     gutter: "xxxs",
     hasIcon: iconLeft !== null
-  }, iconLeft, tooltipValue !== '' ? /*#__PURE__*/React__default['default'].createElement(DSTooltip.DSTooltipV2, {
+  }, void 0, iconLeft, tooltipValue !== '' ? /*#__PURE__*/_jsx__default["default"](DSTooltip.DSTooltipV2, {
     title: tooltipValue,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(components_styled.StyledSpanWithTooltip, {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](styled.StyledSpanWithTooltip, {
       className: "ds-pill-tooltip-value",
       tabIndex: 0
-    }, label)
-  }) : /*#__PURE__*/React__default['default'].createElement(TextComponent, null, label));
+    }, void 0, label)
+  }) : /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label));
 });
 
 exports.ValuePill = ValuePill;
-//# sourceMappingURL=ValuePill.js.map

package/cjs/components/types/index.js

@@ -2,40 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_types_DropdownPill = require('./DropdownPill.js');
-var components_types_InputPill = require('./InputPill.js');
-var components_types_LabelPill = require('./LabelPill.js');
-var components_types_ReadOnlyPill = require('./ReadOnlyPill.js');
-var components_types_RemovablePill = require('./RemovablePill.js');
-var components_types_ValuePill = require('./ValuePill.js');
-require('@babel/runtime/helpers/extends');
-require('react');
-require('@elliemae/ds-dropdownmenu');
-require('uid');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-truncated-tooltip-text');
-require('../styled.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('../../utils.js');
-require('../PillButton.js');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react-desc');
-require('@elliemae/ds-props-helpers');
-require('../../props.js');
-require('@elliemae/ds-form');
-require('@babel/runtime/helpers/slicedToArray');
-require('../PillGroup.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-tooltip');
+var DropdownPill = require('./DropdownPill.js');
+var InputPill = require('./InputPill.js');
+var LabelPill = require('./LabelPill.js');
+var ReadOnlyPill = require('./ReadOnlyPill.js');
+var RemovablePill = require('./RemovablePill.js');
+var ValuePill = require('./ValuePill.js');
 
 
 
-exports.DropdownPill = components_types_DropdownPill.DropdownPill;
-exports.InputPill = components_types_InputPill.InputPill;
-exports.LabelPill = components_types_LabelPill.LabelPill;
-exports.ReadOnlyPill = components_types_ReadOnlyPill.ReadOnlyPill;
-exports.RemovablePill = components_types_RemovablePill.RemovablePill;
-exports.ValuePill = components_types_ValuePill.ValuePill;
-//# sourceMappingURL=index.js.map
+exports.DropdownPill = DropdownPill.DropdownPill;
+exports.InputPill = InputPill.InputPill;
+exports.LabelPill = LabelPill.LabelPill;
+exports.ReadOnlyPill = ReadOnlyPill.ReadOnlyPill;
+exports.RemovablePill = RemovablePill.RemovablePill;
+exports.ValuePill = ValuePill.ValuePill;

package/cjs/deprecated/DropdownPill.js

@@ -2,59 +2,57 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
 var dsIcons = require('@elliemae/ds-icons');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-var deprecated_Pill = require('./Pill.js');
-require('@elliemae/ds-classnames');
+var Pill = require('./Pill.js');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
 var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
 
-var _excluded = ["containerProps", "label", "variant", "tabIndex", "closeMenuOnItemSelection", "maxWidth", "minWidth"];
+var _ChevronDown;
+
+const _excluded = ["containerProps", "label", "variant", "tabIndex", "closeMenuOnItemSelection", "maxWidth", "minWidth"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function DropdownPill(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      variant = _ref.variant,
-      _ref$tabIndex = _ref.tabIndex,
-      tabIndex = _ref$tabIndex === void 0 ? -1 : _ref$tabIndex,
-      _ref$closeMenuOnItemS = _ref.closeMenuOnItemSelection,
-      closeMenuOnItemSelection = _ref$closeMenuOnItemS === void 0 ? false : _ref$closeMenuOnItemS,
-      maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      dropdownProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var ref = React.useRef(null);
-
-  var _useState = React.useState(),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      chevronEl = _useState2[0],
-      chevronRef = _useState2[1];
-
-  var _useFocusGroupItem = useFocusGroupItem__default['default'](ref),
-      focusFirst = _useFocusGroupItem.focusFirst;
-
-  return /*#__PURE__*/React__default['default'].createElement(DSDropdownMenu__default['default'], _extends__default['default']({}, dropdownProps, {
+  let {
+    containerProps = {},
+    label = '',
+    variant,
+    tabIndex = -1,
+    closeMenuOnItemSelection = false,
+    maxWidth,
+    minWidth
+  } = _ref,
+      dropdownProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const ref = React.useRef(null);
+  const [chevronEl, chevronRef] = React.useState();
+  const {
+    focusFirst
+  } = useFocusGroupItem__default["default"](ref);
+  return /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu__default["default"], _objectSpread(_objectSpread({}, dropdownProps), {}, {
     closeMenuOnItemSelection: closeMenuOnItemSelection,
     maxWidth: maxWidth,
     hideIfNotVisible: true,
@@ -65,7 +63,7 @@ function DropdownPill(_ref) {
     minWidth: minWidth,
     onClose: focusFirst,
     referenceNode: chevronEl,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(deprecated_Pill.Pill, {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
       "data-testid": "dropdown-pill",
       className: "dropdown-pill",
       containerProps: _objectSpread({
@@ -73,19 +71,20 @@ function DropdownPill(_ref) {
       }, containerProps),
       innerRef: ref,
       label: label,
-      rightAddon: /*#__PURE__*/React__default['default'].createElement("div", {
-        ref: chevronRef
-      }, /*#__PURE__*/React__default['default'].createElement(dsIcons.ChevronDown, {
-        className: "dropdown-pill-chevron-down",
-        "data-testid": "dropdown-pill-button"
-      })),
+      rightAddon: /*#__PURE__*/jsxRuntime.jsx("div", {
+        ref: chevronRef,
+        children: _ChevronDown || (_ChevronDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDown, {
+          className: "dropdown-pill-chevron-down",
+          "data-testid": "dropdown-pill-button"
+        }))
+      }),
       tabIndex: tabIndex,
       variant: variant
     })
   }));
 }
 
-var props = {
+const props = {
   /** props injected to component wrapper */
   containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
 
@@ -107,10 +106,8 @@ var props = {
   /** pill min width */
   minWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill min width')
 };
-DropdownPill.propTypes = props;
-var DSDropdownPillWithSchema = reactDesc.describe(DropdownPill);
+const DSDropdownPillWithSchema = reactDesc.describe(DropdownPill);
 DSDropdownPillWithSchema.propTypes = props;
 
 exports.DSDropdownPillWithSchema = DSDropdownPillWithSchema;
 exports.DropdownPill = DropdownPill;
-//# sourceMappingURL=DropdownPill.js.map