@bigbinary/neeto-folders-frontend 2.0.6 → 2.0.8

package/dist/cjs/hooks.js

@@ -1,10 +1,10 @@
 'use strict';
 
-var useFolderActions = require('../useFolderActions-D8xGNhk0.js');
+var useFolderActions = require('../useFolderActions-ibifd0ZD.js');
 require('@babel/runtime/helpers/defineProperty');
 require('i18next');
 require('@bigbinary/neeto-cist');
-require('../internal-CS6_tPWL.js');
+require('../internal-CXN78HoA.js');
 require('ramda');
 require('react-router-dom');
 require('zustand/shallow');

package/dist/cjs/utils.js

@@ -1,10 +1,10 @@
 'use strict';
 
 require('ramda');
-var utils = require('../index-BFO1zYNo.js');
+var utils = require('../index-hg5oms4a.js');
 require('@babel/runtime/helpers/defineProperty');
 require('@bigbinary/neeto-cist');
-require('../internal-CS6_tPWL.js');
+require('../internal-CXN78HoA.js');
 require('react-router-dom');
 
 

package/dist/components.js

@@ -7,10 +7,10 @@ import { buildUrl } from '@bigbinary/neeto-commons-frontend/utils';
 import Alert from '@bigbinary/neetoui/Alert';
 import { useTranslation as useTranslation$1, Trans } from 'react-i18next';
 import { useHistory, Link, NavLink } from 'react-router-dom';
-import { c as useFolderStore, d as useDestroyFolder, a as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG, u as useFolder, b as useFolderActions } from './useFolderActions-BLpmmlOf.js';
+import { c as useFolderStore, d as useDestroyFolder, a as useFolders, e as useFetchFolders, f as useCreateFolder, g as useUpdateFolder, h as useReorderFolders, D as DEFAULT_CONFIG, u as useFolder, b as useFolderActions } from './useFolderActions-Cckopfet.js';
 import { QUERY_KEYS } from './constants.js';
-import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree } from './index-Cq1DyvVr.js';
-import { a as isActiveFolder, g as getActiveFolderId, i as isArray } from './internal-G6z0jIQe.js';
+import { p as pathToFolder, t as treeToMap, m as measureDepth, a as mapToTree, b as mapToSortedTree } from './index-CO0LgS5v.js';
+import { a as isActiveFolder, m as mapObj, g as getActiveFolderId, i as isArray } from './internal-B2c8gwOa.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import Pane from '@bigbinary/neetoui/Pane';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
@@ -31,7 +31,6 @@ import classNames from 'classnames';
 import { useField } from 'formik';
 import Down from '@bigbinary/neeto-icons/Down';
 import Label from '@bigbinary/neetoui/Label';
-import { values, isEmpty, assoc } from 'ramda';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Button from '@bigbinary/neetoui/Button';
 import { noop, isNotPresent } from '@bigbinary/neeto-cist';
@@ -39,6 +38,7 @@ import Radio from '@bigbinary/neetoui/Radio';
 import { useDraggable, useDroppable, DndContext, DragOverlay, useSensors, useSensor, PointerSensor } from '@dnd-kit/core';
 import Reorder from '@bigbinary/neeto-icons/Reorder';
 import Toastr from '@bigbinary/neetoui/Toastr';
+import { isEmpty, assoc } from 'ramda';
 import { createPortal } from 'react-dom';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
@@ -266,7 +266,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
           return setTouched(true);
         },
         onChange: function onChange(value) {
-          return setValue(value);
+          return setValue(value !== null && value !== void 0 ? value : null);
         }
       }, _objectSpread$b({
         disabled: disabled,
@@ -293,8 +293,8 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-var createFolderOptions = function createFolderOptions(foldersMap, config) {
-  return values(foldersMap).map(function (folder) {
+var createFolderOptions = function createFolderOptions(foldersMap, activeFolder, config) {
+  return mapObj(foldersMap, function (folder) {
     var _folder$meta$parent;
     return {
       id: folder.id,
@@ -303,6 +303,8 @@ var createFolderOptions = function createFolderOptions(foldersMap, config) {
       pId: (_folder$meta$parent = folder.meta.parent) === null || _folder$meta$parent === void 0 ? void 0 : _folder$meta$parent.id,
       disabled: folder.meta.depth >= config.maxDepth
     };
+  }, function (folder) {
+    return folder.id !== (activeFolder === null || activeFolder === void 0 ? void 0 : activeFolder.id);
   });
 };
 var createInitialValues = function createInitialValues(defaults, extraAttrs) {
@@ -354,19 +356,11 @@ var AddEditPane = function AddEditPane(_ref) {
   var foldersMap = useMemo(function () {
     return treeToMap(folders, "sid");
   }, [folders]);
-  var folderOptions = useMemo(function () {
-    return createFolderOptions(foldersMap, config);
-  }, [foldersMap]);
   var activeFolderSid = getActiveFolderId(config);
   var activeFolder = foldersMap[activeFolderSid];
   var isValidParent = (activeFolder === null || activeFolder === void 0 ? void 0 : activeFolder.meta.depth) < config.maxDepth;
   var parentId = isValidParent ? activeFolder.id : null;
   var extraAttributes = config.extraAttributes;
-  var initialValues = useMemo(function () {
-    return isEditing ? item : createInitialValues({
-      parentId: parentId
-    }, extraAttributes);
-  }, [isEditing, item, parentId, extraAttributes]);
   var onSubmitForm = /*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime.mark(function _callee(values) {
       var payload;
@@ -401,6 +395,14 @@ var AddEditPane = function AddEditPane(_ref) {
       return _ref2.apply(this, arguments);
     };
   }();
+  var folderOptions = useMemo(function () {
+    return createFolderOptions(foldersMap, item, config);
+  }, [foldersMap, item]);
+  var initialValues = useMemo(function () {
+    return isEditing ? item : createInitialValues({
+      parentId: parentId
+    }, extraAttributes);
+  }, [isEditing, item, parentId, extraAttributes]);
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Pane.Header, {
       children: /*#__PURE__*/jsx(Typography, {
@@ -415,40 +417,46 @@ var AddEditPane = function AddEditPane(_ref) {
         validationSchema: FORM_VALIDATION_SCHEMA,
         onSubmit: onSubmitForm
       },
-      children: /*#__PURE__*/jsxs(Fragment, {
-        children: [/*#__PURE__*/jsx(Pane.Body, {
-          className: "pb-6",
-          children: /*#__PURE__*/jsxs("div", {
-            className: "w-full space-y-5",
-            children: [/*#__PURE__*/jsx(Input, {
-              required: true,
-              label: t("folders.name"),
-              name: "name",
-              ref: setFocusField
-            }), /*#__PURE__*/jsx(ExtraAttributes, {
-              attributes: extraAttributes
-            }), /*#__PURE__*/jsxs("div", {
-              children: [/*#__PURE__*/jsx(TreeSelect, {
-                allowClear: true,
-                showSearch: true,
-                label: t("createFolder.parentTitle"),
-                name: "parentId",
-                treeData: folderOptions
-              }), /*#__PURE__*/jsx(Typography, {
-                className: "mt-1",
-                style: "body3",
-                children: t("createFolder.parentInfo")
+      children: function children(_ref3) {
+        var dirty = _ref3.dirty;
+        return /*#__PURE__*/jsxs(Fragment, {
+          children: [/*#__PURE__*/jsx(Pane.Body, {
+            className: "pb-6",
+            children: /*#__PURE__*/jsxs("div", {
+              className: "w-full space-y-5",
+              children: [/*#__PURE__*/jsx(Input, {
+                required: true,
+                label: t("folders.name"),
+                name: "name",
+                ref: setFocusField
+              }), /*#__PURE__*/jsx(ExtraAttributes, {
+                attributes: extraAttributes
+              }), /*#__PURE__*/jsxs("div", {
+                children: [/*#__PURE__*/jsx(TreeSelect, {
+                  allowClear: true,
+                  showSearch: true,
+                  label: t("createFolder.parentTitle"),
+                  name: "parentId",
+                  treeData: folderOptions
+                }), /*#__PURE__*/jsx(Typography, {
+                  className: "mt-1",
+                  style: "body3",
+                  children: t("createFolder.parentInfo")
+                })]
               })]
-            })]
-          })
-        }), /*#__PURE__*/jsx(Pane.Footer, {
-          children: /*#__PURE__*/jsx(ActionBlock, {
-            cancelButtonProps: {
-              onClick: onClose
-            }
-          })
-        })]
-      })
+            })
+          }), /*#__PURE__*/jsx(Pane.Footer, {
+            children: /*#__PURE__*/jsx(ActionBlock, {
+              cancelButtonProps: {
+                onClick: onClose
+              },
+              submitButtonProps: {
+                disabled: !dirty
+              }
+            })
+          })]
+        });
+      }
     })]
   });
 };