@bigbinary/neeto-folders-frontend 2.0.40 → 2.0.42

package/dist/v2/components.js

@@ -1,7 +1,7 @@
 import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
 import { shallow } from 'zustand/shallow';
-import { Alert, Sheet, Spinner, Typography, RadioGroup, Button, Toastr, Checkbox, Tree } from '@bigbinary/neeto-atoms';
+import { Alert, Sheet, Spinner, Typography, Button, Toastr, Checkbox, Tree } from '@bigbinary/neeto-atoms';
 import { useQueryClient } from '@tanstack/react-query';
 import { useQueryParams, useStateWithDependency } from '@bigbinary/neeto-commons-frontend/v2/react-utils';
 import { buildUrl, showThumbsUpToastr } from '@bigbinary/neeto-commons-frontend/v2/utils';
@@ -21,6 +21,7 @@ import { Textarea, Switch, Input, Form, ActionBlock, TreeSelect as TreeSelect$1
 import { t } from 'i18next';
 import { object, string } from 'yup';
 import _slicedToArray from '@babel/runtime/helpers/slicedToArray';
+import { RadioGroupItem, RadioGroup } from '@bigbinary/neeto-atoms/primitives';
 import useHotkeys from '@bigbinary/neeto-hotkeys';
 import { hyphenate, isNotPresent, noop, isNotEmpty } from '@bigbinary/neeto-cist';
 import { isEmpty, assoc } from 'ramda';
@@ -411,6 +412,9 @@ var Node$1 = /*#__PURE__*/forwardRef(Node$2);
 var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
 function ownKeys$i(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$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var toRadioValue = function toRadioValue(id) {
+  return id == null ? "__root__" : String(id);
+};
 var _SelectableNode = function SelectableNode(_ref) {
   var _folder$children$leng, _folder$children;
   var folder = _ref.folder,
@@ -421,8 +425,8 @@ var _SelectableNode = function SelectableNode(_ref) {
     disabled = _ref.disabled,
     config = _ref.config,
     rest = _objectWithoutProperties(_ref, _excluded$5);
-  var selection = rest.selection,
-    onSelect = rest.onSelect;
+  rest.selection;
+    var onSelect = rest.onSelect;
   var _useTranslation = useTranslation(config),
     t = _useTranslation.t;
   var isDisabled = disabled || (item === null || item === void 0 ? void 0 : item.id) === folder.id || depth >= maxDepth;
@@ -455,11 +459,10 @@ var _SelectableNode = function SelectableNode(_ref) {
       folderLabel: folderLabel,
       itemLabel: itemLabel
     })), {}, {
-      icon: /*#__PURE__*/jsx(RadioGroup.Item, {
-        readOnly: true,
-        checked: selection === folder.id,
+      icon: /*#__PURE__*/jsx(RadioGroupItem, {
         "data-testid": "".concat(hyphenate(folder.name), "-folder-option"),
-        name: "move-folder-option"
+        disabled: isDisabled,
+        value: toRadioValue(folder.id)
       }),
       onClick: isDisabled ? noop : function () {
         return onSelect(folder);
@@ -563,31 +566,36 @@ var PaneBody = function PaneBody(_ref) {
   }
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsxs(Sheet.Header, {
-      className: "flex items-center justify-between",
+      className: "flex flex-row items-center justify-between",
       children: [/*#__PURE__*/jsx(Sheet.Title, {
         children: t("moveToFolder.title")
       }), /*#__PURE__*/jsx(Button, {
-        className: "me-2",
+        className: "absolute end-12 top-3",
         "data-testid": "add-new-folder-button",
         label: t("folders.add"),
-        variant: "link",
+        size: "sm",
+        variant: "outline",
         onClick: onAddFolder
       })]
     }), /*#__PURE__*/jsx(Sheet.Body, {
       className: "pb-6",
-      children: tree.map(function (folder) {
-        return /*#__PURE__*/createElement(_SelectableNode, {
-          config: config,
-          folder: folder,
-          item: item,
-          maxDepth: maxDepth,
-          selection: selection,
-          disabled: (item === null || item === void 0 ? void 0 : item.id) === folder.id || maxDepth <= 0,
-          key: folder.id,
-          onSelect: function onSelect(folder) {
-            return setSelection(folder.id);
-          }
-        });
+      children: /*#__PURE__*/jsx(RadioGroup, {
+        className: "contents",
+        value: toRadioValue(selection),
+        children: tree.map(function (folder) {
+          return /*#__PURE__*/createElement(_SelectableNode, {
+            config: config,
+            folder: folder,
+            item: item,
+            maxDepth: maxDepth,
+            selection: selection,
+            disabled: (item === null || item === void 0 ? void 0 : item.id) === folder.id || maxDepth <= 0,
+            key: folder.id,
+            onSelect: function onSelect(folder) {
+              return setSelection(folder.id);
+            }
+          });
+        })
       })
     }), /*#__PURE__*/jsxs(Sheet.Footer, {
       className: "space-x-2",
@@ -814,7 +822,7 @@ var RearrangeFoldersPane = function RearrangeFoldersPane(_ref) {
   });
   var nodeProps = {
     icon: /*#__PURE__*/jsx(GripVertical, {
-      className: "text-muted-foreground relative -start-[0.3125rem] flex-shrink-0"
+      className: "text-muted-foreground relative -start-[0.3125rem] size-4 flex-shrink-0"
     })
   };
   if (isFetching) {
@@ -1095,7 +1103,7 @@ var ReorderFoldersPane = function ReorderFoldersPane(_ref) {
   });
   var nodeProps = {
     icon: /*#__PURE__*/jsx(GripVertical, {
-      className: "text-muted-foreground relative -start-[0.3125rem] flex-shrink-0"
+      className: "text-muted-foreground relative -start-[0.3125rem] size-4 flex-shrink-0"
     })
   };
   if (isFetching) {
@@ -1193,6 +1201,7 @@ var FoldersPane = function FoldersPane(_ref) {
     onClose: onClose,
     initialFocusRef: setFocusField,
     isOpen: !!type,
+    size: "large",
     children: [(type === "edit" || type === "add") && /*#__PURE__*/jsx(AddEditPane, _objectSpread$c({}, _objectSpread$c({
       setFocusField: setFocusField
     }, commonProps))), type === "move" && /*#__PURE__*/jsx(MoveFolderPane, _objectSpread$c({}, commonProps)), type === "reorder" && /*#__PURE__*/jsx(ReorderPaneComponent, _objectSpread$c({}, commonProps))]
@@ -1301,13 +1310,16 @@ var FolderTile = function FolderTile(_ref) {
       })]
     }), /*#__PURE__*/jsx(MoreDropdown, {
       menuItems: menuItems,
-      dropdownButtonProps: {
-        className: "absolute end-2 top-2"
-      },
       dropdownProps: {
         onClick: function onClick(event) {
           return event.preventDefault();
         }
+      },
+      dropdownButtonProps: {
+        className: "absolute end-2 top-2",
+        onClick: function onClick(event) {
+          return event.preventDefault();
+        }
       }
     })]
   }));
@@ -1402,7 +1414,7 @@ var FoldersList = function FoldersList(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Typography, {
       className: "my-3",
-      variant: "h4",
+      variant: "h6",
       children: t("folders.title")
     }), /*#__PURE__*/jsx("div", {
       className: "neeto-folders-grid-view-wrapper mb-10 grid w-full gap-4",
@@ -1455,6 +1467,7 @@ var MoveToFolderPane = function MoveToFolderPane(_ref) {
   return /*#__PURE__*/jsx(Sheet, {
     isOpen: isOpen,
     onClose: onClose,
+    size: "large",
     children: /*#__PURE__*/jsx(PaneBody, _objectSpread$8({}, _objectSpread$8(_objectSpread$8({}, rest), {}, {
       onClose: onClose
     })))
@@ -1844,7 +1857,7 @@ var TreeSelect = /*#__PURE__*/forwardRef(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-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:2px!important}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper.ant-tree-node-selected{background-color:rgb(var(--neeto-ui-gray-100));color:rgb(var(--neeto-ui-accent-800))!important;font-weight:500}.neeto-sidebar-folders-tree.ant-tree .ant-tree-switcher{margin-inline-end:0}.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))}.neeto-sidebar-folders-tree.ant-tree .ant-tree-node-content-wrapper:hover .neeto-sidebar-folders-tree__folder-node-actions{background-image:linear-gradient(90deg,rgba(var(--neeto-ui-gray-100),.5) 0,rgba(var(--neeto-ui-gray-100),1) 25%)}.neeto-sidebar-folders-tree.ant-tree .ant-tree-treenode{margin-bottom:6px}.neeto-sidebar-folders-tree.ant-tree .ant-tree-treenode:before{height:6px}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy92Mi9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLHlDQUNFLHVCQUNGLENBRUEsb0VBRUUsV0FBQSxDQURBLDRCQUVGLENBRUEsMkZBRUUsOENBQUEsQ0FEQSwrQ0FBQSxDQUVBLGVBQ0YsQ0FFQSx3REFDRSxtQkFDRixDQUVBLGdGQUNFLGlCQUNGLENBRUEsaUNBQ0UseURBQ0YsQ0FFQSwySEFDRSxnSEFDRixDQUVBLHdEQUNFLGlCQUNGLENBRUEsK0RBQ0UsVUFDRiIsInNvdXJjZXNDb250ZW50IjpbIi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUge1xuICBjb2xvcjogaW5oZXJpdCAhaW1wb3J0YW50O1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLW5vZGUtY29udGVudC13cmFwcGVyIHtcbiAgcGFkZGluZy1pbmxpbmU6IDJweCAhaW1wb3J0YW50O1xuICBtaW4td2lkdGg6IDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtbm9kZS1jb250ZW50LXdyYXBwZXIuYW50LXRyZWUtbm9kZS1zZWxlY3RlZCB7XG4gIGNvbG9yOiByZ2IodmFyKC0tbmVldG8tdWktYWNjZW50LTgwMCkpICFpbXBvcnRhbnQ7XG4gIGJhY2tncm91bmQtY29sb3I6IHJnYih2YXIoLS1uZWV0by11aS1ncmF5LTEwMCkpO1xuICBmb250LXdlaWdodDogNTAwO1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLXN3aXRjaGVyIHtcbiAgbWFyZ2luLWlubGluZS1lbmQ6IDA7XG59XG5cbi5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZS5hbnQtdHJlZSAuYW50LXRyZWUtc3dpdGNoZXIgLmFudC10cmVlLXN3aXRjaGVyLWljb24ge1xuICBwb3NpdGlvbjogcmVsYXRpdmU7XG59XG5cbi5uZWV0by1mb2xkZXJzLWdyaWQtdmlldy13cmFwcGVyIHtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maWxsLCBtaW5tYXgoMjU2cHgsIDFmcikpO1xufVxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWUuYW50LXRyZWUgLmFudC10cmVlLW5vZGUtY29udGVudC13cmFwcGVyOmhvdmVyIC5uZWV0by1zaWRlYmFyLWZvbGRlcnMtdHJlZV9fZm9sZGVyLW5vZGUtYWN0aW9ucyB7XG4gIGJhY2tncm91bmQtaW1hZ2U6IGxpbmVhci1ncmFkaWVudCg5MGRlZywgcmdiYSh2YXIoLS1uZWV0by11aS1ncmF5LTEwMCksIC41KSAwLCByZ2JhKHZhcigtLW5lZXRvLXVpLWdyYXktMTAwKSwgMSkgMjUlKTtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS10cmVlbm9kZSB7XG4gIG1hcmdpbi1ib3R0b206IDZweDtcbn1cblxuLm5lZXRvLXNpZGViYXItZm9sZGVycy10cmVlLmFudC10cmVlIC5hbnQtdHJlZS10cmVlbm9kZTo6YmVmb3JlIHtcbiAgaGVpZ2h0OiA2cHg7XG59XG4iXX0= */";
+var css = ".neeto-sidebar-folders-tree__folder-node{color:inherit!important}.neeto-folders-grid-view-wrapper{grid-template-columns:repeat(auto-fill,minmax(256px,1fr))}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImFwcC9qYXZhc2NyaXB0L3NyYy92Mi9jb21wb25lbnRzL25lZXRvLWZvbGRlcnMtbmFuby5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVFBLHlDQUNFLHVCQVBGLENBVUEsaUNBQ0UseURBUEYiLCJzb3VyY2VzQ29udGVudCI6WyIvLyBUaGUgbmVldG8tYXRvbXMgVHJlZSBpcyByZWFjdC1hcmJvcmlzdCBiYXNlZCBhbmQgZW1pdHMgbm8gYC5hbnQtdHJlZWBcbi8vIG1hcmt1cCwgc28gdGhlIGFudGQtc2NvcGVkIHJ1bGVzIGZyb20gdGhlIG5lZXRvLXVpIHZlcnNpb24gKG5vZGUgc3BhY2luZyxcbi8vIHNlbGVjdGVkL2hvdmVyIHN0eWxpbmcsIHN3aXRjaGVyIHR3ZWFrcykgbm8gbG9uZ2VyIG1hdGNoIGFueXRoaW5nIGhlcmUuXG4vLyBUaGV5IGFsc28gY2FycmllZCB0aGUgbGFzdCBsZWdhY3kgbmVldG8tdWkgQ1NTIHZhcmlhYmxlcyBpbiB0aGlzIGZpbGU7IHRoZVxuLy8gYXRvbXMgVHJlZSBvd25zIGl0cyBvd24gc2VsZWN0aW9uL2hvdmVyIHN0eWxpbmcgYW5kIHRoZSBub2RlIGFjdGlvbnMgbm93IGZhZGUgaW5cbi8vIHZpYSBgb3BhY2l0eS0wIGdyb3VwLWhvdmVyOm9wYWNpdHktMTAwYCBvbiB0aGUgZWxlbWVudCBpdHNlbGYsIHNvIG9ubHkgdGhlXG4vLyB0d28gc2VsZWN0b3JzIGJlbG93IHJlbWFpbiBsaXZlLlxuXG4ubmVldG8tc2lkZWJhci1mb2xkZXJzLXRyZWVfX2ZvbGRlci1ub2RlIHtcbiAgY29sb3I6IGluaGVyaXQgIWltcG9ydGFudDtcbn1cblxuLm5lZXRvLWZvbGRlcnMtZ3JpZC12aWV3LXdyYXBwZXIge1xuICBncmlkLXRlbXBsYXRlLWNvbHVtbnM6IHJlcGVhdChhdXRvLWZpbGwsIG1pbm1heCgyNTZweCwgMWZyKSk7XG59XG4iXX0= */";
 n(css,{});
 
 export { AddEditPane, DraggableWrapper, FoldersContext, FoldersDnd, FoldersList, FoldersTree, MoveToFolderPane, TreeSelect };