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

package/cjs/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 CloseIcon = 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 CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
-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) {
+const StyledInputPill = dsClassnames.aggregatedClasses(Pill.Pill)('input-pill', null, _ref => {
+  let {
+    value
+  } = _ref;
+  return {
+    value
+  };
+});
+function InputPill(_ref2) {
   let {
     containerProps = {},
     placeholder = 'Enter Value',
@@ -40,19 +44,19 @@ 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;
   }
 
@@ -68,7 +72,7 @@ function InputPill(_ref) {
       placeholder: placeholder,
       value: value
     }, otherProps)),
-    rightAddon: value && /*#__PURE__*/_jsx__default["default"](CloseIcon__default["default"], {
+    rightAddon: value && /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
       className: "remove-pill-button",
       "data-testid": "remove-pill-button",
       onClick: onRemove

package/cjs/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');

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -3,9 +3,16 @@
 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 utils = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var PillGroup = require('../PillGroup.js');
 var RemovablePill = require('../RemovablePill.js');
 var DropdownPill = require('../DropdownPill.js');
@@ -75,13 +82,15 @@ function LabeledDropdownCascadeMenuPill(_ref) {
   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
       };
@@ -90,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)
       };

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -4,9 +4,16 @@ 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 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');
@@ -79,8 +86,8 @@ function LabeledDropdownMultiPills(_ref) {
   }, [selectedOptions]);
   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);
       }
@@ -90,7 +97,7 @@ function LabeledDropdownMultiPills(_ref) {
   }, [selectedOptions]);
   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);

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -4,10 +4,15 @@ 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 usePrevious = require('@elliemae/ds-utilities/hooks/usePrevious');
-var useShouldRecalculate = require('@elliemae/ds-utilities/hooks/useShouldRecalculate');
-var utils$1 = require('@elliemae/ds-utilities/utils');
+var dsUtilities = require('@elliemae/ds-utilities');
 var DropdownPill = require('../DropdownPill.js');
 var InputPill = require('../InputPill.js');
 var Pill = require('../Pill.js');
@@ -20,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;
 
@@ -46,8 +49,8 @@ function LabeledDropdownSinglePill(_ref) {
       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));
+  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);
@@ -65,18 +68,19 @@ function LabeledDropdownSinglePill(_ref) {
     }
   }, [options]);
   const selectOption = React.useCallback(option => {
-    if (utils$1.isFunction(onChange)) {
+    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;
@@ -109,7 +113,7 @@ function LabeledDropdownSinglePill(_ref) {
 
     let SelectedPill;
 
-    if (utils$1.isString(input)) {
+    if (dsUtilities.isString(input)) {
       SelectedPill = InputPill.InputPill;
     } else if (fixed) {
       SelectedPill = Pill.Pill;

package/cjs/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;

package/cjs/deprecated/LabeledPills.js

@@ -13,14 +13,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 
-function LabeledPills({
-  children,
-  label = '',
-  leftAddon,
-  onFocusGroupSet,
-  onFocusNextGroup,
-  onFocusPreviousGroup
-}) {
+function LabeledPills(_ref) {
+  let {
+    children,
+    label = '',
+    leftAddon,
+    onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup
+  } = _ref;
   return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
     onFocusGroupSet: onFocusGroupSet,
     onFocusNextGroup: onFocusNextGroup,

package/cjs/deprecated/OverflowPill.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _jsx = require('@babel/runtime/helpers/jsx');
 require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
@@ -16,11 +19,12 @@ var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
 var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
 
-function OverflowPill({
-  containerProps = {},
-  label = '',
-  options = []
-}) {
+function OverflowPill(_ref) {
+  let {
+    containerProps = {},
+    label = '',
+    options = []
+  } = _ref;
   const ref = React.useRef(null);
   const [tooltipIsOpen, setTooltipIsOpen] = React.useState(false);
   const [tooltipText, setTooltipText] = React.useState('');

package/cjs/deprecated/Pill.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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
@@ -22,17 +27,20 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 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 pillBlockName = 'pill';
-const PillWrapper = dsClassnames.aggregatedClasses('div')(pillBlockName, null, ({
-  size,
-  variant
-}) => ({
-  [variant]: !!variant,
-  [size]: !!size
-}));
+const PillWrapper = dsClassnames.aggregatedClasses('div')(pillBlockName, null, _ref => {
+  let {
+    size,
+    variant
+  } = _ref;
+  return {
+    [variant]: !!variant,
+    [size]: !!size
+  };
+});
 const PillLabel = dsClassnames.aggregatedClasses('span')(pillBlockName, 'label');
 const PillAddon = dsClassnames.aggregatedClasses('div')(pillBlockName, 'addon');
 
-function Pill(_ref) {
+function Pill(_ref2) {
   let {
     containerProps = {},
     label = '',
@@ -40,8 +48,8 @@ function Pill(_ref) {
     rightAddon,
     variant = 'value',
     size = 'm'
-  } = _ref,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsxs(PillWrapper, _objectSpread(_objectSpread(_objectSpread({}, containerProps), {}, {
     classProps: {

package/cjs/deprecated/PillGroup.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');
 require('react');
@@ -22,23 +27,26 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 const pillGroupBlockName = 'pill-group';
 const Container = dsClassnames.aggregatedClasses('div')(pillGroupBlockName);
 
-const PillGroup = ({
-  containerProps = {},
-  onFocusNextGroup,
-  onFocusPreviousGroup,
-  onFocusGroupSet,
-  children
-}) => /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
-  keyBindings: {
-    Tab: 'next'
-  },
-  onFocusGroupSet: onFocusGroupSet,
-  onFocusNextGroup: onFocusNextGroup,
-  onFocusPreviousGroup: onFocusPreviousGroup,
-  orientation: "horizontal"
-}, void 0, /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
-  children: children
-})));
+const PillGroup = _ref => {
+  let {
+    containerProps = {},
+    onFocusNextGroup,
+    onFocusPreviousGroup,
+    onFocusGroupSet,
+    children
+  } = _ref;
+  return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
+    keyBindings: {
+      Tab: 'next'
+    },
+    onFocusGroupSet: onFocusGroupSet,
+    onFocusNextGroup: onFocusNextGroup,
+    onFocusPreviousGroup: onFocusPreviousGroup,
+    orientation: "horizontal"
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
+    children: children
+  })));
+};
 
 const props = {
   /** props injected to component wrapper */

package/cjs/deprecated/ReadOnlyPill.js

@@ -6,7 +6,7 @@ var _jsx = require('@babel/runtime/helpers/jsx');
 require('core-js/modules/web.dom-collections.iterator.js');
 var React = require('react');
 var reactDesc = require('react-desc');
-var InfoCircleSmall = require('@elliemae/ds-icons/InfoCircleSmall');
+var dsIcons = require('@elliemae/ds-icons');
 var DSModal = require('@elliemae/ds-modal');
 var Popover = require('@elliemae/ds-popover');
 var Pill = require('./Pill.js');
@@ -15,18 +15,18 @@ 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 InfoCircleSmall__default = /*#__PURE__*/_interopDefaultLegacy(InfoCircleSmall);
 var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
 var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
 
-const ReadOnlyPill = ({
-  containerProps = {},
-  modalContent = '',
-  label = '',
-  leftAddon,
-  modalTitle = '',
-  tooltipText = ''
-}) => {
+const ReadOnlyPill = _ref => {
+  let {
+    containerProps = {},
+    modalContent = '',
+    label = '',
+    leftAddon,
+    modalTitle = '',
+    tooltipText = ''
+  } = _ref;
   const ref = React.useRef(null);
   const [isModalOpen, setIsModalOpen] = React.useState(false);
   const [isTooltipOpen, setIsTooltipOpen] = React.useState(false);
@@ -48,18 +48,21 @@ const ReadOnlyPill = ({
         content: tooltipText,
         placement: "top",
         showArrow: true,
-        renderTrigger: ({
-          ref
-        }) => /*#__PURE__*/_jsx__default["default"](InfoCircleSmall__default["default"], {
-          role: "button",
-          "data-testid": "read-only-info-btn",
-          className: "remove-pill-button",
-          onClick: toggle,
-          onMouseEnter: () => setIsTooltipOpen(true),
-          onMouseLeave: () => setIsTooltipOpen(false),
-          color: ['brand-primary', '600'],
-          innerRef: ref
-        })
+        renderTrigger: _ref2 => {
+          let {
+            ref
+          } = _ref2;
+          return /*#__PURE__*/_jsx__default["default"](dsIcons.InfoCircleSmall, {
+            role: "button",
+            "data-testid": "read-only-info-btn",
+            className: "remove-pill-button",
+            onClick: toggle,
+            onMouseEnter: () => setIsTooltipOpen(true),
+            onMouseLeave: () => setIsTooltipOpen(false),
+            color: ['brand-primary', '600'],
+            innerRef: ref
+          });
+        }
       }),
       tabIndex: -1
     }), /*#__PURE__*/_jsx__default["default"](DSModal__default["default"], {

package/cjs/deprecated/RemovablePill.js

@@ -5,24 +5,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _jsx = require('@babel/runtime/helpers/jsx');
 var React = require('react');
 var reactDesc = require('react-desc');
-var utils = require('@elliemae/ds-utilities/utils');
-var CloseIcon = require('@elliemae/ds-icons/CloseXsmall');
+var dsUtilities = require('@elliemae/ds-utilities');
+var dsIcons = require('@elliemae/ds-icons');
 var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
 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);
-var CloseIcon__default = /*#__PURE__*/_interopDefaultLegacy(CloseIcon);
 var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
 
-function RemovablePill({
-  containerProps = {},
-  label = '',
-  onRemove,
-  size = 'm',
-  leftAddon
-}) {
+function RemovablePill(_ref) {
+  let {
+    containerProps = {},
+    label = '',
+    onRemove,
+    size = 'm',
+    leftAddon
+  } = _ref;
   const ref = React.useRef(null);
   const {
     focusPrevious
@@ -36,12 +36,12 @@ function RemovablePill({
     label: label,
     leftAddon: leftAddon,
     onKeyDown: e => {
-      if (e.key === 'Backspace' && utils.isFunction(onRemove)) {
+      if (e.key === 'Backspace' && dsUtilities.isFunction(onRemove)) {
         onRemove();
-        if (utils.isFunction(focusPrevious)) focusPrevious();
+        if (dsUtilities.isFunction(focusPrevious)) focusPrevious();
       }
     },
-    rightAddon: /*#__PURE__*/_jsx__default["default"](CloseIcon__default["default"], {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
       role: "button",
       "data-testid": "remove-pill-button",
       className: "remove-pill-button",

package/cjs/deprecated/index.js

@@ -15,6 +15,7 @@ var OverflowPill = require('./OverflowPill.js');
 
 exports.DSPillWithSchema = Pill.DSPillWithSchema;
 exports.Pill = Pill.Pill;
+exports["default"] = Pill.Pill;
 exports.Container = PillGroup.Container;
 exports.DSPillGroupWithSchema = PillGroup.DSPillGroupWithSchema;
 exports.PillGroup = PillGroup.PillGroup;

package/cjs/props.js

@@ -3,11 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
-var DSInput = require('@elliemae/ds-form/Input');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var DSInput__default = /*#__PURE__*/_interopDefaultLegacy(DSInput);
+var dsForm = require('@elliemae/ds-form');
 
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
 const pillTypes = reactDesc.PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);
@@ -15,7 +11,9 @@ const DSPillV2PropTypes = {
   label: reactDesc.PropTypes.string.description('Label to show in the pill').isRequired,
   type: pillTypes.description('The type of pill that you want to render').isRequired,
   innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.func]).description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)').defaultValue(() => null),
+  size: reactDesc.PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),
   ariaLabel: reactDesc.PropTypes.string.description('Aria label for the pill. If not provided we will use the label').defaultValue(''),
+  labelTruncated: reactDesc.PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),
   tooltipValue: reactDesc.PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),
   iconLeft: reactDesc.PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),
   iconRight: reactDesc.PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),
@@ -24,16 +22,23 @@ const DSPillV2PropTypes = {
   onInputChange: reactDesc.PropTypes.func.description('Callback triggered when user provides input to the input pill').defaultValue(() => null),
   onInputClear: reactDesc.PropTypes.func.description('Callback triggered when the user clears an input pill').defaultValue(() => null),
   inputWidth: reactDesc.PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),
-  dropdownProps: reactDesc.PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({})
+  dropdownProps: reactDesc.PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),
+  onDropdownClick: reactDesc.PropTypes.func.description('Callback when dropdown button is clicked or pressed').defaultValue(() => null)
 };
 const DSPillButtonPropTypes = {
   type: reactDesc.PropTypes.oneOf(['only', 'left', 'right']).description('The position in which this button will be placed. Only used for css styling internally').defaultValue('right'),
   width: reactDesc.PropTypes.string.description('Width of the button').defaultValue('100%'),
   height: reactDesc.PropTypes.string.description('Height of the button').defaultValue('100%')
 };
+const DSPillGroupPropTypes = {
+  width: reactDesc.PropTypes.string.description('Width of the group').defaultValue('fit-content'),
+  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.func]).description('Reference to the pill group wrapper').defaultValue(() => null)
+};
 const DSPillV2DefaultProps = {
   innerRef: () => null,
   ariaLabel: '',
+  size: 'm',
+  labelTruncated: true,
   tooltipValue: '',
   iconLeft: null,
   iconRight: null,
@@ -42,16 +47,23 @@ const DSPillV2DefaultProps = {
   onInputChange: () => null,
   onInputClear: () => null,
   inputWidth: 72,
-  inputRender: DSInput__default["default"],
-  dropdownProps: {}
+  inputRender: dsForm.DSInput,
+  dropdownProps: {},
+  onDropdownClick: () => null
 };
 const DSPillButtonDefaultProps = {
   type: 'right',
   width: '100%',
   height: '100%'
 };
+const DSPillGroupDefaultProps = {
+  width: 'fit-content',
+  innerRef: () => null
+};
 
 exports.DSPillButtonDefaultProps = DSPillButtonDefaultProps;
 exports.DSPillButtonPropTypes = DSPillButtonPropTypes;
+exports.DSPillGroupDefaultProps = DSPillGroupDefaultProps;
+exports.DSPillGroupPropTypes = DSPillGroupPropTypes;
 exports.DSPillV2DefaultProps = DSPillV2DefaultProps;
 exports.DSPillV2PropTypes = DSPillV2PropTypes;