@elliemae/ds-pills 1.60.0 → 2.0.0-alpha.12

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -1,83 +1,58 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 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 deprecated_RemovablePill = require('../RemovablePill.js');
-var deprecated_Pill = require('../Pill.js');
-var deprecated_OverflowPill = require('../OverflowPill.js');
-var deprecated_DropdownPill = require('../DropdownPill.js');
-require('react-desc');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-tooltip');
-require('@elliemae/ds-dropdownmenu');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["label", "options", "value", "onSelect", "onRemove", "onChange", "maxWidth", "minWidth"];
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function LabeledDropdownMultiPills(_ref) {
-  var label = _ref.label,
-      _ref$options = _ref.options,
-      options = _ref$options === void 0 ? [] : _ref$options,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? [] : _ref$value,
-      _ref$onSelect = _ref.onSelect,
-      onSelect = _ref$onSelect === void 0 ? function () {
-    return null;
-  } : _ref$onSelect,
-      _ref$onRemove = _ref.onRemove,
-      onRemove = _ref$onRemove === void 0 ? function () {
-    return null;
-  } : _ref$onRemove,
-      onChange = _ref.onChange,
-      maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      menuProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var _useState = React.useState(0),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      totalDefaultOptions = _useState2[0],
-      setTotalDefaultOptions = _useState2[1];
-
-  var _useState3 = React.useState(value),
-      _useState4 = _slicedToArray__default['default'](_useState3, 2),
-      selectedOptions = _useState4[0],
-      setSelectedOptions = _useState4[1];
-
-  var _useState5 = React.useState(options),
-      _useState6 = _slicedToArray__default['default'](_useState5, 2),
-      allOptions = _useState6[0],
-      setAllOptions = _useState6[1];
-
-  var _useState7 = React.useState([]),
-      _useState8 = _slicedToArray__default['default'](_useState7, 2),
-      overflowOptions = _useState8[0],
-      setOverflowOptions = _useState8[1];
-
-  var overflowQuantity = 3;
-  React.useEffect(function () {
-    return setSelectedOptions(value);
-  }, [value]);
-  React.useEffect(function () {
-    var newOptions = allOptions.filter(function (option) {
-      return option.fixedItem;
-    });
+  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);
@@ -85,9 +60,9 @@ function LabeledDropdownMultiPills(_ref) {
 
     setTotalDefaultOptions(newOptions.length);
   }, []);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (totalDefaultOptions) {
-      var newOptions = allOptions.map(function (opt) {
+      const newOptions = allOptions.map(opt => {
         if (selectedOptions.length <= totalDefaultOptions && lodash.find(selectedOptions, {
           id: opt.id
         })) {
@@ -103,20 +78,16 @@ function LabeledDropdownMultiPills(_ref) {
       setAllOptions(newOptions);
     }
   }, [onSelect, onRemove, selectedOptions]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (selectedOptions.length > overflowQuantity) {
-      var overflow = selectedOptions.filter(function (val, index) {
-        return index >= overflowQuantity;
-      });
+      const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);
       setOverflowOptions(overflow);
     }
   }, [selectedOptions]);
-  var selectOption = React.useCallback(function (option) {
+  const selectOption = React.useCallback(option => {
     if (!option.fixedItem) {
       if (dsUtilities.isFunction(onChange)) {
-        var nextValue = dsUtilities.addOrRemove(selectedOptions, option, function (item) {
-          return item.id;
-        });
+        const nextValue = dsUtilities.addOrRemove(selectedOptions, option, item => item.id);
         setSelectedOptions(nextValue);
         onChange(nextValue);
       }
@@ -124,12 +95,10 @@ function LabeledDropdownMultiPills(_ref) {
       onSelect(option);
     }
   }, [selectedOptions]);
-  var removeOption = React.useCallback(function (option) {
+  const removeOption = React.useCallback(option => {
     if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
       if (dsUtilities.isFunction(onChange)) {
-        var nextValue = selectedOptions.filter(function (val) {
-          return option.id !== val.id;
-        });
+        const nextValue = selectedOptions.filter(val => option.id !== val.id);
         setSelectedOptions(nextValue);
         onChange(nextValue);
       }
@@ -138,51 +107,47 @@ function LabeledDropdownMultiPills(_ref) {
     }
   }, [selectedOptions]);
 
-  var typeOfPill = function typeOfPill() {
+  const typeOfPill = () => {
     if (selectedOptions.length > totalDefaultOptions) {
-      return deprecated_RemovablePill.RemovablePill;
+      return RemovablePill.RemovablePill;
     }
 
-    return deprecated_Pill.Pill;
+    return Pill.Pill;
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(deprecated_DropdownPill.DropdownPill, _extends__default['default']({}, 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(function (o) {
-        return o.id;
-      }) : ''
-    },
-    variant: "title"
-  })), selectedOptions && selectedOptions.map(function (option, index) {
-    var TypeOfPill = typeOfPill();
-
-    if (index < overflowQuantity) {
-      return /*#__PURE__*/React__default['default'].createElement(TypeOfPill, {
-        key: option.id,
-        label: option.label,
-        onRemove: function onRemove() {
-          return removeOption(option);
-        }
-      });
-    }
+  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__*/React__default['default'].createElement(deprecated_OverflowPill.OverflowPill, {
-    label: "+ ".concat(selectedOptions.length - overflowQuantity),
-    options: overflowOptions
-  }));
+      return null;
+    }), selectedOptions && selectedOptions.length > overflowQuantity && /*#__PURE__*/_jsx__default["default"](OverflowPill.OverflowPill, {
+      label: "+ ".concat(selectedOptions.length - overflowQuantity),
+      options: overflowOptions
+    })]
+  });
 }
 
 module.exports = LabeledDropdownMultiPills;
-//# sourceMappingURL=LabeledDropdownMultiPill.js.map

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -1,71 +1,59 @@
 'use strict';
 
-var _extends = require('@babel/runtime/helpers/extends');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
 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 PropTypes = require('prop-types');
 var dsUtilities = require('@elliemae/ds-utilities');
-var deprecated_DropdownPill = require('../DropdownPill.js');
-var deprecated_InputPill = require('../InputPill.js');
-var deprecated_Pill = require('../Pill.js');
-var deprecated_RemovablePill = require('../RemovablePill.js');
-var deprecated_LabeledDropdownPillsTypes_utils = require('./utils.js');
-require('react-desc');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-form');
-require('lodash');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var _excluded = ["label", "labelIsValue", "options", "value", "onSelect", "onChange", "maxWidth", "minWidth", "fixed"],
-    _excluded2 = ["input", "onChangeInput"];
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 function LabeledDropdownSinglePill(_ref) {
-  var label = _ref.label,
-      _ref$labelIsValue = _ref.labelIsValue,
-      labelIsValue = _ref$labelIsValue === void 0 ? false : _ref$labelIsValue,
-      options = _ref.options,
-      value = _ref.value,
-      _ref$onSelect = _ref.onSelect,
-      onSelect = _ref$onSelect === void 0 ? function () {
-    return null;
-  } : _ref$onSelect,
-      onChange = _ref.onChange,
-      maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      _ref$fixed = _ref.fixed,
-      fixed = _ref$fixed === void 0 ? false : _ref$fixed,
-      menuProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var _useState = React.useState(value),
-      _useState2 = _slicedToArray__default['default'](_useState, 2),
-      optionValue = _useState2[0],
-      setOptionValue = _useState2[1];
-
-  var prevOptions = dsUtilities.usePrevious(options);
-  var areOptionsEqual = dsUtilities.useShouldRecalculate(deprecated_LabeledDropdownPillsTypes_utils.hasOptionChanged(prevOptions, options));
-  React.useEffect(function () {
-    return setOptionValue(value);
-  }, [value]);
-  React.useEffect(function () {
-    var selectedValue = options.find(function (option) {
-      return option.selected;
-    });
+  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);
@@ -73,15 +61,13 @@ function LabeledDropdownSinglePill(_ref) {
       setOptionValue(options[0]);
     }
   }, [areOptionsEqual]);
-  React.useLayoutEffect(function () {
+  React.useLayoutEffect(() => {
     if (optionValue) {
-      var selectedValue = options.find(function (option) {
-        return option.id === optionValue.id;
-      });
+      const selectedValue = options.find(option => option.id === optionValue.id);
       setOptionValue(selectedValue);
     }
   }, [options]);
-  var selectOption = React.useCallback(function (option) {
+  const selectOption = React.useCallback(option => {
     if (dsUtilities.isFunction(onChange)) {
       onChange(option);
     }
@@ -89,89 +75,88 @@ function LabeledDropdownSinglePill(_ref) {
     setOptionValue(option);
     onSelect(option);
   }, [onChange, onSelect]);
-  var onChangeInputValue = React.useCallback(function (_ref2) {
-    var inputValue = _ref2.target.value;
-    var onChangeInput = optionValue.onChangeInput;
+  const onChangeInputValue = React.useCallback(_ref2 => {
+    let {
+      target: {
+        value: inputValue
+      }
+    } = _ref2;
+    const {
+      onChangeInput
+    } = optionValue;
     onChangeInput && onChangeInput(inputValue);
   }, [optionValue]);
 
-  var removeOption = function removeOption(removedOption) {
-    var onRemove = menuProps.onRemove;
-    var onChangeInput = optionValue.onChangeInput;
+  const removeOption = removedOption => {
+    const {
+      onRemove
+    } = menuProps;
+    const {
+      onChangeInput
+    } = optionValue;
     setOptionValue(null);
     onChangeInput && onChangeInput('');
 
-    var newOption = _objectSpread(_objectSpread({}, removedOption), {}, {
+    const newOption = _objectSpread(_objectSpread({}, removedOption), {}, {
       input: ''
     });
 
     onRemove && onRemove(newOption, removedOption);
   };
 
-  var renderPill = function renderPill(option, fixed) {
-    var input = option.input;
-        option.onChangeInput;
-        var otherProps = _objectWithoutProperties__default['default'](option, _excluded2);
+  const renderPill = (option, fixed) => {
+    const {
+      input,
+      onChangeInput
+    } = option,
+          otherProps = _objectWithoutProperties__default["default"](option, _excluded2);
 
-    var SelectedPill;
+    let SelectedPill;
 
     if (dsUtilities.isString(input)) {
-      SelectedPill = deprecated_InputPill.InputPill;
+      SelectedPill = InputPill.InputPill;
     } else if (fixed) {
-      SelectedPill = deprecated_Pill.Pill;
+      SelectedPill = Pill.Pill;
     } else {
-      SelectedPill = deprecated_RemovablePill.RemovablePill;
+      SelectedPill = RemovablePill.RemovablePill;
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(SelectedPill, _extends__default['default']({
-      key: option.id,
+    return /*#__PURE__*/jsxRuntime.jsx(SelectedPill, _objectSpread({
       label: option.label,
       onChange: onChangeInputValue,
-      onRemove: function onRemove(e) {
-        return removeOption(option);
-      },
+      onRemove: e => removeOption(option),
       value: input
-    }, otherProps));
+    }, otherProps), option.id);
   };
 
-  var renderSelection = function renderSelection() {
+  const renderSelection = () => {
     if (!labelIsValue) {
       if (optionValue) return renderPill(optionValue, fixed);
-      return /*#__PURE__*/React__default['default'].createElement(deprecated_Pill.Pill, {
+      return _Pill || (_Pill = /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
         label: "-"
-      });
+      }));
     }
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(deprecated_DropdownPill.DropdownPill, _extends__default['default']({}, 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());
+  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()]
+  });
 }
-LabeledDropdownSinglePill.propTypes = {
-  label: PropTypes__default['default'].string,
-  labelIsValue: PropTypes__default['default'].bool,
-  options: PropTypes__default['default'].array,
-  value: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-  onSelect: PropTypes__default['default'].func,
-  onChange: PropTypes__default['default'].func,
-  maxWidth: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-  minWidth: PropTypes__default['default'].oneOfType([PropTypes__default['default'].string, PropTypes__default['default'].number]),
-  fixed: PropTypes__default['default'].bool
-};
 
 module.exports = LabeledDropdownSinglePill;
-//# sourceMappingURL=LabeledDropdownSinglePill.js.map

package/cjs/deprecated/LabeledDropdownPillsTypes/utils.js

@@ -2,17 +2,15 @@
 
 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');
 
-var hasOptionChanged = function hasOptionChanged(prevOptions, options) {
+const hasOptionChanged = (prevOptions, options) => {
   if (prevOptions && options) {
-    var prevOptionsOmited = prevOptions.map(function (option) {
-      return lodash.omit(option, ['input', 'onChangeInput', 'mask']);
-    });
-    var optionsOmited = options.map(function (option) {
-      return lodash.omit(option, ['input', 'onChangeInput', 'mask']);
-    });
+    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);
   }
 
@@ -20,4 +18,3 @@ var hasOptionChanged = function hasOptionChanged(prevOptions, options) {
 };
 
 exports.hasOptionChanged = hasOptionChanged;
-//# sourceMappingURL=utils.js.map

package/cjs/deprecated/LabeledPills.js

@@ -2,37 +2,31 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
 var reactDesc = require('react-desc');
-var deprecated_PillGroup = require('./PillGroup.js');
-var deprecated_RemovablePill = require('./RemovablePill.js');
-var deprecated_Pill = require('./Pill.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-utilities');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
+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 React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
 function LabeledPills(_ref) {
-  var children = _ref.children,
-      _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      leftAddon = _ref.leftAddon,
-      onFocusGroupSet = _ref.onFocusGroupSet,
-      onFocusNextGroup = _ref.onFocusNextGroup,
-      onFocusPreviousGroup = _ref.onFocusPreviousGroup;
-  return /*#__PURE__*/React__default['default'].createElement(deprecated_PillGroup.PillGroup, {
+  let {
+    children,
+    label = '',
+    leftAddon,
+    onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
     onFocusGroupSet: onFocusGroupSet,
     onFocusNextGroup: onFocusNextGroup,
     onFocusPreviousGroup: onFocusPreviousGroup
-  }, /*#__PURE__*/React__default['default'].createElement(deprecated_Pill.Pill, {
+  }, void 0, /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
     label: label,
     leftAddon: leftAddon,
     variant: "title",
@@ -40,13 +34,13 @@ function LabeledPills(_ref) {
   }), children);
 }
 
-var props = {
+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(deprecated_Pill.Pill), reactDesc.PropTypes.instanceOf(deprecated_RemovablePill.RemovablePill)])
+    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 */
@@ -61,10 +55,8 @@ var props = {
   /** focus group set callback */
   onFocusGroupSet: reactDesc.PropTypes.func.description('focus group set callback')
 };
-LabeledPills.propTypes = props;
-var DSLabeledPillsWithSchema = reactDesc.describe(LabeledPills);
+const DSLabeledPillsWithSchema = reactDesc.describe(LabeledPills);
 DSLabeledPillsWithSchema.propTypes = props;
 
 exports.DSLabeledPillsWithSchema = DSLabeledPillsWithSchema;
 exports.LabeledPills = LabeledPills;
-//# sourceMappingURL=LabeledPills.js.map