@elliemae/ds-pills 2.2.0-alpha.3 → 2.2.0-next.2

package/cjs/deprecated/index.js

@@ -1,43 +1,33 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var deprecated_exports = {};
-__export(deprecated_exports, {
-  default: () => import_Pill.default
-});
-var React = __toESM(require("react"));
-__reExport(deprecated_exports, __toESM(require("./Pill")));
-__reExport(deprecated_exports, __toESM(require("./PillGroup")));
-__reExport(deprecated_exports, __toESM(require("./LabeledDropdownPills")));
-__reExport(deprecated_exports, __toESM(require("./LabeledPills")));
-__reExport(deprecated_exports, __toESM(require("./DropdownPill")));
-__reExport(deprecated_exports, __toESM(require("./RemovablePill")));
-__reExport(deprecated_exports, __toESM(require("./ReadOnlyPill")));
-__reExport(deprecated_exports, __toESM(require("./OverflowPill")));
-var import_Pill = __toESM(require("./Pill"));
-module.exports = __toCommonJS(deprecated_exports);
-//# sourceMappingURL=index.js.map
+'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,27 +1,2 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var index_d_exports = {};
-var React = __toESM(require("react"));
-module.exports = __toCommonJS(index_d_exports);
-//# sourceMappingURL=index.d.js.map
+'use strict';
+

package/cjs/index.js

@@ -1,37 +1,43 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-__export(src_exports, {
-  default: () => import_deprecated.default
-});
-var React = __toESM(require("react"));
-__reExport(src_exports, __toESM(require("./deprecated")));
-__reExport(src_exports, __toESM(require("./components")));
-var import_deprecated = __toESM(require("./deprecated"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'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,95 +1,69 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var props_exports = {};
-__export(props_exports, {
-  DSPillButtonDefaultProps: () => DSPillButtonDefaultProps,
-  DSPillButtonPropTypes: () => DSPillButtonPropTypes,
-  DSPillGroupDefaultProps: () => DSPillGroupDefaultProps,
-  DSPillGroupPropTypes: () => DSPillGroupPropTypes,
-  DSPillV2DefaultProps: () => DSPillV2DefaultProps,
-  DSPillV2PropTypes: () => DSPillV2PropTypes
-});
-var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_form = __toESM(require("@elliemae/ds-form"));
-const pillTypes = import_react_desc.PropTypes.oneOf(["label", "value", "input", "dropdown", "removable", "readonly"]);
+'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: import_react_desc.PropTypes.string.description("Label to show in the pill").isRequired,
-  type: pillTypes.description("The type of pill that you want to render").isRequired,
-  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.object, import_react_desc.PropTypes.func]).description("Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)").defaultValue(() => null),
-  size: import_react_desc.PropTypes.oneOf(["s", "m"]).description("Vertical pill size").defaultValue("m"),
-  ariaLabel: import_react_desc.PropTypes.string.description("Aria label for the pill. If not provided we will use the label").defaultValue(""),
-  labelTruncated: import_react_desc.PropTypes.bool.description("Whether to truncate the pills label").defaultValue(true),
-  tooltipValue: import_react_desc.PropTypes.string.description("String to show as a tooltip in the value pill").defaultValue(""),
-  iconLeft: import_react_desc.PropTypes.node.description("A component to show int the left of a readonly pill").defaultValue(null),
-  iconRight: import_react_desc.PropTypes.node.description("A component to show in the right of a readonly pill").defaultValue(null),
-  onRemove: import_react_desc.PropTypes.func.description("Callback triggered when removing a pill with the close icon").defaultValue(() => null),
-  inputPlaceholder: import_react_desc.PropTypes.string.description("Placeholder for the input pill").defaultValue(""),
-  onInputChange: import_react_desc.PropTypes.func.description("Callback triggered when user provides input to the input pill").defaultValue(() => null),
-  onInputClear: import_react_desc.PropTypes.func.description("Callback triggered when the user clears an input pill").defaultValue(() => null),
-  inputWidth: import_react_desc.PropTypes.number.description("Width in pixels for the input tag in the input pill").defaultValue(150),
-  dropdownProps: import_react_desc.PropTypes.object.description("Properties that will be used for the dropdown-menu").defaultValue({}),
-  onDropdownClick: import_react_desc.PropTypes.func.description("Callback when dropdown button is clicked or pressed").defaultValue(() => null)
+  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: import_react_desc.PropTypes.oneOf(["only", "left", "right"]).description("The position in which this button will be placed. Only used for css styling internally").defaultValue("right"),
-  width: import_react_desc.PropTypes.string.description("Width of the button").defaultValue("100%"),
-  height: import_react_desc.PropTypes.string.description("Height of the button").defaultValue("100%")
+  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: import_react_desc.PropTypes.string.description("Width of the group").defaultValue("fit-content"),
-  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.object, import_react_desc.PropTypes.func]).description("Reference to the pill group wrapper").defaultValue(() => null)
+  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",
+  ariaLabel: '',
+  size: 'm',
   labelTruncated: true,
-  tooltipValue: "",
+  tooltipValue: '',
   iconLeft: null,
   iconRight: null,
   onRemove: () => null,
-  inputPlaceholder: "",
+  inputPlaceholder: '',
   onInputChange: () => null,
   onInputClear: () => null,
   inputWidth: 72,
-  inputRender: import_ds_form.DSInput,
+  inputRender: dsForm.DSInput,
   dropdownProps: {},
   onDropdownClick: () => null
 };
 const DSPillButtonDefaultProps = {
-  type: "right",
-  width: "100%",
-  height: "100%"
+  type: 'right',
+  width: '100%',
+  height: '100%'
 };
 const DSPillGroupDefaultProps = {
-  width: "fit-content",
+  width: 'fit-content',
   innerRef: () => null
 };
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+
+exports.DSPillButtonDefaultProps = DSPillButtonDefaultProps;
+exports.DSPillButtonPropTypes = DSPillButtonPropTypes;
+exports.DSPillGroupDefaultProps = DSPillGroupDefaultProps;
+exports.DSPillGroupPropTypes = DSPillGroupPropTypes;
+exports.DSPillV2DefaultProps = DSPillV2DefaultProps;
+exports.DSPillV2PropTypes = DSPillV2PropTypes;

package/cjs/utils.js

@@ -1,46 +1,28 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+'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 target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+
+  return _ref => {
+    refs.forEach(ref => {
+      if (!ref || !_ref) return;
+
+      if (typeof ref === 'function') {
+        ref(_ref);
+        return;
+      }
+
+      if (ref) ref.current = _ref;
+    });
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var utils_exports = {};
-__export(utils_exports, {
-  setMultipleRefs: () => setMultipleRefs
-});
-var React = __toESM(require("react"));
-const setMultipleRefs = (...refs) => (_ref) => {
-  refs.forEach((ref) => {
-    if (!ref || !_ref)
-      return;
-    if (typeof ref === "function") {
-      ref(_ref);
-      return;
-    }
-    if (ref)
-      ref.current = _ref;
-  });
 };
-module.exports = __toCommonJS(utils_exports);
-//# sourceMappingURL=utils.js.map
+
+exports.setMultipleRefs = setMultipleRefs;

package/esm/components/Pill.js

@@ -1,9 +1,24 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { DSPillV2DefaultProps, DSPillV2PropTypes } from "../props";
-import { DropdownPill, LabelPill, ValuePill, InputPill, ReadOnlyPill, RemovablePill } from "./types";
+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,
@@ -12,20 +27,18 @@ const pillComponentGetter = {
   removable: RemovablePill,
   value: ValuePill
 };
-const DSPillV2 = (props) => {
+
+const DSPillV2 = props => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);
   useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2PropTypes);
-  const { type } = propsWithDefaults;
+  const {
+    type
+  } = propsWithDefaults;
   const PillComponent = pillComponentGetter[type];
-  return /* @__PURE__ */ React2.createElement(PillComponent, {
-    ...propsWithDefaults
-  });
+  return /*#__PURE__*/jsx(PillComponent, _objectSpread({}, propsWithDefaults));
 };
-DSPillV2.propTypes = DSPillV2PropTypes;
-const DSPillV2WithSchema = describe(DSPillV2).description("Pill");
+
+const DSPillV2WithSchema = describe(DSPillV2).description('Pill');
 DSPillV2WithSchema.propTypes = DSPillV2PropTypes;
-export {
-  DSPillV2,
-  DSPillV2WithSchema
-};
-//# sourceMappingURL=Pill.js.map
+
+export { DSPillV2, DSPillV2WithSchema };

package/esm/components/PillButton.js

@@ -1,29 +1,46 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { StyledPillButton } from "./styled";
-import { DSPillButtonDefaultProps, DSPillButtonPropTypes } from "../props";
+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';
+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 { jsx } from 'react/jsx-runtime';
+
+const _excluded = ["type", "children"];
+
+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 typeToClassName = {
-  only: "ds-pill-button-only",
-  left: "ds-pill-button-left",
-  right: "ds-pill-button-right"
+  only: 'ds-pill-button-only',
+  left: 'ds-pill-button-left',
+  right: 'ds-pill-button-right'
 };
-const DSPillButton = (props) => {
+
+const DSPillButton = props => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);
   useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonPropTypes);
-  const { type, children, ...rest } = propsWithDefaults;
-  return /* @__PURE__ */ React2.createElement(StyledPillButton, {
-    ...rest,
+
+  const {
+    type,
+    children
+  } = propsWithDefaults,
+        rest = _objectWithoutProperties(propsWithDefaults, _excluded);
+
+  return /*#__PURE__*/jsx(StyledPillButton, _objectSpread(_objectSpread({}, rest), {}, {
     buttonType: "raw",
-    className: `${typeToClassName[type]} ${rest.className}`
-  }, children);
+    className: "".concat(typeToClassName[type], " ").concat(rest.className),
+    children: children
+  }));
 };
-DSPillButton.propTypes = DSPillButtonPropTypes;
-const DSPillButtonWithSchema = describe(DSPillButton).description("Pill button");
+
+const DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');
 DSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;
-export {
-  DSPillButton,
-  DSPillButtonWithSchema
-};
-//# sourceMappingURL=PillButton.js.map
+
+export { DSPillButton, DSPillButtonWithSchema };

package/esm/components/PillGroup.js

@@ -1,43 +1,53 @@
-import * as React from "react";
-import React2, { createContext, useCallback, useMemo } from "react";
-import { describe } from "react-desc";
-import { uid } from "uid";
-import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { DSPillGroupDefaultProps, DSPillGroupPropTypes } from "../props";
-import { StyledPillGroup } from "./styled";
-const DSPillGroupV2Context = createContext({
+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 { jsx } from 'react/jsx-runtime';
+
+const DSPillGroupV2Context = /*#__PURE__*/createContext({
   onKeyboardRemove: () => null
 });
-const DSPillGroupV2 = (props) => {
+
+const DSPillGroupV2 = props => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillGroupDefaultProps);
   useValidateTypescriptPropTypes(propsWithDefaults, DSPillGroupPropTypes);
-  const pillGroupUid = useMemo(() => `ds-pill-group-${uid()}`, []);
-  const { children, width, innerRef } = propsWithDefaults;
-  const onKeyboardRemove = useCallback((pillUid) => {
-    const elems = [...document.querySelectorAll(`#${pillGroupUid} .ds-pill-focus-point`)];
-    const pillIndex = elems.findIndex((elem) => elem.id === pillUid);
+  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();
     } else if (pillIndex + 1 < elems.length) {
       elems[pillIndex + 1].focus();
     }
   }, [pillGroupUid]);
-  return /* @__PURE__ */ React2.createElement(DSPillGroupV2Context.Provider, {
-    value: { onKeyboardRemove }
-  }, /* @__PURE__ */ React2.createElement(StyledPillGroup, {
-    width,
+  return /*#__PURE__*/_jsx(DSPillGroupV2Context.Provider, {
+    value: {
+      onKeyboardRemove
+    }
+  }, void 0, /*#__PURE__*/jsx(StyledPillGroup, {
+    width: width,
     id: pillGroupUid,
-    cols: React2.Children.map(children, () => "auto"),
+    cols: React.Children.map(children, () => 'auto'),
     gutter: "2px",
-    ref: innerRef
-  }, children));
+    ref: innerRef,
+    children: children
+  }));
 };
-DSPillGroupV2.propTypes = DSPillGroupPropTypes;
+
 const DSPillGroupV2WithSchema = describe(DSPillGroupV2);
 DSPillGroupV2WithSchema.propTypes = DSPillGroupPropTypes;
-export {
-  DSPillGroupV2,
-  DSPillGroupV2Context,
-  DSPillGroupV2WithSchema
-};
-//# sourceMappingURL=PillGroup.js.map
+
+export { DSPillGroupV2, DSPillGroupV2Context, DSPillGroupV2WithSchema };