@bigbinary/neeto-folders-frontend 2.0.1 → 2.0.3

package/dist/components.js

@@ -41,6 +41,7 @@ import { createPortal } from 'react-dom';
 import MoreDropdown from '@bigbinary/neeto-molecules/MoreDropdown';
 import Checkbox from '@bigbinary/neetoui/Checkbox';
 import Tree from '@bigbinary/neetoui/Tree';
+import Lock from '@bigbinary/neeto-icons/Lock';
 import 'zustand';
 
 function ownKeys$e(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; }
@@ -111,9 +112,10 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
       if (isActive && folders) {
         var path = pathToFolder(folders, item.id);
         var parent = path[path.length - 2];
-        history.replace(buildUrl(config.folderPath, _objectSpread$d(_objectSpread$d({}, queryParams), {}, {
-          folderId: parent ? parent.sid : ""
-        })));
+        var redirectUrl = parent ? buildUrl(config.folderPath, _objectSpread$d(_objectSpread$d({}, queryParams), {}, {
+          folderId: parent.sid
+        })) : "/";
+        history.replace(redirectUrl);
       }
     };
     destroyFolder(item.id, {
@@ -314,7 +316,7 @@ var createInitialValues = function createInitialValues(defaults, extraAttrs) {
 var createPayload = function createPayload(values, extraAttrs) {
   var payload = {
     name: values.name,
-    parentId: values.parentId
+    parentId: values.parentId || ""
   };
   extraAttrs === null || extraAttrs === void 0 || extraAttrs.forEach(function (_ref2) {
     var name = _ref2.name;
@@ -572,7 +574,7 @@ var PaneBody = function PaneBody(_ref) {
     onSubmit = _ref.onSubmit,
     onClose = _ref.onClose,
     onRemove = _ref.onRemove;
-  var _useState = useState(null),
+  var _useState = useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     selection = _useState2[0],
     setSelection = _useState2[1];
@@ -587,6 +589,13 @@ var PaneBody = function PaneBody(_ref) {
     folders = _useFetchFolders$data === void 0 ? [] : _useFetchFolders$data;
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
+  var tree = useMemo(function () {
+    return [{
+      name: "/",
+      id: null,
+      children: folders
+    }];
+  }, [folders]);
   var folderDepth = 0;
   if (item) {
     // If item is a folder, measure the current depth from current folder to longest leaf.
@@ -594,7 +603,7 @@ var PaneBody = function PaneBody(_ref) {
     var folder = foldersMap[item.id];
     if (folder) folderDepth = measureDepth(folder);
   }
-  var maxDepth = config.maxDepth - folderDepth;
+  var maxDepth = config.maxDepth - folderDepth + 1;
   var onAddFolder = function onAddFolder() {
     setFolderState({
       paneState: {
@@ -617,7 +626,7 @@ var PaneBody = function PaneBody(_ref) {
       })]
     }), /*#__PURE__*/jsx(Pane.Body, {
       className: "pb-6",
-      children: folders.map(function (folder) {
+      children: tree.map(function (folder) {
         return /*#__PURE__*/createElement(_SelectableNode, {
           config: config,
           folder: folder,
@@ -637,7 +646,7 @@ var PaneBody = function PaneBody(_ref) {
       children: [/*#__PURE__*/jsxs("div", {
         className: "flex flex-1 space-x-2",
         children: [/*#__PURE__*/jsx(Button, _objectSpread$8({
-          disabled: !selection,
+          disabled: selection === undefined,
           label: t("common.save"),
           style: "primary",
           onClick: function onClick() {
@@ -1315,8 +1324,7 @@ var FoldersList = function FoldersList(_ref) {
   var actions = useFolderActions(config);
   var subFolders = folderId ? folder === null || folder === void 0 ? void 0 : folder.children : folders;
   if (isNotPresent(subFolders)) return null;
-  return /*#__PURE__*/jsxs(FoldersContext, {
-    config: config,
+  return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Typography, {
       className: "my-3",
       style: "h4",
@@ -1361,19 +1369,32 @@ var FolderNode = function FolderNode(_ref) {
   var _isActive = _ref.isActive,
     folder = _ref.folder,
     link = _ref.link;
+  var _useTranslation = useTranslation(),
+    t = _useTranslation.t;
+  var isPrivate = folder.isPrivate,
+    name = folder.name;
   return /*#__PURE__*/jsx(NavLink, {
     activeClassName: "active",
-    className: "neeto-sidebar-folders-tree__folder-node block",
+    className: "neeto-sidebar-folders-tree__folder-node",
     isActive: function isActive() {
       return _isActive;
     },
     to: link,
-    children: /*#__PURE__*/jsx(Typography, {
-      className: "line-clamp-1 block truncate",
-      component: "span",
-      style: "body2",
-      title: folder.name,
-      children: folder.name
+    children: /*#__PURE__*/jsxs("div", {
+      className: "flex items-center",
+      children: [/*#__PURE__*/jsx(Typography, {
+        className: "line-clamp-1 block truncate",
+        component: "span",
+        style: "body2",
+        title: name,
+        children: name
+      }), isPrivate && /*#__PURE__*/jsx("span", {
+        title: t("common.private"),
+        children: /*#__PURE__*/jsx(Lock, {
+          className: "flex-shrink-0",
+          size: 20
+        })
+      })]
     })
   });
 };