@elliemae/ds-pills 2.0.0-alpha.1 → 2.0.0-alpha.13

package/cjs/components/types/ValuePill.js

@@ -0,0 +1,54 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+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');
+var React = require('react');
+var DSTooltip = require('@elliemae/ds-tooltip');
+var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+var styled = require('../styled.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const ValuePill = /*#__PURE__*/React__default["default"].memo(_ref => {
+  let {
+    label,
+    size,
+    labelTruncated,
+    tooltipValue,
+    iconLeft,
+    ariaLabel
+  } = _ref;
+  const TextComponent = labelTruncated ? _ref2 => {
+    let {
+      children
+    } = _ref2;
+    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
+      value: children
+    });
+  } : React__default["default"].Fragment;
+  return /*#__PURE__*/_jsx__default["default"](styled.StyledValuePillWrapper, {
+    size: size,
+    alignItems: "center",
+    className: "ds-pill-wrapper ds-pill-wrapper-value",
+    "data-testid": "ds-pill-wrapper",
+    "aria-label": ariaLabel || label,
+    cols: [iconLeft && 'min-content', 'auto'].filter(notFalse => notFalse),
+    gutter: "xxxs",
+    hasIcon: iconLeft !== null
+  }, void 0, iconLeft, tooltipValue !== '' ? /*#__PURE__*/_jsx__default["default"](DSTooltip.DSTooltipV2, {
+    title: tooltipValue,
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](styled.StyledSpanWithTooltip, {
+      className: "ds-pill-tooltip-value",
+      tabIndex: 0
+    }, void 0, label)
+  }) : /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label));
+});
+
+exports.ValuePill = ValuePill;

package/cjs/components/types/index.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var DropdownPill = require('./DropdownPill.js');
+var InputPill = require('./InputPill.js');
+var LabelPill = require('./LabelPill.js');
+var ReadOnlyPill = require('./ReadOnlyPill.js');
+var RemovablePill = require('./RemovablePill.js');
+var ValuePill = require('./ValuePill.js');
+
+
+
+exports.DropdownPill = DropdownPill.DropdownPill;
+exports.InputPill = InputPill.InputPill;
+exports.LabelPill = LabelPill.LabelPill;
+exports.ReadOnlyPill = ReadOnlyPill.ReadOnlyPill;
+exports.RemovablePill = RemovablePill.RemovablePill;
+exports.ValuePill = ValuePill.ValuePill;

package/cjs/{DropdownPill.js → deprecated/DropdownPill.js}

@@ -5,10 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var react = require('react');
+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 reactDesc = require('react-desc');
 var DSDropdownMenu = require('@elliemae/ds-dropdownmenu');
-var ChevronDown = require('@elliemae/ds-icons/ChevronDown');
+var dsIcons = require('@elliemae/ds-icons');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
 var Pill = require('./Pill.js');
 var jsxRuntime = require('react/jsx-runtime');
@@ -19,7 +25,6 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var DSDropdownMenu__default = /*#__PURE__*/_interopDefaultLegacy(DSDropdownMenu);
-var ChevronDown__default = /*#__PURE__*/_interopDefaultLegacy(ChevronDown);
 var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
 
 var _ChevronDown;
@@ -28,7 +33,7 @@ const _excluded = ["containerProps", "label", "variant", "tabIndex", "closeMenuO
 
 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 DropdownPill(_ref) {
   let {
@@ -40,14 +45,14 @@ function DropdownPill(_ref) {
     maxWidth,
     minWidth
   } = _ref,
-      dropdownProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      dropdownProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  const ref = react.useRef(null);
-  const [chevronEl, chevronRef] = react.useState();
+  const ref = React.useRef(null);
+  const [chevronEl, chevronRef] = React.useState();
   const {
     focusFirst
-  } = useFocusGroupItem__default['default'](ref);
-  return /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu__default['default'], _objectSpread(_objectSpread({}, dropdownProps), {}, {
+  } = useFocusGroupItem__default["default"](ref);
+  return /*#__PURE__*/jsxRuntime.jsx(DSDropdownMenu__default["default"], _objectSpread(_objectSpread({}, dropdownProps), {}, {
     closeMenuOnItemSelection: closeMenuOnItemSelection,
     maxWidth: maxWidth,
     hideIfNotVisible: true,
@@ -58,7 +63,7 @@ function DropdownPill(_ref) {
     minWidth: minWidth,
     onClose: focusFirst,
     referenceNode: chevronEl,
-    triggerComponent: /*#__PURE__*/_jsx__default['default'](Pill.Pill, {
+    triggerComponent: /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
       "data-testid": "dropdown-pill",
       className: "dropdown-pill",
       containerProps: _objectSpread({
@@ -68,7 +73,7 @@ function DropdownPill(_ref) {
       label: label,
       rightAddon: /*#__PURE__*/jsxRuntime.jsx("div", {
         ref: chevronRef,
-        children: _ChevronDown || (_ChevronDown = /*#__PURE__*/_jsx__default['default'](ChevronDown__default['default'], {
+        children: _ChevronDown || (_ChevronDown = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronDown, {
           className: "dropdown-pill-chevron-down",
           "data-testid": "dropdown-pill-button"
         }))

package/cjs/{InputPill.js → deprecated/InputPill.js}

@@ -2,14 +2,18 @@
 
 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 CloseXsmall = require('@elliemae/ds-icons/CloseXsmall');
+var dsIcons = require('@elliemae/ds-icons');
 var dsClassnames = require('@elliemae/ds-classnames');
-var DSInputMask = require('@elliemae/ds-form/InputMask');
-var DSInput = require('@elliemae/ds-form/Input');
+var dsForm = require('@elliemae/ds-form');
 var Pill = require('./Pill.js');
 var jsxRuntime = require('react/jsx-runtime');
 
@@ -18,21 +22,21 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var CloseXsmall__default = /*#__PURE__*/_interopDefaultLegacy(CloseXsmall);
-var DSInputMask__default = /*#__PURE__*/_interopDefaultLegacy(DSInputMask);
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
 
 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); 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; }
-const StyledInputPill = dsClassnames.aggregatedClasses(Pill.Pill)('input-pill', null, ({
-  value
-}) => ({
-  value
-}));
-function InputPill(_ref) {
+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; }
+const StyledInputPill = dsClassnames.aggregatedClasses(Pill.Pill)('input-pill', null, _ref => {
+  let {
+    value
+  } = _ref;
+  return {
+    value
+  };
+});
+function InputPill(_ref2) {
   let {
     containerProps = {},
     placeholder = 'Enter Value',
@@ -40,23 +44,23 @@ function InputPill(_ref) {
     onRemove,
     value,
     type
-  } = _ref,
-      otherProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-  let TypeOfInput = DSInput__default['default']; // TODO: implement the DSTimeInput, see how because it returns a moment()
+  let TypeOfInput = dsForm.DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
   // TODO: implement the DSDateInput
 
   switch (type) {
     case 'inputText':
-      TypeOfInput = DSInput__default['default'];
+      TypeOfInput = dsForm.DSInput;
       break;
 
     case 'inputMask':
-      TypeOfInput = DSInputMask__default['default'];
+      TypeOfInput = dsForm.DSInputMask;
       break;
   }
 
-  return /*#__PURE__*/_jsx__default['default'](StyledInputPill, {
+  return /*#__PURE__*/_jsx__default["default"](StyledInputPill, {
     className: "input-pill",
     classProps: {
       value
@@ -68,7 +72,7 @@ function InputPill(_ref) {
       placeholder: placeholder,
       value: value
     }, otherProps)),
-    rightAddon: value && /*#__PURE__*/_jsx__default['default'](CloseXsmall__default['default'], {
+    rightAddon: value && /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
       className: "remove-pill-button",
       "data-testid": "remove-pill-button",
       onClick: onRemove

package/cjs/{LabeledDropdownPills.js → deprecated/LabeledDropdownPills.js}

@@ -2,6 +2,11 @@
 
 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');
@@ -23,7 +28,7 @@ const _excluded = ["label", "value", "type", "onFocusNextGroup", "onFocusPreviou
 
 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; }
 const DropdownPills = {
   single: LabeledDropdownSinglePill,
   multi: LabeledDropdownMultiPill,
@@ -44,10 +49,10 @@ function LabeledDropdownPills(_ref) {
     minWidth,
     fixed
   } = _ref,
-      menuProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const Component = createDropdownPill(type);
-  return /*#__PURE__*/_jsx__default['default'](PillGroup.PillGroup, {
+  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
     onFocusGroupSet: onFocusGroupSet,
     onFocusNextGroup: onFocusNextGroup,
     onFocusPreviousGroup: onFocusPreviousGroup

package/cjs/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownCascadeMenuPill.js

@@ -3,8 +3,16 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var react = require('react');
-var utils = require('@elliemae/ds-utilities/utils');
+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');
@@ -20,7 +28,7 @@ const _excluded = ["label", "options", "value", "onChange", "onRemove", "value",
 
 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 renderMenuItems(options, factory) {
   return options.map((option, index) => {
@@ -29,7 +37,7 @@ function renderMenuItems(options, factory) {
     if (option.type === 'submenu') {
       const SubmenuComponent = factory('submenu');
       const ChildComponent = factory('selection-group');
-      return /*#__PURE__*/react.createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
+      return /*#__PURE__*/React.createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
         key: option.id,
         item: option
       }), /*#__PURE__*/jsxRuntime.jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
@@ -41,7 +49,7 @@ function renderMenuItems(options, factory) {
       })));
     }
 
-    return /*#__PURE__*/react.createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
+    return /*#__PURE__*/React.createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
       key: option.id || index,
       item: option
     }));
@@ -68,19 +76,21 @@ function LabeledDropdownCascadeMenuPill(_ref) {
     maxWidth,
     minWidth
   } = _ref,
-      menuProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      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 = ({
-    item,
-    group
-  }) => {
-    if (utils.isFunction(onChange)) {
+  const handleSelectChange = _ref2 => {
+    let {
+      item,
+      group
+    } = _ref2;
+
+    if (dsUtilities.isFunction(onChange)) {
       const nextSelection = group ? {
-        [group.id]: utils.addOrRemove([...(selection[group.id] || [])], item, o => o.id)
+        [group.id]: dsUtilities.addOrRemove([...(selection[group.id] || [])], item, o => o.id)
       } : {
         [item.id]: item.label
       };
@@ -89,7 +99,7 @@ function LabeledDropdownCascadeMenuPill(_ref) {
   };
 
   const removeOption = option => {
-    if (utils.isFunction(onChange)) {
+    if (dsUtilities.isFunction(onChange)) {
       const nextSelection = {
         [selectionId]: selectionValues.filter(val => option.id !== val.id)
       };
@@ -99,7 +109,7 @@ function LabeledDropdownCascadeMenuPill(_ref) {
     onRemove(option);
   };
 
-  return /*#__PURE__*/_jsx__default['default'](PillGroup.PillGroup, {
+  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
     onFocusGroupSet: onFocusGroupSet,
     onFocusNextGroup: onFocusNextGroup,
     onFocusPreviousGroup: onFocusPreviousGroup
@@ -115,7 +125,7 @@ function LabeledDropdownCascadeMenuPill(_ref) {
     },
     singleGroupSelection: true,
     variant: "title"
-  })), Array.isArray(selectionValues) && selectionValues.map(option => /*#__PURE__*/_jsx__default['default'](RemovablePill.RemovablePill, {
+  })), Array.isArray(selectionValues) && selectionValues.map(option => /*#__PURE__*/_jsx__default["default"](RemovablePill.RemovablePill, {
     label: option.label,
     onRemove: () => removeOption(option)
   }, option.id)));

package/cjs/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownMultiPill.js

@@ -3,9 +3,17 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var react = require('react');
+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 utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var RemovablePill = require('../RemovablePill.js');
 var Pill = require('../Pill.js');
 var OverflowPill = require('../OverflowPill.js');
@@ -22,7 +30,7 @@ const _excluded = ["label", "options", "value", "onSelect", "onRemove", "onChang
 
 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) {
   let {
     label,
@@ -35,15 +43,15 @@ function LabeledDropdownMultiPills(_ref) {
     maxWidth,
     minWidth
   } = _ref,
-      menuProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      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 [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(() => {
+  React.useEffect(() => setSelectedOptions(value), [value]);
+  React.useEffect(() => {
     const newOptions = allOptions.filter(option => option.fixedItem);
 
     if (newOptions.length > 0) {
@@ -52,7 +60,7 @@ function LabeledDropdownMultiPills(_ref) {
 
     setTotalDefaultOptions(newOptions.length);
   }, []);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (totalDefaultOptions) {
       const newOptions = allOptions.map(opt => {
         if (selectedOptions.length <= totalDefaultOptions && lodash.find(selectedOptions, {
@@ -70,16 +78,16 @@ function LabeledDropdownMultiPills(_ref) {
       setAllOptions(newOptions);
     }
   }, [onSelect, onRemove, selectedOptions]);
-  react.useEffect(() => {
+  React.useEffect(() => {
     if (selectedOptions.length > overflowQuantity) {
       const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);
       setOverflowOptions(overflow);
     }
   }, [selectedOptions]);
-  const selectOption = react.useCallback(option => {
+  const selectOption = React.useCallback(option => {
     if (!option.fixedItem) {
-      if (utils.isFunction(onChange)) {
-        const nextValue = utils.addOrRemove(selectedOptions, option, item => item.id);
+      if (dsUtilities.isFunction(onChange)) {
+        const nextValue = dsUtilities.addOrRemove(selectedOptions, option, item => item.id);
         setSelectedOptions(nextValue);
         onChange(nextValue);
       }
@@ -87,9 +95,9 @@ function LabeledDropdownMultiPills(_ref) {
       onSelect(option);
     }
   }, [selectedOptions]);
-  const removeOption = react.useCallback(option => {
+  const removeOption = React.useCallback(option => {
     if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
-      if (utils.isFunction(onChange)) {
+      if (dsUtilities.isFunction(onChange)) {
         const nextValue = selectedOptions.filter(val => option.id !== val.id);
         setSelectedOptions(nextValue);
         onChange(nextValue);
@@ -128,15 +136,15 @@ function LabeledDropdownMultiPills(_ref) {
       const TypeOfPill = typeOfPill();
 
       if (index < overflowQuantity) {
-        return /*#__PURE__*/_jsx__default['default'](TypeOfPill, {
+        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: `+ ${selectedOptions.length - overflowQuantity}`,
+    }), selectedOptions && selectedOptions.length > overflowQuantity && /*#__PURE__*/_jsx__default["default"](OverflowPill.OverflowPill, {
+      label: "+ ".concat(selectedOptions.length - overflowQuantity),
       options: overflowOptions
     })]
   });

package/cjs/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/LabeledDropdownSinglePill.js

@@ -3,10 +3,16 @@
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var react = require('react');
-var usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
-var useShouldRecalculate = require('@elliemae/ds-utilities/hooks/useShouldRecalculate');
-var utils$1 = require('@elliemae/ds-utilities/utils');
+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');
@@ -19,8 +25,6 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var usePrevious__default = /*#__PURE__*/_interopDefaultLegacy(usePrevious);
-var useShouldRecalculate__default = /*#__PURE__*/_interopDefaultLegacy(useShouldRecalculate);
 
 var _Pill;
 
@@ -29,7 +33,7 @@ const _excluded = ["label", "labelIsValue", "options", "value", "onSelect", "onC
 
 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) {
   let {
     label,
@@ -42,13 +46,13 @@ function LabeledDropdownSinglePill(_ref) {
     minWidth,
     fixed = false
   } = _ref,
-      menuProps = _objectWithoutProperties__default['default'](_ref, _excluded);
+      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
 
-  const [optionValue, setOptionValue] = react.useState(value);
-  const prevOptions = usePrevious__default['default'](options);
-  const areOptionsEqual = useShouldRecalculate__default['default'](utils.hasOptionChanged(prevOptions, options));
-  react.useEffect(() => setOptionValue(value), [value]);
-  react.useEffect(() => {
+  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) {
@@ -57,25 +61,26 @@ function LabeledDropdownSinglePill(_ref) {
       setOptionValue(options[0]);
     }
   }, [areOptionsEqual]);
-  react.useLayoutEffect(() => {
+  React.useLayoutEffect(() => {
     if (optionValue) {
       const selectedValue = options.find(option => option.id === optionValue.id);
       setOptionValue(selectedValue);
     }
   }, [options]);
-  const selectOption = react.useCallback(option => {
-    if (utils$1.isFunction(onChange)) {
+  const selectOption = React.useCallback(option => {
+    if (dsUtilities.isFunction(onChange)) {
       onChange(option);
     }
 
     setOptionValue(option);
     onSelect(option);
   }, [onChange, onSelect]);
-  const onChangeInputValue = react.useCallback(({
-    target: {
-      value: inputValue
-    }
-  }) => {
+  const onChangeInputValue = React.useCallback(_ref2 => {
+    let {
+      target: {
+        value: inputValue
+      }
+    } = _ref2;
     const {
       onChangeInput
     } = optionValue;
@@ -104,11 +109,11 @@ function LabeledDropdownSinglePill(_ref) {
       input,
       onChangeInput
     } = option,
-          otherProps = _objectWithoutProperties__default['default'](option, _excluded2);
+          otherProps = _objectWithoutProperties__default["default"](option, _excluded2);
 
     let SelectedPill;
 
-    if (utils$1.isString(input)) {
+    if (dsUtilities.isString(input)) {
       SelectedPill = InputPill.InputPill;
     } else if (fixed) {
       SelectedPill = Pill.Pill;
@@ -127,7 +132,7 @@ function LabeledDropdownSinglePill(_ref) {
   const renderSelection = () => {
     if (!labelIsValue) {
       if (optionValue) return renderPill(optionValue, fixed);
-      return _Pill || (_Pill = /*#__PURE__*/_jsx__default['default'](Pill.Pill, {
+      return _Pill || (_Pill = /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
         label: "-"
       }));
     }

package/cjs/{LabeledDropdownPillsTypes → deprecated/LabeledDropdownPillsTypes}/utils.js

@@ -2,14 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var utils = require('@elliemae/ds-utilities/utils');
+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 utils.isEqual(prevOptionsOmited, optionsOmited);
+    return dsUtilities.isEqual(prevOptionsOmited, optionsOmited);
   }
 
   return false;