@bigbinary/neeto-folders-frontend 2.0.1 → 2.0.3

package/app/javascript/src/translations/en.json

@@ -9,7 +9,8 @@
     "folder": "Folder",
     "folders": "Folders",
     "item": "Item",
-    "items": "Items"
+    "items": "Items",
+    "private": "Private"
   },
 
   "createFolder": {

package/dist/cjs/components.js

@@ -43,6 +43,7 @@ var reactDom = require('react-dom');
 var MoreDropdown = require('@bigbinary/neeto-molecules/MoreDropdown');
 var Checkbox = require('@bigbinary/neetoui/Checkbox');
 var Tree = require('@bigbinary/neetoui/Tree');
+var Lock = require('@bigbinary/neeto-icons/Lock');
 require('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; }
@@ -113,9 +114,10 @@ var FoldersAlerts = function FoldersAlerts(_ref) {
       if (isActive && folders) {
         var path = utils.pathToFolder(folders, item.id);
         var parent = path[path.length - 2];
-        history.replace(utils$1.buildUrl(config.folderPath, _objectSpread$d(_objectSpread$d({}, queryParams), {}, {
-          folderId: parent ? parent.sid : ""
-        })));
+        var redirectUrl = parent ? utils$1.buildUrl(config.folderPath, _objectSpread$d(_objectSpread$d({}, queryParams), {}, {
+          folderId: parent.sid
+        })) : "/";
+        history.replace(redirectUrl);
       }
     };
     destroyFolder(item.id, {
@@ -316,7 +318,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;
@@ -574,7 +576,7 @@ var PaneBody = function PaneBody(_ref) {
     onSubmit = _ref.onSubmit,
     onClose = _ref.onClose,
     onRemove = _ref.onRemove;
-  var _useState = React.useState(null),
+  var _useState = React.useState(undefined),
     _useState2 = _slicedToArray(_useState, 2),
     selection = _useState2[0],
     setSelection = _useState2[1];
@@ -589,6 +591,13 @@ var PaneBody = function PaneBody(_ref) {
     folders = _useFetchFolders$data === void 0 ? [] : _useFetchFolders$data;
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
+  var tree = React.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.
@@ -596,7 +605,7 @@ var PaneBody = function PaneBody(_ref) {
     var folder = foldersMap[item.id];
     if (folder) folderDepth = utils.measureDepth(folder);
   }
-  var maxDepth = config.maxDepth - folderDepth;
+  var maxDepth = config.maxDepth - folderDepth + 1;
   var onAddFolder = function onAddFolder() {
     setFolderState({
       paneState: {
@@ -619,7 +628,7 @@ var PaneBody = function PaneBody(_ref) {
       })]
     }), /*#__PURE__*/jsxRuntime.jsx(Pane.Body, {
       className: "pb-6",
-      children: folders.map(function (folder) {
+      children: tree.map(function (folder) {
         return /*#__PURE__*/React.createElement(_SelectableNode, {
           config: config,
           folder: folder,
@@ -639,7 +648,7 @@ var PaneBody = function PaneBody(_ref) {
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-1 space-x-2",
         children: [/*#__PURE__*/jsxRuntime.jsx(Button, _objectSpread$8({
-          disabled: !selection,
+          disabled: selection === undefined,
           label: t("common.save"),
           style: "primary",
           onClick: function onClick() {
@@ -1317,8 +1326,7 @@ var FoldersList = function FoldersList(_ref) {
   var actions = useFolderActions.useFolderActions(config);
   var subFolders = folderId ? folder === null || folder === void 0 ? void 0 : folder.children : folders;
   if (neetoCist.isNotPresent(subFolders)) return null;
-  return /*#__PURE__*/jsxRuntime.jsxs(FoldersContext, {
-    config: config,
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
       className: "my-3",
       style: "h4",
@@ -1363,19 +1371,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__*/jsxRuntime.jsx(reactRouterDom.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__*/jsxRuntime.jsx(Typography, {
-      className: "line-clamp-1 block truncate",
-      component: "span",
-      style: "body2",
-      title: folder.name,
-      children: folder.name
+    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
+      className: "flex items-center",
+      children: [/*#__PURE__*/jsxRuntime.jsx(Typography, {
+        className: "line-clamp-1 block truncate",
+        component: "span",
+        style: "body2",
+        title: name,
+        children: name
+      }), isPrivate && /*#__PURE__*/jsxRuntime.jsx("span", {
+        title: t("common.private"),
+        children: /*#__PURE__*/jsxRuntime.jsx(Lock, {
+          className: "flex-shrink-0",
+          size: 20
+        })
+      })]
     })
   });
 };