@bigbinary/neeto-folders-frontend 2.0.27 → 2.0.28

package/dist/cjs/components.js

@@ -9,11 +9,12 @@ var utils$1 = require('@bigbinary/neeto-commons-frontend/utils');
 var Alert = require('@bigbinary/neetoui/Alert');
 var reactI18next = require('react-i18next');
 var reactRouterDom = require('react-router-dom');
-var useFolderActions = require('../useFolderActions-BqMYtjKs.js');
+var useFolderActions = require('../useFolderActions-4NdTAEfb.js');
 var constants = require('./constants.js');
 var utils = require('../index-DxzvHr2u.js');
 var internal = require('../internal-DKHdgJas.js');
 var jsxRuntime = require('react/jsx-runtime');
+var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var Pane = require('@bigbinary/neetoui/Pane');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
@@ -25,7 +26,6 @@ var ActionBlock = require('@bigbinary/neetoui/formik/ActionBlock');
 var Form = require('@bigbinary/neetoui/formik/Form');
 var i18next = require('i18next');
 var yup = require('yup');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 var Switch = require('@bigbinary/neetoui/formik/Switch');
 var Textarea = require('@bigbinary/neetoui/formik/Textarea');
 var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
@@ -147,7 +147,7 @@ var FORM_VALIDATION_SCHEMA = yup.object().shape({
   }))
 });
 
-var _excluded$6 = ["type"];
+var _excluded$7 = ["type"];
 function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var typeComponentMap = {
@@ -160,7 +160,7 @@ var ExtraAttributes = function ExtraAttributes(_ref) {
   if (!Array.isArray(attributes)) return null;
   return attributes.map(function (_ref2) {
     var type = _ref2.type,
-      rest = _objectWithoutProperties(_ref2, _excluded$6);
+      rest = _objectWithoutProperties(_ref2, _excluded$7);
     var Component = typeComponentMap[type];
     if (!Component) return null;
     return /*#__PURE__*/React.createElement(Component, _objectSpread$h(_objectSpread$h({}, rest), {}, {
@@ -362,7 +362,7 @@ var AddEditPane = function AddEditPane(_ref) {
 
 var REORDER_TREE_INDENT_WIDTH = 30;
 
-var _excluded$5 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
+var _excluded$6 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
 function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Node$1 = function Node(_ref, ref) {
@@ -375,7 +375,7 @@ var Node$1 = function Node(_ref, ref) {
     depth = _ref.depth,
     className = _ref.className,
     onClick = _ref.onClick,
-    rest = _objectWithoutProperties(_ref, _excluded$5);
+    rest = _objectWithoutProperties(_ref, _excluded$6);
   var metaInfo = [];
   var childCount = (_folder$children$leng = (_folder$children = folder.children) === null || _folder$children === void 0 ? void 0 : _folder$children.length) !== null && _folder$children$leng !== void 0 ? _folder$children$leng : 0;
   childCount > 0 && metaInfo.push("".concat(childCount, " ").concat(folderLabel).toLowerCase());
@@ -418,7 +418,7 @@ var Node$1 = function Node(_ref, ref) {
 };
 var Node$2 = /*#__PURE__*/React.forwardRef(Node$1);
 
-var _excluded$4 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
+var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
 function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _SelectableNode = function SelectableNode(_ref) {
@@ -430,7 +430,7 @@ var _SelectableNode = function SelectableNode(_ref) {
     maxDepth = _ref.maxDepth,
     disabled = _ref.disabled,
     config = _ref.config,
-    rest = _objectWithoutProperties(_ref, _excluded$4);
+    rest = _objectWithoutProperties(_ref, _excluded$5);
   var selection = rest.selection,
     onSelect = rest.onSelect;
   var _useTranslation = useTranslation(config),
@@ -663,7 +663,7 @@ var MoveFolderPane = function MoveFolderPane(_ref) {
   });
 };
 
-var _excluded$3 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
+var _excluded$4 = ["folder", "depth", "config", "folderLabel", "itemLabel"];
 function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DraggableNode$1 = function DraggableNode(_ref) {
@@ -673,7 +673,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     config = _ref.config,
     folderLabel = _ref.folderLabel,
     itemLabel = _ref.itemLabel,
-    rest = _objectWithoutProperties(_ref, _excluded$3);
+    rest = _objectWithoutProperties(_ref, _excluded$4);
   var _useDraggable = core.useDraggable({
       id: "draggable-item--".concat(folder.id),
       data: folder,
@@ -960,7 +960,7 @@ var PlaceholderNode = function PlaceholderNode(_ref) {
   });
 };
 
-var _excluded$2 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
+var _excluded$3 = ["folder", "config", "dragState", "folderLabel", "itemLabel"];
 function ownKeys$b(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$b(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var _DraggableNode = function DraggableNode(_ref) {
@@ -970,7 +970,7 @@ var _DraggableNode = function DraggableNode(_ref) {
     dragState = _ref.dragState,
     folderLabel = _ref.folderLabel,
     itemLabel = _ref.itemLabel,
-    rest = _objectWithoutProperties(_ref, _excluded$2);
+    rest = _objectWithoutProperties(_ref, _excluded$3);
   var overItem = dragState.overItem;
   var isOverItem = folder.id === (overItem === null || overItem === void 0 ? void 0 : overItem.id);
   var isOverParent = folder.id === (overItem === null || overItem === void 0 || (_overItem$meta$parent = overItem.meta.parent) === null || _overItem$meta$parent === void 0 ? void 0 : _overItem$meta$parent.id);
@@ -1212,6 +1212,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
   });
 };
 
+var _excluded$2 = ["type"];
 function ownKeys$9(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$9(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$9(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$9(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FoldersPane = function FoldersPane(_ref) {
@@ -1219,32 +1220,30 @@ var FoldersPane = function FoldersPane(_ref) {
   var config = _objectSpread$9(_objectSpread$9({}, useFolderActions.DEFAULT_CONFIG), configProps);
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
       return {
+        paneState: store["paneState"],
         setFolderState: store["setFolderState"]
       };
     }, shallow.shallow),
+    paneState = _useFolderStore.paneState,
     setFolderState = _useFolderStore.setFolderState;
-  var _useFolderStore2 = useFolderActions.useFolderStore(function (store) {
-      var _store$paneState;
-      return {
-        type: (_store$paneState = store["paneState"]) === null || _store$paneState === void 0 ? void 0 : _store$paneState["type"]
-      };
-    }, shallow.shallow),
-    type = _useFolderStore2.type;
+  var _ref2 = paneState || {},
+    type = _ref2.type,
+    rest = _objectWithoutProperties(_ref2, _excluded$2);
   var onClose = function onClose() {
     return setFolderState({
       paneState: null
     });
   };
-  var commonProps = {
+  var commonProps = _objectSpread$9({
     config: config,
     onClose: onClose
-  };
+  }, rest);
   var ReorderPaneComponent = config.reorderMode === "reorder" ? ReorderFoldersPane : RearrangeFoldersPane;
   return /*#__PURE__*/jsxRuntime.jsx(Pane, {
     onClose: onClose,
     isOpen: !!type,
-    children: function children(_ref2) {
-      var setFocusField = _ref2.setFocusField;
+    children: function children(_ref3) {
+      var setFocusField = _ref3.setFocusField;
       return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
         children: [(type === "edit" || type === "add") && /*#__PURE__*/jsxRuntime.jsx(AddEditPane, _objectSpread$9({}, _objectSpread$9({
           setFocusField: setFocusField