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

package/esm/deprecated/InputPill.js

@@ -1,68 +1,45 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { CloseXsmall } from '@elliemae/ds-icons';
-import { aggregatedClasses } from '@elliemae/ds-classnames';
-import { DSInput, DSInputMask } from '@elliemae/ds-form';
-import { Pill } from './Pill.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["containerProps", "placeholder", "onChange", "onRemove", "value", "type"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const StyledInputPill = aggregatedClasses(Pill)('input-pill', null, _ref => {
-  let {
-    value
-  } = _ref;
-  return {
-    value
-  };
-});
-function InputPill(_ref2) {
-  let {
-    containerProps = {},
-    placeholder = 'Enter Value',
-    onChange = () => {},
-    onRemove,
-    value,
-    type
-  } = _ref2,
-      otherProps = _objectWithoutProperties(_ref2, _excluded);
-
-  let TypeOfInput = DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
-  // TODO: implement the DSDateInput
-
+import * as React from "react";
+import React2 from "react";
+import { CloseXsmall } from "@elliemae/ds-icons";
+import { aggregatedClasses } from "@elliemae/ds-classnames";
+import { DSInput, DSInputMask } from "@elliemae/ds-form";
+import { Pill } from "./Pill";
+const StyledInputPill = aggregatedClasses(Pill)("input-pill", null, ({ value }) => ({
+  value
+}));
+function InputPill({
+  containerProps = {},
+  placeholder = "Enter Value",
+  onChange = () => {
+  },
+  onRemove,
+  value,
+  type,
+  ...otherProps
+}) {
+  let TypeOfInput = DSInput;
   switch (type) {
-    case 'inputText':
+    case "inputText":
       TypeOfInput = DSInput;
       break;
-
-    case 'inputMask':
+    case "inputMask":
       TypeOfInput = DSInputMask;
       break;
+    default:
+      break;
   }
-
-  return /*#__PURE__*/_jsx(StyledInputPill, {
+  return /* @__PURE__ */ React2.createElement(StyledInputPill, {
     className: "input-pill",
-    classProps: {
-      value
-    },
-    containerProps: containerProps,
-    label: /*#__PURE__*/jsx(TypeOfInput, _objectSpread({
+    classProps: { value },
+    containerProps,
+    label: /* @__PURE__ */ React2.createElement(TypeOfInput, {
       "data-testid": "input-pill",
-      onChange: onChange,
-      placeholder: placeholder,
-      value: value
-    }, otherProps)),
-    rightAddon: value && /*#__PURE__*/_jsx(CloseXsmall, {
+      onChange,
+      placeholder,
+      value,
+      ...otherProps
+    }),
+    rightAddon: value && /* @__PURE__ */ React2.createElement(CloseXsmall, {
       className: "remove-pill-button",
       "data-testid": "remove-pill-button",
       onClick: onRemove
@@ -70,5 +47,7 @@ function InputPill(_ref2) {
     tabIndex: -1
   });
 }
-
-export { InputPill };
+export {
+  InputPill
+};
+//# sourceMappingURL=InputPill.js.map

package/esm/deprecated/InputPill.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/InputPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { CloseXsmall } from '@elliemae/ds-icons';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport { DSInput, DSInputMask } from '@elliemae/ds-form';\nimport { Pill } from './Pill';\n\nconst StyledInputPill = aggregatedClasses(Pill)('input-pill', null, ({ value }) => ({\n  value,\n}));\n\nexport function InputPill({\n  containerProps = {},\n  placeholder = 'Enter Value',\n  onChange = () => {},\n  onRemove,\n  value,\n  type,\n  ...otherProps\n}) {\n  let TypeOfInput = DSInput;\n  // TODO: implement the DSTimeInput, see how because it returns a moment()\n  // TODO: implement the DSDateInput\n  switch (type) {\n    case 'inputText':\n      TypeOfInput = DSInput;\n      break;\n    case 'inputMask':\n      TypeOfInput = DSInputMask;\n      break;\n    default:\n      break;\n  }\n\n  return (\n    <StyledInputPill\n      className=\"input-pill\"\n      classProps={{ value }}\n      containerProps={containerProps}\n      label={\n        <TypeOfInput\n          data-testid=\"input-pill\"\n          onChange={onChange}\n          placeholder={placeholder}\n          value={value}\n          {...otherProps}\n        />\n      }\n      rightAddon={\n        value && <CloseXsmall className=\"remove-pill-button\" data-testid=\"remove-pill-button\" onClick={onRemove} />\n      }\n      tabIndex={-1}\n    />\n  );\n}\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,kBAAkB,MAAM,cAAc,MAAM,CAAC,EAAE,YAAa;AAAA,EAClF;AAAA;AAGK,mBAAmB;AAAA,EACxB,iBAAiB;AAAA,EACjB,cAAc;AAAA,EACd,WAAW,MAAM;AAAA;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,KACG;AAAA,GACF;AACD,MAAI,cAAc;AAGlB,UAAQ;AAAA,SACD;AACH,oBAAc;AACd;AAAA,SACG;AACH,oBAAc;AACd;AAAA;AAEA;AAAA;AAGJ,SACE,qCAAC,iBAAD;AAAA,IACE,WAAU;AAAA,IACV,YAAY,EAAE;AAAA,IACd;AAAA,IACA,OACE,qCAAC,aAAD;AAAA,MACE,eAAY;AAAA,MACZ;AAAA,MACA;AAAA,MACA;AAAA,SACI;AAAA;AAAA,IAGR,YACE,SAAS,qCAAC,aAAD;AAAA,MAAa,WAAU;AAAA,MAAqB,eAAY;AAAA,MAAqB,SAAS;AAAA;AAAA,IAEjG,UAAU;AAAA;AAAA;",
+  "names": []
+}

package/esm/deprecated/LabeledDropdownPills.js

@@ -1,95 +1,73 @@
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import { PropTypes, describe } from 'react-desc';
-import { PillGroup } from './PillGroup.js';
-import LabeledDropdownSinglePill from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js';
-import LabeledDropdownMultiPills from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js';
-import LabeledDropdownCascadeMenuPill from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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; }
+import * as React from "react";
+import React2 from "react";
+import { PropTypes, describe } from "react-desc";
+import { PillGroup } from "./PillGroup";
+import { LabeledDropdownSinglePill } from "./LabeledDropdownPillsTypes/LabeledDropdownSinglePill";
+import { LabeledDropdownMultiPills } from "./LabeledDropdownPillsTypes/LabeledDropdownMultiPill";
+import { LabeledDropdownCascadeMenuPill } from "./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill";
 const DropdownPills = {
   single: LabeledDropdownSinglePill,
   multi: LabeledDropdownMultiPills,
   cascaded: 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__ */ React2.createElement(PillGroup, {
     onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup
+  }, /* @__PURE__ */ React2.createElement(Component, {
+    ...menuProps,
+    label,
     maxWidth,
     minWidth,
+    value,
     fixed
-  } = _ref,
-      menuProps = _objectWithoutProperties(_ref, _excluded);
-
-  const Component = createDropdownPill(type);
-  return /*#__PURE__*/_jsx(PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/jsx(Component, _objectSpread(_objectSpread({}, menuProps), {}, {
-    label: label,
-    maxWidth: maxWidth,
-    minWidth: minWidth,
-    value: value,
-    fixed: fixed
-  })));
+  }));
 }
-
 const props = {
-  /** pill type */
-  type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description('pill type'),
-
-  /** focus next group callback */
-  onFocusNextGroup: PropTypes.func.description('focus next group callback'),
-
-  /** focus prev group callback */
-  onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),
-
-  /** focus group set callback */
-  onFocusGroupSet: PropTypes.func.description('focus group set callback'),
-
-  /** pill max width */
-  maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill max width'),
-
-  /** pill min width */
-  minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width'),
-
-  /** fixed pill */
-  fixed: PropTypes.bool.description('fixed pill'),
-
-  /** pill label text */
-  label: PropTypes.string.isRequired.description('pill label text'),
-
-  /** pill value */
-  value: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.string
-  })), PropTypes.shape({
-    id: PropTypes.string,
-    label: PropTypes.string
-  })]).description('pill value')
+  type: PropTypes.oneOf(["single", "multi", "cascaded"]).description("pill type"),
+  onFocusNextGroup: PropTypes.func.description("focus next group callback"),
+  onFocusPreviousGroup: PropTypes.func.description("focus prev group callback"),
+  onFocusGroupSet: PropTypes.func.description("focus group set callback"),
+  maxWidth: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number
+  ]).description("pill max width"),
+  minWidth: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.number
+  ]).description("pill min width"),
+  fixed: PropTypes.bool.description("fixed pill"),
+  label: PropTypes.string.isRequired.description("pill label text"),
+  value: PropTypes.oneOfType([
+    PropTypes.arrayOf(PropTypes.shape({
+      id: PropTypes.string,
+      label: PropTypes.string
+    })),
+    PropTypes.shape({
+      id: PropTypes.string,
+      label: PropTypes.string
+    })
+  ]).description("pill value")
 };
+LabeledDropdownPills.propTypes = props;
 const DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);
 DSLabeledDropdownPillsWithSchema.propTypes = props;
-
-export { DSLabeledDropdownPillsWithSchema, LabeledDropdownPills };
+export {
+  DSLabeledDropdownPillsWithSchema,
+  LabeledDropdownPills
+};
+//# sourceMappingURL=LabeledDropdownPills.js.map

package/esm/deprecated/LabeledDropdownPills.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/deprecated/LabeledDropdownPills.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
+  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AACA;AAEA,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,qCAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,WAAD;AAAA,OACM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAMR,MAAM,QAAQ;AAAA,EAEZ,MAAM,UAAU,MAAM,CAAC,UAAU,SAAS,aAAa,YACrD;AAAA,EAGF,kBAAkB,UAAU,KAAK,YAAY;AAAA,EAE7C,sBAAsB,UAAU,KAAK,YAAY;AAAA,EAEjD,iBAAiB,UAAU,KAAK,YAAY;AAAA,EAE5C,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAEf,UAAU,UAAU,UAAU;AAAA,IAC5B,UAAU;AAAA,IACV,UAAU;AAAA,KACT,YAAY;AAAA,EAEf,OAAO,UAAU,KAAK,YAAY;AAAA,EAElC,OAAO,UAAU,OAAO,WAAW,YAAY;AAAA,EAE/C,OAAO,UAAU,UAAU;AAAA,IACzB,UAAU,QACR,UAAU,MAAM;AAAA,MACd,IAAI,UAAU;AAAA,MACd,OAAO,UAAU;AAAA;AAAA,IAGrB,UAAU,MAAM;AAAA,MACd,IAAI,UAAU;AAAA,MACd,OAAO,UAAU;AAAA;AAAA,KAElB,YAAY;AAAA;AAGjB,qBAAqB,YAAY;AACjC,MAAM,mCAAmC,SAAS;AAClD,iCAAiC,YAAY;",
+  "names": []
+}

package/esm/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,126 +1,102 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import _jsx from '@babel/runtime/helpers/esm/jsx';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import { createElement } from 'react';
-import { isFunction, addOrRemove } from '@elliemae/ds-utilities';
-import { PillGroup } from '../PillGroup.js';
-import { RemovablePill } from '../RemovablePill.js';
-import { DropdownPill } from '../DropdownPill.js';
-import { jsx } from 'react/jsx-runtime';
-
-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(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; }
-
+import * as React from "react";
+import React2 from "react";
+import { isFunction, addOrRemove } from "@elliemae/ds-utilities";
+import { PillGroup } from "../PillGroup";
+import { RemovablePill } from "../RemovablePill";
+import { DropdownPill } from "../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__*/createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
+    const ItemComponent = factory("radio");
+    if (option.type === "submenu") {
+      const SubmenuComponent = factory("submenu");
+      const ChildComponent = factory("selection-group");
+      return /* @__PURE__ */ React2.createElement(SubmenuComponent, {
+        ...option,
         key: option.id,
         item: option
-      }), /*#__PURE__*/jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
+      }, /* @__PURE__ */ React2.createElement(ChildComponent, {
+        ...option,
         id: option.id,
         item: option,
         items: option.items,
-        itemValueAccessor: item => item,
+        itemValueAccessor: (item) => item,
         multi: true
-      })));
+      }));
     }
-
-    return /*#__PURE__*/createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
+    return /* @__PURE__ */ React2.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(_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;
-
+  const handleSelectChange = ({ item, group }) => {
     if (isFunction(onChange)) {
       const nextSelection = group ? {
-        [group.id]: addOrRemove([...(selection[group.id] || [])], item, o => o.id)
+        [group.id]: addOrRemove([...selection[group.id] || []], item, (o) => o.id)
       } : {
         [item.id]: item.label
       };
       onChange(nextSelection);
     }
   };
-
-  const removeOption = option => {
+  const removeOption = (option) => {
     if (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(PillGroup, {
-    onFocusGroupSet: onFocusGroupSet,
-    onFocusNextGroup: onFocusNextGroup,
-    onFocusPreviousGroup: onFocusPreviousGroup
-  }, void 0, /*#__PURE__*/jsx(DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
+  return /* @__PURE__ */ React2.createElement(PillGroup, {
+    onFocusGroupSet,
+    onFocusNextGroup,
+    onFocusPreviousGroup
+  }, /* @__PURE__ */ React2.createElement(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(RemovablePill, {
+  }), Array.isArray(selectionValues) && selectionValues.map((option) => /* @__PURE__ */ React2.createElement(RemovablePill, {
+    key: option.id,
     label: option.label,
     onRemove: () => removeOption(option)
-  }, option.id)));
+  })));
 }
-
-export { LabeledDropdownCascadeMenuPill as default };
+var LabeledDropdownCascadeMenuPill_default = LabeledDropdownCascadeMenuPill;
+export {
+  LabeledDropdownCascadeMenuPill,
+  LabeledDropdownCascadeMenuPill_default as default
+};
+//# sourceMappingURL=LabeledDropdownCascadeMenuPill.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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;"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEA,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,qCAAC,kBAAD;AAAA,WAAsB;AAAA,QAAQ,KAAK,OAAO;AAAA,QAAI,MAAM;AAAA,SAClD,qCAAC,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,qCAAC,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,WAAW,WAAW;AACxB,YAAM,gBAAgB,QAClB;AAAA,SACG,MAAM,KAAK,YAAY,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,WAAW,WAAW;AACxB,YAAM,gBAAgB;AAAA,SACnB,cAAc,gBAAgB,OAAO,CAAC,QAAQ,OAAO,OAAO,IAAI;AAAA;AAEnE,eAAS;AAAA;AAEX,aAAS;AAAA;AAGX,SACE,qCAAC,WAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,cAAD;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,qCAAC,eAAD;AAAA,IAAe,KAAK,OAAO;AAAA,IAAI,OAAO,OAAO;AAAA,IAAO,UAAU,MAAM,aAAa;AAAA;AAAA;AAO3F,IAAO,yCAAQ;",
+  "names": []
+}