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

package/esm/deprecated/OverflowPill.js

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

package/esm/deprecated/OverflowPill.js.map

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

package/esm/deprecated/Pill.js

@@ -1,76 +1,44 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { jsxs } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "label", "leftAddon", "rightAddon", "variant", "size"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const pillBlockName = 'pill';
-const PillWrapper = aggregatedClasses('div')(pillBlockName, null, _ref => {
-  let {
-    size,
-    variant
-  } = _ref;
-  return {
-    [variant]: !!variant,
-    [size]: !!size
-  };
-});
-const PillLabel = aggregatedClasses('span')(pillBlockName, 'label');
-const PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');
-
-function Pill(_ref2) {
-  let {
-    containerProps = {},
-    label = '',
-    leftAddon,
-    rightAddon,
-    variant = 'value',
-    size = 'm'
-  } = _ref2,
-      otherProps = _objectWithoutProperties(_ref2, _excluded);
-
-  return /*#__PURE__*/jsxs(PillWrapper, _objectSpread(_objectSpread(_objectSpread({}, containerProps), {}, {
-    classProps: {
-      variant,
-      size
-    }
-  }, otherProps), {}, {
-    children: [leftAddon && /*#__PURE__*/_jsx(PillAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx(PillLabel, {}, void 0, label), rightAddon && /*#__PURE__*/_jsx(PillAddon, {}, void 0, rightAddon)]
-  }));
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+const pillBlockName = "pill";
+const PillWrapper = aggregatedClasses("div")(pillBlockName, null, ({ size, variant }) => ({
+  [variant]: !!variant,
+  [size]: !!size
+}));
+const PillLabel = aggregatedClasses("span")(pillBlockName, "label");
+const PillAddon = aggregatedClasses("div")(pillBlockName, "addon");
+function Pill({
+  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));
 }
-
 const props = {
-  /** props to inject to pill wrapper */
-  containerProps: PropTypes.object.description('props to inject to pill wrapper'),
-
-  /** pill text label */
-  label: PropTypes.string.isRequired.description('pill text label'),
-
-  /** pill size */
-  size: PropTypes.oneOf(['m', 'l']).description('pill size'),
-
-  /** pill variant */
-  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),
-
-  /** addon component to left */
-  leftAddon: PropTypes.node.description('addon component to left'),
-
-  /** addon component to right */
-  rightAddon: PropTypes.node.description('addon component to right')
+  containerProps: PropTypes.object.description("props to inject to pill wrapper"),
+  label: PropTypes.string.isRequired.description("pill text label"),
+  size: PropTypes.oneOf(["m", "l"]).description("pill size"),
+  variant: PropTypes.oneOf(["value", "title"]).description("pill variant"),
+  leftAddon: PropTypes.node.description("addon component to left"),
+  rightAddon: PropTypes.node.description("addon component to right")
 };
+Pill.propTypes = props;
 const DSPillWithSchema = describe(Pill);
 DSPillWithSchema.propTypes = props;
-
-export { DSPillWithSchema, Pill, Pill as default };
+var Pill_default = Pill;
+export {
+  DSPillWithSchema,
+  Pill,
+  Pill_default as default
+};
+//# sourceMappingURL=Pill.js.map

package/esm/deprecated/Pill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/Pill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst pillBlockName = 'pill';\n\nconst PillWrapper = aggregatedClasses('div')(\n  pillBlockName,\n  null,\n  ({ size, variant }) => ({\n    [variant]: !!variant,\n    [size]: !!size,\n  }),\n);\nconst PillLabel = aggregatedClasses('span')(pillBlockName, 'label');\nconst PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');\n\nfunction Pill({\n  containerProps = {},\n  label = '',\n  leftAddon,\n  rightAddon,\n  variant = 'value',\n  size = 'm',\n  ...otherProps\n}) {\n  return (\n    <PillWrapper\n      {...containerProps}\n      classProps={{ variant, size }}\n      {...otherProps}\n    >\n      {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n      <PillLabel>{label}</PillLabel>\n      {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n    </PillWrapper>\n  );\n}\n\nconst props = {\n  /** props to inject to pill wrapper */\n  containerProps: PropTypes.object.description(\n    'props to inject to pill wrapper',\n  ),\n  /** pill text label */\n  label: PropTypes.string.isRequired.description('pill text label'),\n  /** pill size */\n  size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n  /** pill variant */\n  variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n  /** addon component to left */\n  leftAddon: PropTypes.node.description('addon component to left'),\n  /** addon component to right */\n  rightAddon: PropTypes.node.description('addon component to right'),\n};\n\nPill.propTypes = props;\nconst DSPillWithSchema = describe(Pill);\nDSPillWithSchema.propTypes = props;\n\nexport { Pill, DSPillWithSchema };\nexport default Pill;\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AAEA,MAAM,gBAAgB;AAEtB,MAAM,cAAc,kBAAkB,OACpC,eACA,MACA,CAAC,EAAE,MAAM,cAAe;AAAA,GACrB,UAAU,CAAC,CAAC;AAAA,GACZ,OAAO,CAAC,CAAC;AAAA;AAGd,MAAM,YAAY,kBAAkB,QAAQ,eAAe;AAC3D,MAAM,YAAY,kBAAkB,OAAO,eAAe;AAE1D,cAAc;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;",
+  "names": []
+}

package/esm/deprecated/PillGroup.js

@@ -1,60 +1,43 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import FocusGroupProvider from '@elliemae/ds-shared/FocusGroup/FocusGroupManager';
-import { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const pillGroupBlockName = 'pill-group';
-const Container = aggregatedClasses('div')(pillGroupBlockName);
-
-const PillGroup = _ref => {
-  let {
-    containerProps = {},
-    onFocusNextGroup,
-    onFocusPreviousGroup,
-    onFocusGroupSet,
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx(FocusGroupProvider, {
-    keyBindings: {
-      Tab: 'next'
-    },
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup,
-    orientation: "horizontal"
-  }, void 0, /*#__PURE__*/jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: children
-  })));
-};
-
+import * as React from "react";
+import React2 from "react";
+import { describe, PropTypes } from "react-desc";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { FocusGroupProvider } from "@elliemae/ds-shared/FocusGroup/FocusGroupManager";
+const pillGroupBlockName = "pill-group";
+const Container = aggregatedClasses("div")(pillGroupBlockName);
+const PillGroup = ({
+  containerProps = {},
+  onFocusNextGroup,
+  onFocusPreviousGroup,
+  onFocusGroupSet,
+  children
+}) => /* @__PURE__ */ React2.createElement(FocusGroupProvider, {
+  keyBindings: {
+    Tab: "next"
+  },
+  onFocusGroupSet,
+  onFocusNextGroup,
+  onFocusPreviousGroup,
+  orientation: "horizontal"
+}, /* @__PURE__ */ React2.createElement(Container, {
+  ...containerProps
+}, children));
 const props = {
-  /** props injected to component wrapper */
-  containerProps: PropTypes.object.description('props injected to component wrapper'),
-
-  /** focus next group callback */
-  onFocusNextGroup: PropTypes.func.description('focus next group callback'),
-
-  /** focus prev group callback */
-  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),
-
-  /** focus group set callback */
-  onFocusGroupSet: PropTypes.func.description('focus group set callback'),
-
-  /** pill components */
-  children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]).isRequired.description('pill components')
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  onFocusNextGroup: PropTypes.func.description("focus next group callback"),
+  onFocusPreviousGroup: PropTypes.func.description("focus prev group callback"),
+  onFocusGroupSet: PropTypes.func.description("focus group set callback"),
+  children: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.node),
+    PropTypes.node
+  ]).isRequired.description("pill components")
 };
+PillGroup.propTypes = props;
 const DSPillGroupWithSchema = describe(PillGroup);
 DSPillGroupWithSchema.propTypes = props;
-
-export { Container, DSPillGroupWithSchema, PillGroup };
+export {
+  Container,
+  DSPillGroupWithSchema,
+  PillGroup
+};
+//# sourceMappingURL=PillGroup.js.map

package/esm/deprecated/PillGroup.js.map

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

package/esm/deprecated/ReadOnlyPill.js

@@ -1,90 +1,71 @@
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import { useRef, useState } from 'react';
-import { PropTypes, describe } from 'react-desc';
-import { InfoCircleSmall } from '@elliemae/ds-icons';
-import DSModal, { MODAL_TYPE_V2 } from '@elliemae/ds-modal';
-import Popover from '@elliemae/ds-popover';
-import { Pill } from './Pill.js';
-import { jsxs, Fragment } from 'react/jsx-runtime';
-
-const ReadOnlyPill = _ref => {
-  let {
-    containerProps = {},
-    modalContent = '',
-    label = '',
-    leftAddon,
-    modalTitle = '',
-    tooltipText = ''
-  } = _ref;
+import * as React from "react";
+import React2, { useRef, useState } from "react";
+import { PropTypes, describe } from "react-desc";
+import { InfoCircleSmall } from "@elliemae/ds-icons";
+import { DSModal, MODAL_TYPE_V2 } from "@elliemae/ds-modal";
+import { DSPopover } from "@elliemae/ds-popover";
+import { Pill } from "./Pill";
+const ReadOnlyPill = ({
+  containerProps = {},
+  modalContent = "",
+  label = "",
+  leftAddon,
+  modalTitle = "",
+  tooltipText = ""
+}) => {
   const ref = useRef(null);
   const [isModalOpen, setIsModalOpen] = useState(false);
   const [isTooltipOpen, setIsTooltipOpen] = useState(false);
-
   const toggle = () => {
     setIsModalOpen(!isModalOpen);
   };
-
-  return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/_jsx(Pill, {
-      "data-testid": "read-only-pill",
-      className: "removable-pill",
-      containerProps: containerProps,
-      innerRef: ref,
-      label: label,
-      leftAddon: leftAddon,
-      rightAddon: /*#__PURE__*/_jsx(Popover, {
-        isOpen: tooltipText && isTooltipOpen,
-        content: tooltipText,
-        placement: "top",
-        showArrow: true,
-        renderTrigger: _ref2 => {
-          let {
-            ref
-          } = _ref2;
-          return /*#__PURE__*/_jsx(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: ref
-          });
-        }
-      }),
-      tabIndex: -1
-    }), /*#__PURE__*/_jsx(DSModal, {
-      isOpen: isModalOpen,
-      showClose: true,
-      shouldCloseOnOverlayClick: true,
-      modalTitle: modalTitle,
-      modalType: MODAL_TYPE_V2.INFORMATION,
-      onClose: toggle,
-      version: 2
-    }, void 0, modalContent)]
-  });
+  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, /* @__PURE__ */ React2.createElement(Pill, {
+    "data-testid": "read-only-pill",
+    className: "removable-pill",
+    containerProps,
+    innerRef: ref,
+    label,
+    leftAddon,
+    rightAddon: /* @__PURE__ */ React2.createElement(DSPopover, {
+      isOpen: tooltipText && isTooltipOpen,
+      content: tooltipText,
+      placement: "top",
+      showArrow: true,
+      renderTrigger: ({ ref: ref2 }) => /* @__PURE__ */ React2.createElement(InfoCircleSmall, {
+        role: "button",
+        "data-testid": "read-only-info-btn",
+        className: "remove-pill-button",
+        onClick: toggle,
+        onMouseEnter: () => setIsTooltipOpen(true),
+        onMouseLeave: () => setIsTooltipOpen(false),
+        color: ["brand-primary", "600"],
+        innerRef: ref2
+      })
+    }),
+    tabIndex: -1
+  }), /* @__PURE__ */ React2.createElement(DSModal, {
+    isOpen: isModalOpen,
+    showClose: true,
+    shouldCloseOnOverlayClick: true,
+    modalTitle,
+    modalType: MODAL_TYPE_V2.INFORMATION,
+    onClose: toggle,
+    version: 2
+  }, modalContent));
 };
-
 const props = {
-  /** 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'),
-
-  /** addon component to left */
-  leftAddon: PropTypes.node.description('addon component to left'),
-
-  /** read only pill modal content */
-  modalContent: PropTypes.string.description('read only pill modal content'),
-
-  /** read only pill modal title */
-  modalTitle: PropTypes.string.description('read only pill modal title'),
-  tooltipText: PropTypes.string.description('text to display in tooltip')
+  containerProps: PropTypes.object.description("props injected to component wrapper"),
+  label: PropTypes.string.isRequired.description("pill text label"),
+  leftAddon: PropTypes.node.description("addon component to left"),
+  modalContent: PropTypes.string.description("read only pill modal content"),
+  modalTitle: PropTypes.string.description("read only pill modal title"),
+  tooltipText: PropTypes.string.description("text to display in tooltip")
 };
+ReadOnlyPill.propTypes = props;
 const DSReadOnlyPillWithSchema = describe(ReadOnlyPill);
 DSReadOnlyPillWithSchema.propTypes = props;
-
-export { DSReadOnlyPillWithSchema, ReadOnlyPill };
+export {
+  DSReadOnlyPillWithSchema,
+  ReadOnlyPill
+};
+//# sourceMappingURL=ReadOnlyPill.js.map

package/esm/deprecated/ReadOnlyPill.js.map

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

package/esm/deprecated/RemovablePill.js

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

package/esm/deprecated/RemovablePill.js.map

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