@elliemae/ds-pills 2.3.1 → 3.0.0-alpha.3

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;

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,134 +0,0 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-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 dsUtilities = require('@elliemae/ds-utilities');
-var PillGroup = require('../PillGroup.js');
-var RemovablePill = require('../RemovablePill.js');
-var DropdownPill = require('../DropdownPill.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-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__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 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__*/React.createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
-        key: option.id,
-        item: option
-      }), /*#__PURE__*/jsxRuntime.jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
-        id: option.id,
-        item: option,
-        items: option.items,
-        itemValueAccessor: item => item,
-        multi: true
-      })));
-    }
-
-    return /*#__PURE__*/React.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 : '';
-};
-
-function LabeledDropdownCascadeMenuPill(_ref) {
-  let {
-    label,
-    options,
-    value: optionValue,
-    onChange,
-    onRemove,
-    value: selection = {},
-    placeholder = '---',
-    onFocusNextGroup,
-    onFocusPreviousGroup,
-    onFocusGroupSet,
-    maxWidth,
-    minWidth
-  } = _ref,
-      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const selectionId = Object.keys(selection)[0];
-  const selectionValues = selection[selectionId] || '';
-  const dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
-
-  const handleSelectChange = _ref2 => {
-    let {
-      item,
-      group
-    } = _ref2;
-
-    if (dsUtilities.isFunction(onChange)) {
-      const nextSelection = group ? {
-        [group.id]: dsUtilities.addOrRemove([...(selection[group.id] || [])], item, o => o.id)
-      } : {
-        [item.id]: item.label
-      };
-      onChange(nextSelection);
-    }
-  };
-
-  const removeOption = option => {
-    if (dsUtilities.isFunction(onChange)) {
-      const nextSelection = {
-        [selectionId]: selectionValues.filter(val => option.id !== val.id)
-      };
-      onChange(nextSelection);
-    }
-
-    onRemove(option);
-  };
-
-  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(DropdownPill.DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
-    itemsRenderer: renderMenuItems,
-    label: dropdownLabel || placeholder,
-    maxWidth: maxWidth,
-    minWidth: minWidth,
-    onSelectChange: handleSelectChange,
-    options: options,
-    selection: {
-      [selectionId]: Array.isArray(selectionValues) ? selectionValues.map(v => v.id) : selectionValues
-    },
-    singleGroupSelection: true,
-    variant: "title"
-  })), Array.isArray(selectionValues) && selectionValues.map(option => /*#__PURE__*/_jsx__default["default"](RemovablePill.RemovablePill, {
-    label: option.label,
-    onRemove: () => removeOption(option)
-  }, option.id)));
-}
-
-module.exports = LabeledDropdownCascadeMenuPill;

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -1,153 +0,0 @@
-'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.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.map.js');
-require('core-js/modules/esnext.iterator.map.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 lodash = require('lodash');
-var dsUtilities = require('@elliemae/ds-utilities');
-var RemovablePill = require('../RemovablePill.js');
-var Pill = require('../Pill.js');
-var OverflowPill = require('../OverflowPill.js');
-var DropdownPill = require('../DropdownPill.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", "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__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 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__default["default"](_ref, _excluded);
-
-  const [totalDefaultOptions, setTotalDefaultOptions] = React.useState(0);
-  const [selectedOptions, setSelectedOptions] = React.useState(value);
-  const [allOptions, setAllOptions] = React.useState(options);
-  const [overflowOptions, setOverflowOptions] = React.useState([]);
-  const overflowQuantity = 3;
-  React.useEffect(() => setSelectedOptions(value), [value]);
-  React.useEffect(() => {
-    const newOptions = allOptions.filter(option => option.fixedItem);
-
-    if (newOptions.length > 0) {
-      setSelectedOptions(newOptions);
-    }
-
-    setTotalDefaultOptions(newOptions.length);
-  }, []);
-  React.useEffect(() => {
-    if (totalDefaultOptions) {
-      const newOptions = allOptions.map(opt => {
-        if (selectedOptions.length <= totalDefaultOptions && lodash.find(selectedOptions, {
-          id: opt.id
-        })) {
-          return _objectSpread(_objectSpread({}, opt), {}, {
-            fixedItem: true
-          });
-        }
-
-        return _objectSpread(_objectSpread({}, opt), {}, {
-          fixedItem: false
-        });
-      });
-      setAllOptions(newOptions);
-    }
-  }, [onSelect, onRemove, selectedOptions]);
-  React.useEffect(() => {
-    if (selectedOptions.length > overflowQuantity) {
-      const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);
-      setOverflowOptions(overflow);
-    }
-  }, [selectedOptions]);
-  const selectOption = React.useCallback(option => {
-    if (!option.fixedItem) {
-      if (dsUtilities.isFunction(onChange)) {
-        const nextValue = dsUtilities.addOrRemove(selectedOptions, option, item => item.id);
-        setSelectedOptions(nextValue);
-        onChange(nextValue);
-      }
-
-      onSelect(option);
-    }
-  }, [selectedOptions]);
-  const removeOption = React.useCallback(option => {
-    if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
-      if (dsUtilities.isFunction(onChange)) {
-        const nextValue = selectedOptions.filter(val => option.id !== val.id);
-        setSelectedOptions(nextValue);
-        onChange(nextValue);
-      }
-
-      onRemove(option);
-    }
-  }, [selectedOptions]);
-
-  const typeOfPill = () => {
-    if (selectedOptions.length > totalDefaultOptions) {
-      return RemovablePill.RemovablePill;
-    }
-
-    return Pill.Pill;
-  };
-
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/jsxRuntime.jsx(DropdownPill.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__default["default"](TypeOfPill, {
-          label: option.label,
-          onRemove: () => removeOption(option)
-        }, option.id);
-      }
-
-      return null;
-    }), selectedOptions && selectedOptions.length > overflowQuantity && /*#__PURE__*/_jsx__default["default"](OverflowPill.OverflowPill, {
-      label: "+ ".concat(selectedOptions.length - overflowQuantity),
-      options: overflowOptions
-    })]
-  });
-}
-
-module.exports = LabeledDropdownMultiPills;

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -1,162 +0,0 @@
-'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]);
-  React.useLayoutEffect(() => {
-    if (optionValue) {
-      const selectedValue = options.find(option => option.id === optionValue.id);
-      setOptionValue(selectedValue);
-    }
-  }, [options]);
-  const selectOption = React.useCallback(option => {
-    if (dsUtilities.isFunction(onChange)) {
-      onChange(option);
-    }
-
-    setOptionValue(option);
-    onSelect(option);
-  }, [onChange, onSelect]);
-  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;
-    setOptionValue(null);
-    onChangeInput && onChangeInput('');
-
-    const newOption = _objectSpread(_objectSpread({}, removedOption), {}, {
-      input: ''
-    });
-
-    onRemove && onRemove(newOption, removedOption);
-  };
-
-  const renderPill = (option, fixed) => {
-    const {
-      input,
-      onChangeInput
-    } = option,
-          otherProps = _objectWithoutProperties__default["default"](option, _excluded2);
-
-    let SelectedPill;
-
-    if (dsUtilities.isString(input)) {
-      SelectedPill = InputPill.InputPill;
-    } else if (fixed) {
-      SelectedPill = Pill.Pill;
-    } else {
-      SelectedPill = RemovablePill.RemovablePill;
-    }
-
-    return /*#__PURE__*/jsxRuntime.jsx(SelectedPill, _objectSpread({
-      label: option.label,
-      onChange: onChangeInputValue,
-      onRemove: e => removeOption(option),
-      value: input
-    }, otherProps), option.id);
-  };
-
-  const renderSelection = () => {
-    if (!labelIsValue) {
-      if (optionValue) return renderPill(optionValue, fixed);
-      return _Pill || (_Pill = /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
-        label: "-"
-      }));
-    }
-  };
-
-  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 === null || optionValue === void 0 ? void 0 : optionValue.id] : ''
-      },
-      variant: "title"
-    })), renderSelection()]
-  });
-}
-
-module.exports = LabeledDropdownSinglePill;

package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js

@@ -1,20 +0,0 @@
-'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 => lodash.omit(option, ['input', 'onChangeInput', 'mask']));
-    const optionsOmited = options.map(option => lodash.omit(option, ['input', 'onChangeInput', 'mask']));
-    return dsUtilities.isEqual(prevOptionsOmited, optionsOmited);
-  }
-
-  return false;
-};
-
-exports.hasOptionChanged = hasOptionChanged;

package/cjs/deprecated/LabeledPills.js

@@ -1,62 +0,0 @@
-'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
-  } = _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 = {
-  /** 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')
-};
-const DSLabeledPillsWithSchema = reactDesc.describe(LabeledPills);
-DSLabeledPillsWithSchema.propTypes = props;
-
-exports.DSLabeledPillsWithSchema = DSLabeledPillsWithSchema;
-exports.LabeledPills = LabeledPills;