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

package/dist/esm/deprecated/LabeledDropdownPillsTypes/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { isEqual } from '@elliemae/ds-utilities';\nimport { omit } from 'lodash';\n\nexport const hasOptionChanged = (prevOptions, options) => {\n  if (prevOptions && options) {\n    const prevOptionsOmited = prevOptions.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n    const optionsOmited = options.map((option) => omit(option, ['input', 'onChangeInput', 'mask']));\n\n    return isEqual(prevOptionsOmited, optionsOmited);\n  }\n\n  return false;\n};\n"],
+  "mappings": "AAAA;ACAA;AACA;AAEO,MAAM,mBAAmB,CAAC,aAAa,YAAY;AACxD,MAAI,eAAe,SAAS;AAC1B,UAAM,oBAAoB,YAAY,IAAI,CAAC,WAAW,KAAK,QAAQ,CAAC,SAAS,iBAAiB;AAC9F,UAAM,gBAAgB,QAAQ,IAAI,CAAC,WAAW,KAAK,QAAQ,CAAC,SAAS,iBAAiB;AAEtF,WAAO,QAAQ,mBAAmB;AAAA;AAGpC,SAAO;AAAA;",
+  "names": []
+}

package/dist/esm/deprecated/LabeledPills.js

@@ -0,0 +1,46 @@
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { PillGroup } from "./PillGroup";
+import { RemovablePill } from "./RemovablePill";
+import { Pill } from "./Pill";
+function LabeledPills({
+  children,
+  label = "",
+  leftAddon,
+  onFocusGroupSet,
+  onFocusNextGroup,
+  onFocusPreviousGroup
+}) {
+  return /* @__PURE__ */ React2.createElement(PillGroup, {
+    onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup
+  }, /* @__PURE__ */ React2.createElement(Pill, {
+    label,
+    leftAddon,
+    variant: "title",
+    "data-testid": "pill-title"
+  }), children);
+}
+const props = {
+  label: PropTypes.string.isRequired.description("pill text label"),
+  children: PropTypes.arrayOf(PropTypes.shape({
+    type: PropTypes.oneOf([
+      PropTypes.instanceOf(Pill),
+      PropTypes.instanceOf(RemovablePill)
+    ])
+  })).isRequired.description("pill to add the label to"),
+  leftAddon: PropTypes.node.description("addon component to left"),
+  onFocusNextGroup: PropTypes.func.description("focus next group callback"),
+  onFocusPreviousGroup: PropTypes.func.description("focus prev group callback"),
+  onFocusGroupSet: PropTypes.func.description("focus group set callback")
+};
+LabeledPills.propTypes = props;
+const DSLabeledPillsWithSchema = describe(LabeledPills);
+DSLabeledPillsWithSchema.propTypes = props;
+export {
+  DSLabeledPillsWithSchema,
+  LabeledPills
+};
+//# sourceMappingURL=LabeledPills.js.map

package/dist/esm/deprecated/LabeledPills.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/LabeledPills.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport { RemovablePill } from './RemovablePill';\nimport { Pill } from './Pill';\n\nfunction LabeledPills({\n  children,\n  label = '',\n  leftAddon,\n  onFocusGroupSet,\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n}) {\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <Pill\n        label={label}\n        leftAddon={leftAddon}\n        variant=\"title\"\n        data-testid=\"pill-title\"\n      />\n      {children}\n    </PillGroup>\n  );\n}\n\nconst props = {\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill to add the label to */\n  children: PropTypes.arrayOf(\n    PropTypes.shape({\n      type: PropTypes.oneOf([\n        PropTypes.instanceOf(Pill),\n        PropTypes.instanceOf(RemovablePill),\n      ]),\n    }),\n  ).isRequired.description('pill to add the label to'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** focus next group callback */\n  onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n  /** focus prev group callback */\n  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n  /** focus group set callback */\n  onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n};\n\nLabeledPills.propTypes = props;\n\nconst DSLabeledPillsWithSchema = describe(LabeledPills);\nDSLabeledPillsWithSchema.propTypes = props;\n\nexport { LabeledPills, DSLabeledPillsWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,sBAAsB;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,MAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,eAAY;AAAA,MAEb;AAAA;AAKP,MAAM,QAAQ;AAAA,EAEZ,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,UAAU,QAClB,UAAU,MAAM;AAAA,IACd,MAAM,UAAU,MAAM;AAAA,MACpB,UAAU,WAAW;AAAA,MACrB,UAAU,WAAW;AAAA;AAAA,MAGzB,WAAW,YAAY;AAAA,EAEzB,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,kBAAkB,UAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,UAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,UAAU,KAAK,YAAY;AAAA;AAG9C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/OverflowPill.js

@@ -0,0 +1,50 @@
+import * as React from "react";
+import React2, { useRef, useState, useEffect } from "react";
+import { PropTypes, describe } from "react-desc";
+import { useFocusGroupItem } from "@elliemae/ds-shared/FocusGroup/useFocusGroupItem";
+import { DSTooltip } from "@elliemae/ds-tooltip";
+import { Pill } from "./Pill";
+function OverflowPill({ containerProps = {}, label = "", options = [] }) {
+  const ref = useRef(null);
+  const [tooltipIsOpen, setTooltipIsOpen] = useState(false);
+  const [tooltipText, setTooltipText] = useState("");
+  useEffect(() => {
+    let text = "";
+    options.forEach((option) => {
+      if (!tooltipText || option === options[0]) {
+        text = `${option.label}`;
+      } else {
+        text = text.concat(`, ${option.label}`);
+      }
+    });
+    setTooltipText(text);
+  }, [options]);
+  useFocusGroupItem(ref);
+  return /* @__PURE__ */ React2.createElement(DSTooltip, {
+    isOpen: tooltipIsOpen,
+    title: tooltipText,
+    zIndex: 11,
+    triggerComponent: /* @__PURE__ */ React2.createElement(Pill, {
+      className: "overflow-pill",
+      containerProps,
+      innerRef: ref,
+      label,
+      tabIndex: -1,
+      onMouseEnter: () => setTooltipIsOpen(true),
+      onMouseLeave: () => setTooltipIsOpen(false)
+    })
+  });
+}
+const props = {
+  containerProps: PropTypes.object.description("props to inject to pill wrapper"),
+  label: PropTypes.string.isRequired.description("pill text label"),
+  options: PropTypes.array.description("overflow pills options")
+};
+OverflowPill.propTypes = props;
+const DSOverflowPillWithSchema = describe(OverflowPill);
+DSOverflowPillWithSchema.propTypes = props;
+export {
+  DSOverflowPillWithSchema,
+  OverflowPill
+};
+//# sourceMappingURL=OverflowPill.js.map

package/dist/esm/deprecated/OverflowPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/OverflowPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState, useEffect } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { DSTooltip } from '@elliemae/ds-tooltip';\nimport { Pill } from './Pill';\n\nfunction OverflowPill({ containerProps = {}, label = '', options = [] }) {\n  const ref = useRef(null);\n  const [tooltipIsOpen, setTooltipIsOpen] = useState(false);\n  const [tooltipText, setTooltipText] = useState('');\n\n  useEffect(() => {\n    let text = '';\n    options.forEach((option) => {\n      if (!tooltipText || option === options[0]) {\n        text = `${option.label}`;\n      } else {\n        text = text.concat(`, ${option.label}`);\n      }\n    });\n    setTooltipText(text);\n  }, [options]);\n\n  useFocusGroupItem(ref);\n\n  return (\n    <DSTooltip\n      isOpen={tooltipIsOpen}\n      title={tooltipText}\n      zIndex={11}\n      triggerComponent={\n        <Pill\n          className=\"overflow-pill\"\n          containerProps={containerProps}\n          innerRef={ref}\n          label={label}\n          tabIndex={-1}\n          onMouseEnter={() => setTooltipIsOpen(true)}\n          onMouseLeave={() => setTooltipIsOpen(false)}\n        />\n      }\n    />\n  );\n}\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to pill wrapper',\n  ),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** overflow pills options */\n  options: PropTypes.array.description('overflow pills options'),\n};\n\nOverflowPill.propTypes = props;\nconst DSOverflowPillWithSchema = describe(OverflowPill);\nDSOverflowPillWithSchema.propTypes = props;\n\nexport { OverflowPill, DSOverflowPillWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,sBAAsB,EAAE,iBAAiB,IAAI,QAAQ,IAAI,UAAU,MAAM;AACvE,QAAM,MAAM,OAAO;AACnB,QAAM,CAAC,eAAe,oBAAoB,SAAS;AACnD,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAE/C,YAAU,MAAM;AACd,QAAI,OAAO;AACX,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC,eAAe,WAAW,QAAQ,IAAI;AACzC,eAAO,GAAG,OAAO;AAAA,aACZ;AACL,eAAO,KAAK,OAAO,KAAK,OAAO;AAAA;AAAA;AAGnC,mBAAe;AAAA,KACd,CAAC;AAEJ,oBAAkB;AAElB,SACE,qCAAC,WAAD;AAAA,IACE,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,kBACE,qCAAC,MAAD;AAAA,MACE,WAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,cAAc,MAAM,iBAAiB;AAAA,MACrC,cAAc,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAO/C,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,SAAS,UAAU,MAAM,YAAY;AAAA;AAGvC,aAAa,YAAY;AACzB,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/Pill.js

@@ -0,0 +1,80 @@
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const pillBlockName = "pill";
+const PillWrapper = aggregatedClasses("div")(pillBlockName, null, ({ size, variant }) => ({
+  [variant]: !!variant,
+  [size]: !!size
+}));
+const PillLabel = aggregatedClasses("span")(pillBlockName, "label");
+const PillAddon = aggregatedClasses("div")(pillBlockName, "addon");
+function Pill(_a) {
+  var _b = _a, {
+    containerProps = {},
+    label = "",
+    leftAddon,
+    rightAddon,
+    variant = "value",
+    size = "m"
+  } = _b, otherProps = __objRest(_b, [
+    "containerProps",
+    "label",
+    "leftAddon",
+    "rightAddon",
+    "variant",
+    "size"
+  ]);
+  return /* @__PURE__ */ React2.createElement(PillWrapper, __spreadValues(__spreadProps(__spreadValues({}, containerProps), {
+    classProps: { variant, size }
+  }), otherProps), leftAddon && /* @__PURE__ */ React2.createElement(PillAddon, null, leftAddon), /* @__PURE__ */ React2.createElement(PillLabel, null, label), rightAddon && /* @__PURE__ */ React2.createElement(PillAddon, null, rightAddon));
+}
+const props = {
+  containerProps: PropTypes.object.description("props to inject to pill wrapper"),
+  label: PropTypes.string.isRequired.description("pill text label"),
+  size: PropTypes.oneOf(["m", "l"]).description("pill size"),
+  variant: PropTypes.oneOf(["value", "title"]).description("pill variant"),
+  leftAddon: PropTypes.node.description("addon component to left"),
+  rightAddon: PropTypes.node.description("addon component to right")
+};
+Pill.propTypes = props;
+const DSPillWithSchema = describe(Pill);
+DSPillWithSchema.propTypes = props;
+var Pill_default = Pill;
+export {
+  DSPillWithSchema,
+  Pill,
+  Pill_default as default
+};
+//# sourceMappingURL=Pill.js.map

package/dist/esm/deprecated/Pill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/Pill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst pillBlockName = 'pill';\n\nconst PillWrapper = aggregatedClasses('div')(\n  pillBlockName,\n  null,\n  ({ size, variant }) => ({\n    [variant]: !!variant,\n    [size]: !!size,\n  }),\n);\nconst PillLabel = aggregatedClasses('span')(pillBlockName, 'label');\nconst PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');\n\nfunction Pill({\n  containerProps = {},\n  label = '',\n  leftAddon,\n  rightAddon,\n  variant = 'value',\n  size = 'm',\n  ...otherProps\n}) {\n  return (\n    <PillWrapper\n      {...containerProps}\n      classProps={{ variant, size }}\n      {...otherProps}\n    >\n      {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n      <PillLabel>{label}</PillLabel>\n      {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n    </PillWrapper>\n  );\n}\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to pill wrapper',\n  ),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** pill variant */\n  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** addon component to right */\n  rightAddon: PropTypes.node.description('addon component to right'),\n};\n\nPill.propTypes = props;\nconst DSPillWithSchema = describe(Pill);\nDSPillWithSchema.propTypes = props;\n\nexport { Pill, DSPillWithSchema };\nexport default Pill;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AAEA,MAAM,gBAAgB;AAEtB,MAAM,cAAc,kBAAkB,OACpC,eACA,MACA,CAAC,EAAE,MAAM,cAAe;AAAA,GACrB,UAAU,CAAC,CAAC;AAAA,GACZ,OAAO,CAAC,CAAC;AAAA;AAGd,MAAM,YAAY,kBAAkB,QAAQ,eAAe;AAC3D,MAAM,YAAY,kBAAkB,OAAO,eAAe;AAE1D,cAAc,IAQX;AARW,eACZ;AAAA,qBAAiB;AAAA,IACjB,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,MANK,IAOT,uBAPS,IAOT;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,qCAAC,aAAD,gDACM,iBADN;AAAA,IAEE,YAAY,EAAE,SAAS;AAAA,MACnB,aAEH,aAAa,qCAAC,WAAD,MAAY,YAC1B,qCAAC,WAAD,MAAY,QACX,cAAc,qCAAC,WAAD,MAAY;AAAA;AAKjC,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAE9C,SAAS,UAAU,MAAM,CAAC,SAAS,UAAU,YAAY;AAAA,EAEzD,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,YAAY,UAAU,KAAK,YAAY;AAAA;AAGzC,KAAK,YAAY;AACjB,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAG7B,IAAO,eAAQ;",
+  "names": []
+}

package/dist/esm/deprecated/PillGroup.js

@@ -0,0 +1,57 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { FocusGroupProvider } from "@elliemae/ds-shared/FocusGroup/FocusGroupManager";
+const pillGroupBlockName = "pill-group";
+const Container = aggregatedClasses("div")(pillGroupBlockName);
+const PillGroup = ({
+  containerProps = {},
+  onFocusNextGroup,
+  onFocusPreviousGroup,
+  onFocusGroupSet,
+  children
+}) => /* @__PURE__ */ React2.createElement(FocusGroupProvider, {
+  keyBindings: {
+    Tab: "next"
+  },
+  onFocusGroupSet,
+  onFocusNextGroup,
+  onFocusPreviousGroup,
+  orientation: "horizontal"
+}, /* @__PURE__ */ React2.createElement(Container, __spreadValues({}, containerProps), children));
+const props = {
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  onFocusNextGroup: PropTypes.func.description("focus next group callback"),
+  onFocusPreviousGroup: PropTypes.func.description("focus prev group callback"),
+  onFocusGroupSet: PropTypes.func.description("focus group set callback"),
+  children: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.node),
+    PropTypes.node
+  ]).isRequired.description("pill components")
+};
+PillGroup.propTypes = props;
+const DSPillGroupWithSchema = describe(PillGroup);
+DSPillGroupWithSchema.propTypes = props;
+export {
+  Container,
+  DSPillGroupWithSchema,
+  PillGroup
+};
+//# sourceMappingURL=PillGroup.js.map

package/dist/esm/deprecated/PillGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/PillGroup.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, PropTypes } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { FocusGroupProvider } from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';\n\nconst pillGroupBlockName = 'pill-group';\n\nexport const Container = aggregatedClasses('div')(pillGroupBlockName);\n\nconst PillGroup = ({\n  containerProps = {},\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  children,\n}) => (\n  <FocusGroupProvider\n    keyBindings={{\n      Tab: 'next',\n    }}\n    onFocusGroupSet={onFocusGroupSet}\n    onFocusNextGroup={onFocusNextGroup}\n    onFocusPreviousGroup={onFocusPreviousGroup}\n    orientation=\"horizontal\"\n  >\n    <Container {...containerProps}>{children}</Container>\n  </FocusGroupProvider>\n);\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description(\n    'props injected to component wrapper',\n  ),\n  /** focus next group callback */\n  onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n  /** focus prev group callback */\n  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n  /** focus group set callback */\n  onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n  /** pill components */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired.description('pill components'),\n};\n\nPillGroup.propTypes = props;\n\nconst DSPillGroupWithSchema = describe(PillGroup);\nDSPillGroupWithSchema.propTypes = props;\n\nexport { PillGroup, DSPillGroupWithSchema };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AAEA,MAAM,qBAAqB;AAEpB,MAAM,YAAY,kBAAkB,OAAO;AAElD,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,qCAAC,oBAAD;AAAA,EACE,aAAa;AAAA,IACX,KAAK;AAAA;AAAA,EAEP;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAY;AAAA,GAEZ,qCAAC,WAAD,mBAAe,iBAAiB;AAIpC,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAC/B;AAAA,EAGF,kBAAkB,UAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,UAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,UAAU,KAAK,YAAY;AAAA,EAE5C,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU,QAAQ,UAAU;AAAA,IAC5B,UAAU;AAAA,KACT,WAAW,YAAY;AAAA;AAG5B,UAAU,YAAY;AAEtB,MAAM,wBAAwB,SAAS;AACvC,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/ReadOnlyPill.js

@@ -0,0 +1,71 @@
+import * as React from "react";
+import React2, { useRef, useState } from "react";
+import { PropTypes, describe } from "react-desc";
+import { InfoCircleSmall } from "@elliemae/ds-icons";
+import { DSModal, MODAL_TYPE_V2 } from "@elliemae/ds-modal";
+import { DSPopover } from "@elliemae/ds-popover";
+import { Pill } from "./Pill";
+const ReadOnlyPill = ({
+  containerProps = {},
+  modalContent = "",
+  label = "",
+  leftAddon,
+  modalTitle = "",
+  tooltipText = ""
+}) => {
+  const ref = useRef(null);
+  const [isModalOpen, setIsModalOpen] = useState(false);
+  const [isTooltipOpen, setIsTooltipOpen] = useState(false);
+  const toggle = () => {
+    setIsModalOpen(!isModalOpen);
+  };
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Pill, {
+    "data-testid": "read-only-pill",
+    className: "removable-pill",
+    containerProps,
+    innerRef: ref,
+    label,
+    leftAddon,
+    rightAddon: /* @__PURE__ */ React2.createElement(DSPopover, {
+      isOpen: tooltipText && isTooltipOpen,
+      content: tooltipText,
+      placement: "top",
+      showArrow: true,
+      renderTrigger: ({ ref: ref2 }) => /* @__PURE__ */ React2.createElement(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: ref2
+      })
+    }),
+    tabIndex: -1
+  }), /* @__PURE__ */ React2.createElement(DSModal, {
+    isOpen: isModalOpen,
+    showClose: true,
+    shouldCloseOnOverlayClick: true,
+    modalTitle,
+    modalType: MODAL_TYPE_V2.INFORMATION,
+    onClose: toggle,
+    version: 2
+  }, modalContent));
+};
+const props = {
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  label: PropTypes.string.isRequired.description("pill text label"),
+  leftAddon: PropTypes.node.description("addon component to left"),
+  modalContent: PropTypes.string.description("read only pill modal content"),
+  modalTitle: PropTypes.string.description("read only pill modal title"),
+  tooltipText: PropTypes.string.description("text to display in tooltip")
+};
+ReadOnlyPill.propTypes = props;
+const DSReadOnlyPillWithSchema = describe(ReadOnlyPill);
+DSReadOnlyPillWithSchema.propTypes = props;
+export {
+  DSReadOnlyPillWithSchema,
+  ReadOnlyPill
+};
+//# sourceMappingURL=ReadOnlyPill.js.map

package/dist/esm/deprecated/ReadOnlyPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/ReadOnlyPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { InfoCircleSmall } from '@elliemae/ds-icons';\nimport { DSModal, MODAL_TYPE_V2 } from '@elliemae/ds-modal';\nimport { DSPopover } from '@elliemae/ds-popover';\nimport { Pill } from './Pill';\n\nconst ReadOnlyPill = ({\n  containerProps = {},\n  modalContent = '',\n  label = '',\n  leftAddon,\n  modalTitle = '',\n  tooltipText = '',\n}) => {\n  const ref = useRef(null);\n  const [isModalOpen, setIsModalOpen] = useState(false);\n  const [isTooltipOpen, setIsTooltipOpen] = useState(false);\n\n  const toggle = () => {\n    setIsModalOpen(!isModalOpen);\n  };\n\n  return (\n    <>\n      <Pill\n        data-testid=\"read-only-pill\"\n        className=\"removable-pill\"\n        containerProps={containerProps}\n        innerRef={ref}\n        label={label}\n        leftAddon={leftAddon}\n        rightAddon={\n          <DSPopover\n            isOpen={tooltipText && isTooltipOpen}\n            content={tooltipText}\n            placement=\"top\"\n            showArrow\n            renderTrigger={({ ref }) => (\n              <InfoCircleSmall\n                role=\"button\"\n                data-testid=\"read-only-info-btn\"\n                className=\"remove-pill-button\"\n                onClick={toggle}\n                onMouseEnter={() => setIsTooltipOpen(true)}\n                onMouseLeave={() => setIsTooltipOpen(false)}\n                color={['brand-primary', '600']}\n                innerRef={ref}\n              />\n            )}\n          />\n        }\n        tabIndex={-1}\n      />\n      <DSModal\n        isOpen={isModalOpen}\n        showClose\n        shouldCloseOnOverlayClick\n        modalTitle={modalTitle}\n        modalType={MODAL_TYPE_V2.INFORMATION}\n        onClose={toggle}\n        version={2}\n      >\n        {modalContent}\n      </DSModal>\n    </>\n  );\n};\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description('props injected to component wrapper'),\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** read only pill modal content */\n  modalContent: PropTypes.string.description('read only pill modal content'),\n  /** read only pill modal title */\n  modalTitle: PropTypes.string.description('read only pill modal title'),\n  tooltipText: PropTypes.string.description('text to display in tooltip'),\n};\n\nReadOnlyPill.propTypes = props;\n\nconst DSReadOnlyPillWithSchema = describe(ReadOnlyPill);\nDSReadOnlyPillWithSchema.propTypes = props;\n\nexport { ReadOnlyPill, DSReadOnlyPillWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB;AAAA,EACjB,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,MACV;AACJ,QAAM,MAAM,OAAO;AACnB,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,CAAC,eAAe,oBAAoB,SAAS;AAEnD,QAAM,SAAS,MAAM;AACnB,mBAAe,CAAC;AAAA;AAGlB,SACE,4DACE,qCAAC,MAAD;AAAA,IACE,eAAY;AAAA,IACZ,WAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,YACE,qCAAC,WAAD;AAAA,MACE,QAAQ,eAAe;AAAA,MACvB,SAAS;AAAA,MACT,WAAU;AAAA,MACV,WAAS;AAAA,MACT,eAAe,CAAC,EAAE,gBAChB,qCAAC,iBAAD;AAAA,QACE,MAAK;AAAA,QACL,eAAY;AAAA,QACZ,WAAU;AAAA,QACV,SAAS;AAAA,QACT,cAAc,MAAM,iBAAiB;AAAA,QACrC,cAAc,MAAM,iBAAiB;AAAA,QACrC,OAAO,CAAC,iBAAiB;AAAA,QACzB,UAAU;AAAA;AAAA;AAAA,IAKlB,UAAU;AAAA,MAEZ,qCAAC,SAAD;AAAA,IACE,QAAQ;AAAA,IACR,WAAS;AAAA,IACT,2BAAyB;AAAA,IACzB;AAAA,IACA,WAAW,cAAc;AAAA,IACzB,SAAS;AAAA,IACT,SAAS;AAAA,KAER;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,WAAW,UAAU,KAAK,YAAY;AAAA,EAEtC,cAAc,UAAU,OAAO,YAAY;AAAA,EAE3C,YAAY,UAAU,OAAO,YAAY;AAAA,EACzC,aAAa,UAAU,OAAO,YAAY;AAAA;AAG5C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,SAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/RemovablePill.js

@@ -0,0 +1,49 @@
+import * as React from "react";
+import React2, { useRef } from "react";
+import { PropTypes, describe } from "react-desc";
+import { isFunction } from "@elliemae/ds-utilities";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import { useFocusGroupItem } from "@elliemae/ds-shared/FocusGroup/useFocusGroupItem";
+import { Pill } from "./Pill";
+function RemovablePill({ containerProps = {}, label = "", onRemove, size = "m", leftAddon }) {
+  const ref = useRef(null);
+  const { focusPrevious } = useFocusGroupItem(ref);
+  return /* @__PURE__ */ React2.createElement(Pill, {
+    className: "removable-pill",
+    "data-testid": "removable-pill",
+    containerProps,
+    innerRef: ref,
+    size,
+    label,
+    leftAddon,
+    onKeyDown: (e) => {
+      if (e.key === "Backspace" && isFunction(onRemove)) {
+        onRemove();
+        if (isFunction(focusPrevious))
+          focusPrevious();
+      }
+    },
+    rightAddon: /* @__PURE__ */ React2.createElement(CloseXsmall, {
+      role: "button",
+      "data-testid": "remove-pill-button",
+      className: "remove-pill-button",
+      onClick: onRemove
+    }),
+    tabIndex: -1
+  });
+}
+const props = {
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  label: PropTypes.string.isRequired.description("pill text label"),
+  onRemove: PropTypes.func.description("remove click callback"),
+  size: PropTypes.oneOf(["m", "l"]).description("pill size"),
+  leftAddon: PropTypes.node.description("addon component to left")
+};
+RemovablePill.propTypes = props;
+const DSRemovablePillWithSchema = describe(RemovablePill);
+DSRemovablePillWithSchema.propTypes = props;
+export {
+  DSRemovablePillWithSchema,
+  RemovablePill
+};
+//# sourceMappingURL=RemovablePill.js.map

package/dist/esm/deprecated/RemovablePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/RemovablePill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useRef } from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { isFunction } from '@elliemae/ds-utilities';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-shared/FocusGroup/useFocusGroupItem';\nimport { Pill } from './Pill';\n\nfunction RemovablePill({ containerProps = {}, label = '', onRemove, size = 'm', leftAddon }) {\n  const ref = useRef(null);\n  const { focusPrevious } = useFocusGroupItem(ref);\n  return (\n    <Pill\n      className=\"removable-pill\"\n      data-testid=\"removable-pill\"\n      containerProps={containerProps}\n      innerRef={ref}\n      size={size}\n      label={label}\n      leftAddon={leftAddon}\n      onKeyDown={(e) => {\n        if (e.key === 'Backspace' && isFunction(onRemove)) {\n          onRemove();\n          if (isFunction(focusPrevious)) focusPrevious();\n        }\n      }}\n      rightAddon={\n        <CloseXsmall role=\"button\" data-testid=\"remove-pill-button\" className=\"remove-pill-button\" onClick={onRemove} />\n      }\n      tabIndex={-1}\n    />\n  );\n}\n\nconst props = {\n  /** props injected to component wrapper */\n  containerProps: PropTypes.object.description('props injected to component wrapper'),\n  /** labeled pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** remove click callback */\n  onRemove: PropTypes.func.description('remove click callback'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n};\n\nRemovablePill.propTypes = props;\nconst DSRemovablePillWithSchema = describe(RemovablePill);\nDSRemovablePillWithSchema.propTypes = props;\n\nexport { RemovablePill, DSRemovablePillWithSchema };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AAEA,uBAAuB,EAAE,iBAAiB,IAAI,QAAQ,IAAI,UAAU,OAAO,KAAK,aAAa;AAC3F,QAAM,MAAM,OAAO;AACnB,QAAM,EAAE,kBAAkB,kBAAkB;AAC5C,SACE,qCAAC,MAAD;AAAA,IACE,WAAU;AAAA,IACV,eAAY;AAAA,IACZ;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW,CAAC,MAAM;AAChB,UAAI,EAAE,QAAQ,eAAe,WAAW,WAAW;AACjD;AACA,YAAI,WAAW;AAAgB;AAAA;AAAA;AAAA,IAGnC,YACE,qCAAC,aAAD;AAAA,MAAa,MAAK;AAAA,MAAS,eAAY;AAAA,MAAqB,WAAU;AAAA,MAAqB,SAAS;AAAA;AAAA,IAEtG,UAAU;AAAA;AAAA;AAKhB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,UAAU,KAAK,YAAY;AAAA,EAErC,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAE9C,WAAW,UAAU,KAAK,YAAY;AAAA;AAGxC,cAAc,YAAY;AAC1B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/index.js

@@ -0,0 +1,14 @@
+import * as React from "react";
+export * from "./Pill";
+export * from "./PillGroup";
+export * from "./LabeledDropdownPills";
+export * from "./LabeledPills";
+export * from "./DropdownPill";
+export * from "./RemovablePill";
+export * from "./ReadOnlyPill";
+export * from "./OverflowPill";
+import { default as default2 } from "./Pill";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/deprecated/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Pill';\nexport * from './PillGroup';\nexport * from './LabeledDropdownPills';\nexport * from './LabeledPills';\nexport * from './DropdownPill';\nexport * from './RemovablePill';\nexport * from './ReadOnlyPill';\nexport * from './OverflowPill';\n\nexport { default } from './Pill';\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;",
+  "names": []
+}

package/dist/esm/index.d.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.d.js.map

package/dist/esm/index.d.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": "AAAA;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+export * from "./deprecated";
+export * from "./components";
+import { default as default2 } from "./deprecated";
+export {
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/props.js

@@ -0,0 +1,67 @@
+import * as React from "react";
+import { PropTypes } from "react-desc";
+import { DSInput } from "@elliemae/ds-form";
+const pillTypes = PropTypes.oneOf(["label", "value", "input", "dropdown", "removable", "readonly"]);
+const DSPillV2PropTypes = {
+  label: PropTypes.string.description("Label to show in the pill").isRequired,
+  type: pillTypes.description("The type of pill that you want to render").isRequired,
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Reference to the focuseable internal element of each pill (remove icons, inputs, dropdown, etc.)").defaultValue(() => null),
+  size: PropTypes.oneOf(["s", "m"]).description("Vertical pill size").defaultValue("m"),
+  ariaLabel: PropTypes.string.description("Aria label for the pill. If not provided we will use the label").defaultValue(""),
+  labelTruncated: PropTypes.bool.description("Whether to truncate the pills label").defaultValue(true),
+  tooltipValue: PropTypes.string.description("String to show as a tooltip in the value pill").defaultValue(""),
+  iconLeft: PropTypes.node.description("A component to show int the left of a readonly pill").defaultValue(null),
+  iconRight: PropTypes.node.description("A component to show in the right of a readonly pill").defaultValue(null),
+  onRemove: PropTypes.func.description("Callback triggered when removing a pill with the close icon").defaultValue(() => null),
+  inputPlaceholder: PropTypes.string.description("Placeholder for the input pill").defaultValue(""),
+  onInputChange: PropTypes.func.description("Callback triggered when user provides input to the input pill").defaultValue(() => null),
+  onInputClear: PropTypes.func.description("Callback triggered when the user clears an input pill").defaultValue(() => null),
+  inputWidth: PropTypes.number.description("Width in pixels for the input tag in the input pill").defaultValue(150),
+  dropdownProps: PropTypes.object.description("Properties that will be used for the dropdown-menu").defaultValue({}),
+  onDropdownClick: PropTypes.func.description("Callback when dropdown button is clicked or pressed").defaultValue(() => null)
+};
+const DSPillButtonPropTypes = {
+  type: PropTypes.oneOf(["only", "left", "right"]).description("The position in which this button will be placed. Only used for css styling internally").defaultValue("right"),
+  width: PropTypes.string.description("Width of the button").defaultValue("100%"),
+  height: PropTypes.string.description("Height of the button").defaultValue("100%")
+};
+const DSPillGroupPropTypes = {
+  width: PropTypes.string.description("Width of the group").defaultValue("fit-content"),
+  innerRef: PropTypes.oneOfType([PropTypes.object, 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: DSInput,
+  dropdownProps: {},
+  onDropdownClick: () => null,
+  tabIndex: 0
+};
+const DSPillButtonDefaultProps = {
+  type: "right",
+  width: "100%",
+  height: "100%"
+};
+const DSPillGroupDefaultProps = {
+  width: "fit-content",
+  innerRef: () => null
+};
+export {
+  DSPillButtonDefaultProps,
+  DSPillButtonPropTypes,
+  DSPillGroupDefaultProps,
+  DSPillGroupPropTypes,
+  DSPillV2DefaultProps,
+  DSPillV2PropTypes
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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  tabIndex: 0,\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"],
+  "mappings": "AAAA;ACCA;AACA;AAEA,MAAM,YAAY,UAAU,MAAM,CAAC,SAAS,SAAS,SAAS,YAAY,aAAa;AAEhF,MAAM,oBAAoB;AAAA,EAC/B,OAAO,UAAU,OAAO,YAAY,6BAA6B;AAAA,EACjE,MAAM,UAAU,YAAY,4CAA4C;AAAA,EACxE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OACxD,YAAY,oGACZ,aAAa,MAAM;AAAA,EACtB,MAAM,UAAU,MAAM,CAAC,KAAK,MAAM,YAAY,sBAAsB,aAAa;AAAA,EACjF,WAAW,UAAU,OAClB,YAAY,kEACZ,aAAa;AAAA,EAChB,gBAAgB,UAAU,KAAK,YAAY,uCAAuC,aAAa;AAAA,EAC/F,cAAc,UAAU,OAAO,YAAY,iDAAiD,aAAa;AAAA,EACzG,UAAU,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EACzG,WAAW,UAAU,KAAK,YAAY,uDAAuD,aAAa;AAAA,EAC1G,UAAU,UAAU,KACjB,YAAY,+DACZ,aAAa,MAAM;AAAA,EACtB,kBAAkB,UAAU,OAAO,YAAY,kCAAkC,aAAa;AAAA,EAC9F,eAAe,UAAU,KACtB,YAAY,iEACZ,aAAa,MAAM;AAAA,EACtB,cAAc,UAAU,KACrB,YAAY,yDACZ,aAAa,MAAM;AAAA,EACtB,YAAY,UAAU,OAAO,YAAY,uDAAuD,aAAa;AAAA,EAC7G,eAAe,UAAU,OAAO,YAAY,sDAAsD,aAAa;AAAA,EAC/G,iBAAiB,UAAU,KACxB,YAAY,uDACZ,aAAa,MAAM;AAAA;AAGjB,MAAM,wBAAwB;AAAA,EACnC,MAAM,UAAU,MAAM,CAAC,QAAQ,QAAQ,UACpC,YAAY,0FACZ,aAAa;AAAA,EAChB,OAAO,UAAU,OAAO,YAAY,uBAAuB,aAAa;AAAA,EACxE,QAAQ,UAAU,OAAO,YAAY,wBAAwB,aAAa;AAAA;AAGrE,MAAM,uBAAuB;AAAA,EAClC,OAAO,UAAU,OAAO,YAAY,sBAAsB,aAAa;AAAA,EACvE,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,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,EACvB,UAAU;AAAA;AAGL,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/dist/esm/utils.js

@@ -0,0 +1,17 @@
+import * as React from "react";
+const setMultipleRefs = (...refs) => (_ref) => {
+  refs.forEach((ref) => {
+    if (!ref || !_ref)
+      return;
+    if (typeof ref === "function") {
+      ref(_ref);
+      return;
+    }
+    if (ref)
+      ref.current = _ref;
+  });
+};
+export {
+  setMultipleRefs
+};
+//# sourceMappingURL=utils.js.map

package/dist/esm/utils.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/utils.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
+  "mappings": "AAAA;ACEO,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": []
+}