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

package/esm/components/types/ValuePill.js

@@ -1,42 +1,45 @@
+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 from 'react';
 import { DSTooltipV2 } from '@elliemae/ds-tooltip';
 import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
 import { StyledValuePillWrapper, StyledSpanWithTooltip } from '../styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
 
-/* eslint-disable react/prop-types */
-var ValuePill = /*#__PURE__*/React.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.createElement(SimpleTruncatedTooltipText, {
+const ValuePill = /*#__PURE__*/React.memo(_ref => {
+  let {
+    label,
+    size,
+    labelTruncated,
+    tooltipValue,
+    iconLeft,
+    ariaLabel
+  } = _ref;
+  const TextComponent = labelTruncated ? _ref2 => {
+    let {
+      children
+    } = _ref2;
+    return /*#__PURE__*/_jsx(SimpleTruncatedTooltipText, {
       value: children
     });
   } : React.Fragment;
-  return /*#__PURE__*/React.createElement(StyledValuePillWrapper, {
+  return /*#__PURE__*/_jsx(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.createElement(DSTooltipV2, {
+  }, void 0, iconLeft, tooltipValue !== '' ? /*#__PURE__*/_jsx(DSTooltipV2, {
     title: tooltipValue,
-    triggerComponent: /*#__PURE__*/React.createElement(StyledSpanWithTooltip, {
+    triggerComponent: /*#__PURE__*/_jsx(StyledSpanWithTooltip, {
       className: "ds-pill-tooltip-value",
       tabIndex: 0
-    }, label)
-  }) : /*#__PURE__*/React.createElement(TextComponent, null, label));
+    }, void 0, label)
+  }) : /*#__PURE__*/_jsx(TextComponent, {}, void 0, label));
 });
 
 export { ValuePill };
-//# sourceMappingURL=ValuePill.js.map

package/esm/components/types/index.js

@@ -4,25 +4,3 @@ export { LabelPill } from './LabelPill.js';
 export { ReadOnlyPill } from './ReadOnlyPill.js';
 export { RemovablePill } from './RemovablePill.js';
 export { ValuePill } from './ValuePill.js';
-import '@babel/runtime/helpers/esm/extends';
-import 'react';
-import '@elliemae/ds-dropdownmenu';
-import 'uid';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-truncated-tooltip-text';
-import '../styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
-import '../../utils.js';
-import '../PillButton.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react-desc';
-import '@elliemae/ds-props-helpers';
-import '../../props.js';
-import '@elliemae/ds-form';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '../PillGroup.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-tooltip';
-//# sourceMappingURL=index.js.map

package/esm/deprecated/DropdownPill.js

@@ -1,46 +1,46 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React, { useRef, useState } from 'react';
+import 'core-js/modules/web.dom-collections.iterator.js';
+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 { useRef, useState } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import DSDropdownMenu from '@elliemae/ds-dropdownmenu';
 import { ChevronDown } from '@elliemae/ds-icons';
 import useFocusGroupItem from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
 import { Pill } from './Pill.js';
-import '@elliemae/ds-classnames';
+import { jsx } from 'react/jsx-runtime';
 
-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(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,
+  let {
+    containerProps = {},
+    label = '',
+    variant,
+    tabIndex = -1,
+    closeMenuOnItemSelection = false,
+    maxWidth,
+    minWidth
+  } = _ref,
       dropdownProps = _objectWithoutProperties(_ref, _excluded);
 
-  var ref = useRef(null);
-
-  var _useState = useState(),
-      _useState2 = _slicedToArray(_useState, 2),
-      chevronEl = _useState2[0],
-      chevronRef = _useState2[1];
-
-  var _useFocusGroupItem = useFocusGroupItem(ref),
-      focusFirst = _useFocusGroupItem.focusFirst;
-
-  return /*#__PURE__*/React.createElement(DSDropdownMenu, _extends({}, dropdownProps, {
+  const ref = useRef(null);
+  const [chevronEl, chevronRef] = useState();
+  const {
+    focusFirst
+  } = useFocusGroupItem(ref);
+  return /*#__PURE__*/jsx(DSDropdownMenu, _objectSpread(_objectSpread({}, dropdownProps), {}, {
     closeMenuOnItemSelection: closeMenuOnItemSelection,
     maxWidth: maxWidth,
     hideIfNotVisible: true,
@@ -51,7 +51,7 @@ function DropdownPill(_ref) {
     minWidth: minWidth,
     onClose: focusFirst,
     referenceNode: chevronEl,
-    triggerComponent: /*#__PURE__*/React.createElement(Pill, {
+    triggerComponent: /*#__PURE__*/_jsx(Pill, {
       "data-testid": "dropdown-pill",
       className: "dropdown-pill",
       containerProps: _objectSpread({
@@ -59,19 +59,20 @@ function DropdownPill(_ref) {
       }, containerProps),
       innerRef: ref,
       label: label,
-      rightAddon: /*#__PURE__*/React.createElement("div", {
-        ref: chevronRef
-      }, /*#__PURE__*/React.createElement(ChevronDown, {
-        className: "dropdown-pill-chevron-down",
-        "data-testid": "dropdown-pill-button"
-      })),
+      rightAddon: /*#__PURE__*/jsx("div", {
+        ref: chevronRef,
+        children: _ChevronDown || (_ChevronDown = /*#__PURE__*/_jsx(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: PropTypes.object.description('props injected to component wrapper'),
 
@@ -93,9 +94,7 @@ var props = {
   /** pill min width */
   minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width')
 };
-DropdownPill.propTypes = props;
-var DSDropdownPillWithSchema = describe(DropdownPill);
+const DSDropdownPillWithSchema = describe(DropdownPill);
 DSDropdownPillWithSchema.propTypes = props;
 
 export { DSDropdownPillWithSchema, DropdownPill };
-//# sourceMappingURL=DropdownPill.js.map

package/esm/deprecated/InputPill.js

@@ -1,33 +1,43 @@
-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 { CloseXsmall } from '@elliemae/ds-icons';
 import { aggregatedClasses } from '@elliemae/ds-classnames';
 import { DSInput, DSInputMask } from '@elliemae/ds-form';
 import { Pill } from './Pill.js';
-import '@babel/runtime/helpers/esm/defineProperty';
-import 'react-desc';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["containerProps", "placeholder", "onChange", "onRemove", "value", "type"];
-var StyledInputPill = aggregatedClasses(Pill)('input-pill', null, function (_ref) {
-  var value = _ref.value;
+const _excluded = ["containerProps", "placeholder", "onChange", "onRemove", "value", "type"];
+
+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 StyledInputPill = aggregatedClasses(Pill)('input-pill', null, _ref => {
+  let {
+    value
+  } = _ref;
   return {
-    value: value
+    value
   };
 });
 function InputPill(_ref2) {
-  var _ref2$containerProps = _ref2.containerProps,
-      containerProps = _ref2$containerProps === void 0 ? {} : _ref2$containerProps,
-      _ref2$placeholder = _ref2.placeholder,
-      placeholder = _ref2$placeholder === void 0 ? 'Enter Value' : _ref2$placeholder,
-      _ref2$onChange = _ref2.onChange,
-      onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
-      onRemove = _ref2.onRemove,
-      value = _ref2.value,
-      type = _ref2.type,
+  let {
+    containerProps = {},
+    placeholder = 'Enter Value',
+    onChange = () => {},
+    onRemove,
+    value,
+    type
+  } = _ref2,
       otherProps = _objectWithoutProperties(_ref2, _excluded);
 
-  var TypeOfInput = DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
+  let TypeOfInput = DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
   // TODO: implement the DSDateInput
 
   switch (type) {
@@ -40,19 +50,19 @@ function InputPill(_ref2) {
       break;
   }
 
-  return /*#__PURE__*/React.createElement(StyledInputPill, {
+  return /*#__PURE__*/_jsx(StyledInputPill, {
     className: "input-pill",
     classProps: {
-      value: value
+      value
     },
     containerProps: containerProps,
-    label: /*#__PURE__*/React.createElement(TypeOfInput, _extends({
+    label: /*#__PURE__*/jsx(TypeOfInput, _objectSpread({
       "data-testid": "input-pill",
       onChange: onChange,
       placeholder: placeholder,
       value: value
     }, otherProps)),
-    rightAddon: value && /*#__PURE__*/React.createElement(CloseXsmall, {
+    rightAddon: value && /*#__PURE__*/_jsx(CloseXsmall, {
       className: "remove-pill-button",
       "data-testid": "remove-pill-button",
       onClick: onRemove
@@ -62,4 +72,3 @@ function InputPill(_ref2) {
 }
 
 export { InputPill };
-//# sourceMappingURL=InputPill.js.map

package/esm/deprecated/LabeledDropdownPills.js

@@ -1,61 +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 _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 { PropTypes, describe } from 'react-desc';
 import { PillGroup } from './PillGroup.js';
 import LabeledDropdownSinglePill from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js';
 import LabeledDropdownMultiPills from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js';
 import LabeledDropdownCascadeMenuPill from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'prop-types';
-import '@elliemae/ds-utilities';
-import './DropdownPill.js';
-import '@elliemae/ds-dropdownmenu';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import './Pill.js';
-import './InputPill.js';
-import '@elliemae/ds-form';
-import './RemovablePill.js';
-import './LabeledDropdownPillsTypes/utils.js';
-import 'lodash';
-import './OverflowPill.js';
-import '@elliemae/ds-tooltip';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-
-var _excluded = ["label", "value", "type", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth", "fixed"];
-var DropdownPills = {
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["label", "value", "type", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth", "fixed"];
+
+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 DropdownPills = {
   single: LabeledDropdownSinglePill,
   multi: LabeledDropdownMultiPills,
   cascaded: LabeledDropdownCascadeMenuPill
 };
 
-var createDropdownPill = function createDropdownPill(type) {
-  return DropdownPills[type] || DropdownPills.single;
-};
+const createDropdownPill = type => DropdownPills[type] || DropdownPills.single;
 
 function LabeledDropdownPills(_ref) {
-  var _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      value = _ref.value,
-      type = _ref.type,
-      onFocusNextGroup = _ref.onFocusNextGroup,
-      onFocusPreviousGroup = _ref.onFocusPreviousGroup,
-      onFocusGroupSet = _ref.onFocusGroupSet,
-      maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      fixed = _ref.fixed,
+  let {
+    label = '',
+    value,
+    type,
+    onFocusNextGroup,
+    onFocusPreviousGroup,
+    onFocusGroupSet,
+    maxWidth,
+    minWidth,
+    fixed
+  } = _ref,
       menuProps = _objectWithoutProperties(_ref, _excluded);
 
-  var Component = createDropdownPill(type);
-  return /*#__PURE__*/React.createElement(PillGroup, {
+  const Component = createDropdownPill(type);
+  return /*#__PURE__*/_jsx(PillGroup, {
     onFocusGroupSet: onFocusGroupSet,
     onFocusNextGroup: onFocusNextGroup,
     onFocusPreviousGroup: onFocusPreviousGroup
-  }, /*#__PURE__*/React.createElement(Component, _extends({}, menuProps, {
+  }, void 0, /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, menuProps), {}, {
     label: label,
     maxWidth: maxWidth,
     minWidth: minWidth,
@@ -64,7 +55,7 @@ function LabeledDropdownPills(_ref) {
   })));
 }
 
-var props = {
+const props = {
   /** pill type */
   type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description('pill type'),
 
@@ -98,9 +89,7 @@ var props = {
     label: PropTypes.string
   })]).description('pill value')
 };
-LabeledDropdownPills.propTypes = props;
-var DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);
+const DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);
 DSLabeledDropdownPillsWithSchema.propTypes = props;
 
 export { DSLabeledDropdownPillsWithSchema, LabeledDropdownPills };
-//# sourceMappingURL=LabeledDropdownPills.js.map

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,129 +1,126 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+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 _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _extends from '@babel/runtime/helpers/esm/extends';
-import React from 'react';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/web.dom-collections.iterator.js';
+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 { createElement } from 'react';
 import { isFunction, addOrRemove } from '@elliemae/ds-utilities';
 import { PillGroup } from '../PillGroup.js';
 import { RemovablePill } from '../RemovablePill.js';
 import { DropdownPill } from '../DropdownPill.js';
-import 'react-desc';
-import '@elliemae/ds-classnames';
-import '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';
-import '../Pill.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import '@elliemae/ds-dropdownmenu';
+import { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["label", "options", "value", "onChange", "onRemove", "value", "placeholder", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth"];
 
-var _excluded = ["label", "options", "value", "onChange", "onRemove", "value", "placeholder", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "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(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 renderMenuItems(options, factory) {
-  return options.map(function (option, index) {
-    var ItemComponent = factory('radio');
+  return options.map((option, index) => {
+    const ItemComponent = factory('radio');
 
     if (option.type === 'submenu') {
-      var SubmenuComponent = factory('submenu');
-      var ChildComponent = factory('selection-group');
-      return /*#__PURE__*/React.createElement(SubmenuComponent, _extends({}, option, {
+      const SubmenuComponent = factory('submenu');
+      const ChildComponent = factory('selection-group');
+      return /*#__PURE__*/createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
         key: option.id,
         item: option
-      }), /*#__PURE__*/React.createElement(ChildComponent, _extends({}, option, {
+      }), /*#__PURE__*/jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
         id: option.id,
         item: option,
         items: option.items,
-        itemValueAccessor: function itemValueAccessor(item) {
-          return item;
-        },
+        itemValueAccessor: item => item,
         multi: true
       })));
     }
 
-    return /*#__PURE__*/React.createElement(ItemComponent, _extends({}, option, {
+    return /*#__PURE__*/createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
       key: option.id || index,
       item: option
     }));
   });
 }
 
-var getSubmenuOptionLabelById = function getSubmenuOptionLabelById(options, id) {
-  var index = options.findIndex(function (option) {
-    return option.id === id;
-  });
+const getSubmenuOptionLabelById = (options, id) => {
+  const index = options.findIndex(option => option.id === id);
   return index ? options[index].label : '';
 };
 
 function LabeledDropdownCascadeMenuPill(_ref) {
-  _ref.label;
-      var options = _ref.options;
-      _ref.value;
-      var onChange = _ref.onChange,
-      onRemove = _ref.onRemove,
-      _ref$value = _ref.value,
-      selection = _ref$value === void 0 ? {} : _ref$value,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? '---' : _ref$placeholder,
-      onFocusNextGroup = _ref.onFocusNextGroup,
-      onFocusPreviousGroup = _ref.onFocusPreviousGroup,
-      onFocusGroupSet = _ref.onFocusGroupSet,
-      maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
+  let {
+    label,
+    options,
+    value: optionValue,
+    onChange,
+    onRemove,
+    value: selection = {},
+    placeholder = '---',
+    onFocusNextGroup,
+    onFocusPreviousGroup,
+    onFocusGroupSet,
+    maxWidth,
+    minWidth
+  } = _ref,
       menuProps = _objectWithoutProperties(_ref, _excluded);
 
-  var selectionId = Object.keys(selection)[0];
-  var selectionValues = selection[selectionId] || '';
-  var dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
+  const selectionId = Object.keys(selection)[0];
+  const selectionValues = selection[selectionId] || '';
+  const dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
 
-  var handleSelectChange = function handleSelectChange(_ref2) {
-    var item = _ref2.item,
-        group = _ref2.group;
+  const handleSelectChange = _ref2 => {
+    let {
+      item,
+      group
+    } = _ref2;
 
     if (isFunction(onChange)) {
-      var nextSelection = group ? _defineProperty({}, group.id, addOrRemove(_toConsumableArray(selection[group.id] || []), item, function (o) {
-        return o.id;
-      })) : _defineProperty({}, item.id, item.label);
+      const nextSelection = group ? {
+        [group.id]: addOrRemove([...(selection[group.id] || [])], item, o => o.id)
+      } : {
+        [item.id]: item.label
+      };
       onChange(nextSelection);
     }
   };
 
-  var removeOption = function removeOption(option) {
+  const removeOption = option => {
     if (isFunction(onChange)) {
-      var nextSelection = _defineProperty({}, selectionId, selectionValues.filter(function (val) {
-        return option.id !== val.id;
-      }));
-
+      const nextSelection = {
+        [selectionId]: selectionValues.filter(val => option.id !== val.id)
+      };
       onChange(nextSelection);
     }
 
     onRemove(option);
   };
 
-  return /*#__PURE__*/React.createElement(PillGroup, {
+  return /*#__PURE__*/_jsx(PillGroup, {
     onFocusGroupSet: onFocusGroupSet,
     onFocusNextGroup: onFocusNextGroup,
     onFocusPreviousGroup: onFocusPreviousGroup
-  }, /*#__PURE__*/React.createElement(DropdownPill, _extends({}, menuProps, {
+  }, void 0, /*#__PURE__*/jsx(DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
     itemsRenderer: renderMenuItems,
     label: dropdownLabel || placeholder,
     maxWidth: maxWidth,
     minWidth: minWidth,
     onSelectChange: handleSelectChange,
     options: options,
-    selection: _defineProperty({}, selectionId, Array.isArray(selectionValues) ? selectionValues.map(function (v) {
-      return v.id;
-    }) : selectionValues),
+    selection: {
+      [selectionId]: Array.isArray(selectionValues) ? selectionValues.map(v => v.id) : selectionValues
+    },
     singleGroupSelection: true,
     variant: "title"
-  })), Array.isArray(selectionValues) && selectionValues.map(function (option) {
-    return /*#__PURE__*/React.createElement(RemovablePill, {
-      key: option.id,
-      label: option.label,
-      onRemove: function onRemove() {
-        return removeOption(option);
-      }
-    });
-  }));
+  })), Array.isArray(selectionValues) && selectionValues.map(option => /*#__PURE__*/_jsx(RemovablePill, {
+    label: option.label,
+    onRemove: () => removeOption(option)
+  }, option.id)));
 }
 
 export { LabeledDropdownCascadeMenuPill as default };
-//# sourceMappingURL=LabeledDropdownCascadeMenuPill.js.map