@bigbinary/neeto-folders-frontend 2.0.40 → 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",