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

package/cjs/deprecated/PillGroup.js

@@ -1,72 +1,72 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-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');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('react');
-var reactDesc = require('react-desc');
-var dsClassnames = require('@elliemae/ds-classnames');
-var FocusGroupProvider = require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var FocusGroupProvider__default = /*#__PURE__*/_interopDefaultLegacy(FocusGroupProvider);
-
-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__default["default"](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 = dsClassnames.aggregatedClasses('div')(pillGroupBlockName);
-
-const PillGroup = _ref => {
-  let {
-    containerProps = {},
-    onFocusNextGroup,
-    onFocusPreviousGroup,
-    onFocusGroupSet,
-    children
-  } = _ref;
-  return /*#__PURE__*/_jsx__default["default"](FocusGroupProvider__default["default"], {
-    keyBindings: {
-      Tab: 'next'
-    },
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup,
-    orientation: "horizontal"
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Container, _objectSpread(_objectSpread({}, containerProps), {}, {
-    children: children
-  })));
+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 PillGroup_exports = {};
+__export(PillGroup_exports, {
+  Container: () => Container,
+  DSPillGroupWithSchema: () => DSPillGroupWithSchema,
+  PillGroup: () => PillGroup
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_classnames = require("@elliemae/ds-classnames");
+var import_FocusGroupManager = require("@elliemae/ds-shared/FocusGroup/FocusGroupManager");
+const pillGroupBlockName = "pill-group";
+const Container = (0, import_ds_classnames.aggregatedClasses)("div")(pillGroupBlockName);
+const PillGroup = ({
+  containerProps = {},
+  onFocusNextGroup,
+  onFocusPreviousGroup,
+  onFocusGroupSet,
+  children
+}) => /* @__PURE__ */ import_react.default.createElement(import_FocusGroupManager.FocusGroupProvider, {
+  keyBindings: {
+    Tab: "next"
+  },
+  onFocusGroupSet,
+  onFocusNextGroup,
+  onFocusPreviousGroup,
+  orientation: "horizontal"
+}, /* @__PURE__ */ import_react.default.createElement(Container, {
+  ...containerProps
+}, children));
 const props = {
-  /** props injected to component wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
-
-  /** focus next group callback */
-  onFocusNextGroup: reactDesc.PropTypes.func.description('focus next group callback'),
-
-  /** focus prev group callback */
-  onFocusPreviousGroup: reactDesc.PropTypes.func.description('focus prev group callback'),
-
-  /** focus group set callback */
-  onFocusGroupSet: reactDesc.PropTypes.func.description('focus group set callback'),
-
-  /** pill components */
-  children: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.node), reactDesc.PropTypes.node]).isRequired.description('pill components')
+  containerProps: import_react_desc.PropTypes.object.description("props injected to component wrapper"),
+  onFocusNextGroup: import_react_desc.PropTypes.func.description("focus next group callback"),
+  onFocusPreviousGroup: import_react_desc.PropTypes.func.description("focus prev group callback"),
+  onFocusGroupSet: import_react_desc.PropTypes.func.description("focus group set callback"),
+  children: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.node),
+    import_react_desc.PropTypes.node
+  ]).isRequired.description("pill components")
 };
-const DSPillGroupWithSchema = reactDesc.describe(PillGroup);
+PillGroup.propTypes = props;
+const DSPillGroupWithSchema = (0, import_react_desc.describe)(PillGroup);
 DSPillGroupWithSchema.propTypes = props;
-
-exports.Container = Container;
-exports.DSPillGroupWithSchema = DSPillGroupWithSchema;
-exports.PillGroup = PillGroup;
+module.exports = __toCommonJS(PillGroup_exports);
+//# sourceMappingURL=PillGroup.js.map

package/cjs/deprecated/PillGroup.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/PillGroup.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAoC;AACpC,2BAAkC;AAClC,+BAAmC;AAEnC,MAAM,qBAAqB;AAEpB,MAAM,YAAY,4CAAkB,OAAO;AAElD,MAAM,YAAY,CAAC;AAAA,EACjB,iBAAiB;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,MAEA,mDAAC,6CAAD;AAAA,EACE,aAAa;AAAA,IACX,KAAK;AAAA;AAAA,EAEP;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAY;AAAA,GAEZ,mDAAC,WAAD;AAAA,KAAe;AAAA,GAAiB;AAIpC,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAC/B;AAAA,EAGF,kBAAkB,4BAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,4BAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,4BAAU,KAAK,YAAY;AAAA,EAE5C,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU,QAAQ,4BAAU;AAAA,IAC5B,4BAAU;AAAA,KACT,WAAW,YAAY;AAAA;AAG5B,UAAU,YAAY;AAEtB,MAAM,wBAAwB,gCAAS;AACvC,sBAAsB,YAAY;",
+  "names": []
+}

package/cjs/deprecated/ReadOnlyPill.js

@@ -1,101 +1,100 @@
-'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 reactDesc = require('react-desc');
-var dsIcons = require('@elliemae/ds-icons');
-var DSModal = require('@elliemae/ds-modal');
-var Popover = require('@elliemae/ds-popover');
-var Pill = require('./Pill.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var DSModal__default = /*#__PURE__*/_interopDefaultLegacy(DSModal);
-var Popover__default = /*#__PURE__*/_interopDefaultLegacy(Popover);
-
-const ReadOnlyPill = _ref => {
-  let {
-    containerProps = {},
-    modalContent = '',
-    label = '',
-    leftAddon,
-    modalTitle = '',
-    tooltipText = ''
-  } = _ref;
-  const ref = React.useRef(null);
-  const [isModalOpen, setIsModalOpen] = React.useState(false);
-  const [isTooltipOpen, setIsTooltipOpen] = React.useState(false);
-
+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, {
+  DSReadOnlyPillWithSchema: () => DSReadOnlyPillWithSchema,
+  ReadOnlyPill: () => ReadOnlyPill
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_ds_modal = require("@elliemae/ds-modal");
+var import_ds_popover = require("@elliemae/ds-popover");
+var import_Pill = require("./Pill");
+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__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/_jsx__default["default"](Pill.Pill, {
-      "data-testid": "read-only-pill",
-      className: "removable-pill",
-      containerProps: containerProps,
-      innerRef: ref,
-      label: label,
-      leftAddon: leftAddon,
-      rightAddon: /*#__PURE__*/_jsx__default["default"](Popover__default["default"], {
-        isOpen: tooltipText && isTooltipOpen,
-        content: tooltipText,
-        placement: "top",
-        showArrow: true,
-        renderTrigger: _ref2 => {
-          let {
-            ref
-          } = _ref2;
-          return /*#__PURE__*/_jsx__default["default"](dsIcons.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__default["default"](DSModal__default["default"], {
-      isOpen: isModalOpen,
-      showClose: true,
-      shouldCloseOnOverlayClick: true,
-      modalTitle: modalTitle,
-      modalType: DSModal.MODAL_TYPE_V2.INFORMATION,
-      onClose: toggle,
-      version: 2
-    }, void 0, modalContent)]
-  });
+  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_Pill.Pill, {
+    "data-testid": "read-only-pill",
+    className: "removable-pill",
+    containerProps,
+    innerRef: ref,
+    label,
+    leftAddon,
+    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_ds_popover.DSPopover, {
+      isOpen: tooltipText && isTooltipOpen,
+      content: tooltipText,
+      placement: "top",
+      showArrow: true,
+      renderTrigger: ({ ref: ref2 }) => /* @__PURE__ */ import_react.default.createElement(import_ds_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__ */ import_react.default.createElement(import_ds_modal.DSModal, {
+    isOpen: isModalOpen,
+    showClose: true,
+    shouldCloseOnOverlayClick: true,
+    modalTitle,
+    modalType: import_ds_modal.MODAL_TYPE_V2.INFORMATION,
+    onClose: toggle,
+    version: 2
+  }, modalContent));
 };
-
 const props = {
-  /** props injected to component wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
-
-  /** labeled pill text label */
-  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
-
-  /** addon component to left */
-  leftAddon: reactDesc.PropTypes.node.description('addon component to left'),
-
-  /** read only pill modal content */
-  modalContent: reactDesc.PropTypes.string.description('read only pill modal content'),
-
-  /** read only pill modal title */
-  modalTitle: reactDesc.PropTypes.string.description('read only pill modal title'),
-  tooltipText: reactDesc.PropTypes.string.description('text to display in tooltip')
+  containerProps: import_react_desc.PropTypes.object.description("props injected to component wrapper"),
+  label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
+  leftAddon: import_react_desc.PropTypes.node.description("addon component to left"),
+  modalContent: import_react_desc.PropTypes.string.description("read only pill modal content"),
+  modalTitle: import_react_desc.PropTypes.string.description("read only pill modal title"),
+  tooltipText: import_react_desc.PropTypes.string.description("text to display in tooltip")
 };
-const DSReadOnlyPillWithSchema = reactDesc.describe(ReadOnlyPill);
+ReadOnlyPill.propTypes = props;
+const DSReadOnlyPillWithSchema = (0, import_react_desc.describe)(ReadOnlyPill);
 DSReadOnlyPillWithSchema.propTypes = props;
-
-exports.DSReadOnlyPillWithSchema = DSReadOnlyPillWithSchema;
-exports.ReadOnlyPill = ReadOnlyPill;
+module.exports = __toCommonJS(ReadOnlyPill_exports);
+//# sourceMappingURL=ReadOnlyPill.js.map

package/cjs/deprecated/ReadOnlyPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/ReadOnlyPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,wBAAoC;AACpC,sBAAgC;AAChC,sBAAuC;AACvC,wBAA0B;AAC1B,kBAAqB;AAErB,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,yBAAO;AACnB,QAAM,CAAC,aAAa,kBAAkB,2BAAS;AAC/C,QAAM,CAAC,eAAe,oBAAoB,2BAAS;AAEnD,QAAM,SAAS,MAAM;AACnB,mBAAe,CAAC;AAAA;AAGlB,SACE,wFACE,mDAAC,kBAAD;AAAA,IACE,eAAY;AAAA,IACZ,WAAU;AAAA,IACV;AAAA,IACA,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,YACE,mDAAC,6BAAD;AAAA,MACE,QAAQ,eAAe;AAAA,MACvB,SAAS;AAAA,MACT,WAAU;AAAA,MACV,WAAS;AAAA,MACT,eAAe,CAAC,EAAE,gBAChB,mDAAC,iCAAD;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,mDAAC,yBAAD;AAAA,IACE,QAAQ;AAAA,IACR,WAAS;AAAA,IACT,2BAAyB;AAAA,IACzB;AAAA,IACA,WAAW,8BAAc;AAAA,IACzB,SAAS;AAAA,IACT,SAAS;AAAA,KAER;AAAA;AAMT,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,WAAW,4BAAU,KAAK,YAAY;AAAA,EAEtC,cAAc,4BAAU,OAAO,YAAY;AAAA,EAE3C,YAAY,4BAAU,OAAO,YAAY;AAAA,EACzC,aAAa,4BAAU,OAAO,YAAY;AAAA;AAG5C,aAAa,YAAY;AAEzB,MAAM,2BAA2B,gCAAS;AAC1C,yBAAyB,YAAY;",
+  "names": []
+}

package/cjs/deprecated/RemovablePill.js

@@ -1,47 +1,61 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var React = require('react');
-var reactDesc = require('react-desc');
-var dsUtilities = require('@elliemae/ds-utilities');
-var dsIcons = require('@elliemae/ds-icons');
-var useFocusGroupItem = require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-var Pill = require('./Pill.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
-var useFocusGroupItem__default = /*#__PURE__*/_interopDefaultLegacy(useFocusGroupItem);
-
-function RemovablePill(_ref) {
-  let {
-    containerProps = {},
-    label = '',
-    onRemove,
-    size = 'm',
-    leftAddon
-  } = _ref;
-  const ref = React.useRef(null);
-  const {
-    focusPrevious
-  } = useFocusGroupItem__default["default"](ref);
-  return /*#__PURE__*/_jsx__default["default"](Pill.Pill, {
+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, {
+  DSRemovablePillWithSchema: () => DSRemovablePillWithSchema,
+  RemovablePill: () => RemovablePill
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_useFocusGroupItem = require("@elliemae/ds-shared/FocusGroup/useFocusGroupItem");
+var import_Pill = require("./Pill");
+function RemovablePill({ containerProps = {}, label = "", onRemove, size = "m", leftAddon }) {
+  const ref = (0, import_react.useRef)(null);
+  const { focusPrevious } = (0, import_useFocusGroupItem.useFocusGroupItem)(ref);
+  return /* @__PURE__ */ import_react.default.createElement(import_Pill.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' && dsUtilities.isFunction(onRemove)) {
+    size,
+    label,
+    leftAddon,
+    onKeyDown: (e) => {
+      if (e.key === "Backspace" && (0, import_ds_utilities.isFunction)(onRemove)) {
         onRemove();
-        if (dsUtilities.isFunction(focusPrevious)) focusPrevious();
+        if ((0, import_ds_utilities.isFunction)(focusPrevious))
+          focusPrevious();
       }
     },
-    rightAddon: /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
+    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
       role: "button",
       "data-testid": "remove-pill-button",
       className: "remove-pill-button",
@@ -50,25 +64,15 @@ function RemovablePill(_ref) {
     tabIndex: -1
   });
 }
-
 const props = {
-  /** props injected to component wrapper */
-  containerProps: reactDesc.PropTypes.object.description('props injected to component wrapper'),
-
-  /** labeled pill text label */
-  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
-
-  /** remove click callback */
-  onRemove: reactDesc.PropTypes.func.description('remove click callback'),
-
-  /** pill size */
-  size: reactDesc.PropTypes.oneOf(['m', 'l']).description('pill size'),
-
-  /** addon component to left */
-  leftAddon: reactDesc.PropTypes.node.description('addon component to left')
+  containerProps: import_react_desc.PropTypes.object.description("props injected to component wrapper"),
+  label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
+  onRemove: import_react_desc.PropTypes.func.description("remove click callback"),
+  size: import_react_desc.PropTypes.oneOf(["m", "l"]).description("pill size"),
+  leftAddon: import_react_desc.PropTypes.node.description("addon component to left")
 };
-const DSRemovablePillWithSchema = reactDesc.describe(RemovablePill);
+RemovablePill.propTypes = props;
+const DSRemovablePillWithSchema = (0, import_react_desc.describe)(RemovablePill);
 DSRemovablePillWithSchema.propTypes = props;
-
-exports.DSRemovablePillWithSchema = DSRemovablePillWithSchema;
-exports.RemovablePill = RemovablePill;
+module.exports = __toCommonJS(RemovablePill_exports);
+//# sourceMappingURL=RemovablePill.js.map

package/cjs/deprecated/RemovablePill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/RemovablePill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAA8B;AAC9B,wBAAoC;AACpC,0BAA2B;AAC3B,sBAA4B;AAC5B,+BAAkC;AAClC,kBAAqB;AAErB,uBAAuB,EAAE,iBAAiB,IAAI,QAAQ,IAAI,UAAU,OAAO,KAAK,aAAa;AAC3F,QAAM,MAAM,yBAAO;AACnB,QAAM,EAAE,kBAAkB,gDAAkB;AAC5C,SACE,mDAAC,kBAAD;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,oCAAW,WAAW;AACjD;AACA,YAAI,oCAAW;AAAgB;AAAA;AAAA;AAAA,IAGnC,YACE,mDAAC,6BAAD;AAAA,MAAa,MAAK;AAAA,MAAS,eAAY;AAAA,MAAqB,WAAU;AAAA,MAAqB,SAAS;AAAA;AAAA,IAEtG,UAAU;AAAA;AAAA;AAKhB,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAE7C,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,UAAU,4BAAU,KAAK,YAAY;AAAA,EAErC,MAAM,4BAAU,MAAM,CAAC,KAAK,MAAM,YAAY;AAAA,EAE9C,WAAW,4BAAU,KAAK,YAAY;AAAA;AAGxC,cAAc,YAAY;AAC1B,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;",
+  "names": []
+}

package/cjs/deprecated/index.js

@@ -1,33 +1,43 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Pill = require('./Pill.js');
-var PillGroup = require('./PillGroup.js');
-var LabeledDropdownPills = require('./LabeledDropdownPills.js');
-var LabeledPills = require('./LabeledPills.js');
-var DropdownPill = require('./DropdownPill.js');
-var RemovablePill = require('./RemovablePill.js');
-var ReadOnlyPill = require('./ReadOnlyPill.js');
-var OverflowPill = require('./OverflowPill.js');
-
-
-
-exports.DSPillWithSchema = Pill.DSPillWithSchema;
-exports.Pill = Pill.Pill;
-exports["default"] = Pill.Pill;
-exports.Container = PillGroup.Container;
-exports.DSPillGroupWithSchema = PillGroup.DSPillGroupWithSchema;
-exports.PillGroup = PillGroup.PillGroup;
-exports.DSLabeledDropdownPillsWithSchema = LabeledDropdownPills.DSLabeledDropdownPillsWithSchema;
-exports.LabeledDropdownPills = LabeledDropdownPills.LabeledDropdownPills;
-exports.DSLabeledPillsWithSchema = LabeledPills.DSLabeledPillsWithSchema;
-exports.LabeledPills = LabeledPills.LabeledPills;
-exports.DSDropdownPillWithSchema = DropdownPill.DSDropdownPillWithSchema;
-exports.DropdownPill = DropdownPill.DropdownPill;
-exports.DSRemovablePillWithSchema = RemovablePill.DSRemovablePillWithSchema;
-exports.RemovablePill = RemovablePill.RemovablePill;
-exports.DSReadOnlyPillWithSchema = ReadOnlyPill.DSReadOnlyPillWithSchema;
-exports.ReadOnlyPill = ReadOnlyPill.ReadOnlyPill;
-exports.DSOverflowPillWithSchema = OverflowPill.DSOverflowPillWithSchema;
-exports.OverflowPill = OverflowPill.OverflowPill;
+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 deprecated_exports = {};
+__export(deprecated_exports, {
+  default: () => import_Pill.default
+});
+var React = __toESM(require("react"));
+__reExport(deprecated_exports, require("./Pill"));
+__reExport(deprecated_exports, require("./PillGroup"));
+__reExport(deprecated_exports, require("./LabeledDropdownPills"));
+__reExport(deprecated_exports, require("./LabeledPills"));
+__reExport(deprecated_exports, require("./DropdownPill"));
+__reExport(deprecated_exports, require("./RemovablePill"));
+__reExport(deprecated_exports, require("./ReadOnlyPill"));
+__reExport(deprecated_exports, require("./OverflowPill"));
+var import_Pill = __toESM(require("./Pill"));
+module.exports = __toCommonJS(deprecated_exports);
+//# sourceMappingURL=index.js.map

package/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';\nexport * from './PillGroup';\nexport * from './LabeledDropdownPills';\nexport * from './LabeledPills';\nexport * from './DropdownPill';\nexport * from './RemovablePill';\nexport * from './ReadOnlyPill';\nexport * from './OverflowPill';\n\nexport { default } from './Pill';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AACd,+BAAc;AAEd,kBAAwB;",
+  "names": []
+}