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

package/cjs/deprecated/OverflowPill.js

@@ -1,73 +0,0 @@
-'use strict';
-
-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');
-var DSTooltip = require('@elliemae/ds-tooltip');
-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 useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
-var DSTooltip__default = /*#__PURE__*/_interopDefaultLegacy(DSTooltip);
-
-function OverflowPill(_ref) {
-  let {
-    containerProps = {},
-    label = '',
-    options = []
-  } = _ref;
-  const ref = React.useRef(null);
-  const [tooltipIsOpen, setTooltipIsOpen] = React.useState(false);
-  const [tooltipText, setTooltipText] = React.useState('');
-  React.useEffect(() => {
-    let text = '';
-    options.forEach(option => {
-      if (!tooltipText || option === options[0]) {
-        text = "".concat(option.label);
-      } else {
-        text = text.concat(", ".concat(option.label));
-      }
-    });
-    setTooltipText(text);
-  }, [options]);
-  useFocusGroupItem__default["default"](ref);
-  return /*#__PURE__*/_jsx__default["default"](DSTooltip__default["default"], {
-    isOpen: tooltipIsOpen,
-    title: tooltipText,
-    zIndex: 11,
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
-      className: "overflow-pill",
-      containerProps: containerProps,
-      innerRef: ref,
-      label: label,
-      tabIndex: -1,
-      onMouseEnter: () => setTooltipIsOpen(true),
-      onMouseLeave: () => setTooltipIsOpen(false)
-    })
-  });
-}
-
-const props = {
-  /** props to inject to pill wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props to inject to pill wrapper'),
-
-  /** pill text label */
-  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
-
-  /** overflow pills options */
-  options: reactDesc.PropTypes.array.description('overflow pills options')
-};
-const DSOverflowPillWithSchema = reactDesc.describe(OverflowPill);
-DSOverflowPillWithSchema.propTypes = props;
-
-exports.DSOverflowPillWithSchema = DSOverflowPillWithSchema;
-exports.OverflowPill = OverflowPill;

package/cjs/deprecated/Pill.js

@@ -1,88 +0,0 @@
-'use strict';
-
-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');
-require('react');
-var reactDesc = require('react-desc');
-var dsClassnames = require('@elliemae/ds-classnames');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["containerProps", "label", "leftAddon", "rightAddon", "variant", "size"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const pillBlockName = 'pill';
-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(_ref2) {
-  let {
-    containerProps = {},
-    label = '',
-    leftAddon,
-    rightAddon,
-    variant = 'value',
-    size = 'm'
-  } = _ref2,
-      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
-
-  return /*#__PURE__*/jsxRuntime.jsxs(PillWrapper, _objectSpread(_objectSpread(_objectSpread({}, containerProps), {}, {
-    classProps: {
-      variant,
-      size
-    }
-  }, otherProps), {}, {
-    children: [leftAddon && /*#__PURE__*/_jsx__default["default"](PillAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](PillLabel, {}, void 0, label), rightAddon && /*#__PURE__*/_jsx__default["default"](PillAddon, {}, void 0, rightAddon)]
-  }));
-}
-
-const props = {
-  /** props to inject to pill wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props to inject to pill wrapper'),
-
-  /** pill text label */
-  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
-
-  /** pill size */
-  size: reactDesc.PropTypes.oneOf(['m', 'l']).description('pill size'),
-
-  /** pill variant */
-  variant: reactDesc.PropTypes.oneOf(['value', 'title']).description('pill variant'),
-
-  /** addon component to left */
-  leftAddon: reactDesc.PropTypes.node.description('addon component to left'),
-
-  /** addon component to right */
-  rightAddon: reactDesc.PropTypes.node.description('addon component to right')
-};
-const DSPillWithSchema = reactDesc.describe(Pill);
-DSPillWithSchema.propTypes = props;
-
-exports.DSPillWithSchema = DSPillWithSchema;
-exports.Pill = Pill;
-exports["default"] = Pill;

package/cjs/deprecated/PillGroup.js

@@ -1,72 +0,0 @@
-'use strict';
-
-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');
-var reactDesc = require('react-desc');
-var dsClassnames = require('@elliemae/ds-classnames');
-var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var FocusGroupProvider__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupProvider);
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const pillGroupBlockName = 'pill-group';
-const Container = dsClassnames.aggregatedClasses('div')(pillGroupBlockName);
-
-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 */
-  containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
-
-  /** focus next group callback */
-  onFocusNextGroup: reactDesc.PropTypes.func.description('focus next group callback'),
-
-  /** focus prev group callback */
-  onFocusPreviousGroup: reactDesc.PropTypes.func.description('focus prev group callback'),
-
-  /** focus group set callback */
-  onFocusGroupSet: reactDesc.PropTypes.func.description('focus group set callback'),
-
-  /** pill components */
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.node), reactDesc.PropTypes.node]).isRequired.description('pill components')
-};
-const DSPillGroupWithSchema = reactDesc.describe(PillGroup);
-DSPillGroupWithSchema.propTypes = props;
-
-exports.Container = Container;
-exports.DSPillGroupWithSchema = DSPillGroupWithSchema;
-exports.PillGroup = PillGroup;

package/cjs/deprecated/ReadOnlyPill.js

@@ -1,101 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 dsIcons = require('@elliemae/ds-icons');
-var DSModal = require('@elliemae/ds-modal');
-var Popover = require('@elliemae/ds-popover');
-var Pill = require('./Pill.js');
-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 DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
-var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
-
-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);
-
-  const toggle = () => {
-    setIsModalOpen(!isModalOpen);
-  };
-
-  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](Pill.Pill, {
-      "data-testid": "read-only-pill",
-      className: "removable-pill",
-      containerProps: containerProps,
-      innerRef: ref,
-      label: label,
-      leftAddon: leftAddon,
-      rightAddon: /*#__PURE__*/_jsx__default["default"](Popover__default["default"], {
-        isOpen: tooltipText && isTooltipOpen,
-        content: tooltipText,
-        placement: "top",
-        showArrow: true,
-        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"], {
-      isOpen: isModalOpen,
-      showClose: true,
-      shouldCloseOnOverlayClick: true,
-      modalTitle: modalTitle,
-      modalType: DSModal.MODAL_TYPE_V2.INFORMATION,
-      onClose: toggle,
-      version: 2
-    }, void 0, modalContent)]
-  });
-};
-
-const props = {
-  /** props injected to component wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
-
-  /** labeled pill text label */
-  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
-
-  /** addon component to left */
-  leftAddon: reactDesc.PropTypes.node.description('addon component to left'),
-
-  /** read only pill modal content */
-  modalContent: reactDesc.PropTypes.string.description('read only pill modal content'),
-
-  /** read only pill modal title */
-  modalTitle: reactDesc.PropTypes.string.description('read only pill modal title'),
-  tooltipText: reactDesc.PropTypes.string.description('text to display in tooltip')
-};
-const DSReadOnlyPillWithSchema = reactDesc.describe(ReadOnlyPill);
-DSReadOnlyPillWithSchema.propTypes = props;
-
-exports.DSReadOnlyPillWithSchema = DSReadOnlyPillWithSchema;
-exports.ReadOnlyPill = ReadOnlyPill;

package/cjs/deprecated/RemovablePill.js

@@ -1,74 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var reactDesc = require('react-desc');
-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 useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
-
-function RemovablePill(_ref) {
-  let {
-    containerProps = {},
-    label = '',
-    onRemove,
-    size = 'm',
-    leftAddon
-  } = _ref;
-  const ref = React.useRef(null);
-  const {
-    focusPrevious
-  } = useFocusGroupItem__default["default"](ref);
-  return /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
-    className: "removable-pill",
-    "data-testid": "removable-pill",
-    containerProps: containerProps,
-    innerRef: ref,
-    size: size,
-    label: label,
-    leftAddon: leftAddon,
-    onKeyDown: e => {
-      if (e.key === 'Backspace' && dsUtilities.isFunction(onRemove)) {
-        onRemove();
-        if (dsUtilities.isFunction(focusPrevious)) focusPrevious();
-      }
-    },
-    rightAddon: /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
-      role: "button",
-      "data-testid": "remove-pill-button",
-      className: "remove-pill-button",
-      onClick: onRemove
-    }),
-    tabIndex: -1
-  });
-}
-
-const props = {
-  /** props injected to component wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
-
-  /** labeled pill text label */
-  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
-
-  /** remove click callback */
-  onRemove: reactDesc.PropTypes.func.description('remove click callback'),
-
-  /** pill size */
-  size: reactDesc.PropTypes.oneOf(['m', 'l']).description('pill size'),
-
-  /** addon component to left */
-  leftAddon: reactDesc.PropTypes.node.description('addon component to left')
-};
-const DSRemovablePillWithSchema = reactDesc.describe(RemovablePill);
-DSRemovablePillWithSchema.propTypes = props;
-
-exports.DSRemovablePillWithSchema = DSRemovablePillWithSchema;
-exports.RemovablePill = RemovablePill;

package/cjs/deprecated/index.js

@@ -1,33 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 = 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,2 +0,0 @@
-'use strict';
-

package/cjs/index.js

@@ -1,43 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 = 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

@@ -1,70 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-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']);
-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),
-  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(() => 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(() => 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,
-  onRemove: () => null,
-  inputPlaceholder: '',
-  onInputChange: () => null,
-  onInputClear: () => null,
-  inputWidth: 72,
-  inputRender: dsForm.DSInput,
-  dropdownProps: {},
-  onDropdownClick: () => null,
-  tabIndex: 0
-};
-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;

package/cjs/utils.js

@@ -1,28 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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 _ref => {
-    refs.forEach(ref => {
-      if (!ref || !_ref) return;
-
-      if (typeof ref === 'function') {
-        ref(_ref);
-        return;
-      }
-
-      if (ref) ref.current = _ref;
-    });
-  };
-};
-
-exports.setMultipleRefs = setMultipleRefs;

package/esm/components/Pill.js

@@ -1,44 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _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';
-import { DropdownPill } from './types/DropdownPill.js';
-import { InputPill } from './types/InputPill.js';
-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 { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const pillComponentGetter = {
-  dropdown: DropdownPill,
-  input: InputPill,
-  label: LabelPill,
-  readonly: ReadOnlyPill,
-  removable: RemovablePill,
-  value: ValuePill
-};
-
-const DSPillV2 = props => {
-  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);
-  useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2PropTypes);
-  const {
-    type
-  } = propsWithDefaults;
-  const PillComponent = pillComponentGetter[type];
-  return /*#__PURE__*/jsx(PillComponent, _objectSpread({}, propsWithDefaults));
-};
-
-const DSPillV2WithSchema = describe(DSPillV2).description('Pill');
-DSPillV2WithSchema.propTypes = DSPillV2PropTypes;
-
-export { DSPillV2, DSPillV2WithSchema };