@elliemae/ds-pills 2.2.0 → 2.3.0-alpha.3

package/cjs/index.d.js

@@ -1,2 +1,27 @@
-'use strict';
-
+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

package/cjs/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.d.ts", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport type { DSDropdownMenuProps } from '@elliemae/ds-dropdownmenu';\n\nexport interface DSPillProps {\n  label: string;\n  type: 'label' | 'value' | 'input' | 'dropdown' | 'removable' | 'readonly';\n  innerRef?: React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n  ariaLabel?: string;\n  labelTruncated?: boolean;\n  size: 'm' | 's';\n  // ---------------------------------------------------------------------------\n  // Value props\n  // ---------------------------------------------------------------------------\n  tooltipValue?: string;\n  // ---------------------------------------------------------------------------\n  // Readonly props\n  // ---------------------------------------------------------------------------\n  iconLeft?: JSX.Element;\n  iconRight?: JSX.Element;\n  // ---------------------------------------------------------------------------\n  // Removable props\n  // ---------------------------------------------------------------------------\n  onRemove?: (e: React.KeyboardEvent & React.MouseEvent) => void;\n  // ---------------------------------------------------------------------------\n  // Input props\n  // ---------------------------------------------------------------------------\n  inputPlaceholder?: string;\n  onInputChange?: (e: React.ChangeEvent, newValue: string) => void;\n  onInputClear?: (e: React.KeyboardEvent & React.MouseEvent) => void;\n  inputWidth?: number;\n  inputRender?: React.ComponentType<any>;\n  // ---------------------------------------------------------------------------\n  // Dropdown props\n  // ---------------------------------------------------------------------------\n  dropdownProps?: DSDropdownMenuProps;\n  onDropdownClick?: (e: React.KeyboardEvent & React.MouseEvent) => void;\n}\n\nexport interface DSLabeledDropdownPillProps {\n  label: string;\n  value?: { id: string; label: string }[];\n  onValuesChange?: (values: DSLabeledDropdownPillProps['values']) => void;\n  type: 'label-is-value' | 'single-value' | 'multi-value' | 'input-value' | 'required-value';\n  dropdownOptions?: any[];\n}\n\nexport interface DSPillGroupProps {\n  width?: string;\n  innerRef?: React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n}\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;",
+  "names": []
+}

package/cjs/index.js

@@ -1,43 +1,37 @@
-'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;
+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, require("./deprecated"));
+__reExport(src_exports, require("./components"));
+var import_deprecated = __toESM(require("./deprecated"));
+module.exports = __toCommonJS(src_exports);
+//# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './deprecated';\nexport * from './components';\nexport { default } from './deprecated';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;AACd,wBAAwB;",
+  "names": []
+}

package/cjs/props.js

@@ -1,69 +1,95 @@
-'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']);
+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 = require("react-desc");
+var import_ds_form = require("@elliemae/ds-form");
+const pillTypes = import_react_desc.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)
+  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)
 };
 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%')
+  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%")
 };
 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)
+  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)
 };
 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: dsForm.DSInput,
+  inputRender: import_ds_form.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
 };
-
-exports.DSPillButtonDefaultProps = DSPillButtonDefaultProps;
-exports.DSPillButtonPropTypes = DSPillButtonPropTypes;
-exports.DSPillGroupDefaultProps = DSPillGroupDefaultProps;
-exports.DSPillGroupPropTypes = DSPillGroupPropTypes;
-exports.DSPillV2DefaultProps = DSPillV2DefaultProps;
-exports.DSPillV2PropTypes = DSPillV2PropTypes;
+module.exports = __toCommonJS(props_exports);
+//# sourceMappingURL=props.js.map

package/cjs/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/explicit-module-boundary-types */\nimport { PropTypes } from 'react-desc';\nimport { DSInput } from '@elliemae/ds-form';\n\nconst pillTypes = PropTypes.oneOf(['label', 'value', 'input', 'dropdown', 'removable', 'readonly']);\n\nexport const DSPillV2PropTypes = {\n  label: PropTypes.string.description('Label to show in the pill').isRequired,\n  type: pillTypes.description('The type of pill that you want to render').isRequired,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)')\n    .defaultValue(() => null),\n  size: PropTypes.oneOf(['s', 'm']).description('Vertical pill size').defaultValue('m'),\n  ariaLabel: PropTypes.string\n    .description('Aria label for the pill. If not provided we will use the label')\n    .defaultValue(''),\n  labelTruncated: PropTypes.bool.description('Whether to truncate the pills label').defaultValue(true),\n  tooltipValue: PropTypes.string.description('String to show as a tooltip in the value pill').defaultValue(''),\n  iconLeft: PropTypes.node.description('A component to show int the left of a readonly pill').defaultValue(null),\n  iconRight: PropTypes.node.description('A component to show in the right of a readonly pill').defaultValue(null),\n  onRemove: PropTypes.func\n    .description('Callback triggered when removing a pill with the close icon')\n    .defaultValue(() => null),\n  inputPlaceholder: PropTypes.string.description('Placeholder for the input pill').defaultValue(''),\n  onInputChange: PropTypes.func\n    .description('Callback triggered when user provides input to the input pill')\n    .defaultValue(() => null),\n  onInputClear: PropTypes.func\n    .description('Callback triggered when the user clears an input pill')\n    .defaultValue(() => null),\n  inputWidth: PropTypes.number.description('Width in pixels for the input tag in the input pill').defaultValue(150),\n  dropdownProps: PropTypes.object.description('Properties that will be used for the dropdown-menu').defaultValue({}),\n  onDropdownClick: PropTypes.func\n    .description('Callback when dropdown button is clicked or pressed')\n    .defaultValue(() => null),\n};\n\nexport const DSPillButtonPropTypes = {\n  type: PropTypes.oneOf(['only', 'left', 'right'])\n    .description('The position in which this button will be placed. Only used for css styling internally')\n    .defaultValue('right'),\n  width: PropTypes.string.description('Width of the button').defaultValue('100%'),\n  height: PropTypes.string.description('Height of the button').defaultValue('100%'),\n};\n\nexport const DSPillGroupPropTypes = {\n  width: PropTypes.string.description('Width of the group').defaultValue('fit-content'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func])\n    .description('Reference to the pill group wrapper')\n    .defaultValue(() => null),\n};\n\nexport const DSPillV2DefaultProps = {\n  innerRef: () => null,\n  ariaLabel: '',\n  size: 'm',\n  labelTruncated: true,\n  tooltipValue: '',\n  iconLeft: null,\n  iconRight: null,\n  onRemove: () => null,\n  inputPlaceholder: '',\n  onInputChange: () => null,\n  onInputClear: () => null,\n  inputWidth: 72,\n  inputRender: DSInput,\n  dropdownProps: {},\n  onDropdownClick: () => null,\n};\n\nexport const DSPillButtonDefaultProps = {\n  type: 'right',\n  width: '100%',\n  height: '100%',\n};\n\nexport const DSPillGroupDefaultProps = {\n  width: 'fit-content',\n  innerRef: () => null,\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAA0B;AAC1B,qBAAwB;AAExB,MAAM,YAAY,4BAAU,MAAM,CAAC,SAAS,SAAS,SAAS,YAAY,aAAa;AAEhF,MAAM,oBAAoB;AAAA,EAC/B,OAAO,4BAAU,OAAO,YAAY,6BAA6B;AAAA,EACjE,MAAM,UAAU,YAAY,4CAA4C;AAAA,EACxE,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,OACxD,YAAY,oGACZ,aAAa,MAAM;AAAA,EACtB,MAAM,4BAAU,MAAM,CAAC,KAAK,MAAM,YAAY,sBAAsB,aAAa;AAAA,EACjF,WAAW,4BAAU,OAClB,YAAY,kEACZ,aAAa;AAAA,EAChB,gBAAgB,4BAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAC/F,cAAc,4BAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EACzG,UAAU,4BAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACzG,WAAW,4BAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EAC1G,UAAU,4BAAU,KACjB,YAAY,+DACZ,aAAa,MAAM;AAAA,EACtB,kBAAkB,4BAAU,OAAO,YAAY,kCAAkC,aAAa;AAAA,EAC9F,eAAe,4BAAU,KACtB,YAAY,iEACZ,aAAa,MAAM;AAAA,EACtB,cAAc,4BAAU,KACrB,YAAY,yDACZ,aAAa,MAAM;AAAA,EACtB,YAAY,4BAAU,OAAO,YAAY,uDAAuD,aAAa;AAAA,EAC7G,eAAe,4BAAU,OAAO,YAAY,sDAAsD,aAAa;AAAA,EAC/G,iBAAiB,4BAAU,KACxB,YAAY,uDACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,wBAAwB;AAAA,EACnC,MAAM,4BAAU,MAAM,CAAC,QAAQ,QAAQ,UACpC,YAAY,0FACZ,aAAa;AAAA,EAChB,OAAO,4BAAU,OAAO,YAAY,uBAAuB,aAAa;AAAA,EACxE,QAAQ,4BAAU,OAAO,YAAY,wBAAwB,aAAa;AAAA;AAGrE,MAAM,uBAAuB;AAAA,EAClC,OAAO,4BAAU,OAAO,YAAY,sBAAsB,aAAa;AAAA,EACvE,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,OACxD,YAAY,uCACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,uBAAuB;AAAA,EAClC,UAAU,MAAM;AAAA,EAChB,WAAW;AAAA,EACX,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,cAAc;AAAA,EACd,UAAU;AAAA,EACV,WAAW;AAAA,EACX,UAAU,MAAM;AAAA,EAChB,kBAAkB;AAAA,EAClB,eAAe,MAAM;AAAA,EACrB,cAAc,MAAM;AAAA,EACpB,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,eAAe;AAAA,EACf,iBAAiB,MAAM;AAAA;AAGlB,MAAM,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,UAAU,MAAM;AAAA;",
+  "names": []
+}

package/cjs/utils.js

@@ -1,28 +1,46 @@
-'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];
+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 _ref => {
-    refs.forEach(ref => {
-      if (!ref || !_ref) return;
-
-      if (typeof ref === 'function') {
-        ref(_ref);
-        return;
-      }
-
-      if (ref) ref.current = _ref;
-    });
+  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 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;
+  });
 };
-
-exports.setMultipleRefs = setMultipleRefs;
+module.exports = __toCommonJS(utils_exports);
+//# sourceMappingURL=utils.js.map

package/cjs/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/utils.tsx", "../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["type refInterfaceType = React.MutableRefObject<HTMLElement> | ((_ref: HTMLElement) => void);\n\nexport const setMultipleRefs =\n  (...refs: refInterfaceType[]) =>\n  (_ref: HTMLElement): void => {\n    refs.forEach((ref) => {\n      if (!ref || !_ref) return;\n      if (typeof ref === 'function') {\n        ref(_ref);\n        return;\n      }\n      if (ref) ref.current = _ref;\n    });\n  };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEhB,MAAM,kBACX,IAAI,SACJ,CAAC,SAA4B;AAC3B,OAAK,QAAQ,CAAC,QAAQ;AACpB,QAAI,CAAC,OAAO,CAAC;AAAM;AACnB,QAAI,OAAO,QAAQ,YAAY;AAC7B,UAAI;AACJ;AAAA;AAEF,QAAI;AAAK,UAAI,UAAU;AAAA;AAAA;",
+  "names": []
+}

package/esm/components/Pill.js

@@ -1,24 +1,9 @@
-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; }
+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";
 const pillComponentGetter = {
   dropdown: DropdownPill,
   input: InputPill,
@@ -27,18 +12,20 @@ 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__*/jsx(PillComponent, _objectSpread({}, propsWithDefaults));
+  return /* @__PURE__ */ React2.createElement(PillComponent, {
+    ...propsWithDefaults
+  });
 };
-
-const DSPillV2WithSchema = describe(DSPillV2).description('Pill');
+DSPillV2.propTypes = DSPillV2PropTypes;
+const DSPillV2WithSchema = describe(DSPillV2).description("Pill");
 DSPillV2WithSchema.propTypes = DSPillV2PropTypes;
-
-export { DSPillV2, DSPillV2WithSchema };
+export {
+  DSPillV2,
+  DSPillV2WithSchema
+};
+//# sourceMappingURL=Pill.js.map

package/esm/components/Pill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/Pill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSPillProps } from '../index.d';\nimport { DSPillV2DefaultProps, DSPillV2PropTypes } from '../props';\nimport { DropdownPill, LabelPill, ValuePill, InputPill, ReadOnlyPill, RemovablePill } from './types';\n\nconst pillComponentGetter: Record<string, React.ComponentType<DSPillProps>> = {\n  dropdown: DropdownPill,\n  input: InputPill,\n  label: LabelPill,\n  readonly: ReadOnlyPill,\n  removable: RemovablePill,\n  value: ValuePill,\n};\n\nconst DSPillV2: React.ComponentType<DSPillProps> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2PropTypes);\n  const { type } = propsWithDefaults;\n  const PillComponent = pillComponentGetter[type];\n\n  return <PillComponent {...propsWithDefaults} />;\n};\n\nDSPillV2.propTypes = DSPillV2PropTypes;\nconst DSPillV2WithSchema = describe(DSPillV2).description('Pill');\nDSPillV2WithSchema.propTypes = DSPillV2PropTypes;\n\nexport { DSPillV2, DSPillV2WithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AAEA;AACA;AAEA,MAAM,sBAAwE;AAAA,EAC5E,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AAAA;AAGT,MAAM,WAA6C,CAAC,UAAU;AAC5D,QAAM,oBAAoB,6BAA6B,OAAO;AAC9D,iCAA+B,mBAAmB;AAClD,QAAM,EAAE,SAAS;AACjB,QAAM,gBAAgB,oBAAoB;AAE1C,SAAO,qCAAC,eAAD;AAAA,OAAmB;AAAA;AAAA;AAG5B,SAAS,YAAY;AACrB,MAAM,qBAAqB,SAAS,UAAU,YAAY;AAC1D,mBAAmB,YAAY;",
+  "names": []
+}

package/esm/components/PillButton.js

@@ -1,46 +1,29 @@
-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; }
+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";
 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
-  } = propsWithDefaults,
-        rest = _objectWithoutProperties(propsWithDefaults, _excluded);
-
-  return /*#__PURE__*/jsx(StyledPillButton, _objectSpread(_objectSpread({}, rest), {}, {
+  const { type, children, ...rest } = propsWithDefaults;
+  return /* @__PURE__ */ React2.createElement(StyledPillButton, {
+    ...rest,
     buttonType: "raw",
-    className: "".concat(typeToClassName[type], " ").concat(rest.className),
-    children: children
-  }));
+    className: `${typeToClassName[type]} ${rest.className}`
+  }, children);
 };
-
-const DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');
+DSPillButton.propTypes = DSPillButtonPropTypes;
+const DSPillButtonWithSchema = describe(DSPillButton).description("Pill button");
 DSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;
-
-export { DSPillButton, DSPillButtonWithSchema };
+export {
+  DSPillButton,
+  DSPillButtonWithSchema
+};
+//# sourceMappingURL=PillButton.js.map

package/esm/components/PillButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/PillButton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe } from 'react-desc';\nimport { DSButtonPropsT } from '@elliemae/ds-button';\nimport { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { StyledPillButton } from './styled';\nimport { DSPillButtonDefaultProps, DSPillButtonPropTypes } from '../props';\n\nconst typeToClassName = {\n  only: 'ds-pill-button-only',\n  left: 'ds-pill-button-left',\n  right: 'ds-pill-button-right',\n};\n\nconst DSPillButton: React.ComponentType<DSButtonPropsT> = (props) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);\n  useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonPropTypes);\n\n  const { type, children, ...rest } = propsWithDefaults;\n\n  return (\n    <StyledPillButton {...rest} buttonType=\"raw\" className={`${typeToClassName[type]} ${rest.className}`}>\n      {children}\n    </StyledPillButton>\n  );\n};\n\nDSPillButton.propTypes = DSPillButtonPropTypes;\nconst DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');\nDSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;\n\nexport { DSPillButton, DSPillButtonWithSchema };\n"],
+  "mappings": "AAAA;ACCA;AACA;AAEA;AACA;AACA;AAEA,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AAAA;AAGT,MAAM,eAAoD,CAAC,UAAU;AACnE,QAAM,oBAAoB,6BAA6B,OAAO;AAC9D,iCAA+B,mBAAmB;AAElD,QAAM,EAAE,MAAM,aAAa,SAAS;AAEpC,SACE,qCAAC,kBAAD;AAAA,OAAsB;AAAA,IAAM,YAAW;AAAA,IAAM,WAAW,GAAG,gBAAgB,SAAS,KAAK;AAAA,KACtF;AAAA;AAKP,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS,cAAc,YAAY;AAClE,uBAAuB,YAAY;",
+  "names": []
+}