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

package/cjs/deprecated/OverflowPill.js

@@ -2,46 +2,35 @@
 
 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');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
 var DSTooltip = require('@elliemae/ds-tooltip');
-var deprecated_Pill = require('./Pill.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-classnames');
+var Pill = require('./Pill.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
 var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
 
 function OverflowPill(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options;
-  var ref = React.useRef(null);
-
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      tooltipIsOpen = _useState2[0],
-      setTooltipIsOpen = _useState2[1];
-
-  var _useState3 = React.useState(''),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      tooltipText = _useState4[0],
-      setTooltipText = _useState4[1];
-
-  React.useEffect(function () {
-    var text = '';
-    options.forEach(function (option) {
+  let {
+    containerProps = {},
+    label = '',
+    options = []
+  } = _ref;
+  const ref = React.useRef(null);
+  const [tooltipIsOpen, setTooltipIsOpen] = React.useState(false);
+  const [tooltipText, setTooltipText] = React.useState('');
+  React.useEffect(() => {
+    let text = '';
+    options.forEach(option => {
       if (!tooltipText || option === options[0]) {
         text = "".concat(option.label);
       } else {
@@ -50,28 +39,24 @@ function OverflowPill(_ref) {
     });
     setTooltipText(text);
   }, [options]);
-  useFocusGroupItem__default['default'](ref);
-  return /*#__PURE__*/React__default['default'].createElement(DSTooltip__default['default'], {
+  useFocusGroupItem__default["default"](ref);
+  return /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
     isOpen: tooltipIsOpen,
     title: tooltipText,
     zIndex: 11,
-    triggerComponent: /*#__PURE__*/React__default['default'].createElement(deprecated_Pill.Pill, {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
       className: "overflow-pill",
       containerProps: containerProps,
       innerRef: ref,
       label: label,
       tabIndex: -1,
-      onMouseEnter: function onMouseEnter() {
-        return setTooltipIsOpen(true);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setTooltipIsOpen(false);
-      }
+      onMouseEnter: () => setTooltipIsOpen(true),
+      onMouseLeave: () => setTooltipIsOpen(false)
     })
   });
 }
 
-var props = {
+const props = {
   /** props to inject to pill wrapper */
   containerProps: reactDesc.PropTypes.object.description('props to inject to pill wrapper'),
 
@@ -81,10 +66,8 @@ var props = {
   /** overflow pills options */
   options: reactDesc.PropTypes.array.description('overflow pills options')
 };
-OverflowPill.propTypes = props;
-var DSOverflowPillWithSchema = reactDesc.describe(OverflowPill);
+const DSOverflowPillWithSchema = reactDesc.describe(OverflowPill);
 DSOverflowPillWithSchema.propTypes = props;
 
 exports.DSOverflowPillWithSchema = DSOverflowPillWithSchema;
 exports.OverflowPill = OverflowPill;
-//# sourceMappingURL=OverflowPill.js.map

package/cjs/deprecated/Pill.js

@@ -2,54 +2,66 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
 var reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
+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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 
-var _excluded = ["containerProps", "label", "leftAddon", "rightAddon", "variant", "size"];
-var pillBlockName = 'pill';
-var PillWrapper = dsClassnames.aggregatedClasses('div')(pillBlockName, null, function (_ref) {
-  var _ref2;
+const _excluded = ["containerProps", "label", "leftAddon", "rightAddon", "variant", "size"];
 
-  var size = _ref.size,
-      variant = _ref.variant;
-  return _ref2 = {}, _defineProperty__default['default'](_ref2, variant, !!variant), _defineProperty__default['default'](_ref2, size, !!size), _ref2;
+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 pillBlockName = 'pill';
+const PillWrapper = dsClassnames.aggregatedClasses('div')(pillBlockName, null, _ref => {
+  let {
+    size,
+    variant
+  } = _ref;
+  return {
+    [variant]: !!variant,
+    [size]: !!size
+  };
 });
-var PillLabel = dsClassnames.aggregatedClasses('span')(pillBlockName, 'label');
-var PillAddon = dsClassnames.aggregatedClasses('div')(pillBlockName, 'addon');
-
-function Pill(_ref3) {
-  var _ref3$containerProps = _ref3.containerProps,
-      containerProps = _ref3$containerProps === void 0 ? {} : _ref3$containerProps,
-      _ref3$label = _ref3.label,
-      label = _ref3$label === void 0 ? '' : _ref3$label,
-      leftAddon = _ref3.leftAddon,
-      rightAddon = _ref3.rightAddon,
-      _ref3$variant = _ref3.variant,
-      variant = _ref3$variant === void 0 ? 'value' : _ref3$variant,
-      _ref3$size = _ref3.size,
-      size = _ref3$size === void 0 ? 'm' : _ref3$size,
-      otherProps = _objectWithoutProperties__default['default'](_ref3, _excluded);
-
-  return /*#__PURE__*/React__default['default'].createElement(PillWrapper, _extends__default['default']({}, containerProps, {
+const PillLabel = dsClassnames.aggregatedClasses('span')(pillBlockName, 'label');
+const PillAddon = dsClassnames.aggregatedClasses('div')(pillBlockName, 'addon');
+
+function Pill(_ref2) {
+  let {
+    containerProps = {},
+    label = '',
+    leftAddon,
+    rightAddon,
+    variant = 'value',
+    size = 'm'
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsxs(PillWrapper, _objectSpread(_objectSpread(_objectSpread({}, containerProps), {}, {
     classProps: {
-      variant: variant,
-      size: size
+      variant,
+      size
     }
-  }, otherProps), leftAddon && /*#__PURE__*/React__default['default'].createElement(PillAddon, null, leftAddon), /*#__PURE__*/React__default['default'].createElement(PillLabel, null, label), rightAddon && /*#__PURE__*/React__default['default'].createElement(PillAddon, null, rightAddon));
+  }, otherProps), {}, {
+    children: [leftAddon && /*#__PURE__*/_jsx__default["default"](PillAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](PillLabel, {}, void 0, label), rightAddon && /*#__PURE__*/_jsx__default["default"](PillAddon, {}, void 0, rightAddon)]
+  }));
 }
 
-var props = {
+const props = {
   /** props to inject to pill wrapper */
   containerProps: reactDesc.PropTypes.object.description('props to inject to pill wrapper'),
 
@@ -68,11 +80,9 @@ var props = {
   /** addon component to right */
   rightAddon: reactDesc.PropTypes.node.description('addon component to right')
 };
-Pill.propTypes = props;
-var DSPillWithSchema = reactDesc.describe(Pill);
+const DSPillWithSchema = reactDesc.describe(Pill);
 DSPillWithSchema.propTypes = props;
 
 exports.DSPillWithSchema = DSPillWithSchema;
 exports.Pill = Pill;
-exports['default'] = Pill;
-//# sourceMappingURL=Pill.js.map
+exports["default"] = Pill;

package/cjs/deprecated/PillGroup.js

@@ -2,27 +2,40 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+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 reactDesc = require('react-desc');
 var dsClassnames = require('@elliemae/ds-classnames');
 var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
+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 FocusGroupProvider__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupProvider);
 
-var pillGroupBlockName = 'pill-group';
-var Container = dsClassnames.aggregatedClasses('div')(pillGroupBlockName);
-
-var PillGroup = function PillGroup(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      onFocusNextGroup = _ref.onFocusNextGroup,
-      onFocusPreviousGroup = _ref.onFocusPreviousGroup,
-      onFocusGroupSet = _ref.onFocusGroupSet,
-      children = _ref.children;
-  return /*#__PURE__*/React__default['default'].createElement(FocusGroupProvider__default['default'], {
+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 pillGroupBlockName = 'pill-group';
+const Container = dsClassnames.aggregatedClasses('div')(pillGroupBlockName);
+
+const PillGroup = _ref => {
+  let {
+    containerProps = {},
+    onFocusNextGroup,
+    onFocusPreviousGroup,
+    onFocusGroupSet,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
     keyBindings: {
       Tab: 'next'
     },
@@ -30,10 +43,12 @@ var PillGroup = function PillGroup(_ref) {
     onFocusNextGroup: onFocusNextGroup,
     onFocusPreviousGroup: onFocusPreviousGroup,
     orientation: "horizontal"
-  }, /*#__PURE__*/React__default['default'].createElement(Container, containerProps, children));
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: children
+  })));
 };
 
-var props = {
+const props = {
   /** props injected to component wrapper */
   containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
 
@@ -49,11 +64,9 @@ var props = {
   /** pill components */
   children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.node), reactDesc.PropTypes.node]).isRequired.description('pill components')
 };
-PillGroup.propTypes = props;
-var DSPillGroupWithSchema = reactDesc.describe(PillGroup);
+const DSPillGroupWithSchema = reactDesc.describe(PillGroup);
 DSPillGroupWithSchema.propTypes = props;
 
 exports.Container = Container;
 exports.DSPillGroupWithSchema = DSPillGroupWithSchema;
 exports.PillGroup = PillGroup;
-//# sourceMappingURL=PillGroup.js.map

package/cjs/deprecated/ReadOnlyPill.js

@@ -2,96 +2,82 @@
 
 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 reactDesc = require('react-desc');
 var dsIcons = require('@elliemae/ds-icons');
 var DSModal = require('@elliemae/ds-modal');
 var Popover = require('@elliemae/ds-popover');
-var deprecated_Pill = require('./Pill.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-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 _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
 var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
 
-var ReadOnlyPill = function ReadOnlyPill(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$modalContent = _ref.modalContent,
-      modalContent = _ref$modalContent === void 0 ? '' : _ref$modalContent,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      leftAddon = _ref.leftAddon,
-      _ref$modalTitle = _ref.modalTitle,
-      modalTitle = _ref$modalTitle === void 0 ? '' : _ref$modalTitle,
-      _ref$tooltipText = _ref.tooltipText,
-      tooltipText = _ref$tooltipText === void 0 ? '' : _ref$tooltipText;
-  var ref = React.useRef(null);
+const ReadOnlyPill = _ref => {
+  let {
+    containerProps = {},
+    modalContent = '',
+    label = '',
+    leftAddon,
+    modalTitle = '',
+    tooltipText = ''
+  } = _ref;
+  const ref = React.useRef(null);
+  const [isModalOpen, setIsModalOpen] = React.useState(false);
+  const [isTooltipOpen, setIsTooltipOpen] = React.useState(false);
 
-  var _useState = React.useState(false),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      isModalOpen = _useState2[0],
-      setIsModalOpen = _useState2[1];
-
-  var _useState3 = React.useState(false),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      isTooltipOpen = _useState4[0],
-      setIsTooltipOpen = _useState4[1];
-
-  var toggle = function toggle() {
+  const toggle = () => {
     setIsModalOpen(!isModalOpen);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(deprecated_Pill.Pill, {
-    "data-testid": "read-only-pill",
-    className: "removable-pill",
-    containerProps: containerProps,
-    innerRef: ref,
-    label: label,
-    leftAddon: leftAddon,
-    rightAddon: /*#__PURE__*/React__default['default'].createElement(Popover__default['default'], {
-      isOpen: tooltipText && isTooltipOpen,
-      content: tooltipText,
-      placement: "top",
-      showArrow: true,
-      renderTrigger: function renderTrigger(_ref2) {
-        var ref = _ref2.ref;
-        return /*#__PURE__*/React__default['default'].createElement(dsIcons.InfoCircleSmall, {
-          role: "button",
-          "data-testid": "read-only-info-btn",
-          className: "remove-pill-button",
-          onClick: toggle,
-          onMouseEnter: function onMouseEnter() {
-            return setIsTooltipOpen(true);
-          },
-          onMouseLeave: function onMouseLeave() {
-            return setIsTooltipOpen(false);
-          },
-          color: ['brand-primary', '600'],
-          innerRef: ref
-        });
-      }
-    }),
-    tabIndex: -1
-  }), /*#__PURE__*/React__default['default'].createElement(DSModal__default['default'], {
-    isOpen: isModalOpen,
-    showClose: true,
-    shouldCloseOnOverlayClick: true,
-    modalTitle: modalTitle,
-    modalType: DSModal.MODAL_TYPE_V2.INFORMATION,
-    onClose: toggle,
-    version: 2
-  }, modalContent));
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/_jsx__default["default"](Pill.Pill, {
+      "data-testid": "read-only-pill",
+      className: "removable-pill",
+      containerProps: containerProps,
+      innerRef: ref,
+      label: label,
+      leftAddon: leftAddon,
+      rightAddon: /*#__PURE__*/_jsx__default["default"](Popover__default["default"], {
+        isOpen: tooltipText && isTooltipOpen,
+        content: tooltipText,
+        placement: "top",
+        showArrow: true,
+        renderTrigger: _ref2 => {
+          let {
+            ref
+          } = _ref2;
+          return /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircleSmall, {
+            role: "button",
+            "data-testid": "read-only-info-btn",
+            className: "remove-pill-button",
+            onClick: toggle,
+            onMouseEnter: () => setIsTooltipOpen(true),
+            onMouseLeave: () => setIsTooltipOpen(false),
+            color: ['brand-primary', '600'],
+            innerRef: ref
+          });
+        }
+      }),
+      tabIndex: -1
+    }), /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {
+      isOpen: isModalOpen,
+      showClose: true,
+      shouldCloseOnOverlayClick: true,
+      modalTitle: modalTitle,
+      modalType: DSModal.MODAL_TYPE_V2.INFORMATION,
+      onClose: toggle,
+      version: 2
+    }, void 0, modalContent)]
+  });
 };
 
-var props = {
+const props = {
   /** props injected to component wrapper */
   containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
 
@@ -108,10 +94,8 @@ var props = {
   modalTitle: reactDesc.PropTypes.string.description('read only pill modal title'),
   tooltipText: reactDesc.PropTypes.string.description('text to display in tooltip')
 };
-ReadOnlyPill.propTypes = props;
-var DSReadOnlyPillWithSchema = reactDesc.describe(ReadOnlyPill);
+const DSReadOnlyPillWithSchema = reactDesc.describe(ReadOnlyPill);
 DSReadOnlyPillWithSchema.propTypes = props;
 
 exports.DSReadOnlyPillWithSchema = DSReadOnlyPillWithSchema;
 exports.ReadOnlyPill = ReadOnlyPill;
-//# sourceMappingURL=ReadOnlyPill.js.map

package/cjs/deprecated/RemovablePill.js

@@ -2,37 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
 var dsUtilities = require('@elliemae/ds-utilities');
 var dsIcons = require('@elliemae/ds-icons');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-var deprecated_Pill = require('./Pill.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('@elliemae/ds-classnames');
+var Pill = require('./Pill.js');
 
 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 useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
 
 function RemovablePill(_ref) {
-  var _ref$containerProps = _ref.containerProps,
-      containerProps = _ref$containerProps === void 0 ? {} : _ref$containerProps,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      onRemove = _ref.onRemove,
-      _ref$size = _ref.size,
-      size = _ref$size === void 0 ? 'm' : _ref$size,
-      leftAddon = _ref.leftAddon;
-  var ref = React.useRef(null);
-
-  var _useFocusGroupItem = useFocusGroupItem__default['default'](ref),
-      focusPrevious = _useFocusGroupItem.focusPrevious;
-
-  return /*#__PURE__*/React__default['default'].createElement(deprecated_Pill.Pill, {
+  let {
+    containerProps = {},
+    label = '',
+    onRemove,
+    size = 'm',
+    leftAddon
+  } = _ref;
+  const ref = React.useRef(null);
+  const {
+    focusPrevious
+  } = useFocusGroupItem__default["default"](ref);
+  return /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
     className: "removable-pill",
     "data-testid": "removable-pill",
     containerProps: containerProps,
@@ -40,13 +35,13 @@ function RemovablePill(_ref) {
     size: size,
     label: label,
     leftAddon: leftAddon,
-    onKeyDown: function onKeyDown(e) {
+    onKeyDown: e => {
       if (e.key === 'Backspace' && dsUtilities.isFunction(onRemove)) {
         onRemove();
         if (dsUtilities.isFunction(focusPrevious)) focusPrevious();
       }
     },
-    rightAddon: /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
       role: "button",
       "data-testid": "remove-pill-button",
       className: "remove-pill-button",
@@ -56,7 +51,7 @@ function RemovablePill(_ref) {
   });
 }
 
-var props = {
+const props = {
   /** props injected to component wrapper */
   containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
 
@@ -72,10 +67,8 @@ var props = {
   /** addon component to left */
   leftAddon: reactDesc.PropTypes.node.description('addon component to left')
 };
-RemovablePill.propTypes = props;
-var DSRemovablePillWithSchema = reactDesc.describe(RemovablePill);
+const DSRemovablePillWithSchema = reactDesc.describe(RemovablePill);
 DSRemovablePillWithSchema.propTypes = props;
 
 exports.DSRemovablePillWithSchema = DSRemovablePillWithSchema;
 exports.RemovablePill = RemovablePill;
-//# sourceMappingURL=RemovablePill.js.map