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

package/cjs/components/types/InputPill.js

@@ -1,74 +1,84 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/web.dom-collections.iterator.js');
-var React = require('react');
-var uid = require('uid');
-var dsIcons = require('@elliemae/ds-icons');
-var styled = require('../styled.js');
-var utils = require('../../utils.js');
-var PillButton = require('../PillButton.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const InputPill = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    label,
-    size,
-    inputPlaceholder,
-    inputWidth,
-    inputRender,
-    onInputChange,
-    onInputClear,
-    innerRef
-  } = _ref;
-  const ref = React.useRef(null);
-  const InputComponent = React.useMemo(() => inputRender, [inputRender]);
-  const pillUid = React.useMemo(() => "ds-pill-".concat(uid.uid()), []);
-  const onCloseIconClick = React.useCallback(e => {
-    if ([undefined, 'Enter', 'Space'].includes(e.code)) {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var InputPill_exports = {};
+__export(InputPill_exports, {
+  InputPill: () => InputPill
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_uid = require("uid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_styled = require("../styled");
+var import_utils = require("../../utils");
+var import_PillButton = require("../PillButton");
+const InputPill = import_react.default.memo(({ label, size, inputPlaceholder, inputWidth, inputRender, onInputChange, onInputClear, innerRef }) => {
+  const ref = (0, import_react.useRef)(null);
+  const InputComponent = (0, import_react.useMemo)(() => inputRender, [inputRender]);
+  const pillUid = (0, import_react.useMemo)(() => `ds-pill-${(0, import_uid.uid)()}`, []);
+  const onCloseIconClick = (0, import_react.useCallback)((e) => {
+    if ([void 0, "Enter", "Space"].includes(e.code)) {
       e.preventDefault();
       onInputClear(e);
       ref.current.focus();
     }
   }, [onInputClear]);
-  const [inputHasFocus, setInputHasFocus] = React.useState(false);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledInputPillWrapper, {
-    size: size,
+  const [inputHasFocus, setInputHasFocus] = (0, import_react.useState)(false);
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledInputPillWrapper, {
+    size,
     className: "ds-pill-wrapper",
     "data-testid": "ds-pill-wrapper",
-    cols: label === '' ? ['auto'] : ['auto', '24px'],
-    inputWidth: inputWidth,
+    cols: label === "" ? ["auto"] : ["auto", "24px"],
+    inputWidth,
     value: label,
-    inputHasFocus: inputHasFocus
-  }, void 0, /*#__PURE__*/_jsx__default["default"](InputComponent, {
+    inputHasFocus
+  }, /* @__PURE__ */ import_react.default.createElement(InputComponent, {
     id: pillUid,
     className: "ds-pill-focus-point",
     "data-testid": "ds-pill-input",
-    innerRef: utils.setMultipleRefs(ref, innerRef),
+    innerRef: (0, import_utils.setMultipleRefs)(ref, innerRef),
     value: label,
     onChange: onInputChange,
     placeholder: inputPlaceholder,
     onFocus: () => setInputHasFocus(true),
     onBlur: () => setInputHasFocus(false),
     disableTooltip: false
-  }), label !== '' && /*#__PURE__*/_jsx__default["default"](PillButton.DSPillButton, {
+  }), label !== "" && /* @__PURE__ */ import_react.default.createElement(import_PillButton.DSPillButton, {
     id: pillUid,
     "data-testid": "ds-pill-clear-icon",
-    innerRef: innerRef,
+    innerRef,
     onClick: onCloseIconClick,
     onKeyDown: onCloseIconClick,
     "aria-label": "Clear input",
     type: "right"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
     size: "s",
-    color: ['brand-primary', '700']
+    color: ["brand-primary", "700"]
   })));
 });
-
-exports.InputPill = InputPill;
+module.exports = __toCommonJS(InputPill_exports);
+//# sourceMappingURL=InputPill.js.map

package/cjs/components/types/InputPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/types/InputPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback, useMemo, useRef, useState } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledInputPillWrapper } from '../styled';\nimport { setMultipleRefs } from '../../utils';\nimport { DSPillButton } from '../PillButton';\n\nexport const InputPill = React.memo<DSPillProps>(\n  ({ label, size, inputPlaceholder, inputWidth, inputRender, onInputChange, onInputClear, innerRef }) => {\n    const ref = useRef<HTMLElement>(null);\n\n    const InputComponent = useMemo(() => inputRender, [inputRender]);\n\n    const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n    const onCloseIconClick: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n      (e) => {\n        if ([undefined, 'Enter', 'Space'].includes(e.code)) {\n          e.preventDefault();\n          onInputClear(e);\n          ref.current.focus();\n        }\n      },\n      [onInputClear],\n    );\n\n    const [inputHasFocus, setInputHasFocus] = useState(false);\n\n    return (\n      <StyledInputPillWrapper\n        size={size}\n        className=\"ds-pill-wrapper\"\n        data-testid=\"ds-pill-wrapper\"\n        cols={label === '' ? ['auto'] : ['auto', '24px']}\n        inputWidth={inputWidth}\n        value={label}\n        inputHasFocus={inputHasFocus}\n      >\n        <InputComponent\n          id={pillUid}\n          className=\"ds-pill-focus-point\"\n          data-testid=\"ds-pill-input\"\n          innerRef={setMultipleRefs(ref, innerRef)}\n          value={label}\n          onChange={onInputChange}\n          placeholder={inputPlaceholder}\n          onFocus={() => setInputHasFocus(true)}\n          onBlur={() => setInputHasFocus(false)}\n          disableTooltip={false}\n        />\n        {label !== '' && (\n          <DSPillButton\n            id={pillUid}\n            data-testid=\"ds-pill-clear-icon\"\n            innerRef={innerRef}\n            onClick={onCloseIconClick}\n            onKeyDown={onCloseIconClick}\n            aria-label=\"Clear input\"\n            type=\"right\"\n          >\n            <CloseXsmall size=\"s\" color={['brand-primary', '700']} />\n          </DSPillButton>\n        )}\n      </StyledInputPillWrapper>\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAA8D;AAC9D,iBAAoB;AACpB,sBAA4B;AAE5B,oBAAuC;AACvC,mBAAgC;AAChC,wBAA6B;AAEtB,MAAM,YAAY,qBAAM,KAC7B,CAAC,EAAE,OAAO,MAAM,kBAAkB,YAAY,aAAa,eAAe,cAAc,eAAe;AACrG,QAAM,MAAM,yBAAoB;AAEhC,QAAM,iBAAiB,0BAAQ,MAAM,aAAa,CAAC;AAEnD,QAAM,UAAU,0BAAQ,MAAM,WAAW,yBAAS;AAElD,QAAM,mBAAyE,8BAC7E,CAAC,MAAM;AACL,QAAI,CAAC,QAAW,SAAS,SAAS,SAAS,EAAE,OAAO;AAClD,QAAE;AACF,mBAAa;AACb,UAAI,QAAQ;AAAA;AAAA,KAGhB,CAAC;AAGH,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AAEnD,SACE,mDAAC,sCAAD;AAAA,IACE;AAAA,IACA,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,MAAM,UAAU,KAAK,CAAC,UAAU,CAAC,QAAQ;AAAA,IACzC;AAAA,IACA,OAAO;AAAA,IACP;AAAA,KAEA,mDAAC,gBAAD;AAAA,IACE,IAAI;AAAA,IACJ,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,UAAU,kCAAgB,KAAK;AAAA,IAC/B,OAAO;AAAA,IACP,UAAU;AAAA,IACV,aAAa;AAAA,IACb,SAAS,MAAM,iBAAiB;AAAA,IAChC,QAAQ,MAAM,iBAAiB;AAAA,IAC/B,gBAAgB;AAAA,MAEjB,UAAU,MACT,mDAAC,gCAAD;AAAA,IACE,IAAI;AAAA,IACJ,eAAY;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,cAAW;AAAA,IACX,MAAK;AAAA,KAEL,mDAAC,6BAAD;AAAA,IAAa,MAAK;AAAA,IAAI,OAAO,CAAC,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/cjs/components/types/LabelPill.js

@@ -1,46 +1,52 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var styled = require('../styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const LabelPill = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    label,
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var LabelPill_exports = {};
+__export(LabelPill_exports, {
+  LabelPill: () => LabelPill
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styled = require("../styled");
+const LabelPill = import_react.default.memo(({ label, size, labelTruncated, iconLeft, ariaLabel }) => {
+  const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: children
+  }) : import_react.default.Fragment;
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledLabelPillWrapper, {
     size,
-    labelTruncated,
-    iconLeft,
-    ariaLabel
-  } = _ref;
-  const TextComponent = labelTruncated ? _ref2 => {
-    let {
-      children
-    } = _ref2;
-    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-      value: children
-    });
-  } : React__default["default"].Fragment;
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledLabelPillWrapper, {
-    size: size,
     alignItems: "center",
     className: "ds-pill-wrapper ds-pill-wrapper-label",
     "data-testid": "ds-pill-wrapper",
     "aria-label": ariaLabel || label,
-    cols: [iconLeft && 'min-content', 'auto'].filter(notFalse => notFalse),
+    cols: [iconLeft && "min-content", "auto"].filter((notFalse) => notFalse),
     gutter: "xxxs",
     hasIcon: iconLeft !== null
-  }, void 0, iconLeft, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label));
+  }, iconLeft, /* @__PURE__ */ import_react.default.createElement(TextComponent, null, label));
 });
-
-exports.LabelPill = LabelPill;
+module.exports = __toCommonJS(LabelPill_exports);
+//# sourceMappingURL=LabelPill.js.map

package/cjs/components/types/LabelPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/types/LabelPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledLabelPillWrapper } from '../styled';\n\nexport const LabelPill = React.memo<DSPillProps>(({ label, size, labelTruncated, iconLeft, ariaLabel }) => {\n  const TextComponent = labelTruncated\n    ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n    : React.Fragment;\n  return (\n    <StyledLabelPillWrapper\n      size={size}\n      alignItems=\"center\"\n      className=\"ds-pill-wrapper ds-pill-wrapper-label\"\n      data-testid=\"ds-pill-wrapper\"\n      aria-label={ariaLabel || label}\n      cols={[iconLeft && 'min-content', 'auto'].filter((notFalse) => notFalse)}\n      gutter=\"xxxs\"\n      hasIcon={iconLeft !== null}\n    >\n      {iconLeft}\n      <TextComponent>{label}</TextComponent>\n    </StyledLabelPillWrapper>\n  );\n});\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,uCAA2C;AAE3C,oBAAuC;AAEhC,MAAM,YAAY,qBAAM,KAAkB,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,gBAAgB;AACzG,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,qBAAM;AACV,SACE,mDAAC,sCAAD;AAAA,IACE;AAAA,IACA,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,IACzB,MAAM,CAAC,YAAY,eAAe,QAAQ,OAAO,CAAC,aAAa;AAAA,IAC/D,QAAO;AAAA,IACP,SAAS,aAAa;AAAA,KAErB,UACD,mDAAC,eAAD,MAAgB;AAAA;",
+  "names": []
+}

package/cjs/components/types/ReadOnlyPill.js

@@ -1,50 +1,55 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var styled = require('../styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ReadOnlyPill = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    label,
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ReadOnlyPill_exports = {};
+__export(ReadOnlyPill_exports, {
+  ReadOnlyPill: () => ReadOnlyPill
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styled = require("../styled");
+const ReadOnlyPill = import_react.default.memo(({ label, size, labelTruncated, iconLeft, iconRight, ariaLabel }) => {
+  const hasIconLeft = iconLeft !== null || iconRight !== null && label === "";
+  const hasIconRight = iconRight !== null || iconLeft !== null && label === "";
+  const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: children
+  }) : import_react.default.Fragment;
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledReadonlyPillWrapper, {
     size,
-    labelTruncated,
-    iconLeft,
-    iconRight,
-    ariaLabel
-  } = _ref;
-  const hasIconLeft = iconLeft !== null || iconRight !== null && label === '';
-  const hasIconRight = iconRight !== null || iconLeft !== null && label === '';
-  const TextComponent = labelTruncated ? _ref2 => {
-    let {
-      children
-    } = _ref2;
-    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-      value: children
-    });
-  } : React__default["default"].Fragment;
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledReadonlyPillWrapper, {
-    size: size,
     alignItems: "center",
     className: "ds-pill-wrapper ds-pill-wrapper-readonly",
     "data-testid": "ds-pill-wrapper",
     "aria-label": ariaLabel || label,
-    cols: [iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter(notFalse => notFalse),
+    cols: [iconLeft && "min-content", label && "auto", iconRight && "min-content"].filter((notFalse) => notFalse),
     gutter: "xxxs",
-    hasIconRight: hasIconRight,
-    hasIconLeft: hasIconLeft
-  }, void 0, iconLeft, label ? /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label) : null, iconRight);
+    hasIconRight,
+    hasIconLeft
+  }, iconLeft, label ? /* @__PURE__ */ import_react.default.createElement(TextComponent, null, label) : null, iconRight);
 });
-
-exports.ReadOnlyPill = ReadOnlyPill;
+module.exports = __toCommonJS(ReadOnlyPill_exports);
+//# sourceMappingURL=ReadOnlyPill.js.map

package/cjs/components/types/ReadOnlyPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/types/ReadOnlyPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledReadonlyPillWrapper } from '../styled';\n\nexport const ReadOnlyPill = React.memo<DSPillProps>(\n  ({ label, size, labelTruncated, iconLeft, iconRight, ariaLabel }) => {\n    const hasIconLeft = iconLeft !== null || (iconRight !== null && label === '');\n    const hasIconRight = iconRight !== null || (iconLeft !== null && label === '');\n\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    return (\n      <StyledReadonlyPillWrapper\n        size={size}\n        alignItems=\"center\"\n        className=\"ds-pill-wrapper ds-pill-wrapper-readonly\"\n        data-testid=\"ds-pill-wrapper\"\n        aria-label={ariaLabel || label}\n        cols={[iconLeft && 'min-content', label && 'auto', iconRight && 'min-content'].filter((notFalse) => notFalse)}\n        gutter=\"xxxs\"\n        hasIconRight={hasIconRight}\n        hasIconLeft={hasIconLeft}\n      >\n        {iconLeft}\n        {label ? <TextComponent>{label}</TextComponent> : null}\n        {iconRight}\n      </StyledReadonlyPillWrapper>\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,mBAAkB;AAClB,uCAA2C;AAE3C,oBAA0C;AAEnC,MAAM,eAAe,qBAAM,KAChC,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,WAAW,gBAAgB;AACnE,QAAM,cAAc,aAAa,QAAS,cAAc,QAAQ,UAAU;AAC1E,QAAM,eAAe,cAAc,QAAS,aAAa,QAAQ,UAAU;AAE3E,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,qBAAM;AAEV,SACE,mDAAC,yCAAD;AAAA,IACE;AAAA,IACA,YAAW;AAAA,IACX,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,IACzB,MAAM,CAAC,YAAY,eAAe,SAAS,QAAQ,aAAa,eAAe,OAAO,CAAC,aAAa;AAAA,IACpG,QAAO;AAAA,IACP;AAAA,IACA;AAAA,KAEC,UACA,QAAQ,mDAAC,eAAD,MAAgB,SAAyB,MACjD;AAAA;",
+  "names": []
+}

package/cjs/components/types/RemovablePill.js

@@ -1,72 +1,79 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var uid = require('uid');
-var dsIcons = require('@elliemae/ds-icons');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var styled = require('../styled.js');
-var PillGroup = require('../PillGroup.js');
-var PillButton = require('../PillButton.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const RemovablePill = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    label,
-    size,
-    labelTruncated,
-    onRemove,
-    innerRef,
-    ariaLabel
-  } = _ref;
-  const {
-    onKeyboardRemove
-  } = React.useContext(PillGroup.DSPillGroupV2Context);
-  const pillUid = React.useMemo(() => "ds-pill-".concat(uid.uid()), []);
-  const TextComponent = labelTruncated ? _ref2 => {
-    let {
-      children
-    } = _ref2;
-    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-      value: children
-    });
-  } : React__default["default"].Fragment;
-  const onKeyDown = React.useCallback(e => {
-    if (['Enter', 'Space'].includes(e.code)) {
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var RemovablePill_exports = {};
+__export(RemovablePill_exports, {
+  RemovablePill: () => RemovablePill
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_uid = require("uid");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styled = require("../styled");
+var import_PillGroup = require("../PillGroup");
+var import_PillButton = require("../PillButton");
+const RemovablePill = import_react.default.memo(({ label, size, labelTruncated, onRemove, innerRef, ariaLabel }) => {
+  const { onKeyboardRemove } = (0, import_react.useContext)(import_PillGroup.DSPillGroupV2Context);
+  const pillUid = (0, import_react.useMemo)(() => `ds-pill-${(0, import_uid.uid)()}`, []);
+  const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: children
+  }) : import_react.default.Fragment;
+  const onKeyDown = (0, import_react.useCallback)((e) => {
+    if (["Enter", "Space"].includes(e.code)) {
       e.preventDefault();
-      if (onKeyboardRemove) onKeyboardRemove(pillUid);
+      if (onKeyboardRemove)
+        onKeyboardRemove(pillUid);
       onRemove(e);
     }
   }, [onKeyboardRemove, onRemove, pillUid]);
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledRemovablePillWrapper, {
-    size: size,
-    cols: ['auto', '24px'],
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledRemovablePillWrapper, {
+    size,
+    cols: ["auto", "24px"],
     gutter: "2px",
     alignItems: "center",
     justifyItems: "center",
     className: "ds-pill-wrapper ds-pill-wrapper-removable",
     "data-testid": "ds-pill-wrapper",
     "aria-label": ariaLabel || label
-  }, void 0, /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label), /*#__PURE__*/_jsx__default["default"](PillButton.DSPillButton, {
+  }, /* @__PURE__ */ import_react.default.createElement(TextComponent, null, label), /* @__PURE__ */ import_react.default.createElement(import_PillButton.DSPillButton, {
     className: "ds-pill-focus-point",
     id: pillUid,
     "data-testid": "ds-pill-close-icon",
-    innerRef: innerRef,
+    innerRef,
     onClick: onRemove,
-    onKeyDown: onKeyDown,
-    "aria-label": "Remove ".concat(label),
+    onKeyDown,
+    "aria-label": `Remove ${label}`,
     type: "right"
-  }, void 0, /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
+  }, /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
     width: 22.65,
     height: 22.65,
-    color: ['brand-primary', '700']
+    color: ["brand-primary", "700"]
   })));
 });
-
-exports.RemovablePill = RemovablePill;
+module.exports = __toCommonJS(RemovablePill_exports);
+//# sourceMappingURL=RemovablePill.js.map

package/cjs/components/types/RemovablePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/types/RemovablePill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable react/prop-types */\nimport React, { useCallback, useContext, useMemo } from 'react';\nimport { uid } from 'uid';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSPillProps } from '../../index.d';\nimport { StyledRemovablePillWrapper } from '../styled';\nimport { DSPillGroupV2Context } from '../PillGroup';\nimport { DSPillButton } from '../PillButton';\n\nexport const RemovablePill = React.memo<DSPillProps>(\n  ({ label, size, labelTruncated, onRemove, innerRef, ariaLabel }) => {\n    const { onKeyboardRemove } = useContext(DSPillGroupV2Context);\n    const pillUid = useMemo(() => `ds-pill-${uid()}`, []);\n\n    const TextComponent = labelTruncated\n      ? ({ children }) => <SimpleTruncatedTooltipText value={children} />\n      : React.Fragment;\n\n    const onKeyDown: React.MouseEventHandler & React.KeyboardEventHandler = useCallback(\n      (e) => {\n        if (['Enter', 'Space'].includes(e.code)) {\n          e.preventDefault();\n          if (onKeyboardRemove) onKeyboardRemove(pillUid);\n          onRemove(e);\n        }\n      },\n      [onKeyboardRemove, onRemove, pillUid],\n    );\n\n    return (\n      <StyledRemovablePillWrapper\n        size={size}\n        cols={['auto', '24px']}\n        gutter=\"2px\"\n        alignItems=\"center\"\n        justifyItems=\"center\"\n        className=\"ds-pill-wrapper ds-pill-wrapper-removable\"\n        data-testid=\"ds-pill-wrapper\"\n        aria-label={ariaLabel || label}\n      >\n        <TextComponent>{label}</TextComponent>\n        <DSPillButton\n          className=\"ds-pill-focus-point\"\n          id={pillUid}\n          data-testid=\"ds-pill-close-icon\"\n          innerRef={innerRef}\n          onClick={onRemove}\n          onKeyDown={onKeyDown}\n          aria-label={`Remove ${label}`}\n          type=\"right\"\n        >\n          <CloseXsmall width={22.65} height={22.65} color={['brand-primary', '700']} />\n        </DSPillButton>\n      </StyledRemovablePillWrapper>\n    );\n  },\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAwD;AACxD,iBAAoB;AACpB,sBAA4B;AAC5B,uCAA2C;AAE3C,oBAA2C;AAC3C,uBAAqC;AACrC,wBAA6B;AAEtB,MAAM,gBAAgB,qBAAM,KACjC,CAAC,EAAE,OAAO,MAAM,gBAAgB,UAAU,UAAU,gBAAgB;AAClE,QAAM,EAAE,qBAAqB,6BAAW;AACxC,QAAM,UAAU,0BAAQ,MAAM,WAAW,yBAAS;AAElD,QAAM,gBAAgB,iBAClB,CAAC,EAAE,eAAe,mDAAC,6DAAD;AAAA,IAA4B,OAAO;AAAA,OACrD,qBAAM;AAEV,QAAM,YAAkE,8BACtE,CAAC,MAAM;AACL,QAAI,CAAC,SAAS,SAAS,SAAS,EAAE,OAAO;AACvC,QAAE;AACF,UAAI;AAAkB,yBAAiB;AACvC,eAAS;AAAA;AAAA,KAGb,CAAC,kBAAkB,UAAU;AAG/B,SACE,mDAAC,0CAAD;AAAA,IACE;AAAA,IACA,MAAM,CAAC,QAAQ;AAAA,IACf,QAAO;AAAA,IACP,YAAW;AAAA,IACX,cAAa;AAAA,IACb,WAAU;AAAA,IACV,eAAY;AAAA,IACZ,cAAY,aAAa;AAAA,KAEzB,mDAAC,eAAD,MAAgB,QAChB,mDAAC,gCAAD;AAAA,IACE,WAAU;AAAA,IACV,IAAI;AAAA,IACJ,eAAY;AAAA,IACZ;AAAA,IACA,SAAS;AAAA,IACT;AAAA,IACA,cAAY,UAAU;AAAA,IACtB,MAAK;AAAA,KAEL,mDAAC,6BAAD;AAAA,IAAa,OAAO;AAAA,IAAO,QAAQ;AAAA,IAAO,OAAO,CAAC,iBAAiB;AAAA;AAAA;",
+  "names": []
+}

package/cjs/components/types/ValuePill.js

@@ -1,54 +1,59 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-var React = require('react');
-var DSTooltip = require('@elliemae/ds-tooltip');
-var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
-var styled = require('../styled.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ValuePill = /*#__PURE__*/React__default["default"].memo(_ref => {
-  let {
-    label,
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var ValuePill_exports = {};
+__export(ValuePill_exports, {
+  ValuePill: () => ValuePill
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_tooltip = require("@elliemae/ds-tooltip");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styled = require("../styled");
+const ValuePill = import_react.default.memo(({ label, size, labelTruncated, tooltipValue, iconLeft, ariaLabel }) => {
+  const TextComponent = labelTruncated ? ({ children }) => /* @__PURE__ */ import_react.default.createElement(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText, {
+    value: children
+  }) : import_react.default.Fragment;
+  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledValuePillWrapper, {
     size,
-    labelTruncated,
-    tooltipValue,
-    iconLeft,
-    ariaLabel
-  } = _ref;
-  const TextComponent = labelTruncated ? _ref2 => {
-    let {
-      children
-    } = _ref2;
-    return /*#__PURE__*/_jsx__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText, {
-      value: children
-    });
-  } : React__default["default"].Fragment;
-  return /*#__PURE__*/_jsx__default["default"](styled.StyledValuePillWrapper, {
-    size: size,
     alignItems: "center",
     className: "ds-pill-wrapper ds-pill-wrapper-value",
     "data-testid": "ds-pill-wrapper",
     "aria-label": ariaLabel || label,
-    cols: [iconLeft && 'min-content', 'auto'].filter(notFalse => notFalse),
+    cols: [iconLeft && "min-content", "auto"].filter((notFalse) => notFalse),
     gutter: "xxxs",
     hasIcon: iconLeft !== null
-  }, void 0, iconLeft, tooltipValue !== '' ? /*#__PURE__*/_jsx__default["default"](DSTooltip.DSTooltipV2, {
+  }, iconLeft, tooltipValue !== "" ? /* @__PURE__ */ import_react.default.createElement(import_ds_tooltip.DSTooltipV2, {
     title: tooltipValue,
-    triggerComponent: /*#__PURE__*/_jsx__default["default"](styled.StyledSpanWithTooltip, {
+    triggerComponent: /* @__PURE__ */ import_react.default.createElement(import_styled.StyledSpanWithTooltip, {
       className: "ds-pill-tooltip-value",
       tabIndex: 0
-    }, void 0, label)
-  }) : /*#__PURE__*/_jsx__default["default"](TextComponent, {}, void 0, label));
+    }, label)
+  }) : /* @__PURE__ */ import_react.default.createElement(TextComponent, null, label));
 });
-
-exports.ValuePill = ValuePill;
+module.exports = __toCommonJS(ValuePill_exports);
+//# sourceMappingURL=ValuePill.js.map