@elliemae/ds-pills 2.2.0-alpha.3 → 2.2.0-next.2

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -1,154 +1,162 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var LabeledDropdownSinglePill_exports = {};
-__export(LabeledDropdownSinglePill_exports, {
-  LabeledDropdownSinglePill: () => LabeledDropdownSinglePill,
-  default: () => LabeledDropdownSinglePill_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_prop_types = __toESM(require("prop-types"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_DropdownPill = __toESM(require("../DropdownPill"));
-var import_InputPill = __toESM(require("../InputPill"));
-var import_Pill = __toESM(require("../Pill"));
-var import_RemovablePill = __toESM(require("../RemovablePill"));
-var import_utils = __toESM(require("./utils"));
-function LabeledDropdownSinglePill({
-  label,
-  labelIsValue = false,
-  options,
-  value,
-  onSelect = () => null,
-  onChange,
-  maxWidth,
-  minWidth,
-  fixed = false,
-  ...menuProps
-}) {
-  const [optionValue, setOptionValue] = (0, import_react.useState)(value);
-  const prevOptions = (0, import_ds_utilities.usePrevious)(options);
-  const areOptionsEqual = (0, import_ds_utilities.useShouldRecalculate)((0, import_utils.hasOptionChanged)(prevOptions, options));
-  (0, import_react.useEffect)(() => setOptionValue(value), [value]);
-  (0, import_react.useEffect)(() => {
-    const selectedValue = options.find((option) => option.selected);
+'use strict';
+
+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.find.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.async-iterator.filter.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 dsUtilities = require('@elliemae/ds-utilities');
+var DropdownPill = require('../DropdownPill.js');
+var InputPill = require('../InputPill.js');
+var Pill = require('../Pill.js');
+var RemovablePill = require('../RemovablePill.js');
+var utils = require('./utils.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 _Pill;
+
+const _excluded = ["label", "labelIsValue", "options", "value", "onSelect", "onChange", "maxWidth", "minWidth", "fixed"],
+      _excluded2 = ["input", "onChangeInput"];
+
+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 LabeledDropdownSinglePill(_ref) {
+  let {
+    label,
+    labelIsValue = false,
+    options,
+    value,
+    onSelect = () => null,
+    onChange,
+    maxWidth,
+    minWidth,
+    fixed = false
+  } = _ref,
+      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const [optionValue, setOptionValue] = React.useState(value);
+  const prevOptions = dsUtilities.usePrevious(options);
+  const areOptionsEqual = dsUtilities.useShouldRecalculate(utils.hasOptionChanged(prevOptions, options));
+  React.useEffect(() => setOptionValue(value), [value]);
+  React.useEffect(() => {
+    const selectedValue = options.find(option => option.selected);
+
     if (selectedValue) {
       setOptionValue(selectedValue);
     } else if (!selectedValue) {
       setOptionValue(options[0]);
     }
   }, [areOptionsEqual]);
-  (0, import_react.useLayoutEffect)(() => {
+  React.useLayoutEffect(() => {
     if (optionValue) {
-      const selectedValue = options.find((option) => option.id === optionValue.id);
+      const selectedValue = options.find(option => option.id === optionValue.id);
       setOptionValue(selectedValue);
     }
   }, [options]);
-  const selectOption = (0, import_react.useCallback)((option) => {
-    if ((0, import_ds_utilities.isFunction)(onChange)) {
+  const selectOption = React.useCallback(option => {
+    if (dsUtilities.isFunction(onChange)) {
       onChange(option);
     }
+
     setOptionValue(option);
     onSelect(option);
   }, [onChange, onSelect]);
-  const onChangeInputValue = (0, import_react.useCallback)(({ target: { value: inputValue } }) => {
-    const { onChangeInput } = optionValue;
+  const onChangeInputValue = React.useCallback(_ref2 => {
+    let {
+      target: {
+        value: inputValue
+      }
+    } = _ref2;
+    const {
+      onChangeInput
+    } = optionValue;
     onChangeInput && onChangeInput(inputValue);
   }, [optionValue]);
-  const removeOption = (removedOption) => {
-    const { onRemove } = menuProps;
-    const { onChangeInput } = optionValue;
+
+  const removeOption = removedOption => {
+    const {
+      onRemove
+    } = menuProps;
+    const {
+      onChangeInput
+    } = optionValue;
     setOptionValue(null);
-    onChangeInput && onChangeInput("");
-    const newOption = { ...removedOption, input: "" };
+    onChangeInput && onChangeInput('');
+
+    const newOption = _objectSpread(_objectSpread({}, removedOption), {}, {
+      input: ''
+    });
+
     onRemove && onRemove(newOption, removedOption);
   };
-  const renderPill = (option, fixed2) => {
-    const { input, onChangeInput, ...otherProps } = option;
+
+  const renderPill = (option, fixed) => {
+    const {
+      input,
+      onChangeInput
+    } = option,
+          otherProps = _objectWithoutProperties__default["default"](option, _excluded2);
+
     let SelectedPill;
-    if ((0, import_ds_utilities.isString)(input)) {
-      SelectedPill = import_InputPill.InputPill;
-    } else if (fixed2) {
-      SelectedPill = import_Pill.Pill;
+
+    if (dsUtilities.isString(input)) {
+      SelectedPill = InputPill.InputPill;
+    } else if (fixed) {
+      SelectedPill = Pill.Pill;
     } else {
-      SelectedPill = import_RemovablePill.RemovablePill;
+      SelectedPill = RemovablePill.RemovablePill;
     }
-    return /* @__PURE__ */ import_react.default.createElement(SelectedPill, {
-      key: option.id,
+
+    return /*#__PURE__*/jsxRuntime.jsx(SelectedPill, _objectSpread({
       label: option.label,
       onChange: onChangeInputValue,
-      onRemove: (e) => removeOption(option, e),
-      value: input,
-      ...otherProps
-    });
+      onRemove: e => removeOption(option),
+      value: input
+    }, otherProps), option.id);
   };
+
   const renderSelection = () => {
     if (!labelIsValue) {
-      if (optionValue)
-        return renderPill(optionValue, fixed);
-      return /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
+      if (optionValue) return renderPill(optionValue, fixed);
+      return _Pill || (_Pill = /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
         label: "-"
-      });
+      }));
     }
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, {
-    ...menuProps,
-    label: !labelIsValue ? label : optionValue?.label,
-    maxWidth,
-    minWidth,
-    onSelectMenuItem: selectOption,
-    options: [
-      {
-        ...menuProps,
-        type: "SelectionGroup",
-        id: "multi-selection-views",
+
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(DropdownPill.DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
+      label: !labelIsValue ? label : optionValue === null || optionValue === void 0 ? void 0 : optionValue.label,
+      maxWidth: maxWidth,
+      minWidth: minWidth,
+      onSelectMenuItem: selectOption,
+      options: [_objectSpread(_objectSpread({}, menuProps), {}, {
+        type: 'SelectionGroup',
+        id: 'multi-selection-views',
         multi: false,
         items: options,
         closeOnClick: true
-      }
-    ],
-    selection: {
-      "multi-selection-views": optionValue ? [optionValue?.id] : ""
-    },
-    variant: "title"
-  }), renderSelection());
+      })],
+      selection: {
+        'multi-selection-views': optionValue ? [optionValue === null || optionValue === void 0 ? void 0 : optionValue.id] : ''
+      },
+      variant: "title"
+    })), renderSelection()]
+  });
 }
-LabeledDropdownSinglePill.propTypes = {
-  label: import_prop_types.default.string,
-  labelIsValue: import_prop_types.default.bool,
-  options: import_prop_types.default.array,
-  value: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
-  onSelect: import_prop_types.default.func,
-  onChange: import_prop_types.default.func,
-  maxWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
-  minWidth: import_prop_types.default.oneOfType([import_prop_types.default.string, import_prop_types.default.number]),
-  fixed: import_prop_types.default.bool
-};
-var LabeledDropdownSinglePill_default = LabeledDropdownSinglePill;
-module.exports = __toCommonJS(LabeledDropdownSinglePill_exports);
-//# sourceMappingURL=LabeledDropdownSinglePill.js.map
+
+module.exports = LabeledDropdownSinglePill;

package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js

@@ -1,44 +1,20 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var utils_exports = {};
-__export(utils_exports, {
-  hasOptionChanged: () => hasOptionChanged
-});
-var React = __toESM(require("react"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_lodash = __toESM(require("lodash"));
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+var dsUtilities = require('@elliemae/ds-utilities');
+var lodash = require('lodash');
+
 const hasOptionChanged = (prevOptions, options) => {
   if (prevOptions && options) {
-    const prevOptionsOmited = prevOptions.map((option) => (0, import_lodash.omit)(option, ["input", "onChangeInput", "mask"]));
-    const optionsOmited = options.map((option) => (0, import_lodash.omit)(option, ["input", "onChangeInput", "mask"]));
-    return (0, import_ds_utilities.isEqual)(prevOptionsOmited, optionsOmited);
+    const prevOptionsOmited = prevOptions.map(option => lodash.omit(option, ['input', 'onChangeInput', 'mask']));
+    const optionsOmited = options.map(option => lodash.omit(option, ['input', 'onChangeInput', 'mask']));
+    return dsUtilities.isEqual(prevOptionsOmited, optionsOmited);
   }
+
   return false;
 };
-module.exports = __toCommonJS(utils_exports);
-//# sourceMappingURL=utils.js.map
+
+exports.hasOptionChanged = hasOptionChanged;

package/cjs/deprecated/LabeledPills.js

@@ -1,75 +1,62 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var LabeledPills_exports = {};
-__export(LabeledPills_exports, {
-  DSLabeledPillsWithSchema: () => DSLabeledPillsWithSchema,
-  LabeledPills: () => LabeledPills
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_PillGroup = __toESM(require("./PillGroup"));
-var import_RemovablePill = __toESM(require("./RemovablePill"));
-var import_Pill = __toESM(require("./Pill"));
-function LabeledPills({
-  children,
-  label = "",
-  leftAddon,
-  onFocusGroupSet,
-  onFocusNextGroup,
-  onFocusPreviousGroup
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var PillGroup = require('./PillGroup.js');
+var RemovablePill = require('./RemovablePill.js');
+var Pill = require('./Pill.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+function LabeledPills(_ref) {
+  let {
+    children,
+    label = '',
+    leftAddon,
     onFocusGroupSet,
     onFocusNextGroup,
     onFocusPreviousGroup
-  }, /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
-    label,
-    leftAddon,
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
+    onFocusGroupSet: onFocusGroupSet,
+    onFocusNextGroup: onFocusNextGroup,
+    onFocusPreviousGroup: onFocusPreviousGroup
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
+    label: label,
+    leftAddon: leftAddon,
     variant: "title",
     "data-testid": "pill-title"
   }), children);
 }
+
 const props = {
-  label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
-  children: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
-    type: import_react_desc.PropTypes.oneOf([
-      import_react_desc.PropTypes.instanceOf(import_Pill.Pill),
-      import_react_desc.PropTypes.instanceOf(import_RemovablePill.RemovablePill)
-    ])
-  })).isRequired.description("pill to add the label to"),
-  leftAddon: import_react_desc.PropTypes.node.description("addon component to left"),
-  onFocusNextGroup: import_react_desc.PropTypes.func.description("focus next group callback"),
-  onFocusPreviousGroup: import_react_desc.PropTypes.func.description("focus prev group callback"),
-  onFocusGroupSet: import_react_desc.PropTypes.func.description("focus group set callback")
+  /** labeled pill text label */
+  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
+
+  /** pill to add the label to */
+  children: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
+    type: reactDesc.PropTypes.oneOf([reactDesc.PropTypes.instanceOf(Pill.Pill), reactDesc.PropTypes.instanceOf(RemovablePill.RemovablePill)])
+  })).isRequired.description('pill to add the label to'),
+
+  /** addon component to left */
+  leftAddon: reactDesc.PropTypes.node.description('addon component to left'),
+
+  /** 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')
 };
-LabeledPills.propTypes = props;
-const DSLabeledPillsWithSchema = (0, import_react_desc.describe)(LabeledPills);
+const DSLabeledPillsWithSchema = reactDesc.describe(LabeledPills);
 DSLabeledPillsWithSchema.propTypes = props;
-module.exports = __toCommonJS(LabeledPills_exports);
-//# sourceMappingURL=LabeledPills.js.map
+
+exports.DSLabeledPillsWithSchema = DSLabeledPillsWithSchema;
+exports.LabeledPills = LabeledPills;

package/cjs/deprecated/OverflowPill.js

@@ -1,79 +1,73 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var OverflowPill_exports = {};
-__export(OverflowPill_exports, {
-  DSOverflowPillWithSchema: () => DSOverflowPillWithSchema,
-  OverflowPill: () => OverflowPill
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_useFocusGroupItem = __toESM(require("@elliemae/ds-shared/FocusGroup/useFocusGroupItem"));
-var import_ds_tooltip = __toESM(require("@elliemae/ds-tooltip"));
-var import_Pill = __toESM(require("./Pill"));
-function OverflowPill({ containerProps = {}, label = "", options = [] }) {
-  const ref = (0, import_react.useRef)(null);
-  const [tooltipIsOpen, setTooltipIsOpen] = (0, import_react.useState)(false);
-  const [tooltipText, setTooltipText] = (0, import_react.useState)("");
-  (0, import_react.useEffect)(() => {
-    let text = "";
-    options.forEach((option) => {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+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 Pill = require('./Pill.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
+var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
+
+function OverflowPill(_ref) {
+  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 = `${option.label}`;
+        text = "".concat(option.label);
       } else {
-        text = text.concat(`, ${option.label}`);
+        text = text.concat(", ".concat(option.label));
       }
     });
     setTooltipText(text);
   }, [options]);
-  (0, import_useFocusGroupItem.useFocusGroupItem)(ref);
-  return /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltip, {
+  useFocusGroupItem__default["default"](ref);
+  return /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
     isOpen: tooltipIsOpen,
     title: tooltipText,
     zIndex: 11,
-    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
       className: "overflow-pill",
-      containerProps,
+      containerProps: containerProps,
       innerRef: ref,
-      label,
+      label: label,
       tabIndex: -1,
       onMouseEnter: () => setTooltipIsOpen(true),
       onMouseLeave: () => setTooltipIsOpen(false)
     })
   });
 }
+
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("props to inject to pill wrapper"),
-  label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
-  options: import_react_desc.PropTypes.array.description("overflow pills options")
+  /** props to inject to pill wrapper */
+  containerProps: reactDesc.PropTypes.object.description('props to inject to pill wrapper'),
+
+  /** pill text label */
+  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
+
+  /** overflow pills options */
+  options: reactDesc.PropTypes.array.description('overflow pills options')
 };
-OverflowPill.propTypes = props;
-const DSOverflowPillWithSchema = (0, import_react_desc.describe)(OverflowPill);
+const DSOverflowPillWithSchema = reactDesc.describe(OverflowPill);
 DSOverflowPillWithSchema.propTypes = props;
-module.exports = __toCommonJS(OverflowPill_exports);
-//# sourceMappingURL=OverflowPill.js.map
+
+exports.DSOverflowPillWithSchema = DSOverflowPillWithSchema;
+exports.OverflowPill = OverflowPill;