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

package/esm/deprecated/InputPill.js

@@ -1,74 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { CloseXsmall } from '@elliemae/ds-icons';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { DSInput, DSInputMask } from '@elliemae/ds-form';
-import { Pill } from './Pill.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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 = aggregatedClasses(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(_ref2, _excluded);
-
-  let TypeOfInput = DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
-  // TODO: implement the DSDateInput
-
-  switch (type) {
-    case 'inputText':
-      TypeOfInput = DSInput;
-      break;
-
-    case 'inputMask':
-      TypeOfInput = DSInputMask;
-      break;
-  }
-
-  return /*#__PURE__*/_jsx(StyledInputPill, {
-    className: "input-pill",
-    classProps: {
-      value
-    },
-    containerProps: containerProps,
-    label: /*#__PURE__*/jsx(TypeOfInput, _objectSpread({
-      "data-testid": "input-pill",
-      onChange: onChange,
-      placeholder: placeholder,
-      value: value
-    }, otherProps)),
-    rightAddon: value && /*#__PURE__*/_jsx(CloseXsmall, {
-      className: "remove-pill-button",
-      "data-testid": "remove-pill-button",
-      onClick: onRemove
-    }),
-    tabIndex: -1
-  });
-}
-
-export { InputPill };

package/esm/deprecated/LabeledDropdownPills.js

@@ -1,95 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { PillGroup } from './PillGroup.js';
-import LabeledDropdownSinglePill from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js';
-import LabeledDropdownMultiPills from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js';
-import LabeledDropdownCascadeMenuPill from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["label", "value", "type", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth", "fixed"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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; }
-const DropdownPills = {
-  single: LabeledDropdownSinglePill,
-  multi: LabeledDropdownMultiPills,
-  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(_ref, _excluded);
-
-  const Component = createDropdownPill(type);
-  return /*#__PURE__*/_jsx(PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, menuProps), {}, {
-    label: label,
-    maxWidth: maxWidth,
-    minWidth: minWidth,
-    value: value,
-    fixed: fixed
-  })));
-}
-
-const props = {
-  /** pill type */
-  type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description('pill type'),
-
-  /** focus next group callback */
-  onFocusNextGroup: PropTypes.func.description('focus next group callback'),
-
-  /** focus prev group callback */
-  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),
-
-  /** focus group set callback */
-  onFocusGroupSet: PropTypes.func.description('focus group set callback'),
-
-  /** pill max width */
-  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill max width'),
-
-  /** pill min width */
-  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width'),
-
-  /** fixed pill */
-  fixed: PropTypes.bool.description('fixed pill'),
-
-  /** pill label text */
-  label: PropTypes.string.isRequired.description('pill label text'),
-
-  /** pill value */
-  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.string
-  })), PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.string
-  })]).description('pill value')
-};
-const DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);
-DSLabeledDropdownPillsWithSchema.propTypes = props;
-
-export { DSLabeledDropdownPillsWithSchema, LabeledDropdownPills };

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,126 +0,0 @@
-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__*/createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
-        key: option.id,
-        item: option
-      }), /*#__PURE__*/jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
-        id: option.id,
-        item: option,
-        items: option.items,
-        itemValueAccessor: item => item,
-        multi: true
-      })));
-    }
-
-    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 : '';
-};
-
-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 dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
-
-  const handleSelectChange = _ref2 => {
-    let {
-      item,
-      group
-    } = _ref2;
-
-    if (isFunction(onChange)) {
-      const nextSelection = group ? {
-        [group.id]: addOrRemove([...(selection[group.id] || [])], item, o => o.id)
-      } : {
-        [item.id]: item.label
-      };
-      onChange(nextSelection);
-    }
-  };
-
-  const removeOption = option => {
-    if (isFunction(onChange)) {
-      const nextSelection = {
-        [selectionId]: selectionValues.filter(val => option.id !== val.id)
-      };
-      onChange(nextSelection);
-    }
-
-    onRemove(option);
-  };
-
-  return /*#__PURE__*/_jsx(PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/jsx(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(RemovablePill, {
-    label: option.label,
-    onRemove: () => removeOption(option)
-  }, option.id)));
-}
-
-export { LabeledDropdownCascadeMenuPill as default };

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -1,145 +0,0 @@
-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);
-  const [overflowOptions, setOverflowOptions] = useState([]);
-  const overflowQuantity = 3;
-  useEffect(() => setSelectedOptions(value), [value]);
-  useEffect(() => {
-    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 _objectSpread(_objectSpread({}, opt), {}, {
-            fixedItem: true
-          });
-        }
-
-        return _objectSpread(_objectSpread({}, opt), {}, {
-          fixedItem: false
-        });
-      });
-      setAllOptions(newOptions);
-    }
-  }, [onSelect, onRemove, selectedOptions]);
-  useEffect(() => {
-    if (selectedOptions.length > overflowQuantity) {
-      const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);
-      setOverflowOptions(overflow);
-    }
-  }, [selectedOptions]);
-  const selectOption = useCallback(option => {
-    if (!option.fixedItem) {
-      if (isFunction(onChange)) {
-        const nextValue = addOrRemove(selectedOptions, option, item => item.id);
-        setSelectedOptions(nextValue);
-        onChange(nextValue);
-      }
-
-      onSelect(option);
-    }
-  }, [selectedOptions]);
-  const removeOption = useCallback(option => {
-    if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
-      if (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;
-    }
-
-    return Pill;
-  };
-
-  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);
-      }
-
-      return null;
-    }), selectedOptions && selectedOptions.length > overflowQuantity && /*#__PURE__*/_jsx(OverflowPill, {
-      label: "+ ".concat(selectedOptions.length - overflowQuantity),
-      options: overflowOptions
-    })]
-  });
-}
-
-export { LabeledDropdownMultiPills as default };

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -1,154 +0,0 @@
-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);
-
-    if (selectedValue) {
-      setOptionValue(selectedValue);
-    } else if (!selectedValue) {
-      setOptionValue(options[0]);
-    }
-  }, [areOptionsEqual]);
-  useLayoutEffect(() => {
-    if (optionValue) {
-      const selectedValue = options.find(option => option.id === optionValue.id);
-      setOptionValue(selectedValue);
-    }
-  }, [options]);
-  const selectOption = useCallback(option => {
-    if (isFunction(onChange)) {
-      onChange(option);
-    }
-
-    setOptionValue(option);
-    onSelect(option);
-  }, [onChange, onSelect]);
-  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;
-    setOptionValue(null);
-    onChangeInput && onChangeInput('');
-
-    const newOption = _objectSpread(_objectSpread({}, removedOption), {}, {
-      input: ''
-    });
-
-    onRemove && onRemove(newOption, removedOption);
-  };
-
-  const renderPill = (option, fixed) => {
-    const {
-      input,
-      onChangeInput
-    } = option,
-          otherProps = _objectWithoutProperties(option, _excluded2);
-
-    let SelectedPill;
-
-    if (isString(input)) {
-      SelectedPill = InputPill;
-    } else if (fixed) {
-      SelectedPill = Pill;
-    } else {
-      SelectedPill = RemovablePill;
-    }
-
-    return /*#__PURE__*/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(Pill, {
-        label: "-"
-      }));
-    }
-  };
-
-  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 === null || optionValue === void 0 ? void 0 : optionValue.id] : ''
-      },
-      variant: "title"
-    })), renderSelection()]
-  });
-}
-
-export { LabeledDropdownSinglePill as default };

package/esm/deprecated/LabeledDropdownPillsTypes/utils.js

@@ -1,16 +0,0 @@
-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']));
-    return isEqual(prevOptionsOmited, optionsOmited);
-  }
-
-  return false;
-};
-
-export { hasOptionChanged };

package/esm/deprecated/LabeledPills.js

@@ -1,53 +0,0 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { PillGroup } from './PillGroup.js';
-import { RemovablePill } from './RemovablePill.js';
-import { Pill } from './Pill.js';
-
-function LabeledPills(_ref) {
-  let {
-    children,
-    label = '',
-    leftAddon,
-    onFocusGroupSet,
-    onFocusNextGroup,
-    onFocusPreviousGroup
-  } = _ref;
-  return /*#__PURE__*/_jsx(PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/_jsx(Pill, {
-    label: label,
-    leftAddon: leftAddon,
-    variant: "title",
-    "data-testid": "pill-title"
-  }), children);
-}
-
-const props = {
-  /** labeled pill text label */
-  label: PropTypes.string.isRequired.description('pill text label'),
-
-  /** pill to add the label to */
-  children: PropTypes.arrayOf(PropTypes.shape({
-    type: PropTypes.oneOf([PropTypes.instanceOf(Pill), PropTypes.instanceOf(RemovablePill)])
-  })).isRequired.description('pill to add the label to'),
-
-  /** addon component to left */
-  leftAddon: PropTypes.node.description('addon component to left'),
-
-  /** focus next group callback */
-  onFocusNextGroup: PropTypes.func.description('focus next group callback'),
-
-  /** focus prev group callback */
-  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),
-
-  /** focus group set callback */
-  onFocusGroupSet: PropTypes.func.description('focus group set callback')
-};
-const DSLabeledPillsWithSchema = describe(LabeledPills);
-DSLabeledPillsWithSchema.propTypes = props;
-
-export { DSLabeledPillsWithSchema, LabeledPills };