@bigbinary/neeto-folders-frontend 2.0.20 → 2.0.21

package/dist/cjs/hooks.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var useFolderActions = require('../useFolderActions-bZjr1L8D.js');
+var useFolderActions = require('../useFolderActions-DDxiCAwt.js');
 require('@babel/runtime/helpers/defineProperty');
 require('i18next');
 require('@bigbinary/neeto-cist');

package/dist/components.js

@@ -7,7 +7,7 @@ import { buildUrl, showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/
 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-DihI8JD6.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-D7o1zguS.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-D5OZ9YKi.js';
 import { a as isActiveFolder, g as getActiveFolderId, i as isArray, m as mapObj } from './internal-Bv2t6adO.js';
@@ -29,7 +29,7 @@ import Textarea from '@bigbinary/neetoui/formik/Textarea';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import Button from '@bigbinary/neetoui/Button';
-import { hyphenate, noop, isNotPresent } from '@bigbinary/neeto-cist';
+import { hyphenate, noop, isNotPresent, isNotEmpty } from '@bigbinary/neeto-cist';
 import { isEmpty, assoc } from 'ramda';
 import classNames from 'classnames';
 import Radio from '@bigbinary/neetoui/Radio';
@@ -41,6 +41,7 @@ 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 Plus from '@bigbinary/neeto-icons/Plus';
 import { ConfigProvider, TreeSelect as TreeSelect$1 } from 'antd';
 import { useField, useFormikContext } from 'formik';
 import Down from '@bigbinary/neeto-icons/Down';
@@ -362,7 +363,7 @@ var REORDER_TREE_INDENT_WIDTH = 30;
 var _excluded$5 = ["icon", "itemLabel", "folder", "folderLabel", "depth", "className", "onClick"];
 function ownKeys$c(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$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var Node = function Node(_ref, ref) {
+var Node$1 = function Node(_ref, ref) {
   var _folder$children$leng, _folder$children;
   var _ref$icon = _ref.icon,
     icon = _ref$icon === void 0 ? null : _ref$icon,
@@ -413,7 +414,7 @@ var Node = function Node(_ref, ref) {
     }))]
   });
 };
-var Node$1 = /*#__PURE__*/forwardRef(Node);
+var Node$2 = /*#__PURE__*/forwardRef(Node$1);
 
 var _excluded$4 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
 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; }
@@ -456,7 +457,7 @@ var _SelectableNode = function SelectableNode(_ref) {
       "opacity-60": isDisabled
     }),
     title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
-    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
+    children: [/*#__PURE__*/jsx(Node$2, _objectSpread$b(_objectSpread$b({}, _objectSpread$b(_objectSpread$b({}, rest), {}, {
       depth: depth,
       folder: folder,
       folderLabel: folderLabel,
@@ -686,7 +687,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
     });
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$9(_objectSpread$9(_objectSpread$9({}, rest), {}, {
+    children: [/*#__PURE__*/jsx(Node$2, _objectSpread$9(_objectSpread$9(_objectSpread$9({}, rest), {}, {
       className: classNames({
         "neeto-ui-rounded-lg hover:neeto-ui-bg-gray-100 w-full min-w-0 cursor-move transition-colors": true,
         "neeto-ui-bg-gray-100 opacity-50": isDragging,
@@ -837,7 +838,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
         zIndex: 99999,
-        children: dragItem && /*#__PURE__*/jsx(Node$1, _objectSpread$8(_objectSpread$8({}, nodeProps), {}, {
+        children: dragItem && /*#__PURE__*/jsx(Node$2, _objectSpread$8(_objectSpread$8({}, nodeProps), {}, {
           className: "neeto-ui-bg-gray-200",
           depth: 0,
           folder: dragItem,
@@ -992,7 +993,7 @@ var _DraggableNode = function DraggableNode(_ref) {
     }, "".concat(folder.id, "--container"));
   };
   return /*#__PURE__*/jsxs(Fragment, {
-    children: [/*#__PURE__*/jsx(Node$1, _objectSpread$7(_objectSpread$7({
+    children: [/*#__PURE__*/jsx(Node$2, _objectSpread$7(_objectSpread$7({
       depth: folder.meta.depth
     }, _objectSpread$7(_objectSpread$7(_objectSpread$7(_objectSpread$7({}, rest), {}, {
       folder: folder
@@ -1180,7 +1181,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
         })]
       }), /*#__PURE__*/createPortal(/*#__PURE__*/jsx(DragOverlay, {
         zIndex: 99999,
-        children: dragState && /*#__PURE__*/jsx(Node$1, _objectSpread$6(_objectSpread$6({}, nodeProps), {}, {
+        children: dragState && /*#__PURE__*/jsx(Node$2, _objectSpread$6(_objectSpread$6({}, nodeProps), {}, {
           className: "neeto-ui-bg-gray-200 pl-4 pr-12",
           depth: 0,
           folder: dragState.activeItem,
@@ -1384,14 +1385,27 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
   });
 };
 
-var FolderNode = function FolderNode(_ref) {
+var Node = function Node(_ref) {
   var _isActive = _ref.isActive,
-    folder = _ref.folder,
-    link = _ref.link;
+    node = _ref.node,
+    link = _ref.link,
+    config = _ref.config;
   var _useTranslation = useTranslation(),
     t = _useTranslation.t;
-  var isPrivate = folder.isPrivate,
-    name = folder.name;
+  var isPrivate = node.isPrivate,
+    name = node.name,
+    _node$isFolder = node.isFolder,
+    isFolder = _node$isFolder === void 0 ? true : _node$isFolder;
+  var _ref2 = isFolder ? config.folderActions : config.itemActions,
+    _ref2$getMoreActions = _ref2.getMoreActions,
+    getMoreActions = _ref2$getMoreActions === void 0 ? noop : _ref2$getMoreActions,
+    _ref2$getAddActions = _ref2.getAddActions,
+    getAddActions = _ref2$getAddActions === void 0 ? noop : _ref2$getAddActions;
+  var moreActions = getMoreActions(node) || [];
+  var addActions = getAddActions(node) || [];
+  var hasMoreActions = isNotEmpty(moreActions);
+  var hasAddActions = isNotEmpty(addActions);
+  var hasAnyActions = hasMoreActions || hasAddActions;
   return /*#__PURE__*/jsx(NavLink, {
     activeClassName: "active",
     className: "neeto-sidebar-folders-tree__folder-node",
@@ -1400,20 +1414,48 @@ var FolderNode = function FolderNode(_ref) {
     },
     to: link,
     children: /*#__PURE__*/jsxs("div", {
-      className: "flex items-center",
-      "data-cy": "".concat(hyphenate(name), "-folder-sublink"),
-      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
-        })
+      className: "flex items-center justify-between w-full group",
+      "data-cy": "".concat(hyphenate(name), "-").concat(isFolder ? "folder" : "item", "-sublink"),
+      title: "",
+      children: [/*#__PURE__*/jsxs("div", {
+        className: "flex items-center min-w-0 flex-1",
+        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 ml-1",
+            size: 16
+          })
+        })]
+      }), hasAnyActions && /*#__PURE__*/jsxs("div", {
+        className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity",
+        onClick: function onClick(e) {
+          e.preventDefault();
+          e.stopPropagation();
+        },
+        children: [hasAddActions && /*#__PURE__*/jsx(MoreDropdown, {
+          dropdownProps: {
+            icon: Plus
+          },
+          menuItems: addActions,
+          dropdownButtonProps: {
+            size: "small",
+            tooltipProps: {
+              content: "Add",
+              position: "top"
+            }
+          }
+        }), hasMoreActions && /*#__PURE__*/jsx(MoreDropdown, {
+          dropdownButtonProps: {
+            size: "small"
+          },
+          menuItems: moreActions
+        })]
       })]
     })
   });
@@ -1539,8 +1581,9 @@ var FoldersTree = function FoldersTree(_ref) {
     },
     selectedKeys: [activeFolderSid],
     titleRender: function titleRender(node) {
-      return /*#__PURE__*/jsx(FolderNode, {
-        folder: node,
+      return /*#__PURE__*/jsx(Node, {
+        config: config,
+        node: node,
         isActive: node.sid === activeFolderSid,
         link: node.link || buildUrl(config.folderPath, _objectSpread$1(_objectSpread$1({}, params), {}, {
           folderId: node.sid