@elliemae/ds-legacy-pills 1.0.0-rc.1

package/dist/cjs/deprecated/PillGroup.js

@@ -0,0 +1,74 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var PillGroup_exports = {};
+__export(PillGroup_exports, {
+  Container: () => Container,
+  DSPillGroupWithSchema: () => DSPillGroupWithSchema,
+  PillGroup: () => PillGroup
+});
+module.exports = __toCommonJS(PillGroup_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_ds_legacy_classnames = require("@elliemae/ds-legacy-classnames");
+var import_ds_legacy_shared = require("@elliemae/ds-legacy-shared");
+const pillGroupBlockName = "pill-group";
+const Container = (0, import_ds_legacy_classnames.aggregatedClasses)("div")(pillGroupBlockName);
+const PillGroup = ({ containerProps = {}, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, children }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+  import_ds_legacy_shared.FocusGroupProvider,
+  {
+    keyBindings: {
+      Tab: "next"
+    },
+    onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup,
+    orientation: "horizontal",
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Container, { ...containerProps, children })
+  }
+);
+const props = {
+  /** props injected to component wrapper */
+  containerProps: import_ds_legacy_props_helpers.PropTypes.object.description("props injected to component wrapper"),
+  /** focus next group callback */
+  onFocusNextGroup: import_ds_legacy_props_helpers.PropTypes.func.description("focus next group callback"),
+  /** focus prev group callback */
+  onFocusPreviousGroup: import_ds_legacy_props_helpers.PropTypes.func.description("focus prev group callback"),
+  /** focus group set callback */
+  onFocusGroupSet: import_ds_legacy_props_helpers.PropTypes.func.description("focus group set callback"),
+  /** pill components */
+  children: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.arrayOf(import_ds_legacy_props_helpers.PropTypes.node), import_ds_legacy_props_helpers.PropTypes.node]).isRequired.description(
+    "pill components"
+  )
+};
+PillGroup.propTypes = props;
+PillGroup.displayName = "PillGroup";
+const DSPillGroupWithSchema = (0, import_ds_legacy_props_helpers.describe)(PillGroup);
+DSPillGroupWithSchema.propTypes = props;
+//# sourceMappingURL=PillGroup.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/PillGroup.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport { describe, PropTypes } from '@elliemae/ds-legacy-props-helpers';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { FocusGroupProvider } from '@elliemae/ds-legacy-shared';\n\nconst pillGroupBlockName = 'pill-group';\n\nexport const Container = aggregatedClasses('div')(pillGroupBlockName);\n\nconst PillGroup = ({ containerProps = {}, onFocusNextGroup, onFocusPreviousGroup, onFocusGroupSet, children }) => (\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('props injected to component wrapper'),\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([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired.description(\n    'pill components',\n  ),\n};\n\nPillGroup.propTypes = props;\nPillGroup.displayName = 'PillGroup';\nconst DSPillGroupWithSchema = describe(PillGroup);\nDSPillGroupWithSchema.propTypes = props;\n\nexport { PillGroup, DSPillGroupWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADuBnB;AAlBJ,qCAAoC;AACpC,kCAAkC;AAClC,8BAAmC;AAEnC,MAAM,qBAAqB;AAEpB,MAAM,gBAAY,+CAAkB,KAAK,EAAE,kBAAkB;AAEpE,MAAM,YAAY,CAAC,EAAE,iBAAiB,CAAC,GAAG,kBAAkB,sBAAsB,iBAAiB,SAAS,MAC1G;AAAA,EAAC;AAAA;AAAA,IACC,aAAa;AAAA,MACX,KAAK;AAAA,IACP;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAY;AAAA,IAEZ,sDAAC,aAAW,GAAG,gBAAiB,UAAS;AAAA;AAC3C;AAGF,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,yCAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAElF,kBAAkB,yCAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAExE,sBAAsB,yCAAU,KAAK,YAAY,2BAA2B;AAAA;AAAA,EAE5E,iBAAiB,yCAAU,KAAK,YAAY,0BAA0B;AAAA;AAAA,EAEtE,UAAU,yCAAU,UAAU,CAAC,yCAAU,QAAQ,yCAAU,IAAI,GAAG,yCAAU,IAAI,CAAC,EAAE,WAAW;AAAA,IAC5F;AAAA,EACF;AACF;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,4BAAwB,yCAAS,SAAS;AAChD,sBAAsB,YAAY;",
+  "names": []
+}

package/dist/cjs/deprecated/ReadOnlyPill.js

@@ -0,0 +1,124 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var ReadOnlyPill_exports = {};
+__export(ReadOnlyPill_exports, {
+  DSReadOnlyPillWithSchema: () => DSReadOnlyPillWithSchema,
+  ReadOnlyPill: () => ReadOnlyPill
+});
+module.exports = __toCommonJS(ReadOnlyPill_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_ds_legacy_icons = require("@elliemae/ds-legacy-icons");
+var import_ds_legacy_modal = require("@elliemae/ds-legacy-modal");
+var import_ds_legacy_popover = require("@elliemae/ds-legacy-popover");
+var import_Pill = require("./Pill.js");
+const ReadOnlyPill = ({
+  containerProps = {},
+  modalContent = "",
+  label = "",
+  leftAddon,
+  modalTitle = "",
+  tooltipText = ""
+}) => {
+  const ref = (0, import_react.useRef)(null);
+  const [isModalOpen, setIsModalOpen] = (0, import_react.useState)(false);
+  const [isTooltipOpen, setIsTooltipOpen] = (0, import_react.useState)(false);
+  const toggle = () => {
+    setIsModalOpen(!isModalOpen);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_Pill.Pill,
+      {
+        "data-testid": "read-only-pill",
+        className: "removable-pill",
+        containerProps,
+        innerRef: ref,
+        label,
+        leftAddon,
+        rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_ds_legacy_popover.DSPopover,
+          {
+            isOpen: tooltipText && isTooltipOpen,
+            content: tooltipText,
+            placement: "top",
+            showArrow: true,
+            renderTrigger: ({ ref: ref2 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_ds_legacy_icons.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__ */ (0, import_jsx_runtime.jsx)(
+      import_ds_legacy_modal.DSModal,
+      {
+        isOpen: isModalOpen,
+        showClose: true,
+        shouldCloseOnOverlayClick: true,
+        modalTitle,
+        modalType: import_ds_legacy_modal.MODAL_TYPE_V2.INFORMATION,
+        onClose: toggle,
+        version: 2,
+        children: modalContent
+      }
+    )
+  ] });
+};
+const props = {
+  /** props injected to component wrapper */
+  containerProps: import_ds_legacy_props_helpers.PropTypes.object.description("props injected to component wrapper"),
+  /** labeled pill text label */
+  label: import_ds_legacy_props_helpers.PropTypes.string.isRequired.description("pill text label"),
+  /** addon component to left */
+  leftAddon: import_ds_legacy_props_helpers.PropTypes.node.description("addon component to left"),
+  /** read only pill modal content */
+  modalContent: import_ds_legacy_props_helpers.PropTypes.string.description("read only pill modal content"),
+  /** read only pill modal title */
+  modalTitle: import_ds_legacy_props_helpers.PropTypes.string.description("read only pill modal title"),
+  tooltipText: import_ds_legacy_props_helpers.PropTypes.string.description("text to display in tooltip")
+};
+ReadOnlyPill.propTypes = props;
+ReadOnlyPill.displayName = "ReadOnlyPill";
+const DSReadOnlyPillWithSchema = (0, import_ds_legacy_props_helpers.describe)(ReadOnlyPill);
+DSReadOnlyPillWithSchema.propTypes = props;
+//# sourceMappingURL=ReadOnlyPill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/ReadOnlyPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { InfoCircleSmall } from '@elliemae/ds-legacy-icons';\nimport { DSModal, MODAL_TYPE_V2 } from '@elliemae/ds-legacy-modal';\nimport { DSPopover } from '@elliemae/ds-legacy-popover';\nimport { Pill } from './Pill.js';\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;\nReadOnlyPill.displayName = 'ReadOnlyPill';\nconst DSReadOnlyPillWithSchema = describe(ReadOnlyPill);\nDSReadOnlyPillWithSchema.propTypes = props;\n\nexport { ReadOnlyPill, DSReadOnlyPillWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD4BnB;AAxBJ,mBAAwC;AACxC,qCAAoC;AACpC,6BAAgC;AAChC,6BAAuC;AACvC,+BAA0B;AAC1B,kBAAqB;AAErB,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,eAAe;AAAA,EACf,QAAQ;AAAA,EACR;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAChB,MAAM;AACJ,QAAM,UAAM,qBAAO,IAAI;AACvB,QAAM,CAAC,aAAa,cAAc,QAAI,uBAAS,KAAK;AACpD,QAAM,CAAC,eAAe,gBAAgB,QAAI,uBAAS,KAAK;AAExD,QAAM,SAAS,MAAM;AACnB,mBAAe,CAAC,WAAW;AAAA,EAC7B;AAEA,SACE,4EACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAY;AAAA,QACZ,WAAU;AAAA,QACV;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,YACE;AAAA,UAAC;AAAA;AAAA,YACC,QAAQ,eAAe;AAAA,YACvB,SAAS;AAAA,YACT,WAAU;AAAA,YACV,WAAS;AAAA,YACT,eAAe,CAAC,EAAE,KAAAA,KAAI,MACpB;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,eAAY;AAAA,gBACZ,WAAU;AAAA,gBACV,SAAS;AAAA,gBACT,cAAc,MAAM,iBAAiB,IAAI;AAAA,gBACzC,cAAc,MAAM,iBAAiB,KAAK;AAAA,gBAC1C,OAAO,CAAC,iBAAiB,KAAK;AAAA,gBAC9B,UAAUA;AAAA;AAAA,YACZ;AAAA;AAAA,QAEJ;AAAA,QAEF,UAAU;AAAA;AAAA,IACZ;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ;AAAA,QACR,WAAS;AAAA,QACT,2BAAyB;AAAA,QACzB;AAAA,QACA,WAAW,qCAAc;AAAA,QACzB,SAAS;AAAA,QACT,SAAS;AAAA,QAER;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,yCAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAElF,OAAO,yCAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA,EAEhE,WAAW,yCAAU,KAAK,YAAY,yBAAyB;AAAA;AAAA,EAE/D,cAAc,yCAAU,OAAO,YAAY,8BAA8B;AAAA;AAAA,EAEzE,YAAY,yCAAU,OAAO,YAAY,4BAA4B;AAAA,EACrE,aAAa,yCAAU,OAAO,YAAY,4BAA4B;AACxE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,+BAA2B,yCAAS,YAAY;AACtD,yBAAyB,YAAY;",
+  "names": ["ref"]
+}

package/dist/cjs/deprecated/RemovablePill.js

@@ -0,0 +1,86 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var RemovablePill_exports = {};
+__export(RemovablePill_exports, {
+  DSRemovablePillWithSchema: () => DSRemovablePillWithSchema,
+  RemovablePill: () => RemovablePill
+});
+module.exports = __toCommonJS(RemovablePill_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_legacy_utilities = require("@elliemae/ds-legacy-utilities");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_ds_legacy_icons = require("@elliemae/ds-legacy-icons");
+var import_ds_legacy_shared = require("@elliemae/ds-legacy-shared");
+var import_Pill = require("./Pill.js");
+const RemovablePill = ({ containerProps = {}, label = "", onRemove, size = "m", leftAddon, className = "" }) => {
+  const ref = (0, import_react.useRef)(null);
+  const { focusPrevious } = (0, import_ds_legacy_shared.useFocusGroupItem)(ref);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_Pill.Pill,
+    {
+      className: `${"removable-pill"} ${className}`,
+      "data-testid": "removable-pill",
+      containerProps,
+      innerRef: ref,
+      size,
+      label,
+      leftAddon,
+      onKeyDown: (e) => {
+        if (e.key === "Backspace" && (0, import_ds_legacy_utilities.isFunction)(onRemove)) {
+          onRemove();
+          if ((0, import_ds_legacy_utilities.isFunction)(focusPrevious))
+            focusPrevious();
+        }
+      },
+      rightAddon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_icons.CloseXsmall, { role: "button", "data-testid": "remove-pill-button", className: "remove-pill-button", onClick: onRemove }),
+      tabIndex: -1
+    }
+  );
+};
+const props = {
+  /** props injected to component wrapper */
+  containerProps: import_ds_legacy_props_helpers.PropTypes.object.description("props injected to component wrapper"),
+  /** labeled pill text label */
+  label: import_ds_legacy_props_helpers.PropTypes.string.isRequired.description("pill text label"),
+  /** remove click callback */
+  onRemove: import_ds_legacy_props_helpers.PropTypes.func.description("remove click callback"),
+  /** pill size */
+  size: import_ds_legacy_props_helpers.PropTypes.oneOf(["m", "l"]).description("pill size"),
+  /** addon component to left */
+  leftAddon: import_ds_legacy_props_helpers.PropTypes.node.description("addon component to left"),
+  /** additional className */
+  className: import_ds_legacy_props_helpers.PropTypes.string.description("Additional className")
+};
+RemovablePill.propTypes = props;
+RemovablePill.displayName = "RemovablePill";
+const DSRemovablePillWithSchema = (0, import_ds_legacy_props_helpers.describe)(RemovablePill);
+DSRemovablePillWithSchema.propTypes = props;
+//# sourceMappingURL=RemovablePill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/RemovablePill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef } from 'react';\nimport { isFunction } from '@elliemae/ds-legacy-utilities';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { CloseXsmall } from '@elliemae/ds-legacy-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-legacy-shared';\nimport { Pill } from './Pill.js';\n\nconst RemovablePill = ({ containerProps = {}, label = '', onRemove, size = 'm', leftAddon, className = '' }) => {\n  const ref = useRef(null);\n  const { focusPrevious } = useFocusGroupItem(ref);\n  return (\n    <Pill\n      className={`${'removable-pill'} ${className}`}\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  /** additional className */\n  className: PropTypes.string.description('Additional className'),\n};\n\nRemovablePill.propTypes = props;\nRemovablePill.displayName = 'RemovablePill';\nconst DSRemovablePillWithSchema = describe(RemovablePill);\nDSRemovablePillWithSchema.propTypes = props;\n\nexport { RemovablePill, DSRemovablePillWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD8Bf;AA1BR,mBAA8B;AAC9B,iCAA2B;AAC3B,qCAAoC;AACpC,6BAA4B;AAC5B,8BAAkC;AAClC,kBAAqB;AAErB,MAAM,gBAAgB,CAAC,EAAE,iBAAiB,CAAC,GAAG,QAAQ,IAAI,UAAU,OAAO,KAAK,WAAW,YAAY,GAAG,MAAM;AAC9G,QAAM,UAAM,qBAAO,IAAI;AACvB,QAAM,EAAE,cAAc,QAAI,2CAAkB,GAAG;AAC/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,oBAAoB;AAAA,MAClC,eAAY;AAAA,MACZ;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,CAAC,MAAM;AAChB,YAAI,EAAE,QAAQ,mBAAe,uCAAW,QAAQ,GAAG;AACjD,mBAAS;AACT,kBAAI,uCAAW,aAAa;AAAG,0BAAc;AAAA,QAC/C;AAAA,MACF;AAAA,MACA,YACE,4CAAC,sCAAY,MAAK,UAAS,eAAY,sBAAqB,WAAU,sBAAqB,SAAS,UAAU;AAAA,MAEhH,UAAU;AAAA;AAAA,EACZ;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,yCAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAElF,OAAO,yCAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA,EAEhE,UAAU,yCAAU,KAAK,YAAY,uBAAuB;AAAA;AAAA,EAE5D,MAAM,yCAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,WAAW;AAAA;AAAA,EAEzD,WAAW,yCAAU,KAAK,YAAY,yBAAyB;AAAA;AAAA,EAE/D,WAAW,yCAAU,OAAO,YAAY,sBAAsB;AAChE;AAEA,cAAc,YAAY;AAC1B,cAAc,cAAc;AAC5B,MAAM,gCAA4B,yCAAS,aAAa;AACxD,0BAA0B,YAAY;",
+  "names": []
+}

package/dist/cjs/deprecated/index.js

@@ -0,0 +1,45 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var deprecated_exports = {};
+__export(deprecated_exports, {
+  default: () => import_Pill.default
+});
+module.exports = __toCommonJS(deprecated_exports);
+var React = __toESM(require("react"));
+__reExport(deprecated_exports, require("./Pill.js"), module.exports);
+__reExport(deprecated_exports, require("./PillGroup.js"), module.exports);
+__reExport(deprecated_exports, require("./LabeledDropdownPills.js"), module.exports);
+__reExport(deprecated_exports, require("./LabeledPills.js"), module.exports);
+__reExport(deprecated_exports, require("./DropdownPill.js"), module.exports);
+__reExport(deprecated_exports, require("./RemovablePill.js"), module.exports);
+__reExport(deprecated_exports, require("./ReadOnlyPill.js"), module.exports);
+__reExport(deprecated_exports, require("./OverflowPill.js"), module.exports);
+var import_Pill = __toESM(require("./Pill.js"));
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export * from './Pill.js';\nexport * from './PillGroup.js';\nexport * from './LabeledDropdownPills.js';\nexport * from './LabeledPills.js';\nexport * from './DropdownPill.js';\nexport * from './RemovablePill.js';\nexport * from './ReadOnlyPill.js';\nexport * from './OverflowPill.js';\n\nexport { default } from './Pill.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,sBAAd;AACA,+BAAc,2BADd;AAEA,+BAAc,sCAFd;AAGA,+BAAc,8BAHd;AAIA,+BAAc,8BAJd;AAKA,+BAAc,+BALd;AAMA,+BAAc,8BANd;AAOA,+BAAc,8BAPd;AASA,kBAAwB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,39 @@
+"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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  default: () => import_deprecated.default
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./deprecated/index.js"), module.exports);
+var import_deprecated = __toESM(require("./deprecated/index.js"));
+__reExport(src_exports, require("@elliemae/ds-legacy-pills-v2"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/deprecated/DropdownPill.js

@@ -0,0 +1,73 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { PropTypes, describe } from "@elliemae/ds-legacy-props-helpers";
+import { DSDropdownMenu } from "@elliemae/ds-legacy-dropdownmenu";
+import { ChevronDown } from "@elliemae/ds-legacy-icons";
+import { useFocusGroupItem } from "@elliemae/ds-legacy-shared";
+import { Pill } from "./Pill.js";
+const DropdownPill = ({
+  containerProps = {},
+  label = "",
+  variant,
+  tabIndex = -1,
+  closeMenuOnItemSelection = false,
+  maxWidth,
+  minWidth,
+  ...dropdownProps
+}) => {
+  const ref = useRef(null);
+  const [chevronEl, chevronRef] = useState();
+  const { focusFirst } = useFocusGroupItem(ref);
+  return /* @__PURE__ */ jsx(
+    DSDropdownMenu,
+    {
+      ...dropdownProps,
+      closeMenuOnItemSelection,
+      maxWidth,
+      hideIfNotVisible: true,
+      menuProps: { className: "dropdown-pill-menu", zIndex: 100 },
+      minWidth,
+      onClose: focusFirst,
+      referenceNode: chevronEl,
+      triggerComponent: /* @__PURE__ */ jsx(
+        Pill,
+        {
+          "data-testid": "dropdown-pill",
+          className: "dropdown-pill",
+          containerProps: { role: "listbox", ...containerProps },
+          innerRef: ref,
+          label,
+          rightAddon: /* @__PURE__ */ jsx("div", { ref: chevronRef, children: /* @__PURE__ */ jsx(ChevronDown, { className: "dropdown-pill-chevron-down", "data-testid": "dropdown-pill-button" }) }),
+          tabIndex,
+          variant
+        }
+      )
+    }
+  );
+};
+const props = {
+  /** props injected to component wrapper */
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  /** labeled pill text label */
+  label: PropTypes.string.isRequired.description("pill text label"),
+  /** pill variant */
+  variant: PropTypes.oneOf(["value", "title"]).description("pill variant"),
+  /** html focus border */
+  tabIndex: PropTypes.number.description("html focus order"),
+  /** close menu on item selection */
+  closeMenuOnItemSelection: PropTypes.bool.description("close menu on item selection"),
+  /** pill max width */
+  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("pill max width"),
+  /** pill min width */
+  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description("pill min width")
+};
+DropdownPill.propTypes = props;
+DropdownPill.displayName = "DropdownPill";
+const DSDropdownPillWithSchema = describe(DropdownPill);
+DSDropdownPillWithSchema.propTypes = props;
+export {
+  DSDropdownPillWithSchema,
+  DropdownPill
+};
+//# sourceMappingURL=DropdownPill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/DropdownPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-legacy-props-helpers';\nimport { DSDropdownMenu } from '@elliemae/ds-legacy-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-legacy-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-legacy-shared';\nimport { Pill } from './Pill.js';\n\nconst DropdownPill = ({\n  containerProps = {},\n  label = '',\n  variant,\n  tabIndex = -1,\n  closeMenuOnItemSelection = false,\n  maxWidth,\n  minWidth,\n  ...dropdownProps\n}) => {\n  const ref = useRef(null);\n  const [chevronEl, chevronRef] = useState();\n  const { focusFirst } = useFocusGroupItem(ref);\n  return (\n    <DSDropdownMenu\n      {...dropdownProps}\n      closeMenuOnItemSelection={closeMenuOnItemSelection}\n      maxWidth={maxWidth}\n      hideIfNotVisible\n      menuProps={{ className: 'dropdown-pill-menu', zIndex: 100 }}\n      minWidth={minWidth}\n      onClose={focusFirst}\n      referenceNode={chevronEl}\n      triggerComponent={\n        <Pill\n          data-testid=\"dropdown-pill\"\n          className=\"dropdown-pill\"\n          containerProps={{ role: 'listbox', ...containerProps }}\n          innerRef={ref}\n          label={label}\n          rightAddon={\n            <div ref={chevronRef}>\n              <ChevronDown className=\"dropdown-pill-chevron-down\" data-testid=\"dropdown-pill-button\" />\n            </div>\n          }\n          tabIndex={tabIndex}\n          variant={variant}\n        />\n      }\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  /** pill variant */\n  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n  /** html focus border */\n  tabIndex: PropTypes.number.description('html focus order'),\n  /** close menu on item selection */\n  closeMenuOnItemSelection: PropTypes.bool.description('close menu on item selection'),\n  /** pill max width */\n  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill max width'),\n  /** pill min width */\n  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width'),\n};\n\nDropdownPill.propTypes = props;\nDropdownPill.displayName = 'DropdownPill';\nconst DSDropdownPillWithSchema = describe(DropdownPill);\nDSDropdownPillWithSchema.propTypes = props;\n\nexport { DropdownPill, DSDropdownPillWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC2CT;AAvCd,SAAgB,QAAQ,gBAAgB;AACxC,SAAS,WAAW,gBAAgB;AACpC,SAAS,sBAAsB;AAC/B,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,YAAY;AAErB,MAAM,eAAe,CAAC;AAAA,EACpB,iBAAiB,CAAC;AAAA,EAClB,QAAQ;AAAA,EACR;AAAA,EACA,WAAW;AAAA,EACX,2BAA2B;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,MAAM,OAAO,IAAI;AACvB,QAAM,CAAC,WAAW,UAAU,IAAI,SAAS;AACzC,QAAM,EAAE,WAAW,IAAI,kBAAkB,GAAG;AAC5C,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,kBAAgB;AAAA,MAChB,WAAW,EAAE,WAAW,sBAAsB,QAAQ,IAAI;AAAA,MAC1D;AAAA,MACA,SAAS;AAAA,MACT,eAAe;AAAA,MACf,kBACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ,WAAU;AAAA,UACV,gBAAgB,EAAE,MAAM,WAAW,GAAG,eAAe;AAAA,UACrD,UAAU;AAAA,UACV;AAAA,UACA,YACE,oBAAC,SAAI,KAAK,YACR,8BAAC,eAAY,WAAU,8BAA6B,eAAY,wBAAuB,GACzF;AAAA,UAEF;AAAA,UACA;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,MAAM,QAAQ;AAAA;AAAA,EAEZ,gBAAgB,UAAU,OAAO,YAAY,qCAAqC;AAAA;AAAA,EAElF,OAAO,UAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA;AAAA,EAEhE,SAAS,UAAU,MAAM,CAAC,SAAS,OAAO,CAAC,EAAE,YAAY,cAAc;AAAA;AAAA,EAEvE,UAAU,UAAU,OAAO,YAAY,kBAAkB;AAAA;AAAA,EAEzD,0BAA0B,UAAU,KAAK,YAAY,8BAA8B;AAAA;AAAA,EAEnF,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB;AAAA;AAAA,EAEhG,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB;AAClG;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,SAAS,YAAY;AACtD,yBAAyB,YAAY;",
+  "names": []
+}

package/dist/esm/deprecated/InputPill.js

@@ -0,0 +1,57 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import { useDeprecateComponent } from "@elliemae/ds-legacy-utilities";
+import { CloseXsmall } from "@elliemae/ds-legacy-icons";
+import { aggregatedClasses } from "@elliemae/ds-legacy-classnames";
+import { DSInput, DSInputMask } from "@elliemae/ds-legacy-form";
+import { Pill } from "./Pill.js";
+const StyledInputPill = aggregatedClasses(Pill)("input-pill", null, ({ value }) => ({
+  value
+}));
+const InputPill = ({
+  containerProps = {},
+  placeholder = "Enter Value",
+  onChange = () => {
+  },
+  onRemove,
+  value,
+  type,
+  ...otherProps
+}) => {
+  useDeprecateComponent({ componentName: "ds-pills", version: "TBD Date: 2023 Q3" });
+  let TypeOfInput = DSInput;
+  switch (type) {
+    case "inputText":
+      TypeOfInput = DSInput;
+      break;
+    case "inputMask":
+      TypeOfInput = DSInputMask;
+      break;
+    default:
+      break;
+  }
+  return /* @__PURE__ */ jsx(
+    StyledInputPill,
+    {
+      className: "input-pill",
+      classProps: { value },
+      containerProps,
+      label: /* @__PURE__ */ jsx(
+        TypeOfInput,
+        {
+          "data-testid": "input-pill",
+          onChange,
+          placeholder,
+          value,
+          ...otherProps
+        }
+      ),
+      rightAddon: value && /* @__PURE__ */ jsx(CloseXsmall, { className: "remove-pill-button", "data-testid": "remove-pill-button", onClick: onRemove }),
+      tabIndex: -1
+    }
+  );
+};
+export {
+  InputPill
+};
+//# sourceMappingURL=InputPill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/InputPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-ignore\nimport React from 'react';\nimport { useDeprecateComponent } from '@elliemae/ds-legacy-utilities';\n\nimport { CloseXsmall } from '@elliemae/ds-legacy-icons';\nimport { aggregatedClasses } from '@elliemae/ds-legacy-classnames';\nimport { DSInput, DSInputMask } from '@elliemae/ds-legacy-form';\nimport { Pill } from './Pill.js';\n\nconst StyledInputPill = aggregatedClasses(Pill)('input-pill', null, ({ value }) => ({\n  value,\n}));\n\nexport const InputPill = ({\n  containerProps = {},\n  placeholder = 'Enter Value',\n  onChange = () => {},\n  onRemove,\n  value,\n  type,\n  ...otherProps\n}) => {\n  useDeprecateComponent({ componentName: 'ds-pills', version: 'TBD Date: 2023 Q3' });\n\n  let TypeOfInput = DSInput;\n  // TODO: implement the DSTimeInput, see how because it returns a moment()\n  // TODO: implement the DSDateInput\n  switch (type) {\n    case 'inputText':\n      TypeOfInput = DSInput;\n      break;\n    case 'inputMask':\n      TypeOfInput = DSInputMask;\n      break;\n    default:\n      break;\n  }\n\n  return (\n    <StyledInputPill\n      className=\"input-pill\"\n      classProps={{ value }}\n      containerProps={containerProps}\n      label={\n        <TypeOfInput\n          data-testid=\"input-pill\"\n          onChange={onChange}\n          placeholder={placeholder}\n          value={value}\n          {...otherProps}\n        />\n      }\n      rightAddon={\n        value && <CloseXsmall className=\"remove-pill-button\" data-testid=\"remove-pill-button\" onClick={onRemove} />\n      }\n      tabIndex={-1}\n    />\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC+Cf;AA1CR,SAAS,6BAA6B;AAEtC,SAAS,mBAAmB;AAC5B,SAAS,yBAAyB;AAClC,SAAS,SAAS,mBAAmB;AACrC,SAAS,YAAY;AAErB,MAAM,kBAAkB,kBAAkB,IAAI,EAAE,cAAc,MAAM,CAAC,EAAE,MAAM,OAAO;AAAA,EAClF;AACF,EAAE;AAEK,MAAM,YAAY,CAAC;AAAA,EACxB,iBAAiB,CAAC;AAAA,EAClB,cAAc;AAAA,EACd,WAAW,MAAM;AAAA,EAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,wBAAsB,EAAE,eAAe,YAAY,SAAS,oBAAoB,CAAC;AAEjF,MAAI,cAAc;AAGlB,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,oBAAc;AACd;AAAA,IACF,KAAK;AACH,oBAAc;AACd;AAAA,IACF;AACE;AAAA,EACJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,YAAY,EAAE,MAAM;AAAA,MACpB;AAAA,MACA,OACE;AAAA,QAAC;AAAA;AAAA,UACC,eAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA;AAAA,UACC,GAAG;AAAA;AAAA,MACN;AAAA,MAEF,YACE,SAAS,oBAAC,eAAY,WAAU,sBAAqB,eAAY,sBAAqB,SAAS,UAAU;AAAA,MAE3G,UAAU;AAAA;AAAA,EACZ;AAEJ;",
+  "names": []
+}