@elliemae/ds-pills 3.0.0-next.1 → 3.0.0-next.13

package/cjs/components/types/InputPill.js

@@ -1,74 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 styled = require('../styled.js');
-var utils = require('../../utils.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);
-
-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]);
-  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
-  }, void 0, /*#__PURE__*/_jsx__default["default"](InputComponent, {
-    id: pillUid,
-    className: "ds-pill-focus-point",
-    "data-testid": "ds-pill-input",
-    innerRef: utils.setMultipleRefs(ref, innerRef),
-    value: label,
-    onChange: onInputChange,
-    placeholder: inputPlaceholder,
-    onFocus: () => setInputHasFocus(true),
-    onBlur: () => setInputHasFocus(false),
-    disableTooltip: false
-  }), label !== '' && /*#__PURE__*/_jsx__default["default"](PillButton.DSPillButton, {
-    id: pillUid,
-    "data-testid": "ds-pill-clear-icon",
-    innerRef: innerRef,
-    onClick: onCloseIconClick,
-    onKeyDown: onCloseIconClick,
-    "aria-label": "Clear input",
-    type: "right"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
-    size: "s",
-    color: ['brand-primary', '700']
-  })));
-});
-
-exports.InputPill = InputPill;

package/cjs/components/types/LabelPill.js

@@ -1,46 +0,0 @@
-'use strict';
-
-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 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);
-
-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__*/_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(notFalse => notFalse),
-    gutter: "xxxs",
-    hasIcon: iconLeft !== null
-  }, void 0, iconLeft, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label));
-});
-
-exports.LabelPill = LabelPill;

package/cjs/components/types/ReadOnlyPill.js

@@ -1,50 +0,0 @@
-'use strict';
-
-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 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);
-
-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__*/_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(notFalse => notFalse),
-    gutter: "xxxs",
-    hasIconRight: hasIconRight,
-    hasIconLeft: hasIconLeft
-  }, void 0, iconLeft, label ? /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label) : null, iconRight);
-});
-
-exports.ReadOnlyPill = ReadOnlyPill;

package/cjs/components/types/RemovablePill.js

@@ -1,72 +0,0 @@
-'use strict';
-
-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 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);
-
-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;
-  const onKeyDown = React.useCallback(e => {
-    if (['Enter', 'Space'].includes(e.code)) {
-      e.preventDefault();
-      if (onKeyboardRemove) onKeyboardRemove(pillUid);
-      onRemove(e);
-    }
-  }, [onKeyboardRemove, onRemove, pillUid]);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledRemovablePillWrapper, {
-    size: size,
-    cols: ['auto', '24px'],
-    gutter: "2px",
-    alignItems: "center",
-    justifyItems: "center",
-    className: "ds-pill-wrapper ds-pill-wrapper-removable",
-    "data-testid": "ds-pill-wrapper",
-    "aria-label": ariaLabel || label
-  }, 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",
-    innerRef: innerRef,
-    onClick: onRemove,
-    onKeyDown: onKeyDown,
-    "aria-label": "Remove ".concat(label),
-    type: "right"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
-    width: 22.65,
-    height: 22.65,
-    color: ['brand-primary', '700']
-  })));
-});
-
-exports.RemovablePill = RemovablePill;

package/cjs/components/types/ValuePill.js

@@ -1,54 +0,0 @@
-'use strict';
-
-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 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);
-
-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__*/_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(notFalse => notFalse),
-    gutter: "xxxs",
-    hasIcon: iconLeft !== null
-  }, void 0, iconLeft, tooltipValue !== '' ? /*#__PURE__*/_jsx__default["default"](DSTooltip.DSTooltipV2, {
-    title: tooltipValue,
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](styled.StyledSpanWithTooltip, {
-      className: "ds-pill-tooltip-value",
-      tabIndex: 0
-    }, void 0, label)
-  }) : /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label));
-});
-
-exports.ValuePill = ValuePill;

package/cjs/components/types/index.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 = 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

@@ -1,113 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-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 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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
-
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-function DropdownPill(_ref) {
-  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,
-    menuProps: {
-      className: 'dropdown-pill-menu',
-      zIndex: 100
-    },
-    minWidth: minWidth,
-    onClose: focusFirst,
-    referenceNode: chevronEl,
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
-      "data-testid": "dropdown-pill",
-      className: "dropdown-pill",
-      containerProps: _objectSpread({
-        role: 'listbox'
-      }, containerProps),
-      innerRef: ref,
-      label: label,
-      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
-    })
-  }));
-}
-
-const props = {
-  /** props injected to component wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
-
-  /** labeled pill text label */
-  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
-
-  /** pill variant */
-  variant: reactDesc.PropTypes.oneOf(['value', 'title']).description('pill variant'),
-
-  /** html focus border */
-  tabIndex: reactDesc.PropTypes.number.description('html focus order'),
-
-  /** close menu on item selection */
-  closeMenuOnItemSelection: reactDesc.PropTypes.bool.description('close menu on item selection'),
-
-  /** pill max width */
-  maxWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill max width'),
-
-  /** pill min width */
-  minWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill min width')
-};
-const DSDropdownPillWithSchema = reactDesc.describe(DropdownPill);
-DSDropdownPillWithSchema.propTypes = props;
-
-exports.DSDropdownPillWithSchema = DSDropdownPillWithSchema;
-exports.DropdownPill = DropdownPill;

package/cjs/deprecated/InputPill.js

@@ -1,84 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var dsIcons = require('@elliemae/ds-icons');
-var dsClassnames = require('@elliemae/ds-classnames');
-var dsForm = require('@elliemae/ds-form');
-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 _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledInputPill = dsClassnames.aggregatedClasses(Pill.Pill)('input-pill', null, _ref => {
-  let {
-    value
-  } = _ref;
-  return {
-    value
-  };
-});
-function InputPill(_ref2) {
-  let {
-    containerProps = {},
-    placeholder = 'Enter Value',
-    onChange = () => {},
-    onRemove,
-    value,
-    type
-  } = _ref2,
-      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
-
-  let TypeOfInput = dsForm.DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
-  // TODO: implement the DSDateInput
-
-  switch (type) {
-    case 'inputText':
-      TypeOfInput = dsForm.DSInput;
-      break;
-
-    case 'inputMask':
-      TypeOfInput = dsForm.DSInputMask;
-      break;
-  }
-
-  return /*#__PURE__*/_jsx__default["default"](StyledInputPill, {
-    className: "input-pill",
-    classProps: {
-      value
-    },
-    containerProps: containerProps,
-    label: /*#__PURE__*/jsxRuntime.jsx(TypeOfInput, _objectSpread({
-      "data-testid": "input-pill",
-      onChange: onChange,
-      placeholder: placeholder,
-      value: value
-    }, otherProps)),
-    rightAddon: value && /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
-      className: "remove-pill-button",
-      "data-testid": "remove-pill-button",
-      onClick: onRemove
-    }),
-    tabIndex: -1
-  });
-}
-
-exports.InputPill = InputPill;

package/cjs/deprecated/LabeledDropdownPills.js

@@ -1,106 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var reactDesc = require('react-desc');
-var PillGroup = require('./PillGroup.js');
-var LabeledDropdownSinglePill = require('./LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js');
-var LabeledDropdownMultiPill = require('./LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js');
-var LabeledDropdownCascadeMenuPill = require('./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-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); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const DropdownPills = {
-  single: LabeledDropdownSinglePill,
-  multi: LabeledDropdownMultiPill,
-  cascaded: LabeledDropdownCascadeMenuPill
-};
-
-const createDropdownPill = type => DropdownPills[type] || DropdownPills.single;
-
-function LabeledDropdownPills(_ref) {
-  let {
-    label = '',
-    value,
-    type,
-    onFocusNextGroup,
-    onFocusPreviousGroup,
-    onFocusGroupSet,
-    maxWidth,
-    minWidth,
-    fixed
-  } = _ref,
-      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const Component = createDropdownPill(type);
-  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, menuProps), {}, {
-    label: label,
-    maxWidth: maxWidth,
-    minWidth: minWidth,
-    value: value,
-    fixed: fixed
-  })));
-}
-
-const props = {
-  /** pill type */
-  type: reactDesc.PropTypes.oneOf(['single', 'multi', 'cascaded']).description('pill type'),
-
-  /** focus next group callback */
-  onFocusNextGroup: reactDesc.PropTypes.func.description('focus next group callback'),
-
-  /** focus prev group callback */
-  onFocusPreviousGroup: reactDesc.PropTypes.func.description('focus prev group callback'),
-
-  /** focus group set callback */
-  onFocusGroupSet: reactDesc.PropTypes.func.description('focus group set callback'),
-
-  /** pill max width */
-  maxWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill max width'),
-
-  /** pill min width */
-  minWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill min width'),
-
-  /** fixed pill */
-  fixed: reactDesc.PropTypes.bool.description('fixed pill'),
-
-  /** pill label text */
-  label: reactDesc.PropTypes.string.isRequired.description('pill label text'),
-
-  /** pill value */
-  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-    id: reactDesc.PropTypes.string,
-    label: reactDesc.PropTypes.string
-  })), reactDesc.PropTypes.shape({
-    id: reactDesc.PropTypes.string,
-    label: reactDesc.PropTypes.string
-  })]).description('pill value')
-};
-const DSLabeledDropdownPillsWithSchema = reactDesc.describe(LabeledDropdownPills);
-DSLabeledDropdownPillsWithSchema.propTypes = props;
-
-exports.DSLabeledDropdownPillsWithSchema = DSLabeledDropdownPillsWithSchema;
-exports.LabeledDropdownPills = LabeledDropdownPills;