@elliemae/ds-pills 1.60.0 → 2.0.0-alpha.12

package/cjs/deprecated/InputPill.js

@@ -2,42 +2,52 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+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');
-var React = require('react');
+require('react');
 var dsIcons = require('@elliemae/ds-icons');
 var dsClassnames = require('@elliemae/ds-classnames');
 var dsForm = require('@elliemae/ds-form');
-var deprecated_Pill = require('./Pill.js');
-require('@babel/runtime/helpers/defineProperty');
-require('react-desc');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["containerProps", "placeholder", "onChange", "onRemove", "value", "type"];
-var StyledInputPill = dsClassnames.aggregatedClasses(deprecated_Pill.Pill)('input-pill', null, function (_ref) {
-  var value = _ref.value;
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const StyledInputPill = dsClassnames.aggregatedClasses(Pill.Pill)('input-pill', null, _ref => {
+  let {
+    value
+  } = _ref;
   return {
-    value: value
+    value
   };
 });
 function InputPill(_ref2) {
-  var _ref2$containerProps = _ref2.containerProps,
-      containerProps = _ref2$containerProps === void 0 ? {} : _ref2$containerProps,
-      _ref2$placeholder = _ref2.placeholder,
-      placeholder = _ref2$placeholder === void 0 ? 'Enter Value' : _ref2$placeholder,
-      _ref2$onChange = _ref2.onChange,
-      onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
-      onRemove = _ref2.onRemove,
-      value = _ref2.value,
-      type = _ref2.type,
-      otherProps = _objectWithoutProperties__default['default'](_ref2, _excluded);
+  let {
+    containerProps = {},
+    placeholder = 'Enter Value',
+    onChange = () => {},
+    onRemove,
+    value,
+    type
+  } = _ref2,
+      otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded);
 
-  var TypeOfInput = dsForm.DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
+  let TypeOfInput = dsForm.DSInput; // TODO: implement the DSTimeInput, see how because it returns a moment()
   // TODO: implement the DSDateInput
 
   switch (type) {
@@ -50,19 +60,19 @@ function InputPill(_ref2) {
       break;
   }
 
-  return /*#__PURE__*/React__default['default'].createElement(StyledInputPill, {
+  return /*#__PURE__*/_jsx__default["default"](StyledInputPill, {
     className: "input-pill",
     classProps: {
-      value: value
+      value
     },
     containerProps: containerProps,
-    label: /*#__PURE__*/React__default['default'].createElement(TypeOfInput, _extends__default['default']({
+    label: /*#__PURE__*/jsxRuntime.jsx(TypeOfInput, _objectSpread({
       "data-testid": "input-pill",
       onChange: onChange,
       placeholder: placeholder,
       value: value
     }, otherProps)),
-    rightAddon: value && /*#__PURE__*/React__default['default'].createElement(dsIcons.CloseXsmall, {
+    rightAddon: value && /*#__PURE__*/_jsx__default["default"](dsIcons.CloseXsmall, {
       className: "remove-pill-button",
       "data-testid": "remove-pill-button",
       onClick: onRemove
@@ -72,4 +82,3 @@ function InputPill(_ref2) {
 }
 
 exports.InputPill = InputPill;
-//# sourceMappingURL=InputPill.js.map

package/cjs/deprecated/LabeledDropdownPills.js

@@ -2,70 +2,61 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
+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');
-var React = require('react');
+require('react');
 var reactDesc = require('react-desc');
-var deprecated_PillGroup = require('./PillGroup.js');
-var deprecated_LabeledDropdownPillsTypes_LabeledDropdownSinglePill = require('./LabeledDropdownPillsTypes/LabeledDropdownSinglePill.js');
-var deprecated_LabeledDropdownPillsTypes_LabeledDropdownMultiPill = require('./LabeledDropdownPillsTypes/LabeledDropdownMultiPill.js');
-var deprecated_LabeledDropdownPillsTypes_LabeledDropdownCascadeMenuPill = require('./LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/slicedToArray');
-require('prop-types');
-require('@elliemae/ds-utilities');
-require('./DropdownPill.js');
-require('@elliemae/ds-dropdownmenu');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('./Pill.js');
-require('./InputPill.js');
-require('@elliemae/ds-form');
-require('./RemovablePill.js');
-require('./LabeledDropdownPillsTypes/utils.js');
-require('lodash');
-require('./OverflowPill.js');
-require('@elliemae/ds-tooltip');
-require('@babel/runtime/helpers/toConsumableArray');
+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 _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["label", "value", "type", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth", "fixed"];
-var DropdownPills = {
-  single: deprecated_LabeledDropdownPillsTypes_LabeledDropdownSinglePill,
-  multi: deprecated_LabeledDropdownPillsTypes_LabeledDropdownMultiPill,
-  cascaded: deprecated_LabeledDropdownPillsTypes_LabeledDropdownCascadeMenuPill
-};
+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); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-var createDropdownPill = function createDropdownPill(type) {
-  return DropdownPills[type] || DropdownPills.single;
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const DropdownPills = {
+  single: LabeledDropdownSinglePill,
+  multi: LabeledDropdownMultiPill,
+  cascaded: LabeledDropdownCascadeMenuPill
 };
 
+const createDropdownPill = type => DropdownPills[type] || DropdownPills.single;
+
 function LabeledDropdownPills(_ref) {
-  var _ref$label = _ref.label,
-      label = _ref$label === void 0 ? '' : _ref$label,
-      value = _ref.value,
-      type = _ref.type,
-      onFocusNextGroup = _ref.onFocusNextGroup,
-      onFocusPreviousGroup = _ref.onFocusPreviousGroup,
-      onFocusGroupSet = _ref.onFocusGroupSet,
-      maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      fixed = _ref.fixed,
-      menuProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var Component = createDropdownPill(type);
-  return /*#__PURE__*/React__default['default'].createElement(deprecated_PillGroup.PillGroup, {
+  let {
+    label = '',
+    value,
+    type,
+    onFocusNextGroup,
+    onFocusPreviousGroup,
+    onFocusGroupSet,
+    maxWidth,
+    minWidth,
+    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
-  }, /*#__PURE__*/React__default['default'].createElement(Component, _extends__default['default']({}, menuProps, {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(Component, _objectSpread(_objectSpread({}, menuProps), {}, {
     label: label,
     maxWidth: maxWidth,
     minWidth: minWidth,
@@ -74,7 +65,7 @@ function LabeledDropdownPills(_ref) {
   })));
 }
 
-var props = {
+const props = {
   /** pill type */
   type: reactDesc.PropTypes.oneOf(['single', 'multi', 'cascaded']).description('pill type'),
 
@@ -108,10 +99,8 @@ var props = {
     label: reactDesc.PropTypes.string
   })]).description('pill value')
 };
-LabeledDropdownPills.propTypes = props;
-var DSLabeledDropdownPillsWithSchema = reactDesc.describe(LabeledDropdownPills);
+const DSLabeledDropdownPillsWithSchema = reactDesc.describe(LabeledDropdownPills);
 DSLabeledDropdownPillsWithSchema.propTypes = props;
 
 exports.DSLabeledDropdownPillsWithSchema = DSLabeledDropdownPillsWithSchema;
 exports.LabeledDropdownPills = LabeledDropdownPills;
-//# sourceMappingURL=LabeledDropdownPills.js.map

package/cjs/deprecated/LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill.js

@@ -1,139 +1,134 @@
 'use strict';
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _toConsumableArray = require('@babel/runtime/helpers/toConsumableArray');
+var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-var _extends = require('@babel/runtime/helpers/extends');
+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 deprecated_PillGroup = require('../PillGroup.js');
-var deprecated_RemovablePill = require('../RemovablePill.js');
-var deprecated_DropdownPill = require('../DropdownPill.js');
-require('react-desc');
-require('@elliemae/ds-classnames');
-require('@elliemae/ds-shared/FocusGroup/FocusGroupManager');
-require('@elliemae/ds-icons');
-require('@elliemae/ds-shared/FocusGroup/useFocusGroupItem');
-require('../Pill.js');
-require('@babel/runtime/helpers/slicedToArray');
-require('@elliemae/ds-dropdownmenu');
+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 _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 
-var _excluded = ["label", "options", "value", "onChange", "onRemove", "value", "placeholder", "onFocusNextGroup", "onFocusPreviousGroup", "onFocusGroupSet", "maxWidth", "minWidth"];
+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); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function renderMenuItems(options, factory) {
-  return options.map(function (option, index) {
-    var ItemComponent = factory('radio');
+  return options.map((option, index) => {
+    const ItemComponent = factory('radio');
 
     if (option.type === 'submenu') {
-      var SubmenuComponent = factory('submenu');
-      var ChildComponent = factory('selection-group');
-      return /*#__PURE__*/React__default['default'].createElement(SubmenuComponent, _extends__default['default']({}, option, {
+      const SubmenuComponent = factory('submenu');
+      const ChildComponent = factory('selection-group');
+      return /*#__PURE__*/React.createElement(SubmenuComponent, _objectSpread(_objectSpread({}, option), {}, {
         key: option.id,
         item: option
-      }), /*#__PURE__*/React__default['default'].createElement(ChildComponent, _extends__default['default']({}, option, {
+      }), /*#__PURE__*/jsxRuntime.jsx(ChildComponent, _objectSpread(_objectSpread({}, option), {}, {
         id: option.id,
         item: option,
         items: option.items,
-        itemValueAccessor: function itemValueAccessor(item) {
-          return item;
-        },
+        itemValueAccessor: item => item,
         multi: true
       })));
     }
 
-    return /*#__PURE__*/React__default['default'].createElement(ItemComponent, _extends__default['default']({}, option, {
+    return /*#__PURE__*/React.createElement(ItemComponent, _objectSpread(_objectSpread({}, option), {}, {
       key: option.id || index,
       item: option
     }));
   });
 }
 
-var getSubmenuOptionLabelById = function getSubmenuOptionLabelById(options, id) {
-  var index = options.findIndex(function (option) {
-    return option.id === id;
-  });
+const getSubmenuOptionLabelById = (options, id) => {
+  const index = options.findIndex(option => option.id === id);
   return index ? options[index].label : '';
 };
 
 function LabeledDropdownCascadeMenuPill(_ref) {
-  _ref.label;
-      var options = _ref.options;
-      _ref.value;
-      var onChange = _ref.onChange,
-      onRemove = _ref.onRemove,
-      _ref$value = _ref.value,
-      selection = _ref$value === void 0 ? {} : _ref$value,
-      _ref$placeholder = _ref.placeholder,
-      placeholder = _ref$placeholder === void 0 ? '---' : _ref$placeholder,
-      onFocusNextGroup = _ref.onFocusNextGroup,
-      onFocusPreviousGroup = _ref.onFocusPreviousGroup,
-      onFocusGroupSet = _ref.onFocusGroupSet,
-      maxWidth = _ref.maxWidth,
-      minWidth = _ref.minWidth,
-      menuProps = _objectWithoutProperties__default['default'](_ref, _excluded);
-
-  var selectionId = Object.keys(selection)[0];
-  var selectionValues = selection[selectionId] || '';
-  var dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
-
-  var handleSelectChange = function handleSelectChange(_ref2) {
-    var item = _ref2.item,
-        group = _ref2.group;
+  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 dropdownLabel = Array.isArray(selectionValues) ? getSubmenuOptionLabelById(options, selectionId) : selectionValues;
+
+  const handleSelectChange = _ref2 => {
+    let {
+      item,
+      group
+    } = _ref2;
 
     if (dsUtilities.isFunction(onChange)) {
-      var nextSelection = group ? _defineProperty__default['default']({}, group.id, dsUtilities.addOrRemove(_toConsumableArray__default['default'](selection[group.id] || []), item, function (o) {
-        return o.id;
-      })) : _defineProperty__default['default']({}, item.id, item.label);
+      const nextSelection = group ? {
+        [group.id]: dsUtilities.addOrRemove([...(selection[group.id] || [])], item, o => o.id)
+      } : {
+        [item.id]: item.label
+      };
       onChange(nextSelection);
     }
   };
 
-  var removeOption = function removeOption(option) {
+  const removeOption = option => {
     if (dsUtilities.isFunction(onChange)) {
-      var nextSelection = _defineProperty__default['default']({}, selectionId, selectionValues.filter(function (val) {
-        return option.id !== val.id;
-      }));
-
+      const nextSelection = {
+        [selectionId]: selectionValues.filter(val => option.id !== val.id)
+      };
       onChange(nextSelection);
     }
 
     onRemove(option);
   };
 
-  return /*#__PURE__*/React__default['default'].createElement(deprecated_PillGroup.PillGroup, {
+  return /*#__PURE__*/_jsx__default["default"](PillGroup.PillGroup, {
     onFocusGroupSet: onFocusGroupSet,
     onFocusNextGroup: onFocusNextGroup,
     onFocusPreviousGroup: onFocusPreviousGroup
-  }, /*#__PURE__*/React__default['default'].createElement(deprecated_DropdownPill.DropdownPill, _extends__default['default']({}, menuProps, {
+  }, void 0, /*#__PURE__*/jsxRuntime.jsx(DropdownPill.DropdownPill, _objectSpread(_objectSpread({}, menuProps), {}, {
     itemsRenderer: renderMenuItems,
     label: dropdownLabel || placeholder,
     maxWidth: maxWidth,
     minWidth: minWidth,
     onSelectChange: handleSelectChange,
     options: options,
-    selection: _defineProperty__default['default']({}, selectionId, Array.isArray(selectionValues) ? selectionValues.map(function (v) {
-      return v.id;
-    }) : selectionValues),
+    selection: {
+      [selectionId]: Array.isArray(selectionValues) ? selectionValues.map(v => v.id) : selectionValues
+    },
     singleGroupSelection: true,
     variant: "title"
-  })), Array.isArray(selectionValues) && selectionValues.map(function (option) {
-    return /*#__PURE__*/React__default['default'].createElement(deprecated_RemovablePill.RemovablePill, {
-      key: option.id,
-      label: option.label,
-      onRemove: function onRemove() {
-        return removeOption(option);
-      }
-    });
-  }));
+  })), Array.isArray(selectionValues) && selectionValues.map(option => /*#__PURE__*/_jsx__default["default"](RemovablePill.RemovablePill, {
+    label: option.label,
+    onRemove: () => removeOption(option)
+  }, option.id)));
 }
 
 module.exports = LabeledDropdownCascadeMenuPill;
-//# sourceMappingURL=LabeledDropdownCascadeMenuPill.js.map