@elliemae/ds-pills 3.0.0-alpha.0 → 3.0.0-alpha.1

package/dist/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js

@@ -1,3 +1,34 @@
+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, { useCallback, useState, useEffect, useLayoutEffect } from "react";
 import PropTypes from "prop-types";
@@ -7,18 +38,28 @@ import { InputPill } from "../InputPill";
 import { Pill } from "../Pill";
 import { RemovablePill } from "../RemovablePill";
 import { hasOptionChanged } from "./utils";
-function LabeledDropdownSinglePill({
-  label,
-  labelIsValue = false,
-  options,
-  value,
-  onSelect = () => null,
-  onChange,
-  maxWidth,
-  minWidth,
-  fixed = false,
-  ...menuProps
-}) {
+function LabeledDropdownSinglePill(_a) {
+  var _b = _a, {
+    label,
+    labelIsValue = false,
+    options,
+    value,
+    onSelect = () => null,
+    onChange,
+    maxWidth,
+    minWidth,
+    fixed = false
+  } = _b, menuProps = __objRest(_b, [
+    "label",
+    "labelIsValue",
+    "options",
+    "value",
+    "onSelect",
+    "onChange",
+    "maxWidth",
+    "minWidth",
+    "fixed"
+  ]);
   const [optionValue, setOptionValue] = useState(value);
   const prevOptions = usePrevious(options);
   const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));
@@ -53,11 +94,11 @@ function LabeledDropdownSinglePill({
     const { onChangeInput } = optionValue;
     setOptionValue(null);
     onChangeInput && onChangeInput("");
-    const newOption = { ...removedOption, input: "" };
+    const newOption = __spreadProps(__spreadValues({}, removedOption), { input: "" });
     onRemove && onRemove(newOption, removedOption);
   };
   const renderPill = (option, fixed2) => {
-    const { input, onChangeInput, ...otherProps } = option;
+    const _a2 = option, { input, onChangeInput } = _a2, otherProps = __objRest(_a2, ["input", "onChangeInput"]);
     let SelectedPill;
     if (isString(input)) {
       SelectedPill = InputPill;
@@ -66,14 +107,13 @@ function LabeledDropdownSinglePill({
     } else {
       SelectedPill = RemovablePill;
     }
-    return /* @__PURE__ */ React2.createElement(SelectedPill, {
+    return /* @__PURE__ */ React2.createElement(SelectedPill, __spreadValues({
       key: option.id,
       label: option.label,
       onChange: onChangeInputValue,
       onRemove: (e) => removeOption(option, e),
-      value: input,
-      ...otherProps
-    });
+      value: input
+    }, otherProps));
   };
   const renderSelection = () => {
     if (!labelIsValue) {
@@ -84,27 +124,25 @@ function LabeledDropdownSinglePill({
       });
     }
   };
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DropdownPill, {
-    ...menuProps,
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(DropdownPill, __spreadProps(__spreadValues({}, menuProps), {
     label: !labelIsValue ? label : optionValue?.label,
     maxWidth,
     minWidth,
     onSelectMenuItem: selectOption,
     options: [
-      {
-        ...menuProps,
+      __spreadProps(__spreadValues({}, menuProps), {
         type: "SelectionGroup",
         id: "multi-selection-views",
         multi: false,
         items: options,
         closeOnClick: true
-      }
+      })
     ],
     selection: {
       "multi-selection-views": optionValue ? [optionValue?.id] : ""
     },
     variant: "title"
-  }), renderSelection());
+  })), renderSelection());
 }
 LabeledDropdownSinglePill.propTypes = {
   label: PropTypes.string,

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownSinglePill.tsx"],
   "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable mdx/no-unused-expressions */\n/* eslint-disable no-shadow */\n/* eslint-disable no-unused-expressions */\n/* eslint-disable max-lines */\nimport React, { useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport PropTypes from 'prop-types';\nimport { isFunction, isString, useShouldRecalculate, usePrevious } from '@elliemae/ds-utilities';\nimport { DropdownPill } from '../DropdownPill';\nimport { InputPill } from '../InputPill';\nimport { Pill } from '../Pill';\nimport { RemovablePill } from '../RemovablePill';\nimport { hasOptionChanged } from './utils';\n\nfunction LabeledDropdownSinglePill({\n  label,\n  labelIsValue = false,\n  options,\n  value,\n  onSelect = () => null,\n  onChange,\n  maxWidth,\n  minWidth,\n  fixed = false,\n  ...menuProps\n}) {\n  const [optionValue, setOptionValue] = useState(value);\n  const prevOptions = usePrevious(options);\n  const areOptionsEqual = useShouldRecalculate(hasOptionChanged(prevOptions, options));\n\n  useEffect(() => setOptionValue(value), [value]);\n\n  useEffect(() => {\n    const selectedValue = options.find((option) => option.selected);\n\n    if (selectedValue) {\n      setOptionValue(selectedValue);\n    } else if (!selectedValue) {\n      setOptionValue(options[0]);\n    }\n  }, [areOptionsEqual]);\n\n  useLayoutEffect(() => {\n    if (optionValue) {\n      const selectedValue = options.find((option) => option.id === optionValue.id);\n      setOptionValue(selectedValue);\n    }\n  }, [options]);\n\n  const selectOption = useCallback(\n    (option) => {\n      if (isFunction(onChange)) {\n        onChange(option);\n      }\n      setOptionValue(option);\n      onSelect(option);\n    },\n    [onChange, onSelect],\n  );\n\n  const onChangeInputValue = useCallback(\n    ({ target: { value: inputValue } }) => {\n      const { onChangeInput } = optionValue;\n\n      onChangeInput && onChangeInput(inputValue);\n    },\n    [optionValue],\n  );\n\n  const removeOption = (removedOption) => {\n    const { onRemove } = menuProps;\n    const { onChangeInput } = optionValue;\n    setOptionValue(null);\n    onChangeInput && onChangeInput('');\n    const newOption = { ...removedOption, input: '' };\n    onRemove && onRemove(newOption, removedOption);\n  };\n\n  const renderPill = (option, fixed) => {\n    const { input, onChangeInput, ...otherProps } = option;\n    let SelectedPill;\n    if (isString(input)) {\n      SelectedPill = InputPill;\n    } else if (fixed) {\n      SelectedPill = Pill;\n    } else {\n      SelectedPill = RemovablePill;\n    }\n\n    return (\n      <SelectedPill\n        key={option.id}\n        label={option.label}\n        onChange={onChangeInputValue}\n        onRemove={(e) => removeOption(option, e)}\n        value={input}\n        {...otherProps}\n      />\n    );\n  };\n\n  const renderSelection = () => {\n    if (!labelIsValue) {\n      if (optionValue) return renderPill(optionValue, fixed);\n      return <Pill label=\"-\" />;\n    }\n  };\n\n  return (\n    <>\n      <DropdownPill\n        {...menuProps}\n        label={!labelIsValue ? label : optionValue?.label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectMenuItem={selectOption}\n        options={[\n          {\n            ...menuProps,\n            type: 'SelectionGroup',\n            id: 'multi-selection-views',\n            multi: false,\n            items: options,\n            closeOnClick: true,\n          },\n        ]}\n        selection={{\n          'multi-selection-views': optionValue ? [optionValue?.id] : '',\n        }}\n        variant=\"title\"\n      />\n      {renderSelection()}\n    </>\n  );\n}\n\nLabeledDropdownSinglePill.propTypes = {\n  label: PropTypes.string,\n  labelIsValue: PropTypes.bool,\n  options: PropTypes.array,\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  onSelect: PropTypes.func,\n  onChange: PropTypes.func,\n  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  fixed: PropTypes.bool,\n};\n\nexport { LabeledDropdownSinglePill };\nexport default LabeledDropdownSinglePill;"],
-  "mappings": "AAAA;ACIA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,mCAAmC;AAAA,EACjC;AAAA,EACA,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,WAAW,MAAM;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,KACL;AAAA,GACF;AACD,QAAM,CAAC,aAAa,kBAAkB,SAAS;AAC/C,QAAM,cAAc,YAAY;AAChC,QAAM,kBAAkB,qBAAqB,iBAAiB,aAAa;AAE3E,YAAU,MAAM,eAAe,QAAQ,CAAC;AAExC,YAAU,MAAM;AACd,UAAM,gBAAgB,QAAQ,KAAK,CAAC,WAAW,OAAO;AAEtD,QAAI,eAAe;AACjB,qBAAe;AAAA,eACN,CAAC,eAAe;AACzB,qBAAe,QAAQ;AAAA;AAAA,KAExB,CAAC;AAEJ,kBAAgB,MAAM;AACpB,QAAI,aAAa;AACf,YAAM,gBAAgB,QAAQ,KAAK,CAAC,WAAW,OAAO,OAAO,YAAY;AACzE,qBAAe;AAAA;AAAA,KAEhB,CAAC;AAEJ,QAAM,eAAe,YACnB,CAAC,WAAW;AACV,QAAI,WAAW,WAAW;AACxB,eAAS;AAAA;AAEX,mBAAe;AACf,aAAS;AAAA,KAEX,CAAC,UAAU;AAGb,QAAM,qBAAqB,YACzB,CAAC,EAAE,QAAQ,EAAE,OAAO,mBAAmB;AACrC,UAAM,EAAE,kBAAkB;AAE1B,qBAAiB,cAAc;AAAA,KAEjC,CAAC;AAGH,QAAM,eAAe,CAAC,kBAAkB;AACtC,UAAM,EAAE,aAAa;AACrB,UAAM,EAAE,kBAAkB;AAC1B,mBAAe;AACf,qBAAiB,cAAc;AAC/B,UAAM,YAAY,KAAK,eAAe,OAAO;AAC7C,gBAAY,SAAS,WAAW;AAAA;AAGlC,QAAM,aAAa,CAAC,QAAQ,WAAU;AACpC,UAAM,EAAE,OAAO,kBAAkB,eAAe;AAChD,QAAI;AACJ,QAAI,SAAS,QAAQ;AACnB,qBAAe;AAAA,eACN,QAAO;AAChB,qBAAe;AAAA,WACV;AACL,qBAAe;AAAA;AAGjB,WACE,qCAAC,cAAD;AAAA,MACE,KAAK,OAAO;AAAA,MACZ,OAAO,OAAO;AAAA,MACd,UAAU;AAAA,MACV,UAAU,CAAC,MAAM,aAAa,QAAQ;AAAA,MACtC,OAAO;AAAA,SACH;AAAA;AAAA;AAKV,QAAM,kBAAkB,MAAM;AAC5B,QAAI,CAAC,cAAc;AACjB,UAAI;AAAa,eAAO,WAAW,aAAa;AAChD,aAAO,qCAAC,MAAD;AAAA,QAAM,OAAM;AAAA;AAAA;AAAA;AAIvB,SACE,4DACE,qCAAC,cAAD;AAAA,OACM;AAAA,IACJ,OAAO,CAAC,eAAe,QAAQ,aAAa;AAAA,IAC5C;AAAA,IACA;AAAA,IACA,kBAAkB;AAAA,IAClB,SAAS;AAAA,MACP;AAAA,WACK;AAAA,QACH,MAAM;AAAA,QACN,IAAI;AAAA,QACJ,OAAO;AAAA,QACP,OAAO;AAAA,QACP,cAAc;AAAA;AAAA;AAAA,IAGlB,WAAW;AAAA,MACT,yBAAyB,cAAc,CAAC,aAAa,MAAM;AAAA;AAAA,IAE7D,SAAQ;AAAA,MAET;AAAA;AAKP,0BAA0B,YAAY;AAAA,EACpC,OAAO,UAAU;AAAA,EACjB,cAAc,UAAU;AAAA,EACxB,SAAS,UAAU;AAAA,EACnB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EACxD,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU;AAAA,EACpB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EAC3D,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU;AAAA,EAC3D,OAAO,UAAU;AAAA;AAInB,IAAO,oCAAQ;",
+  "mappings": "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",
   "names": []
 }

package/dist/esm/deprecated/Pill.js

@@ -1,3 +1,34 @@
+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";
@@ -9,20 +40,25 @@ const PillWrapper = aggregatedClasses("div")(pillBlockName, null, ({ size, varia
 }));
 const PillLabel = aggregatedClasses("span")(pillBlockName, "label");
 const PillAddon = aggregatedClasses("div")(pillBlockName, "addon");
-function Pill({
-  containerProps = {},
-  label = "",
-  leftAddon,
-  rightAddon,
-  variant = "value",
-  size = "m",
-  ...otherProps
-}) {
-  return /* @__PURE__ */ React2.createElement(PillWrapper, {
-    ...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));
+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"),

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

@@ -2,6 +2,6 @@
   "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;AAAA,EACZ,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,KACJ;AAAA,GACF;AACD,SACE,qCAAC,aAAD;AAAA,OACM;AAAA,IACJ,YAAY,EAAE,SAAS;AAAA,OACnB;AAAA,KAEH,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;",
+  "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

@@ -1,3 +1,19 @@
+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";
@@ -19,9 +35,7 @@ const PillGroup = ({
   onFocusNextGroup,
   onFocusPreviousGroup,
   orientation: "horizontal"
-}, /* @__PURE__ */ React2.createElement(Container, {
-  ...containerProps
-}, children));
+}, /* @__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"),

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

@@ -2,6 +2,6 @@
   "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;AAAA,KAAe;AAAA,GAAiB;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;",
+  "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/props.js

@@ -44,7 +44,8 @@ const DSPillV2DefaultProps = {
   inputWidth: 72,
   inputRender: DSInput,
   dropdownProps: {},
-  onDropdownClick: () => null
+  onDropdownClick: () => null,
+  tabIndex: 0
 };
 const DSPillButtonDefaultProps = {
   type: "right",

package/dist/esm/props.js.map

@@ -1,7 +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};\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;AAGlB,MAAM,2BAA2B;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA;AAGH,MAAM,0BAA0B;AAAA,EACrC,OAAO;AAAA,EACP,UAAU,MAAM;AAAA;",
+  "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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-pills",
-  "version": "3.0.0-alpha.0",
+  "version": "3.0.0-alpha.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Pills",
   "files": [
@@ -147,20 +147,20 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-button": "3.0.0-alpha.0",
-    "@elliemae/ds-classnames": "3.0.0-alpha.0",
-    "@elliemae/ds-dropdownmenu": "3.0.0-alpha.0",
-    "@elliemae/ds-form": "3.0.0-alpha.0",
-    "@elliemae/ds-grid": "3.0.0-alpha.0",
-    "@elliemae/ds-icons": "3.0.0-alpha.0",
-    "@elliemae/ds-modal": "3.0.0-alpha.0",
-    "@elliemae/ds-popover": "3.0.0-alpha.0",
-    "@elliemae/ds-props-helpers": "3.0.0-alpha.0",
-    "@elliemae/ds-shared": "3.0.0-alpha.0",
-    "@elliemae/ds-system": "3.0.0-alpha.0",
-    "@elliemae/ds-tooltip": "3.0.0-alpha.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.0",
-    "@elliemae/ds-utilities": "3.0.0-alpha.0",
+    "@elliemae/ds-button": "3.0.0-alpha.1",
+    "@elliemae/ds-classnames": "3.0.0-alpha.1",
+    "@elliemae/ds-dropdownmenu": "3.0.0-alpha.1",
+    "@elliemae/ds-form": "3.0.0-alpha.1",
+    "@elliemae/ds-grid": "3.0.0-alpha.1",
+    "@elliemae/ds-icons": "3.0.0-alpha.1",
+    "@elliemae/ds-modal": "3.0.0-alpha.1",
+    "@elliemae/ds-popover": "3.0.0-alpha.1",
+    "@elliemae/ds-props-helpers": "3.0.0-alpha.1",
+    "@elliemae/ds-shared": "3.0.0-alpha.1",
+    "@elliemae/ds-system": "3.0.0-alpha.1",
+    "@elliemae/ds-tooltip": "3.0.0-alpha.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-alpha.1",
+    "@elliemae/ds-utilities": "3.0.0-alpha.1",
     "prop-types": "~15.7.2",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
@@ -184,6 +184,7 @@
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
     "test": "node ../../scripts/testing/test.mjs",
     "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
     "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/dist/types/components/Pill.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { DSPillProps } from '../index.d';
-declare const DSPillV2: React.ComponentType<DSPillProps>;
-declare const DSPillV2WithSchema: any;
-export { DSPillV2, DSPillV2WithSchema };

package/dist/types/components/PillButton.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import { DSButtonPropsT } from '@elliemae/ds-button';
-declare const DSPillButton: React.ComponentType<DSButtonPropsT>;
-declare const DSPillButtonWithSchema: any;
-export { DSPillButton, DSPillButtonWithSchema };

package/dist/types/components/PillGroup.d.ts

@@ -1,13 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-import React from 'react';
-import { DSPillGroupProps } from '../index.d';
-export declare const DSPillGroupV2Context: React.Context<{
-    onKeyboardRemove: (pillUid: string) => void;
-}>;
-declare const DSPillGroupV2: React.ComponentType<DSPillGroupProps>;
-declare const DSPillGroupV2WithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DSPillGroupV2, DSPillGroupV2WithSchema };

package/dist/types/components/index.d.ts

@@ -1,3 +0,0 @@
-export * from './Pill';
-export * from './PillGroup';
-export * from './PillButton';

package/dist/types/components/styled.d.ts

@@ -1,24 +0,0 @@
-/// <reference types="react" />
-export declare const StyledLabelPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
-    size: 'm' | 's';
-}, never>;
-export declare const StyledValuePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
-    size: 'm' | 's';
-}, never>;
-export declare const StyledInputPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledDropdownPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
-    size: 'm' | 's';
-}, never>;
-export declare const StyledReadonlyPillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledRemovablePillWrapper: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {
-    size: 'm' | 's';
-}, never>;
-export declare const StyledPillGroup: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@elliemae/ds-grid/dist/types/types").GridPropsT & import("react").RefAttributes<HTMLDivElement>>, import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledSpanWithTooltip: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledPillButton: import("styled-components").StyledComponent<{
-    (props: import("@elliemae/ds-button/dist/types/v2/propTypes").DSButtonPropsT): JSX.Element;
-    propTypes: import("react").WeakValidationMap<unknown>;
-}, import("styled-components").DefaultTheme, {
-    width: string;
-    height: string;
-}, never>;

package/dist/types/components/types/DropdownPill.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { DSPillProps } from '../../index.d';
-export declare const DropdownPill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/InputPill.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { DSPillProps } from '../../index.d';
-export declare const InputPill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/LabelPill.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { DSPillProps } from '../../index.d';
-export declare const LabelPill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/ReadOnlyPill.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { DSPillProps } from '../../index.d';
-export declare const ReadOnlyPill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/RemovablePill.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { DSPillProps } from '../../index.d';
-export declare const RemovablePill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/ValuePill.d.ts

@@ -1,3 +0,0 @@
-import React from 'react';
-import type { DSPillProps } from '../../index.d';
-export declare const ValuePill: React.NamedExoticComponent<DSPillProps>;

package/dist/types/components/types/index.d.ts

@@ -1,6 +0,0 @@
-export * from './DropdownPill';
-export * from './InputPill';
-export * from './LabelPill';
-export * from './ReadOnlyPill';
-export * from './RemovablePill';
-export * from './ValuePill';

package/dist/types/deprecated/DropdownPill.d.ts

@@ -1,66 +0,0 @@
-/// <reference path="../../../../../shared/typings/react-desc.d.ts" />
-/// <reference types="react" />
-declare function DropdownPill({ containerProps, label, variant, tabIndex, closeMenuOnItemSelection, maxWidth, minWidth, ...dropdownProps }: {
-    [x: string]: any;
-    containerProps?: {} | undefined;
-    label?: string | undefined;
-    variant: any;
-    tabIndex?: number | undefined;
-    closeMenuOnItemSelection?: boolean | undefined;
-    maxWidth: any;
-    minWidth: any;
-}): JSX.Element;
-declare namespace DropdownPill {
-    var propTypes: {
-        /** props injected to component wrapper */
-        containerProps: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** labeled pill text label */
-        label: any;
-        /** pill variant */
-        variant: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** html focus border */
-        tabIndex: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** close menu on item selection */
-        closeMenuOnItemSelection: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** pill max width */
-        maxWidth: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-        /** pill min width */
-        minWidth: {
-            defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
-                deprecated: import("react-desc").PropTypesDescValidator;
-            };
-            isRequired: import("react-desc").PropTypesDescValue;
-        };
-    };
-}
-declare const DSDropdownPillWithSchema: {
-    (props?: unknown): JSX.Element;
-    propTypes: unknown;
-    toTypescript: () => import("react-desc").TypescriptSchema;
-};
-export { DropdownPill, DSDropdownPillWithSchema };

package/dist/types/deprecated/InputPill.d.ts

@@ -1,10 +0,0 @@
-/// <reference types="react" />
-export declare function InputPill({ containerProps, placeholder, onChange, onRemove, value, type, ...otherProps }: {
-    [x: string]: any;
-    containerProps?: {} | undefined;
-    placeholder?: string | undefined;
-    onChange?: (() => void) | undefined;
-    onRemove: any;
-    value: any;
-    type: any;
-}): JSX.Element;