@bigbinary/neeto-folders-frontend 2.0.39 → 2.0.41

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);
@@ -575,19 +578,23 @@ var PaneBody = function PaneBody(_ref) {
       })]
     }), /*#__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",
@@ -710,7 +717,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
   return /*#__PURE__*/jsxs(Fragment, {
     children: [/*#__PURE__*/jsx(Node$1, _objectSpread$g(_objectSpread$g(_objectSpread$g({}, rest), {}, {
       className: classNames({
-        "neeto-ui-rounded-lg hover:bg-muted w-full min-w-0 cursor-move transition-colors": true,
+        "rounded-lg hover:bg-muted w-full min-w-0 cursor-move transition-colors": true,
         "bg-muted opacity-50": isDragging,
         "border-primary border": isOver,
         "border border-transparent": !isOver
@@ -1265,7 +1272,7 @@ var FolderTile = function FolderTile(_ref) {
   return /*#__PURE__*/jsxs(Link, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({
     "data-testid": "".concat(hyphenate(folder.name), "-folder-tile"),
     to: link,
-    className: classNames("bg-muted border-border neeto-ui-rounded-md hover:border-primary relative flex max-w-full items-start gap-2 border-2 p-3 transition-colors ease-in", {
+    className: classNames("bg-muted border-border rounded-md hover:border-primary relative flex max-w-full items-start gap-2 border-2 p-3 transition-colors ease-in", {
       "bg-accent": droppable.isOver,
       "opacity-50": draggable.isDragging,
       "scale-75": isPreview
@@ -1550,7 +1557,7 @@ var Node = function Node(_ref) {
           })
         })]
       }), hasAnyActions && /*#__PURE__*/jsxs("div", {
-        className: "flex items-center gap-0.5 py-0.5 absolute end-0 top-0 h-full neeto-sidebar-folders-tree__folder-node-actions neeto-ui-rounded-md ps-2",
+        className: "flex items-center gap-0.5 py-0.5 absolute end-0 top-0 h-full neeto-sidebar-folders-tree__folder-node-actions rounded-md ps-2",
         onClick: function onClick(e) {
           e.preventDefault();
           e.stopPropagation();