@elliemae/ds-pills 2.2.0-alpha.2 → 2.2.0-beta.0

package/cjs/deprecated/Pill.js

@@ -1,73 +1,88 @@
-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);
+'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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('react');
+var reactDesc = require('react-desc');
+var dsClassnames = require('@elliemae/ds-classnames');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+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__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 pillBlockName = 'pill';
+const PillWrapper = dsClassnames.aggregatedClasses('div')(pillBlockName, null, _ref => {
+  let {
+    size,
+    variant
+  } = _ref;
+  return {
+    [variant]: !!variant,
+    [size]: !!size
   };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Pill_exports = {};
-__export(Pill_exports, {
-  DSPillWithSchema: () => DSPillWithSchema,
-  Pill: () => Pill,
-  default: () => Pill_default
 });
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-const pillBlockName = "pill";
-const PillWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(pillBlockName, null, ({ size, variant }) => ({
-  [variant]: !!variant,
-  [size]: !!size
-}));
-const PillLabel = (0, import_ds_classnames.aggregatedClasses)("span")(pillBlockName, "label");
-const PillAddon = (0, import_ds_classnames.aggregatedClasses)("div")(pillBlockName, "addon");
-function Pill({
-  containerProps = {},
-  label = "",
-  leftAddon,
-  rightAddon,
-  variant = "value",
-  size = "m",
-  ...otherProps
-}) {
-  return /* @__PURE__ */ import_react.default.createElement(PillWrapper, {
-    ...containerProps,
-    classProps: { variant, size },
-    ...otherProps
-  }, leftAddon && /* @__PURE__ */ import_react.default.createElement(PillAddon, null, leftAddon), /* @__PURE__ */ import_react.default.createElement(PillLabel, null, label), rightAddon && /* @__PURE__ */ import_react.default.createElement(PillAddon, null, rightAddon));
+const PillLabel = dsClassnames.aggregatedClasses('span')(pillBlockName, 'label');
+const PillAddon = dsClassnames.aggregatedClasses('div')(pillBlockName, 'addon');
+
+function Pill(_ref2) {
+  let {
+    containerProps = {},
+    label = '',
+    leftAddon,
+    rightAddon,
+    variant = 'value',
+    size = 'm'
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
+
+  return /*#__PURE__*/jsxRuntime.jsxs(PillWrapper, _objectSpread(_objectSpread(_objectSpread({}, containerProps), {}, {
+    classProps: {
+      variant,
+      size
+    }
+  }, otherProps), {}, {
+    children: [leftAddon && /*#__PURE__*/_jsx__default["default"](PillAddon, {}, void 0, leftAddon), /*#__PURE__*/_jsx__default["default"](PillLabel, {}, void 0, label), rightAddon && /*#__PURE__*/_jsx__default["default"](PillAddon, {}, void 0, rightAddon)]
+  }));
 }
+
 const props = {
-  containerProps: import_react_desc.PropTypes.object.description("props to inject to pill wrapper"),
-  label: import_react_desc.PropTypes.string.isRequired.description("pill text label"),
-  size: import_react_desc.PropTypes.oneOf(["m", "l"]).description("pill size"),
-  variant: import_react_desc.PropTypes.oneOf(["value", "title"]).description("pill variant"),
-  leftAddon: import_react_desc.PropTypes.node.description("addon component to left"),
-  rightAddon: import_react_desc.PropTypes.node.description("addon component to right")
+  /** props to inject to pill wrapper */
+  containerProps: reactDesc.PropTypes.object.description('props to inject to pill wrapper'),
+
+  /** pill text label */
+  label: reactDesc.PropTypes.string.isRequired.description('pill text label'),
+
+  /** pill size */
+  size: reactDesc.PropTypes.oneOf(['m', 'l']).description('pill size'),
+
+  /** pill variant */
+  variant: reactDesc.PropTypes.oneOf(['value', 'title']).description('pill variant'),
+
+  /** addon component to left */
+  leftAddon: reactDesc.PropTypes.node.description('addon component to left'),
+
+  /** addon component to right */
+  rightAddon: reactDesc.PropTypes.node.description('addon component to right')
 };
-Pill.propTypes = props;
-const DSPillWithSchema = (0, import_react_desc.describe)(Pill);
+const DSPillWithSchema = reactDesc.describe(Pill);
 DSPillWithSchema.propTypes = props;
-var Pill_default = Pill;
-module.exports = __toCommonJS(Pill_exports);
-//# sourceMappingURL=Pill.js.map
+
+exports.DSPillWithSchema = DSPillWithSchema;
+exports.Pill = Pill;
+exports["default"] = Pill;

package/cjs/deprecated/PillGroup.js

@@ -1,72 +1,72 @@
-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 });
+'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 __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 = __toESM(require("react-desc"));
-var import_ds_classnames = __toESM(require("@elliemae/ds-classnames"));
-var import_FocusGroupManager = __toESM(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 = {
-  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")
+  /** 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')
 };
-PillGroup.propTypes = props;
-const DSPillGroupWithSchema = (0, import_react_desc.describe)(PillGroup);
+const DSPillGroupWithSchema = reactDesc.describe(PillGroup);
 DSPillGroupWithSchema.propTypes = props;
-module.exports = __toCommonJS(PillGroup_exports);
-//# sourceMappingURL=PillGroup.js.map
+
+exports.Container = Container;
+exports.DSPillGroupWithSchema = DSPillGroupWithSchema;
+exports.PillGroup = PillGroup;

package/cjs/deprecated/ReadOnlyPill.js

@@ -1,100 +1,101 @@
-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 = __toESM(require("react-desc"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_ds_modal = __toESM(require("@elliemae/ds-modal"));
-var import_ds_popover = __toESM(require("@elliemae/ds-popover"));
-var import_Pill = __toESM(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);
+'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);
+
   const toggle = () => {
     setIsModalOpen(!isModalOpen);
   };
-  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));
+
+  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)]
+  });
 };
+
 const props = {
-  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")
+  /** 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')
 };
-ReadOnlyPill.propTypes = props;
-const DSReadOnlyPillWithSchema = (0, import_react_desc.describe)(ReadOnlyPill);
+const DSReadOnlyPillWithSchema = reactDesc.describe(ReadOnlyPill);
 DSReadOnlyPillWithSchema.propTypes = props;
-module.exports = __toCommonJS(ReadOnlyPill_exports);
-//# sourceMappingURL=ReadOnlyPill.js.map
+
+exports.DSReadOnlyPillWithSchema = DSReadOnlyPillWithSchema;
+exports.ReadOnlyPill = ReadOnlyPill;

package/cjs/deprecated/RemovablePill.js

@@ -1,61 +1,47 @@
-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 = __toESM(require("react-desc"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_ds_icons = __toESM(require("@elliemae/ds-icons"));
-var import_useFocusGroupItem = __toESM(require("@elliemae/ds-shared/FocusGroup/useFocusGroupItem"));
-var import_Pill = __toESM(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, {
+'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, {
     className: "removable-pill",
     "data-testid": "removable-pill",
-    containerProps,
+    containerProps: containerProps,
     innerRef: ref,
-    size,
-    label,
-    leftAddon,
-    onKeyDown: (e) => {
-      if (e.key === "Backspace" && (0, import_ds_utilities.isFunction)(onRemove)) {
+    size: size,
+    label: label,
+    leftAddon: leftAddon,
+    onKeyDown: e => {
+      if (e.key === 'Backspace' && dsUtilities.isFunction(onRemove)) {
         onRemove();
-        if ((0, import_ds_utilities.isFunction)(focusPrevious))
-          focusPrevious();
+        if (dsUtilities.isFunction(focusPrevious)) focusPrevious();
       }
     },
-    rightAddon: /* @__PURE__ */ import_react.default.createElement(import_ds_icons.CloseXsmall, {
+    rightAddon: /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
       role: "button",
       "data-testid": "remove-pill-button",
       className: "remove-pill-button",
@@ -64,15 +50,25 @@ function RemovablePill({ containerProps = {}, label = "", onRemove, size = "m",
     tabIndex: -1
   });
 }
+
 const props = {
-  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")
+  /** 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')
 };
-RemovablePill.propTypes = props;
-const DSRemovablePillWithSchema = (0, import_react_desc.describe)(RemovablePill);
+const DSRemovablePillWithSchema = reactDesc.describe(RemovablePill);
 DSRemovablePillWithSchema.propTypes = props;
-module.exports = __toCommonJS(RemovablePill_exports);
-//# sourceMappingURL=RemovablePill.js.map
+
+exports.DSRemovablePillWithSchema = DSRemovablePillWithSchema;
+exports.RemovablePill = RemovablePill;