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

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,131 +1,134 @@
-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 = __toESM(require("@elliemae/ds-utilities"));
-var import_PillGroup = __toESM(require("../PillGroup"));
-var import_RemovablePill = __toESM(require("../RemovablePill"));
-var import_DropdownPill = __toESM(require("../DropdownPill"));
+'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; }
+
 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__ */ import_react.default.createElement(SubmenuComponent, {
-        ...option,
+    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), {}, {
         key: option.id,
         item: option
-      }, /* @__PURE__ */ import_react.default.createElement(ChildComponent, {
-        ...option,
+      }), /*#__PURE__*/jsxRuntime.jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
         id: option.id,
         item: option,
         items: option.items,
-        itemValueAccessor: (item) => item,
+        itemValueAccessor: item => item,
         multi: true
-      }));
+      })));
     }
-    return /* @__PURE__ */ import_react.default.createElement(ItemComponent, {
-      ...option,
+
+    return /*#__PURE__*/React.createElement(ItemComponent, _objectSpread(_objectSpread({}, 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({
-  label,
-  options,
-  value: optionValue,
-  onChange,
-  onRemove,
-  value: selection = {},
-  placeholder = "---",
-  onFocusNextGroup,
-  onFocusPreviousGroup,
-  onFocusGroupSet,
-  maxWidth,
-  minWidth,
-  ...menuProps
-}) {
+
+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);
+
   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 = ({ item, group }) => {
-    if ((0, import_ds_utilities.isFunction)(onChange)) {
+
+  const handleSelectChange = _ref2 => {
+    let {
+      item,
+      group
+    } = _ref2;
+
+    if (dsUtilities.isFunction(onChange)) {
       const nextSelection = group ? {
-        [group.id]: (0, import_ds_utilities.addOrRemove)([...selection[group.id] || []], item, (o) => o.id)
+        [group.id]: dsUtilities.addOrRemove([...(selection[group.id] || [])], item, o => o.id)
       } : {
         [item.id]: item.label
       };
       onChange(nextSelection);
     }
   };
-  const removeOption = (option) => {
-    if ((0, import_ds_utilities.isFunction)(onChange)) {
+
+  const removeOption = option => {
+    if (dsUtilities.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__ */ import_react.default.createElement(import_PillGroup.PillGroup, {
-    onFocusGroupSet,
-    onFocusNextGroup,
-    onFocusPreviousGroup
-  }, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, {
-    ...menuProps,
+
+  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
+    onFocusGroupSet: onFocusGroupSet,
+    onFocusNextGroup: onFocusNextGroup,
+    onFocusPreviousGroup: onFocusPreviousGroup
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(DropdownPill.DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
     itemsRenderer: renderMenuItems,
     label: dropdownLabel || placeholder,
-    maxWidth,
-    minWidth,
+    maxWidth: maxWidth,
+    minWidth: 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__ */ import_react.default.createElement(import_RemovablePill.RemovablePill, {
-    key: option.id,
+  })), Array.isArray(selectionValues) && selectionValues.map(option => /*#__PURE__*/_jsx__default["default"](RemovablePill.RemovablePill, {
     label: option.label,
     onRemove: () => removeOption(option)
-  })));
+  }, option.id)));
 }
-var LabeledDropdownCascadeMenuPill_default = LabeledDropdownCascadeMenuPill;
-module.exports = __toCommonJS(LabeledDropdownCascadeMenuPill_exports);
-//# sourceMappingURL=LabeledDropdownCascadeMenuPill.js.map
+
+module.exports = LabeledDropdownCascadeMenuPill;

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js

@@ -1,145 +1,153 @@
-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 LabeledDropdownMultiPill_exports = {};
-__export(LabeledDropdownMultiPill_exports, {
-  LabeledDropdownMultiPills: () => LabeledDropdownMultiPills,
-  default: () => LabeledDropdownMultiPill_default
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_lodash = __toESM(require("lodash"));
-var import_ds_utilities = __toESM(require("@elliemae/ds-utilities"));
-var import_RemovablePill = __toESM(require("../RemovablePill"));
-var import_Pill = __toESM(require("../Pill"));
-var import_OverflowPill = __toESM(require("../OverflowPill"));
-var import_DropdownPill = __toESM(require("../DropdownPill"));
-function LabeledDropdownMultiPills({
-  label,
-  options = [],
-  value = [],
-  onSelect = () => null,
-  onRemove = () => null,
-  onChange,
-  maxWidth,
-  minWidth,
-  ...menuProps
-}) {
-  const [totalDefaultOptions, setTotalDefaultOptions] = (0, import_react.useState)(0);
-  const [selectedOptions, setSelectedOptions] = (0, import_react.useState)(value);
-  const [allOptions, setAllOptions] = (0, import_react.useState)(options);
-  const [overflowOptions, setOverflowOptions] = (0, import_react.useState)([]);
+'use strict';
+
+var _jsx = require('@babel/runtime/helpers/jsx');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+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.map.js');
+require('core-js/modules/esnext.iterator.map.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 lodash = require('lodash');
+var dsUtilities = require('@elliemae/ds-utilities');
+var RemovablePill = require('../RemovablePill.js');
+var Pill = require('../Pill.js');
+var OverflowPill = require('../OverflowPill.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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
+
+const _excluded = ["label", "options", "value", "onSelect", "onRemove", "onChange", "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; }
+function LabeledDropdownMultiPills(_ref) {
+  let {
+    label,
+    options = [],
+    value = [],
+    onSelect = () => null,
+    onRemove = () => null,
+    onChange,
+    // if this is defined, then it's calculating the next result onSelect or onRemove
+    maxWidth,
+    minWidth
+  } = _ref,
+      menuProps = _objectWithoutProperties__default["default"](_ref, _excluded);
+
+  const [totalDefaultOptions, setTotalDefaultOptions] = React.useState(0);
+  const [selectedOptions, setSelectedOptions] = React.useState(value);
+  const [allOptions, setAllOptions] = React.useState(options);
+  const [overflowOptions, setOverflowOptions] = React.useState([]);
   const overflowQuantity = 3;
-  (0, import_react.useEffect)(() => setSelectedOptions(value), [value]);
-  (0, import_react.useEffect)(() => {
-    const newOptions = allOptions.filter((option) => option.fixedItem);
+  React.useEffect(() => setSelectedOptions(value), [value]);
+  React.useEffect(() => {
+    const newOptions = allOptions.filter(option => option.fixedItem);
+
     if (newOptions.length > 0) {
       setSelectedOptions(newOptions);
     }
+
     setTotalDefaultOptions(newOptions.length);
   }, []);
-  (0, import_react.useEffect)(() => {
+  React.useEffect(() => {
     if (totalDefaultOptions) {
-      const newOptions = allOptions.map((opt) => {
-        if (selectedOptions.length <= totalDefaultOptions && (0, import_lodash.find)(selectedOptions, { id: opt.id })) {
-          return { ...opt, fixedItem: true };
+      const newOptions = allOptions.map(opt => {
+        if (selectedOptions.length <= totalDefaultOptions && lodash.find(selectedOptions, {
+          id: opt.id
+        })) {
+          return _objectSpread(_objectSpread({}, opt), {}, {
+            fixedItem: true
+          });
         }
-        return { ...opt, fixedItem: false };
+
+        return _objectSpread(_objectSpread({}, opt), {}, {
+          fixedItem: false
+        });
       });
       setAllOptions(newOptions);
     }
   }, [onSelect, onRemove, selectedOptions]);
-  (0, import_react.useEffect)(() => {
+  React.useEffect(() => {
     if (selectedOptions.length > overflowQuantity) {
       const overflow = selectedOptions.filter((val, index) => index >= overflowQuantity);
       setOverflowOptions(overflow);
     }
   }, [selectedOptions]);
-  const selectOption = (0, import_react.useCallback)((option) => {
+  const selectOption = React.useCallback(option => {
     if (!option.fixedItem) {
-      if ((0, import_ds_utilities.isFunction)(onChange)) {
-        const nextValue = (0, import_ds_utilities.addOrRemove)(selectedOptions, option, (item) => item.id);
+      if (dsUtilities.isFunction(onChange)) {
+        const nextValue = dsUtilities.addOrRemove(selectedOptions, option, item => item.id);
         setSelectedOptions(nextValue);
         onChange(nextValue);
       }
+
       onSelect(option);
     }
   }, [selectedOptions]);
-  const removeOption = (0, import_react.useCallback)((option) => {
+  const removeOption = React.useCallback(option => {
     if (!option.fixedItem || selectedOptions.length > totalDefaultOptions) {
-      if ((0, import_ds_utilities.isFunction)(onChange)) {
-        const nextValue = selectedOptions.filter((val) => option.id !== val.id);
+      if (dsUtilities.isFunction(onChange)) {
+        const nextValue = selectedOptions.filter(val => option.id !== val.id);
         setSelectedOptions(nextValue);
         onChange(nextValue);
       }
+
       onRemove(option);
     }
   }, [selectedOptions]);
+
   const typeOfPill = () => {
     if (selectedOptions.length > totalDefaultOptions) {
-      return import_RemovablePill.RemovablePill;
+      return RemovablePill.RemovablePill;
     }
-    return import_Pill.Pill;
+
+    return Pill.Pill;
   };
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__PURE__ */ import_react.default.createElement(import_DropdownPill.DropdownPill, {
-    ...menuProps,
-    focusOnOpen: false,
-    label,
-    maxWidth,
-    minWidth,
-    onSelectMenuItem: selectOption,
-    options: [
-      {
-        ...menuProps,
-        type: "SelectionGroup",
-        id: "multi-selection-views",
+
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(DropdownPill.DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
+      focusOnOpen: false,
+      label: label,
+      maxWidth: maxWidth,
+      minWidth: minWidth,
+      onSelectMenuItem: selectOption,
+      options: [_objectSpread(_objectSpread({}, menuProps), {}, {
+        type: 'SelectionGroup',
+        id: 'multi-selection-views',
         multi: true,
         items: allOptions
+      })],
+      selection: {
+        'multi-selection-views': selectedOptions ? selectedOptions.map(o => o.id) : ''
+      },
+      variant: "title"
+    })), selectedOptions && selectedOptions.map((option, index) => {
+      const TypeOfPill = typeOfPill();
+
+      if (index < overflowQuantity) {
+        return /*#__PURE__*/_jsx__default["default"](TypeOfPill, {
+          label: option.label,
+          onRemove: () => removeOption(option)
+        }, option.id);
       }
-    ],
-    selection: {
-      "multi-selection-views": selectedOptions ? selectedOptions.map((o) => o.id) : ""
-    },
-    variant: "title"
-  }), selectedOptions && selectedOptions.map((option, index) => {
-    const TypeOfPill = typeOfPill();
-    if (index < overflowQuantity) {
-      return /* @__PURE__ */ import_react.default.createElement(TypeOfPill, {
-        key: option.id,
-        label: option.label,
-        onRemove: () => removeOption(option)
-      });
-    }
-    return null;
-  }), selectedOptions && selectedOptions.length > overflowQuantity && /* @__PURE__ */ import_react.default.createElement(import_OverflowPill.OverflowPill, {
-    label: `+ ${selectedOptions.length - overflowQuantity}`,
-    options: overflowOptions
-  }));
+
+      return null;
+    }), selectedOptions && selectedOptions.length > overflowQuantity && /*#__PURE__*/_jsx__default["default"](OverflowPill.OverflowPill, {
+      label: "+ ".concat(selectedOptions.length - overflowQuantity),
+      options: overflowOptions
+    })]
+  });
 }
-var LabeledDropdownMultiPill_default = LabeledDropdownMultiPills;
-module.exports = __toCommonJS(LabeledDropdownMultiPill_exports);
-//# sourceMappingURL=LabeledDropdownMultiPill.js.map
+
+module.exports = LabeledDropdownMultiPills;