@bigbinary/neeto-folders-frontend 2.0.24 → 2.0.25

package/README.md

@@ -266,6 +266,30 @@ import * as components from "@bigbinary/neeto-folders-frontend/components";
     />;
     ```
 
+5. `AddEditPane`: This component can be used in host applications to add or edit folders.
+
+    ##### Props:
+
+    - `config`: A config object to customize the folders behavior.
+
+    - `onClose()`: Callback invoked when the pane is closed.
+
+    - `folderSid`: It is optional. The SID of the parent folder where new folder should be created. If not provided, uses the active folder from URL.
+
+    - `setFocusField`: Ref callback to set focus on the name input field when pane opens.
+
+    Sample usage:
+
+    ```jsx
+    import { AddEditPane } from "@bigbinary/neeto-folders-frontend/components";
+    // ....
+    <AddEditPane
+      {...{ setFocusField, onClose }}
+      config={foldersConfig}
+      folderSid={selectedFolderSid}
+    />;
+    ```
+
 #### Hooks
 
 ```js

package/dist/cjs/components.js

@@ -206,7 +206,8 @@ var AddEditPane = function AddEditPane(_ref) {
   var _config$addEditValida;
   var setFocusField = _ref.setFocusField,
     config = _ref.config,
-    onClose = _ref.onClose;
+    onClose = _ref.onClose,
+    folderSid = _ref.folderSid;
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
   var _useFolderStore = useFolderActions.useFolderStore(function (store) {
@@ -225,7 +226,7 @@ var AddEditPane = function AddEditPane(_ref) {
   var _useUpdateFolder = useFolderActions.useUpdateFolder(config),
     updateFolder = _useUpdateFolder.mutateAsync;
   var isEditing = type === "edit" && item;
-  var activeFolderSid = internal.getActiveFolderId(config);
+  var activeFolderSid = folderSid || internal.getActiveFolderId(config);
   var extraAttributes = config.extraAttributes;
   var filteredExtraAttributes = React.useMemo(function () {
     return filterExtraAttributes(extraAttributes, isEditing);
@@ -333,6 +334,7 @@ var AddEditPane = function AddEditPane(_ref) {
                   config: config,
                   allowClear: true,
                   showSearch: true,
+                  initialValue: folderSid,
                   label: t("createFolder.parentTitle"),
                   name: "parentId"
                 }), /*#__PURE__*/jsxRuntime.jsx(Typography, {
@@ -1433,7 +1435,7 @@ var Node = function Node(_ref) {
           })
         })]
       }), hasAnyActions && /*#__PURE__*/jsxRuntime.jsxs("div", {
-        className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity",
+        className: "flex items-center gap-1",
         onClick: function onClick(e) {
           e.preventDefault();
           e.stopPropagation();
@@ -1448,13 +1450,15 @@ var Node = function Node(_ref) {
             tooltipProps: {
               content: "Add",
               position: "top"
-            }
+            },
+            className: "opacity-0 group-hover:opacity-100 transition-opacity"
           }
         }), hasMoreActions && /*#__PURE__*/jsxRuntime.jsx(MoreDropdown, {
+          menuItems: moreActions,
           dropdownButtonProps: {
-            size: "small"
-          },
-          menuItems: moreActions
+            size: "small",
+            className: "opacity-0 group-hover:opacity-100 transition-opacity"
+          }
         })]
       })]
     })
@@ -1608,7 +1612,7 @@ var createFolderOptions = function createFolderOptions(foldersMap, config) {
   });
 };
 
-var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config"];
+var _excluded = ["label", "name", "placeholder", "disabled", "loading", "required", "showSearch", "size", "fieldNames", "config", "initialValue"];
 function ownKeys(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(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -1630,6 +1634,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     size = _ref$size === void 0 ? "middle" : _ref$size,
     fieldNames = _ref.fieldNames,
     config = _ref.config,
+    initialValue = _ref.initialValue,
     otherProps = _objectWithoutProperties(_ref, _excluded);
   var _useFetchFolders = useFolderActions.useFetchFolders(config),
     folders = _useFetchFolders.data;
@@ -1639,7 +1644,7 @@ var TreeSelect = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var foldersMap = React.useMemo(function () {
     return folders ? utils.treeToMap(folders, "sid") : null;
   }, [folders]);
-  var activeFolderSid = internal.getActiveFolderId(config);
+  var activeFolderSid = initialValue || internal.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;
@@ -1675,6 +1680,7 @@ var e=[],t=[];function n(n,r){if(n&&"undefined"!=typeof document){var a,s=!0===r
 var css = ".neeto-sidebar-folders-tree__folder-node{color:inherit!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper{min-width:0;padding-inline:6px!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgb(var(--neeto-ui-white));color:rgb(var(--neeto-ui-accent-800))!important;font-weight:500}.neeto-sidebar-folders-tree.ant-tree .ant-tree-switcher .ant-tree-switcher-icon{position:relative}.neeto-folders-grid-view-wrapper{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlDQUNFLHVCQUNGLENBRUEsb0VBRUUsV0FBQSxDQURBLDRCQUVGLENBRUEsMkZBR0UsMkNBQUEsQ0FEQSwrQ0FBQSxDQUVBLGVBQUYsQ0FHQSxnRkFHRSxpQkFGRixDQUtBLGlDQUNFLHlEQUZGIiwic291cmNlc0NvbnRlbnQiOlsiLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlX19mb2xkZXItbm9kZSB7XG4gIGNvbG9yOiBpbmhlcml0ICFpbXBvcnRhbnQ7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtbm9kZS1jb250ZW50LXdyYXBwZXIge1xuICBwYWRkaW5nLWlubGluZTogNnB4ICFpbXBvcnRhbnQ7XG4gIG1pbi13aWR0aDogMDtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlXG4gIC5hbnQtdHJlZS1ub2RlLWNvbnRlbnQtd3JhcHBlci5hbnQtdHJlZS1ub2RlLXNlbGVjdGVkIHtcbiAgY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1hY2NlbnQtODAwKSkgIWltcG9ydGFudDtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiKHZhcigtLW5lZXRvLXVpLXdoaXRlKSk7XG4gIGZvbnQtd2VpZ2h0OiA1MDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZVxuICAuYW50LXRyZWUtc3dpdGNoZXJcbiAgLmFudC10cmVlLXN3aXRjaGVyLWljb24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5uZWV0by1mb2xkZXJzLWdyaWQtdmlldy13cmFwcGVyIHtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjU2cHgsIDFmcikpO1xufVxuIl19 */";
 n(css,{});
 
+exports.AddEditPane = AddEditPane;
 exports.FoldersContext = FoldersContext;
 exports.FoldersList = FoldersList;
 exports.FoldersTree = FoldersTree;