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

package/cjs/deprecated/index.js

@@ -2,57 +2,32 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_Pill = require('./Pill.js');
-var deprecated_PillGroup = require('./PillGroup.js');
-var deprecated_LabeledDropdownPills = require('./LabeledDropdownPills.js');
-var deprecated_LabeledPills = require('./LabeledPills.js');
-var deprecated_DropdownPill = require('./DropdownPill.js');
-var deprecated_RemovablePill = require('./RemovablePill.js');
-var deprecated_ReadOnlyPill = require('./ReadOnlyPill.js');
-var deprecated_OverflowPill = require('./OverflowPill.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('./LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('@elliemae/ds-utilities');
-require('./InputPill.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-form');
-require('./LabeledDropdownPillsTypes/utils.js');
-require('lodash');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('./LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js');
-require('@elliemae/ds-tooltip');
-require('./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-modal');
-require('@elliemae/ds-popover');
+var Pill = require('./Pill.js');
+var PillGroup = require('./PillGroup.js');
+var LabeledDropdownPills = require('./LabeledDropdownPills.js');
+var LabeledPills = require('./LabeledPills.js');
+var DropdownPill = require('./DropdownPill.js');
+var RemovablePill = require('./RemovablePill.js');
+var ReadOnlyPill = require('./ReadOnlyPill.js');
+var OverflowPill = require('./OverflowPill.js');
 
 
 
-exports.DSPillWithSchema = deprecated_Pill.DSPillWithSchema;
-exports.Pill = deprecated_Pill.Pill;
-exports.default = deprecated_Pill.Pill;
-exports.Container = deprecated_PillGroup.Container;
-exports.DSPillGroupWithSchema = deprecated_PillGroup.DSPillGroupWithSchema;
-exports.PillGroup = deprecated_PillGroup.PillGroup;
-exports.DSLabeledDropdownPillsWithSchema = deprecated_LabeledDropdownPills.DSLabeledDropdownPillsWithSchema;
-exports.LabeledDropdownPills = deprecated_LabeledDropdownPills.LabeledDropdownPills;
-exports.DSLabeledPillsWithSchema = deprecated_LabeledPills.DSLabeledPillsWithSchema;
-exports.LabeledPills = deprecated_LabeledPills.LabeledPills;
-exports.DSDropdownPillWithSchema = deprecated_DropdownPill.DSDropdownPillWithSchema;
-exports.DropdownPill = deprecated_DropdownPill.DropdownPill;
-exports.DSRemovablePillWithSchema = deprecated_RemovablePill.DSRemovablePillWithSchema;
-exports.RemovablePill = deprecated_RemovablePill.RemovablePill;
-exports.DSReadOnlyPillWithSchema = deprecated_ReadOnlyPill.DSReadOnlyPillWithSchema;
-exports.ReadOnlyPill = deprecated_ReadOnlyPill.ReadOnlyPill;
-exports.DSOverflowPillWithSchema = deprecated_OverflowPill.DSOverflowPillWithSchema;
-exports.OverflowPill = deprecated_OverflowPill.OverflowPill;
-//# sourceMappingURL=index.js.map
+exports.DSPillWithSchema = Pill.DSPillWithSchema;
+exports.Pill = Pill.Pill;
+exports["default"] = Pill.Pill;
+exports.Container = PillGroup.Container;
+exports.DSPillGroupWithSchema = PillGroup.DSPillGroupWithSchema;
+exports.PillGroup = PillGroup.PillGroup;
+exports.DSLabeledDropdownPillsWithSchema = LabeledDropdownPills.DSLabeledDropdownPillsWithSchema;
+exports.LabeledDropdownPills = LabeledDropdownPills.LabeledDropdownPills;
+exports.DSLabeledPillsWithSchema = LabeledPills.DSLabeledPillsWithSchema;
+exports.LabeledPills = LabeledPills.LabeledPills;
+exports.DSDropdownPillWithSchema = DropdownPill.DSDropdownPillWithSchema;
+exports.DropdownPill = DropdownPill.DropdownPill;
+exports.DSRemovablePillWithSchema = RemovablePill.DSRemovablePillWithSchema;
+exports.RemovablePill = RemovablePill.RemovablePill;
+exports.DSReadOnlyPillWithSchema = ReadOnlyPill.DSReadOnlyPillWithSchema;
+exports.ReadOnlyPill = ReadOnlyPill.ReadOnlyPill;
+exports.DSOverflowPillWithSchema = OverflowPill.DSOverflowPillWithSchema;
+exports.OverflowPill = OverflowPill.OverflowPill;

package/cjs/index.d.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=index.d.js.map

package/cjs/index.js

@@ -2,82 +2,42 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var deprecated_Pill = require('./deprecated/Pill.js');
-var deprecated_PillGroup = require('./deprecated/PillGroup.js');
-var deprecated_LabeledDropdownPills = require('./deprecated/LabeledDropdownPills.js');
-var deprecated_LabeledPills = require('./deprecated/LabeledPills.js');
-var deprecated_DropdownPill = require('./deprecated/DropdownPill.js');
-var deprecated_RemovablePill = require('./deprecated/RemovablePill.js');
-var deprecated_ReadOnlyPill = require('./deprecated/ReadOnlyPill.js');
-var deprecated_OverflowPill = require('./deprecated/OverflowPill.js');
-var components_Pill = require('./components/Pill.js');
-var components_PillGroup = require('./components/PillGroup.js');
-var components_PillButton = require('./components/PillButton.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('@babel/runtime/helpers/defineProperty');
-require('react');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('./deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('@elliemae/ds-utilities');
-require('./deprecated/InputPill.js');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-form');
-require('./deprecated/LabeledDropdownPillsTypes/utils.js');
-require('lodash');
-require('./deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js');
-require('./deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js');
-require('@babel/runtime/helpers/toConsumableArray');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('@elliemae/ds-modal');
-require('@elliemae/ds-popover');
-require('@elliemae/ds-tooltip');
-require('@elliemae/ds-props-helpers');
-require('./props.js');
-require('./components/types/DropdownPill.js');
-require('uid');
-require('@elliemae/ds-truncated-tooltip-text');
-require('./components/styled.js');
-require('styled-components');
-require('@elliemae/ds-grid');
-require('@elliemae/ds-button');
-require('./utils.js');
-require('./components/types/InputPill.js');
-require('./components/types/LabelPill.js');
-require('./components/types/ReadOnlyPill.js');
-require('./components/types/RemovablePill.js');
-require('./components/types/ValuePill.js');
+var Pill = require('./deprecated/Pill.js');
+var PillGroup = require('./deprecated/PillGroup.js');
+var LabeledDropdownPills = require('./deprecated/LabeledDropdownPills.js');
+var LabeledPills = require('./deprecated/LabeledPills.js');
+var DropdownPill = require('./deprecated/DropdownPill.js');
+var RemovablePill = require('./deprecated/RemovablePill.js');
+var ReadOnlyPill = require('./deprecated/ReadOnlyPill.js');
+var OverflowPill = require('./deprecated/OverflowPill.js');
+var Pill$1 = require('./components/Pill.js');
+var PillGroup$1 = require('./components/PillGroup.js');
+var PillButton = require('./components/PillButton.js');
 
 
 
-exports.DSPillWithSchema = deprecated_Pill.DSPillWithSchema;
-exports.Pill = deprecated_Pill.Pill;
-exports.default = deprecated_Pill.Pill;
-exports.Container = deprecated_PillGroup.Container;
-exports.DSPillGroupWithSchema = deprecated_PillGroup.DSPillGroupWithSchema;
-exports.PillGroup = deprecated_PillGroup.PillGroup;
-exports.DSLabeledDropdownPillsWithSchema = deprecated_LabeledDropdownPills.DSLabeledDropdownPillsWithSchema;
-exports.LabeledDropdownPills = deprecated_LabeledDropdownPills.LabeledDropdownPills;
-exports.DSLabeledPillsWithSchema = deprecated_LabeledPills.DSLabeledPillsWithSchema;
-exports.LabeledPills = deprecated_LabeledPills.LabeledPills;
-exports.DSDropdownPillWithSchema = deprecated_DropdownPill.DSDropdownPillWithSchema;
-exports.DropdownPill = deprecated_DropdownPill.DropdownPill;
-exports.DSRemovablePillWithSchema = deprecated_RemovablePill.DSRemovablePillWithSchema;
-exports.RemovablePill = deprecated_RemovablePill.RemovablePill;
-exports.DSReadOnlyPillWithSchema = deprecated_ReadOnlyPill.DSReadOnlyPillWithSchema;
-exports.ReadOnlyPill = deprecated_ReadOnlyPill.ReadOnlyPill;
-exports.DSOverflowPillWithSchema = deprecated_OverflowPill.DSOverflowPillWithSchema;
-exports.OverflowPill = deprecated_OverflowPill.OverflowPill;
-exports.DSPillV2 = components_Pill.DSPillV2;
-exports.DSPillV2WithSchema = components_Pill.DSPillV2WithSchema;
-exports.DSPillGroupV2 = components_PillGroup.DSPillGroupV2;
-exports.DSPillGroupV2Context = components_PillGroup.DSPillGroupV2Context;
-exports.DSPillGroupV2WithSchema = components_PillGroup.DSPillGroupV2WithSchema;
-exports.DSPillButton = components_PillButton.DSPillButton;
-exports.DSPillButtonWithSchema = components_PillButton.DSPillButtonWithSchema;
-//# sourceMappingURL=index.js.map
+exports.DSPillWithSchema = Pill.DSPillWithSchema;
+exports.Pill = Pill.Pill;
+exports["default"] = Pill.Pill;
+exports.Container = PillGroup.Container;
+exports.DSPillGroupWithSchema = PillGroup.DSPillGroupWithSchema;
+exports.PillGroup = PillGroup.PillGroup;
+exports.DSLabeledDropdownPillsWithSchema = LabeledDropdownPills.DSLabeledDropdownPillsWithSchema;
+exports.LabeledDropdownPills = LabeledDropdownPills.LabeledDropdownPills;
+exports.DSLabeledPillsWithSchema = LabeledPills.DSLabeledPillsWithSchema;
+exports.LabeledPills = LabeledPills.LabeledPills;
+exports.DSDropdownPillWithSchema = DropdownPill.DSDropdownPillWithSchema;
+exports.DropdownPill = DropdownPill.DropdownPill;
+exports.DSRemovablePillWithSchema = RemovablePill.DSRemovablePillWithSchema;
+exports.RemovablePill = RemovablePill.RemovablePill;
+exports.DSReadOnlyPillWithSchema = ReadOnlyPill.DSReadOnlyPillWithSchema;
+exports.ReadOnlyPill = ReadOnlyPill.ReadOnlyPill;
+exports.DSOverflowPillWithSchema = OverflowPill.DSOverflowPillWithSchema;
+exports.OverflowPill = OverflowPill.OverflowPill;
+exports.DSPillV2 = Pill$1.DSPillV2;
+exports.DSPillV2WithSchema = Pill$1.DSPillV2WithSchema;
+exports.DSPillGroupV2 = PillGroup$1.DSPillGroupV2;
+exports.DSPillGroupV2Context = PillGroup$1.DSPillGroupV2Context;
+exports.DSPillGroupV2WithSchema = PillGroup$1.DSPillGroupV2WithSchema;
+exports.DSPillButton = PillButton.DSPillButton;
+exports.DSPillButtonWithSchema = PillButton.DSPillButtonWithSchema;

package/cjs/props.js

@@ -6,81 +6,59 @@ var reactDesc = require('react-desc');
 var dsForm = require('@elliemae/ds-form');
 
 /* eslint-disable @typescript-eslint/explicit-module-boundary-types */
-var pillTypes = reactDesc.PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);
-var DSPillV2PropTypes = {
+const pillTypes = reactDesc.PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);
+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(function () {
-    return null;
-  }),
+  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),
-  onRemove: reactDesc.PropTypes.func.description('Callback triggered when removing a pill with the close icon').defaultValue(function () {
-    return null;
-  }),
+  onRemove: reactDesc.PropTypes.func.description('Callback triggered when removing a pill with the close icon').defaultValue(() => null),
   inputPlaceholder: reactDesc.PropTypes.string.description('Placeholder for the input pill').defaultValue(''),
-  onInputChange: reactDesc.PropTypes.func.description('Callback triggered when user provides input to the input pill').defaultValue(function () {
-    return null;
-  }),
-  onInputClear: reactDesc.PropTypes.func.description('Callback triggered when the user clears an input pill').defaultValue(function () {
-    return null;
-  }),
+  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({}),
-  onDropdownClick: reactDesc.PropTypes.func.description('Callback when dropdown button is clicked or pressed').defaultValue(function () {
-    return null;
-  })
+  onDropdownClick: reactDesc.PropTypes.func.description('Callback when dropdown button is clicked or pressed').defaultValue(() => null)
 };
-var DSPillButtonPropTypes = {
+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%')
 };
-var DSPillGroupPropTypes = {
+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(function () {
-    return null;
-  })
+  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.func]).description('Reference to the pill group wrapper').defaultValue(() => null)
 };
-var DSPillV2DefaultProps = {
-  innerRef: function innerRef() {
-    return null;
-  },
+const DSPillV2DefaultProps = {
+  innerRef: () => null,
   ariaLabel: '',
+  size: 'm',
   labelTruncated: true,
   tooltipValue: '',
   iconLeft: null,
   iconRight: null,
-  onRemove: function onRemove() {
-    return null;
-  },
+  onRemove: () => null,
   inputPlaceholder: '',
-  onInputChange: function onInputChange() {
-    return null;
-  },
-  onInputClear: function onInputClear() {
-    return null;
-  },
+  onInputChange: () => null,
+  onInputClear: () => null,
   inputWidth: 72,
   inputRender: dsForm.DSInput,
   dropdownProps: {},
-  onDropdownClick: function onDropdownClick() {
-    return null;
-  }
+  onDropdownClick: () => null
 };
-var DSPillButtonDefaultProps = {
+const DSPillButtonDefaultProps = {
   type: 'right',
   width: '100%',
   height: '100%'
 };
-var DSPillGroupDefaultProps = {
+const DSPillGroupDefaultProps = {
   width: 'fit-content',
-  innerRef: function innerRef() {
-    return null;
-  }
+  innerRef: () => null
 };
 
 exports.DSPillButtonDefaultProps = DSPillButtonDefaultProps;
@@ -89,4 +67,3 @@ exports.DSPillGroupDefaultProps = DSPillGroupDefaultProps;
 exports.DSPillGroupPropTypes = DSPillGroupPropTypes;
 exports.DSPillV2DefaultProps = DSPillV2DefaultProps;
 exports.DSPillV2PropTypes = DSPillV2PropTypes;
-//# sourceMappingURL=props.js.map

package/cjs/utils.js

@@ -2,13 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var setMultipleRefs = function setMultipleRefs() {
+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');
+
+const setMultipleRefs = function () {
   for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
     refs[_key] = arguments[_key];
   }
 
-  return function (_ref) {
-    refs.forEach(function (ref) {
+  return _ref => {
+    refs.forEach(ref => {
       if (!ref || !_ref) return;
 
       if (typeof ref === 'function') {
@@ -22,4 +26,3 @@ var setMultipleRefs = function setMultipleRefs() {
 };
 
 exports.setMultipleRefs = setMultipleRefs;
-//# sourceMappingURL=utils.js.map

package/esm/components/Pill.js

@@ -1,4 +1,10 @@
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
 import { describe } from 'react-desc';
 import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 import { DSPillV2PropTypes, DSPillV2DefaultProps } from '../props.js';
@@ -8,26 +14,12 @@ import { LabelPill } from './types/LabelPill.js';
 import { ReadOnlyPill } from './types/ReadOnlyPill.js';
 import { RemovablePill } from './types/RemovablePill.js';
 import { ValuePill } from './types/ValuePill.js';
-import '@elliemae/ds-form';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-dropdownmenu';
-import 'uid';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-truncated-tooltip-text';
-import './styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
-import '../utils.js';
-import './PillButton.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './PillGroup.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import '@elliemae/ds-tooltip';
+import { jsx } from 'react/jsx-runtime';
 
-/* eslint-disable react/prop-types */
-var pillComponentGetter = {
+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(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 pillComponentGetter = {
   dropdown: DropdownPill,
   input: InputPill,
   label: LabelPill,
@@ -36,17 +28,17 @@ var pillComponentGetter = {
   value: ValuePill
 };
 
-var DSPillV2 = function DSPillV2(props) {
-  var propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2WithSchema.toTypescript());
-  var type = propsWithDefaults.type;
-  var PillComponent = pillComponentGetter[type];
-  return /*#__PURE__*/React.createElement(PillComponent, propsWithDefaults);
+const DSPillV2 = props => {
+  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);
+  useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2PropTypes);
+  const {
+    type
+  } = propsWithDefaults;
+  const PillComponent = pillComponentGetter[type];
+  return /*#__PURE__*/jsx(PillComponent, _objectSpread({}, propsWithDefaults));
 };
 
-DSPillV2.propTypes = DSPillV2PropTypes;
-var DSPillV2WithSchema = describe(DSPillV2).description('Pill');
+const DSPillV2WithSchema = describe(DSPillV2).description('Pill');
 DSPillV2WithSchema.propTypes = DSPillV2PropTypes;
 
 export { DSPillV2, DSPillV2WithSchema };
-//# sourceMappingURL=Pill.js.map

package/esm/components/PillButton.js

@@ -1,39 +1,46 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import React from 'react';
+import 'react';
 import { describe } from 'react-desc';
 import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 import { StyledPillButton } from './styled.js';
 import { DSPillButtonPropTypes, DSPillButtonDefaultProps } from '../props.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
-import '@elliemae/ds-form';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["type", "children"];
-var typeToClassName = {
+const _excluded = ["type", "children"];
+
+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(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 typeToClassName = {
   only: 'ds-pill-button-only',
   left: 'ds-pill-button-left',
   right: 'ds-pill-button-right'
 };
 
-var DSPillButton = function DSPillButton(props) {
-  var propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonWithSchema.toTypescript());
+const DSPillButton = props => {
+  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);
+  useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonPropTypes);
 
-  var type = propsWithDefaults.type,
-      children = propsWithDefaults.children,
-      rest = _objectWithoutProperties(propsWithDefaults, _excluded);
+  const {
+    type,
+    children
+  } = propsWithDefaults,
+        rest = _objectWithoutProperties(propsWithDefaults, _excluded);
 
-  return /*#__PURE__*/React.createElement(StyledPillButton, _extends({}, rest, {
+  return /*#__PURE__*/jsx(StyledPillButton, _objectSpread(_objectSpread({}, rest), {}, {
     buttonType: "raw",
-    className: "".concat(typeToClassName[type], " ").concat(rest.className)
-  }), children);
+    className: "".concat(typeToClassName[type], " ").concat(rest.className),
+    children: children
+  }));
 };
 
-DSPillButton.propTypes = DSPillButtonPropTypes;
-var DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');
+const DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');
 DSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;
 
 export { DSPillButton, DSPillButtonWithSchema };
-//# sourceMappingURL=PillButton.js.map

package/esm/components/PillGroup.js

@@ -1,36 +1,31 @@
-import _toConsumableArray from '@babel/runtime/helpers/esm/toConsumableArray';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import React, { createContext, useMemo, useCallback } from 'react';
 import { describe } from 'react-desc';
 import { uid } from 'uid';
 import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';
 import { DSPillGroupPropTypes, DSPillGroupDefaultProps } from '../props.js';
 import { StyledPillGroup } from './styled.js';
-import '@elliemae/ds-form';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
+import { jsx } from 'react/jsx-runtime';
 
-var DSPillGroupV2Context = /*#__PURE__*/createContext({
-  onKeyboardRemove: function onKeyboardRemove() {
-    return null;
-  }
+const DSPillGroupV2Context = /*#__PURE__*/createContext({
+  onKeyboardRemove: () => null
 });
 
-var DSPillGroupV2 = function DSPillGroupV2(props) {
-  var propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupV2WithSchema.toTypescript());
-  var pillGroupUid = useMemo(function () {
-    return "ds-pill-group-".concat(uid());
-  }, []);
-  var children = propsWithDefaults.children,
-      width = propsWithDefaults.width,
-      innerRef = propsWithDefaults.innerRef;
-  var onKeyboardRemove = useCallback(function (pillUid) {
-    var elems = _toConsumableArray(document.querySelectorAll("#".concat(pillGroupUid, " .ds-pill-focus-point")));
-
-    var pillIndex = elems.findIndex(function (elem) {
-      return elem.id === pillUid;
-    });
+const DSPillGroupV2 = props => {
+  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);
+  useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes);
+  const pillGroupUid = useMemo(() => "ds-pill-group-".concat(uid()), []);
+  const {
+    children,
+    width,
+    innerRef
+  } = propsWithDefaults;
+  const onKeyboardRemove = useCallback(pillUid => {
+    const elems = [...document.querySelectorAll("#".concat(pillGroupUid, " .ds-pill-focus-point"))];
+    const pillIndex = elems.findIndex(elem => elem.id === pillUid);
 
     if (pillIndex > 0) {
       elems[pillIndex - 1].focus();
@@ -38,24 +33,21 @@ var DSPillGroupV2 = function DSPillGroupV2(props) {
       elems[pillIndex + 1].focus();
     }
   }, [pillGroupUid]);
-  return /*#__PURE__*/React.createElement(DSPillGroupV2Context.Provider, {
+  return /*#__PURE__*/_jsx(DSPillGroupV2Context.Provider, {
     value: {
-      onKeyboardRemove: onKeyboardRemove
+      onKeyboardRemove
     }
-  }, /*#__PURE__*/React.createElement(StyledPillGroup, {
+  }, void 0, /*#__PURE__*/jsx(StyledPillGroup, {
     width: width,
     id: pillGroupUid,
-    cols: React.Children.map(children, function () {
-      return 'auto';
-    }),
+    cols: React.Children.map(children, () => 'auto'),
     gutter: "2px",
-    ref: innerRef
-  }, children));
+    ref: innerRef,
+    children: children
+  }));
 };
 
-DSPillGroupV2.propTypes = DSPillGroupPropTypes;
-var DSPillGroupV2WithSchema = describe(DSPillGroupV2);
+const DSPillGroupV2WithSchema = describe(DSPillGroupV2);
 DSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes;
 
 export { DSPillGroupV2, DSPillGroupV2Context, DSPillGroupV2WithSchema };
-//# sourceMappingURL=PillGroup.js.map

package/esm/components/index.js

@@ -1,29 +1,3 @@
 export { DSPillV2, DSPillV2WithSchema } from './Pill.js';
 export { DSPillGroupV2, DSPillGroupV2Context, DSPillGroupV2WithSchema } from './PillGroup.js';
 export { DSPillButton, DSPillButtonWithSchema } from './PillButton.js';
-import 'react';
-import 'react-desc';
-import '@elliemae/ds-props-helpers';
-import '../props.js';
-import '@elliemae/ds-form';
-import './types/DropdownPill.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@elliemae/ds-dropdownmenu';
-import 'uid';
-import '@elliemae/ds-icons';
-import '@elliemae/ds-truncated-tooltip-text';
-import './styled.js';
-import 'styled-components';
-import '@elliemae/ds-grid';
-import '@elliemae/ds-button';
-import '../utils.js';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import './types/InputPill.js';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import './types/LabelPill.js';
-import './types/ReadOnlyPill.js';
-import './types/RemovablePill.js';
-import '@babel/runtime/helpers/esm/toConsumableArray';
-import './types/ValuePill.js';
-import '@elliemae/ds-tooltip';
-//# sourceMappingURL=index.js.map