@elliemae/ds-pills 2.2.0-alpha.2 → 2.2.0-beta.0

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,102 +1,126 @@
-import * as React from "react";
-import React2 from "react";
-import { isFunction, addOrRemove } from "@elliemae/ds-utilities";
-import { PillGroup } from "../PillGroup";
-import { RemovablePill } from "../RemovablePill";
-import { DropdownPill } from "../DropdownPill";
+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 _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 { jsx } from 'react/jsx-runtime';
+
+const _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); 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(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 renderMenuItems(options, factory) {
   return options.map((option, index) => {
-    const ItemComponent = factory("radio");
-    if (option.type === "submenu") {
-      const SubmenuComponent = factory("submenu");
-      const ChildComponent = factory("selection-group");
-      return /* @__PURE__ */ React2.createElement(SubmenuComponent, {
-        ...option,
+    const ItemComponent = factory('radio');
+
+    if (option.type === 'submenu') {
+      const SubmenuComponent = factory('submenu');
+      const ChildComponent = factory('selection-group');
+      return /*#__PURE__*/createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
         key: option.id,
         item: option
-      }, /* @__PURE__ */ React2.createElement(ChildComponent, {
-        ...option,
+      }), /*#__PURE__*/jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
         id: option.id,
         item: option,
         items: option.items,
-        itemValueAccessor: (item) => item,
+        itemValueAccessor: item => item,
         multi: true
-      }));
+      })));
     }
-    return /* @__PURE__ */ React2.createElement(ItemComponent, {
-      ...option,
+
+    return /*#__PURE__*/createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
       key: option.id || index,
       item: option
-    });
+    }));
   });
 }
+
 const getSubmenuOptionLabelById = (options, id) => {
-  const index = options.findIndex((option) => option.id === id);
-  return index ? options[index].label : "";
+  const index = options.findIndex(option => option.id === id);
+  return index ? options[index].label : '';
 };
-function LabeledDropdownCascadeMenuPill({
-  label,
-  options,
-  value: optionValue,
-  onChange,
-  onRemove,
-  value: selection = {},
-  placeholder = "---",
-  onFocusNextGroup,
-  onFocusPreviousGroup,
-  onFocusGroupSet,
-  maxWidth,
-  minWidth,
-  ...menuProps
-}) {
+
+function LabeledDropdownCascadeMenuPill(_ref) {
+  let {
+    label,
+    options,
+    value: optionValue,
+    onChange,
+    onRemove,
+    value: selection = {},
+    placeholder = '---',
+    onFocusNextGroup,
+    onFocusPreviousGroup,
+    onFocusGroupSet,
+    maxWidth,
+    minWidth
+  } = _ref,
+      menuProps = _objectWithoutProperties(_ref, _excluded);
+
   const selectionId = Object.keys(selection)[0];
-  const selectionValues = selection[selectionId] || "";
+  const selectionValues = selection[selectionId] || '';
   const dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
-  const handleSelectChange = ({ item, group }) => {
+
+  const handleSelectChange = _ref2 => {
+    let {
+      item,
+      group
+    } = _ref2;
+
     if (isFunction(onChange)) {
       const nextSelection = group ? {
-        [group.id]: addOrRemove([...selection[group.id] || []], item, (o) => o.id)
+        [group.id]: addOrRemove([...(selection[group.id] || [])], item, o => o.id)
       } : {
         [item.id]: item.label
       };
       onChange(nextSelection);
     }
   };
-  const removeOption = (option) => {
+
+  const removeOption = option => {
     if (isFunction(onChange)) {
       const nextSelection = {
-        [selectionId]: selectionValues.filter((val) => option.id !== val.id)
+        [selectionId]: selectionValues.filter(val => option.id !== val.id)
       };
       onChange(nextSelection);
     }
+
     onRemove(option);
   };
-  return /* @__PURE__ */ React2.createElement(PillGroup, {
-    onFocusGroupSet,
-    onFocusNextGroup,
-    onFocusPreviousGroup
-  }, /* @__PURE__ */ React2.createElement(DropdownPill, {
-    ...menuProps,
+
+  return /*#__PURE__*/_jsx(PillGroup, {
+    onFocusGroupSet: onFocusGroupSet,
+    onFocusNextGroup: onFocusNextGroup,
+    onFocusPreviousGroup: onFocusPreviousGroup
+  }, void 0, /*#__PURE__*/jsx(DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
     itemsRenderer: renderMenuItems,
     label: dropdownLabel || placeholder,
-    maxWidth,
-    minWidth,
+    maxWidth: maxWidth,
+    minWidth: minWidth,
     onSelectChange: handleSelectChange,
-    options,
+    options: options,
     selection: {
-      [selectionId]: Array.isArray(selectionValues) ? selectionValues.map((v) => v.id) : selectionValues
+      [selectionId]: Array.isArray(selectionValues) ? selectionValues.map(v => v.id) : selectionValues
     },
     singleGroupSelection: true,
     variant: "title"
-  }), Array.isArray(selectionValues) && selectionValues.map((option) => /* @__PURE__ */ React2.createElement(RemovablePill, {
-    key: option.id,
+  })), Array.isArray(selectionValues) && selectionValues.map(option => /*#__PURE__*/_jsx(RemovablePill, {
     label: option.label,
     onRemove: () => removeOption(option)
-  })));
+  }, option.id)));
 }
-var LabeledDropdownCascadeMenuPill_default = LabeledDropdownCascadeMenuPill;
-export {
-  LabeledDropdownCascadeMenuPill,
-  LabeledDropdownCascadeMenuPill_default as default
-};
-//# sourceMappingURL=LabeledDropdownCascadeMenuPill.js.map
+
+export { LabeledDropdownCascadeMenuPill as default };

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -1,22 +1,42 @@
-import * as React from "react";
-import React2, { useState, useEffect, useCallback } from "react";
-import { find } from "lodash";
-import { isFunction, addOrRemove } from "@elliemae/ds-utilities";
-import { RemovablePill } from "../RemovablePill";
-import { Pill } from "../Pill";
-import { OverflowPill } from "../OverflowPill";
-import { DropdownPill } from "../DropdownPill";
-function LabeledDropdownMultiPills({
-  label,
-  options = [],
-  value = [],
-  onSelect = () => null,
-  onRemove = () => null,
-  onChange,
-  maxWidth,
-  minWidth,
-  ...menuProps
-}) {
+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 '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.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import { useState, useEffect, useCallback } from 'react';
+import { find } from 'lodash';
+import { isFunction, addOrRemove } from '@elliemae/ds-utilities';
+import { RemovablePill } from '../RemovablePill.js';
+import { Pill } from '../Pill.js';
+import { OverflowPill } from '../OverflowPill.js';
+import { DropdownPill } from '../DropdownPill.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+const _excluded = ["label", "options", "value", "onSelect", "onRemove", "onChange", "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(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 LabeledDropdownMultiPills(_ref) {
+  let {
+    label,
+    options = [],
+    value = [],
+    onSelect = () => null,
+    onRemove = () => null,
+    onChange,
+    // if this is defined, then it's calculating the next result onSelect or onRemove
+    maxWidth,
+    minWidth
+  } = _ref,
+      menuProps = _objectWithoutProperties(_ref, _excluded);
+
   const [totalDefaultOptions, setTotalDefaultOptions] = useState(0);
   const [selectedOptions, setSelectedOptions] = useState(value);
   const [allOptions, setAllOptions] = useState(options);
@@ -24,19 +44,28 @@ function LabeledDropdownMultiPills({
   const overflowQuantity = 3;
   useEffect(() => setSelectedOptions(value), [value]);
   useEffect(() => {
-    const newOptions = allOptions.filter((option) => option.fixedItem);
+    const newOptions = allOptions.filter(option => option.fixedItem);
+
     if (newOptions.length > 0) {
       setSelectedOptions(newOptions);
     }
+
     setTotalDefaultOptions(newOptions.length);
   }, []);
   useEffect(() => {
     if (totalDefaultOptions) {
-      const newOptions = allOptions.map((opt) => {
-        if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, { id: opt.id })) {
-          return { ...opt, fixedItem: true };
+      const newOptions = allOptions.map(opt => {
+        if (selectedOptions.length <= totalDefaultOptions && find(selectedOptions, {
+          id: opt.id
+        })) {
+          return _objectSpread(_objectSpread({}, opt), {}, {
+            fixedItem: true
+          });
         }
-        return { ...opt, fixedItem: false };
+
+        return _objectSpread(_objectSpread({}, opt), {}, {
+          fixedItem: false
+        });
       });
       setAllOptions(newOptions);
     }
@@ -47,70 +76,70 @@ function LabeledDropdownMultiPills({
       setOverflowOptions(overflow);
     }
   }, [selectedOptions]);
-  const selectOption = useCallback((option) => {
+  const selectOption = useCallback(option => {
     if (!option.fixedItem) {
       if (isFunction(onChange)) {
-        const nextValue = addOrRemove(selectedOptions, option, (item) => item.id);
+        const nextValue = addOrRemove(selectedOptions, option, item => item.id);
         setSelectedOptions(nextValue);
         onChange(nextValue);
       }
+
       onSelect(option);
     }
   }, [selectedOptions]);
-  const removeOption = useCallback((option) => {
+  const removeOption = useCallback(option => {
     if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
       if (isFunction(onChange)) {
-        const nextValue = selectedOptions.filter((val) => option.id !== val.id);
+        const nextValue = selectedOptions.filter(val => option.id !== val.id);
         setSelectedOptions(nextValue);
         onChange(nextValue);
       }
+
       onRemove(option);
     }
   }, [selectedOptions]);
+
   const typeOfPill = () => {
     if (selectedOptions.length > totalDefaultOptions) {
       return RemovablePill;
     }
+
     return Pill;
   };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DropdownPill, {
-    ...menuProps,
-    focusOnOpen: false,
-    label,
-    maxWidth,
-    minWidth,
-    onSelectMenuItem: selectOption,
-    options: [
-      {
-        ...menuProps,
-        type: "SelectionGroup",
-        id: "multi-selection-views",
+
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
+      focusOnOpen: false,
+      label: label,
+      maxWidth: maxWidth,
+      minWidth: minWidth,
+      onSelectMenuItem: selectOption,
+      options: [_objectSpread(_objectSpread({}, menuProps), {}, {
+        type: 'SelectionGroup',
+        id: 'multi-selection-views',
         multi: true,
         items: allOptions
+      })],
+      selection: {
+        'multi-selection-views': selectedOptions ? selectedOptions.map(o => o.id) : ''
+      },
+      variant: "title"
+    })), selectedOptions && selectedOptions.map((option, index) => {
+      const TypeOfPill = typeOfPill();
+
+      if (index < overflowQuantity) {
+        return /*#__PURE__*/_jsx(TypeOfPill, {
+          label: option.label,
+          onRemove: () => removeOption(option)
+        }, option.id);
       }
-    ],
-    selection: {
-      "multi-selection-views": selectedOptions ? selectedOptions.map((o) => o.id) : ""
-    },
-    variant: "title"
-  }), selectedOptions && selectedOptions.map((option, index) => {
-    const TypeOfPill = typeOfPill();
-    if (index < overflowQuantity) {
-      return /* @__PURE__ */ React2.createElement(TypeOfPill, {
-        key: option.id,
-        label: option.label,
-        onRemove: () => removeOption(option)
-      });
-    }
-    return null;
-  }), selectedOptions && selectedOptions.length > overflowQuantity && /* @__PURE__ */ React2.createElement(OverflowPill, {
-    label: `+ ${selectedOptions.length - overflowQuantity}`,
-    options: overflowOptions
-  }));
+
+      return null;
+    }), selectedOptions && selectedOptions.length > overflowQuantity && /*#__PURE__*/_jsx(OverflowPill, {
+      label: "+ ".concat(selectedOptions.length - overflowQuantity),
+      options: overflowOptions
+    })]
+  });
 }
-var LabeledDropdownMultiPill_default = LabeledDropdownMultiPills;
-export {
-  LabeledDropdownMultiPills,
-  LabeledDropdownMultiPill_default as default
-};
-//# sourceMappingURL=LabeledDropdownMultiPill.js.map
+
+export { LabeledDropdownMultiPills as default };

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -1,30 +1,52 @@
-import * as React from "react";
-import React2, { useCallback, useState, useEffect, useLayoutEffect } from "react";
-import PropTypes from "prop-types";
-import { isFunction, isString, useShouldRecalculate, usePrevious } from "@elliemae/ds-utilities";
-import { DropdownPill } from "../DropdownPill";
-import { InputPill } from "../InputPill";
-import { Pill } from "../Pill";
-import { RemovablePill } from "../RemovablePill";
-import { hasOptionChanged } from "./utils";
-function LabeledDropdownSinglePill({
-  label,
-  labelIsValue = false,
-  options,
-  value,
-  onSelect = () => null,
-  onChange,
-  maxWidth,
-  minWidth,
-  fixed = false,
-  ...menuProps
-}) {
+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 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.find.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.find.js';
+import 'core-js/modules/esnext.async-iterator.filter.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 { useState, useEffect, useLayoutEffect, useCallback } from 'react';
+import { usePrevious, useShouldRecalculate, isFunction, isString } from '@elliemae/ds-utilities';
+import { DropdownPill } from '../DropdownPill.js';
+import { InputPill } from '../InputPill.js';
+import { Pill } from '../Pill.js';
+import { RemovablePill } from '../RemovablePill.js';
+import { hasOptionChanged } from './utils.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
+
+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(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(_ref, _excluded);
+
   const [optionValue, setOptionValue] = useState(value);
   const prevOptions = usePrevious(options);
   const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));
   useEffect(() => setOptionValue(value), [value]);
   useEffect(() => {
-    const selectedValue = options.find((option) => option.selected);
+    const selectedValue = options.find(option => option.selected);
+
     if (selectedValue) {
       setOptionValue(selectedValue);
     } else if (!selectedValue) {
@@ -33,93 +55,100 @@ function LabeledDropdownSinglePill({
   }, [areOptionsEqual]);
   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 = useCallback((option) => {
+  const selectOption = useCallback(option => {
     if (isFunction(onChange)) {
       onChange(option);
     }
+
     setOptionValue(option);
     onSelect(option);
   }, [onChange, onSelect]);
-  const onChangeInputValue = useCallback(({ target: { value: inputValue } }) => {
-    const { onChangeInput } = optionValue;
+  const onChangeInputValue = 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(option, _excluded2);
+
     let SelectedPill;
+
     if (isString(input)) {
       SelectedPill = InputPill;
-    } else if (fixed2) {
+    } else if (fixed) {
       SelectedPill = Pill;
     } else {
       SelectedPill = RemovablePill;
     }
-    return /* @__PURE__ */ React2.createElement(SelectedPill, {
-      key: option.id,
+
+    return /*#__PURE__*/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__ */ React2.createElement(Pill, {
+      if (optionValue) return renderPill(optionValue, fixed);
+      return _Pill || (_Pill = /*#__PURE__*/_jsx(Pill, {
         label: "-"
-      });
+      }));
     }
   };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DropdownPill, {
-    ...menuProps,
-    label: !labelIsValue ? label : optionValue?.label,
-    maxWidth,
-    minWidth,
-    onSelectMenuItem: selectOption,
-    options: [
-      {
-        ...menuProps,
-        type: "SelectionGroup",
-        id: "multi-selection-views",
+
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(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: PropTypes.string,
-  labelIsValue: PropTypes.bool,
-  options: PropTypes.array,
-  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  onSelect: PropTypes.func,
-  onChange: PropTypes.func,
-  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
-  fixed: PropTypes.bool
-};
-var LabeledDropdownSinglePill_default = LabeledDropdownSinglePill;
-export {
-  LabeledDropdownSinglePill,
-  LabeledDropdownSinglePill_default as default
-};
-//# sourceMappingURL=LabeledDropdownSinglePill.js.map
+
+export { LabeledDropdownSinglePill as default };

package/esm/deprecated/LabeledDropdownPillsTypes/utils.js

@@ -1,15 +1,16 @@
-import * as React from "react";
-import { isEqual } from "@elliemae/ds-utilities";
-import { omit } from "lodash";
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import { isEqual } from '@elliemae/ds-utilities';
+import { omit } from 'lodash';
+
 const hasOptionChanged = (prevOptions, options) => {
   if (prevOptions && options) {
-    const prevOptionsOmited = prevOptions.map((option) => omit(option, ["input", "onChangeInput", "mask"]));
-    const optionsOmited = options.map((option) => omit(option, ["input", "onChangeInput", "mask"]));
+    const prevOptionsOmited = prevOptions.map(option => omit(option, ['input', 'onChangeInput', 'mask']));
+    const optionsOmited = options.map(option => omit(option, ['input', 'onChangeInput', 'mask']));
     return isEqual(prevOptionsOmited, optionsOmited);
   }
+
   return false;
 };
-export {
-  hasOptionChanged
-};
-//# sourceMappingURL=utils.js.map
+
+export { hasOptionChanged };