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

package/cjs/deprecated/LabeledDropdownPills.js

@@ -1,106 +1,102 @@
-'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');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-var reactDesc = require('react-desc');
-var PillGroup = require('./PillGroup.js');
-var LabeledDropdownSinglePill = require('./LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js');
-var LabeledDropdownMultiPill = require('./LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js');
-var LabeledDropdownCascadeMenuPill = require('./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-
-const _excluded = ["label", "value", "type", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth", "fixed"];
-
-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; }
+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 LabeledDropdownPills_exports = {};
+__export(LabeledDropdownPills_exports, {
+  DSLabeledDropdownPillsWithSchema: () => DSLabeledDropdownPillsWithSchema,
+  LabeledDropdownPills: () => LabeledDropdownPills
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_react_desc = require("react-desc");
+var import_PillGroup = require("./PillGroup");
+var import_LabeledDropdownSinglePill = require("./LabeledDropdownPillsTypes/LabeledDropdownSinglePill");
+var import_LabeledDropdownMultiPill = require("./LabeledDropdownPillsTypes/LabeledDropdownMultiPill");
+var import_LabeledDropdownCascadeMenuPill = require("./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill");
 const DropdownPills = {
-  single: LabeledDropdownSinglePill,
-  multi: LabeledDropdownMultiPill,
-  cascaded: LabeledDropdownCascadeMenuPill
+  single: import_LabeledDropdownSinglePill.LabeledDropdownSinglePill,
+  multi: import_LabeledDropdownMultiPill.LabeledDropdownMultiPills,
+  cascaded: import_LabeledDropdownCascadeMenuPill.LabeledDropdownCascadeMenuPill
 };
-
-const createDropdownPill = type => DropdownPills[type] || DropdownPills.single;
-
-function LabeledDropdownPills(_ref) {
-  let {
-    label = '',
-    value,
-    type,
-    onFocusNextGroup,
-    onFocusPreviousGroup,
+const createDropdownPill = (type) => DropdownPills[type] || DropdownPills.single;
+function LabeledDropdownPills({
+  label = "",
+  value,
+  type,
+  onFocusNextGroup,
+  onFocusPreviousGroup,
+  onFocusGroupSet,
+  maxWidth,
+  minWidth,
+  fixed,
+  ...menuProps
+}) {
+  const Component = createDropdownPill(type);
+  return /* @__PURE__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
     onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup
+  }, /* @__PURE__ */ import_react.default.createElement(Component, {
+    ...menuProps,
+    label,
     maxWidth,
     minWidth,
+    value,
     fixed
-  } = _ref,
-      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
-  const Component = createDropdownPill(type);
-  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, menuProps), {}, {
-    label: label,
-    maxWidth: maxWidth,
-    minWidth: minWidth,
-    value: value,
-    fixed: fixed
-  })));
+  }));
 }
-
 const props = {
-  /** pill type */
-  type: reactDesc.PropTypes.oneOf(['single', 'multi', 'cascaded']).description('pill type'),
-
-  /** 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 max width */
-  maxWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill max width'),
-
-  /** pill min width */
-  minWidth: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.number]).description('pill min width'),
-
-  /** fixed pill */
-  fixed: reactDesc.PropTypes.bool.description('fixed pill'),
-
-  /** pill label text */
-  label: reactDesc.PropTypes.string.isRequired.description('pill label text'),
-
-  /** pill value */
-  value: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.shape({
-    id: reactDesc.PropTypes.string,
-    label: reactDesc.PropTypes.string
-  })), reactDesc.PropTypes.shape({
-    id: reactDesc.PropTypes.string,
-    label: reactDesc.PropTypes.string
-  })]).description('pill value')
+  type: import_react_desc.PropTypes.oneOf(["single", "multi", "cascaded"]).description("pill type"),
+  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"),
+  maxWidth: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.string,
+    import_react_desc.PropTypes.number
+  ]).description("pill max width"),
+  minWidth: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.string,
+    import_react_desc.PropTypes.number
+  ]).description("pill min width"),
+  fixed: import_react_desc.PropTypes.bool.description("fixed pill"),
+  label: import_react_desc.PropTypes.string.isRequired.description("pill label text"),
+  value: import_react_desc.PropTypes.oneOfType([
+    import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.shape({
+      id: import_react_desc.PropTypes.string,
+      label: import_react_desc.PropTypes.string
+    })),
+    import_react_desc.PropTypes.shape({
+      id: import_react_desc.PropTypes.string,
+      label: import_react_desc.PropTypes.string
+    })
+  ]).description("pill value")
 };
-const DSLabeledDropdownPillsWithSchema = reactDesc.describe(LabeledDropdownPills);
+LabeledDropdownPills.propTypes = props;
+const DSLabeledDropdownPillsWithSchema = (0, import_react_desc.describe)(LabeledDropdownPills);
 DSLabeledDropdownPillsWithSchema.propTypes = props;
-
-exports.DSLabeledDropdownPillsWithSchema = DSLabeledDropdownPillsWithSchema;
-exports.LabeledDropdownPills = LabeledDropdownPills;
+module.exports = __toCommonJS(LabeledDropdownPills_exports);
+//# sourceMappingURL=LabeledDropdownPills.js.map

package/cjs/deprecated/LabeledDropdownPills.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/deprecated/LabeledDropdownPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from 'react-desc';\nimport { PillGroup } from './PillGroup';\nimport { LabeledDropdownSinglePill } from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill';\nimport { LabeledDropdownMultiPills } from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill';\nimport { LabeledDropdownCascadeMenuPill } from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill';\n\nconst DropdownPills = {\n  single: LabeledDropdownSinglePill,\n  multi: LabeledDropdownMultiPills,\n  cascaded: LabeledDropdownCascadeMenuPill,\n};\n\nconst createDropdownPill = (type) =>\n  DropdownPills[type] || DropdownPills.single;\n\nfunction LabeledDropdownPills({\n  label = '',\n  value,\n  type,\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  maxWidth,\n  minWidth,\n  fixed,\n  ...menuProps\n}) {\n  const Component = createDropdownPill(type);\n\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <Component\n        {...menuProps}\n        label={label}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        value={value}\n        fixed={fixed}\n      />\n    </PillGroup>\n  );\n}\n\nconst props = {\n  /** pill type */\n  type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description(\n    'pill type',\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 max width */\n  maxWidth: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('pill max width'),\n  /** pill min width */\n  minWidth: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]).description('pill min width'),\n  /** fixed pill */\n  fixed: PropTypes.bool.description('fixed pill'),\n  /** pill label text */\n  label: PropTypes.string.isRequired.description('pill label text'),\n  /** pill value */\n  value: PropTypes.oneOfType([\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        id: PropTypes.string,\n        label: PropTypes.string,\n      }),\n    ),\n    PropTypes.shape({\n      id: PropTypes.string,\n      label: PropTypes.string,\n    }),\n  ]).description('pill value'),\n};\n\nLabeledDropdownPills.propTypes = props;\nconst DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);\nDSLabeledDropdownPillsWithSchema.propTypes = props;\n\nexport { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,wBAAoC;AACpC,uBAA0B;AAC1B,uCAA0C;AAC1C,sCAA0C;AAC1C,4CAA+C;AAE/C,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AAAA;AAGZ,MAAM,qBAAqB,CAAC,SAC1B,cAAc,SAAS,cAAc;AAEvC,8BAA8B;AAAA,EAC5B,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,YAAY,mBAAmB;AAErC,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,WAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,QAAQ;AAAA,EAEZ,MAAM,4BAAU,MAAM,CAAC,UAAU,SAAS,aAAa,YACrD;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;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EAEf,UAAU,4BAAU,UAAU;AAAA,IAC5B,4BAAU;AAAA,IACV,4BAAU;AAAA,KACT,YAAY;AAAA,EAEf,OAAO,4BAAU,KAAK,YAAY;AAAA,EAElC,OAAO,4BAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,OAAO,4BAAU,UAAU;AAAA,IACzB,4BAAU,QACR,4BAAU,MAAM;AAAA,MACd,IAAI,4BAAU;AAAA,MACd,OAAO,4BAAU;AAAA;AAAA,IAGrB,4BAAU,MAAM;AAAA,MACd,IAAI,4BAAU;AAAA,MACd,OAAO,4BAAU;AAAA;AAAA,KAElB,YAAY;AAAA;AAGjB,qBAAqB,YAAY;AACjC,MAAM,mCAAmC,gCAAS;AAClD,iCAAiC,YAAY;",
+  "names": []
+}

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,134 +1,131 @@
-'use strict';
-
-var _jsx = require('@babel/runtime/helpers/jsx');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/web.dom-collections.iterator.js');
-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 React = require('react');
-var dsUtilities = require('@elliemae/ds-utilities');
-var PillGroup = require('../PillGroup.js');
-var RemovablePill = require('../RemovablePill.js');
-var DropdownPill = require('../DropdownPill.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 _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-
-const _excluded = ["label", "options", "value", "onChange", "onRemove", "value", "placeholder", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth"];
-
-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; }
-
+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 LabeledDropdownCascadeMenuPill_exports = {};
+__export(LabeledDropdownCascadeMenuPill_exports, {
+  LabeledDropdownCascadeMenuPill: () => LabeledDropdownCascadeMenuPill,
+  default: () => LabeledDropdownCascadeMenuPill_default
+});
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_PillGroup = require("../PillGroup");
+var import_RemovablePill = require("../RemovablePill");
+var import_DropdownPill = require("../DropdownPill");
 function renderMenuItems(options, factory) {
   return options.map((option, index) => {
-    const ItemComponent = factory('radio');
-
-    if (option.type === 'submenu') {
-      const SubmenuComponent = factory('submenu');
-      const ChildComponent = factory('selection-group');
-      return /*#__PURE__*/React.createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
+    const ItemComponent = factory("radio");
+    if (option.type === "submenu") {
+      const SubmenuComponent = factory("submenu");
+      const ChildComponent = factory("selection-group");
+      return /* @__PURE__ */ import_react.default.createElement(SubmenuComponent, {
+        ...option,
         key: option.id,
         item: option
-      }), /*#__PURE__*/jsxRuntime.jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
+      }, /* @__PURE__ */ import_react.default.createElement(ChildComponent, {
+        ...option,
         id: option.id,
         item: option,
         items: option.items,
-        itemValueAccessor: item => item,
+        itemValueAccessor: (item) => item,
         multi: true
-      })));
+      }));
     }
-
-    return /*#__PURE__*/React.createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
+    return /* @__PURE__ */ import_react.default.createElement(ItemComponent, {
+      ...option,
       key: option.id || index,
       item: option
-    }));
+    });
   });
 }
-
 const getSubmenuOptionLabelById = (options, id) => {
-  const index = options.findIndex(option => option.id === id);
-  return index ? options[index].label : '';
+  const index = options.findIndex((option) => option.id === id);
+  return index ? options[index].label : "";
 };
-
-function LabeledDropdownCascadeMenuPill(_ref) {
-  let {
-    label,
-    options,
-    value: optionValue,
-    onChange,
-    onRemove,
-    value: selection = {},
-    placeholder = '---',
-    onFocusNextGroup,
-    onFocusPreviousGroup,
-    onFocusGroupSet,
-    maxWidth,
-    minWidth
-  } = _ref,
-      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
-
+function LabeledDropdownCascadeMenuPill({
+  label,
+  options,
+  value: optionValue,
+  onChange,
+  onRemove,
+  value: selection = {},
+  placeholder = "---",
+  onFocusNextGroup,
+  onFocusPreviousGroup,
+  onFocusGroupSet,
+  maxWidth,
+  minWidth,
+  ...menuProps
+}) {
   const selectionId = Object.keys(selection)[0];
-  const selectionValues = selection[selectionId] || '';
+  const selectionValues = selection[selectionId] || "";
   const dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
-
-  const handleSelectChange = _ref2 => {
-    let {
-      item,
-      group
-    } = _ref2;
-
-    if (dsUtilities.isFunction(onChange)) {
+  const handleSelectChange = ({ item, group }) => {
+    if ((0, import_ds_utilities.isFunction)(onChange)) {
       const nextSelection = group ? {
-        [group.id]: dsUtilities.addOrRemove([...(selection[group.id] || [])], item, o => o.id)
+        [group.id]: (0, import_ds_utilities.addOrRemove)([...selection[group.id] || []], item, (o) => o.id)
       } : {
         [item.id]: item.label
       };
       onChange(nextSelection);
     }
   };
-
-  const removeOption = option => {
-    if (dsUtilities.isFunction(onChange)) {
+  const removeOption = (option) => {
+    if ((0, import_ds_utilities.isFunction)(onChange)) {
       const nextSelection = {
-        [selectionId]: selectionValues.filter(val => option.id !== val.id)
+        [selectionId]: selectionValues.filter((val) => option.id !== val.id)
       };
       onChange(nextSelection);
     }
-
     onRemove(option);
   };
-
-  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/jsxRuntime.jsx(DropdownPill.DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
+  return /* @__PURE__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
+    onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup
+  }, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, {
+    ...menuProps,
     itemsRenderer: renderMenuItems,
     label: dropdownLabel || placeholder,
-    maxWidth: maxWidth,
-    minWidth: minWidth,
+    maxWidth,
+    minWidth,
     onSelectChange: handleSelectChange,
-    options: options,
+    options,
     selection: {
-      [selectionId]: Array.isArray(selectionValues) ? selectionValues.map(v => v.id) : selectionValues
+      [selectionId]: Array.isArray(selectionValues) ? selectionValues.map((v) => v.id) : selectionValues
     },
     singleGroupSelection: true,
     variant: "title"
-  })), Array.isArray(selectionValues) && selectionValues.map(option => /*#__PURE__*/_jsx__default["default"](RemovablePill.RemovablePill, {
+  }), Array.isArray(selectionValues) && selectionValues.map((option) => /* @__PURE__ */ import_react.default.createElement(import_RemovablePill.RemovablePill, {
+    key: option.id,
     label: option.label,
     onRemove: () => removeOption(option)
-  }, option.id)));
+  })));
 }
-
-module.exports = LabeledDropdownCascadeMenuPill;
+var LabeledDropdownCascadeMenuPill_default = LabeledDropdownCascadeMenuPill;
+module.exports = __toCommonJS(LabeledDropdownCascadeMenuPill_exports);
+//# sourceMappingURL=LabeledDropdownCascadeMenuPill.js.map

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { isFunction, addOrRemove } from '@elliemae/ds-utilities';\nimport { PillGroup } from '../PillGroup';\nimport { RemovablePill } from '../RemovablePill';\nimport { DropdownPill } from '../DropdownPill';\n\nfunction renderMenuItems(options, factory) {\n  return options.map((option, index) => {\n    const ItemComponent = factory('radio');\n\n    if (option.type === 'submenu') {\n      const SubmenuComponent = factory('submenu');\n      const ChildComponent = factory('selection-group');\n      return (\n        <SubmenuComponent {...option} key={option.id} item={option}>\n          <ChildComponent\n            {...option}\n            id={option.id}\n            item={option}\n            items={option.items}\n            itemValueAccessor={(item) => item}\n            multi\n          />\n        </SubmenuComponent>\n      );\n    }\n\n    return <ItemComponent {...option} key={option.id || index} item={option} />;\n  });\n}\n\nconst getSubmenuOptionLabelById = (options, id) => {\n  const index = options.findIndex((option) => option.id === id);\n  return index ? options[index].label : '';\n};\n\nfunction LabeledDropdownCascadeMenuPill({\n  label,\n  options,\n  value: optionValue,\n  onChange,\n  onRemove,\n  value: selection = {},\n  placeholder = '---',\n  onFocusNextGroup,\n  onFocusPreviousGroup,\n  onFocusGroupSet,\n  maxWidth,\n  minWidth,\n  ...menuProps\n}) {\n  const selectionId = Object.keys(selection)[0];\n  const selectionValues = selection[selectionId] || '';\n  const dropdownLabel = Array.isArray(selectionValues)\n    ? getSubmenuOptionLabelById(options, selectionId)\n    : selectionValues;\n\n  const handleSelectChange = ({ item, group }) => {\n    if (isFunction(onChange)) {\n      const nextSelection = group\n        ? {\n            [group.id]: addOrRemove([...(selection[group.id] || [])], item, (o) => o.id),\n          }\n        : {\n            [item.id]: item.label,\n          };\n      onChange(nextSelection);\n    }\n  };\n\n  const removeOption = (option) => {\n    if (isFunction(onChange)) {\n      const nextSelection = {\n        [selectionId]: selectionValues.filter((val) => option.id !== val.id),\n      };\n      onChange(nextSelection);\n    }\n    onRemove(option);\n  };\n\n  return (\n    <PillGroup\n      onFocusGroupSet={onFocusGroupSet}\n      onFocusNextGroup={onFocusNextGroup}\n      onFocusPreviousGroup={onFocusPreviousGroup}\n    >\n      <DropdownPill\n        {...menuProps}\n        itemsRenderer={renderMenuItems}\n        label={dropdownLabel || placeholder}\n        maxWidth={maxWidth}\n        minWidth={minWidth}\n        onSelectChange={handleSelectChange}\n        options={options}\n        selection={{\n          [selectionId]: Array.isArray(selectionValues) ? selectionValues.map((v) => v.id) : selectionValues,\n        }}\n        singleGroupSelection\n        variant=\"title\"\n      />\n      {Array.isArray(selectionValues) &&\n        selectionValues.map((option) => (\n          <RemovablePill key={option.id} label={option.label} onRemove={() => removeOption(option)} />\n        ))}\n    </PillGroup>\n  );\n}\n\nexport { LabeledDropdownCascadeMenuPill };\nexport default LabeledDropdownCascadeMenuPill;", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAwC;AACxC,uBAA0B;AAC1B,2BAA8B;AAC9B,0BAA6B;AAE7B,yBAAyB,SAAS,SAAS;AACzC,SAAO,QAAQ,IAAI,CAAC,QAAQ,UAAU;AACpC,UAAM,gBAAgB,QAAQ;AAE9B,QAAI,OAAO,SAAS,WAAW;AAC7B,YAAM,mBAAmB,QAAQ;AACjC,YAAM,iBAAiB,QAAQ;AAC/B,aACE,mDAAC,kBAAD;AAAA,WAAsB;AAAA,QAAQ,KAAK,OAAO;AAAA,QAAI,MAAM;AAAA,SAClD,mDAAC,gBAAD;AAAA,WACM;AAAA,QACJ,IAAI,OAAO;AAAA,QACX,MAAM;AAAA,QACN,OAAO,OAAO;AAAA,QACd,mBAAmB,CAAC,SAAS;AAAA,QAC7B,OAAK;AAAA;AAAA;AAMb,WAAO,mDAAC,eAAD;AAAA,SAAmB;AAAA,MAAQ,KAAK,OAAO,MAAM;AAAA,MAAO,MAAM;AAAA;AAAA;AAAA;AAIrE,MAAM,4BAA4B,CAAC,SAAS,OAAO;AACjD,QAAM,QAAQ,QAAQ,UAAU,CAAC,WAAW,OAAO,OAAO;AAC1D,SAAO,QAAQ,QAAQ,OAAO,QAAQ;AAAA;AAGxC,wCAAwC;AAAA,EACtC;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA;AAAA,EACA,OAAO,YAAY;AAAA,EACnB,cAAc;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,QAAM,cAAc,OAAO,KAAK,WAAW;AAC3C,QAAM,kBAAkB,UAAU,gBAAgB;AAClD,QAAM,gBAAgB,MAAM,QAAQ,mBAChC,0BAA0B,SAAS,eACnC;AAEJ,QAAM,qBAAqB,CAAC,EAAE,MAAM,YAAY;AAC9C,QAAI,oCAAW,WAAW;AACxB,YAAM,gBAAgB,QAClB;AAAA,SACG,MAAM,KAAK,qCAAY,CAAC,GAAI,UAAU,MAAM,OAAO,KAAM,MAAM,CAAC,MAAM,EAAE;AAAA,UAE3E;AAAA,SACG,KAAK,KAAK,KAAK;AAAA;AAEtB,eAAS;AAAA;AAAA;AAIb,QAAM,eAAe,CAAC,WAAW;AAC/B,QAAI,oCAAW,WAAW;AACxB,YAAM,gBAAgB;AAAA,SACnB,cAAc,gBAAgB,OAAO,CAAC,QAAQ,OAAO,OAAO,IAAI;AAAA;AAEnE,eAAS;AAAA;AAEX,aAAS;AAAA;AAGX,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,kCAAD;AAAA,OACM;AAAA,IACJ,eAAe;AAAA,IACf,OAAO,iBAAiB;AAAA,IACxB;AAAA,IACA;AAAA,IACA,gBAAgB;AAAA,IAChB;AAAA,IACA,WAAW;AAAA,OACR,cAAc,MAAM,QAAQ,mBAAmB,gBAAgB,IAAI,CAAC,MAAM,EAAE,MAAM;AAAA;AAAA,IAErF,sBAAoB;AAAA,IACpB,SAAQ;AAAA,MAET,MAAM,QAAQ,oBACb,gBAAgB,IAAI,CAAC,WACnB,mDAAC,oCAAD;AAAA,IAAe,KAAK,OAAO;AAAA,IAAI,OAAO,OAAO;AAAA,IAAO,UAAU,MAAM,aAAa;AAAA;AAAA;AAO3F,IAAO,yCAAQ;",
+  "names": []
+}