@bigbinary/neeto-folders-frontend 2.0.39 → 2.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/.ready +1 -1
- package/dist/cjs/v2/components.js +29 -22
- package/dist/cjs/v2/components.js.map +1 -1
- package/dist/v2/components.js +30 -23
- package/dist/v2/components.js.map +1 -1
- package/package.json +7 -7
package/dist/.ready
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
Built at 2026-06-
|
|
1
|
+
Built at 2026-06-30T09:31:58.922Z
|
|
@@ -23,6 +23,7 @@ var formik = require('@bigbinary/neeto-atoms/formik');
|
|
|
23
23
|
var i18next = require('i18next');
|
|
24
24
|
var yup = require('yup');
|
|
25
25
|
var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
|
|
26
|
+
var primitives = require('@bigbinary/neeto-atoms/primitives');
|
|
26
27
|
var useHotkeys = require('@bigbinary/neeto-hotkeys');
|
|
27
28
|
var neetoCist = require('@bigbinary/neeto-cist');
|
|
28
29
|
var ramda = require('ramda');
|
|
@@ -413,6 +414,9 @@ var Node$2 = /*#__PURE__*/React.forwardRef(Node$1);
|
|
|
413
414
|
var _excluded$5 = ["folder", "item", "depth", "maxDepth", "disabled", "config"];
|
|
414
415
|
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; }
|
|
415
416
|
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; }
|
|
417
|
+
var toRadioValue = function toRadioValue(id) {
|
|
418
|
+
return id == null ? "__root__" : String(id);
|
|
419
|
+
};
|
|
416
420
|
var _SelectableNode = function SelectableNode(_ref) {
|
|
417
421
|
var _folder$children$leng, _folder$children;
|
|
418
422
|
var folder = _ref.folder,
|
|
@@ -423,8 +427,8 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
423
427
|
disabled = _ref.disabled,
|
|
424
428
|
config = _ref.config,
|
|
425
429
|
rest = _objectWithoutProperties(_ref, _excluded$5);
|
|
426
|
-
|
|
427
|
-
onSelect = rest.onSelect;
|
|
430
|
+
rest.selection;
|
|
431
|
+
var onSelect = rest.onSelect;
|
|
428
432
|
var _useTranslation = injectCss.useTranslation(config),
|
|
429
433
|
t = _useTranslation.t;
|
|
430
434
|
var isDisabled = disabled || (item === null || item === void 0 ? void 0 : item.id) === folder.id || depth >= maxDepth;
|
|
@@ -457,11 +461,10 @@ var _SelectableNode = function SelectableNode(_ref) {
|
|
|
457
461
|
folderLabel: folderLabel,
|
|
458
462
|
itemLabel: itemLabel
|
|
459
463
|
})), {}, {
|
|
460
|
-
icon: /*#__PURE__*/jsxRuntime.jsx(
|
|
461
|
-
readOnly: true,
|
|
462
|
-
checked: selection === folder.id,
|
|
464
|
+
icon: /*#__PURE__*/jsxRuntime.jsx(primitives.RadioGroupItem, {
|
|
463
465
|
"data-testid": "".concat(neetoCist.hyphenate(folder.name), "-folder-option"),
|
|
464
|
-
|
|
466
|
+
disabled: isDisabled,
|
|
467
|
+
value: toRadioValue(folder.id)
|
|
465
468
|
}),
|
|
466
469
|
onClick: isDisabled ? neetoCist.noop : function () {
|
|
467
470
|
return onSelect(folder);
|
|
@@ -577,19 +580,23 @@ var PaneBody = function PaneBody(_ref) {
|
|
|
577
580
|
})]
|
|
578
581
|
}), /*#__PURE__*/jsxRuntime.jsx(neetoAtoms.Sheet.Body, {
|
|
579
582
|
className: "pb-6",
|
|
580
|
-
children:
|
|
581
|
-
|
|
582
|
-
|
|
583
|
-
|
|
584
|
-
|
|
585
|
-
|
|
586
|
-
|
|
587
|
-
|
|
588
|
-
|
|
589
|
-
|
|
590
|
-
|
|
591
|
-
|
|
592
|
-
|
|
583
|
+
children: /*#__PURE__*/jsxRuntime.jsx(primitives.RadioGroup, {
|
|
584
|
+
className: "contents",
|
|
585
|
+
value: toRadioValue(selection),
|
|
586
|
+
children: tree.map(function (folder) {
|
|
587
|
+
return /*#__PURE__*/React.createElement(_SelectableNode, {
|
|
588
|
+
config: config,
|
|
589
|
+
folder: folder,
|
|
590
|
+
item: item,
|
|
591
|
+
maxDepth: maxDepth,
|
|
592
|
+
selection: selection,
|
|
593
|
+
disabled: (item === null || item === void 0 ? void 0 : item.id) === folder.id || maxDepth <= 0,
|
|
594
|
+
key: folder.id,
|
|
595
|
+
onSelect: function onSelect(folder) {
|
|
596
|
+
return setSelection(folder.id);
|
|
597
|
+
}
|
|
598
|
+
});
|
|
599
|
+
})
|
|
593
600
|
})
|
|
594
601
|
}), /*#__PURE__*/jsxRuntime.jsxs(neetoAtoms.Sheet.Footer, {
|
|
595
602
|
className: "space-x-2",
|
|
@@ -712,7 +719,7 @@ var _DraggableNode$1 = function DraggableNode(_ref) {
|
|
|
712
719
|
return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
|
|
713
720
|
children: [/*#__PURE__*/jsxRuntime.jsx(Node$2, _objectSpread$g(_objectSpread$g(_objectSpread$g({}, rest), {}, {
|
|
714
721
|
className: classNames({
|
|
715
|
-
"
|
|
722
|
+
"rounded-lg hover:bg-muted w-full min-w-0 cursor-move transition-colors": true,
|
|
716
723
|
"bg-muted opacity-50": isDragging,
|
|
717
724
|
"border-primary border": isOver,
|
|
718
725
|
"border border-transparent": !isOver
|
|
@@ -1267,7 +1274,7 @@ var FolderTile = function FolderTile(_ref) {
|
|
|
1267
1274
|
return /*#__PURE__*/jsxRuntime.jsxs(reactRouterDom.Link, _objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b(_objectSpread$b({
|
|
1268
1275
|
"data-testid": "".concat(neetoCist.hyphenate(folder.name), "-folder-tile"),
|
|
1269
1276
|
to: link,
|
|
1270
|
-
className: classNames("bg-muted border-border
|
|
1277
|
+
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", {
|
|
1271
1278
|
"bg-accent": droppable.isOver,
|
|
1272
1279
|
"opacity-50": draggable.isDragging,
|
|
1273
1280
|
"scale-75": isPreview
|
|
@@ -1552,7 +1559,7 @@ var Node = function Node(_ref) {
|
|
|
1552
1559
|
})
|
|
1553
1560
|
})]
|
|
1554
1561
|
}), hasAnyActions && /*#__PURE__*/jsxRuntime.jsxs("div", {
|
|
1555
|
-
className: "flex items-center gap-0.5 py-0.5 absolute end-0 top-0 h-full neeto-sidebar-folders-tree__folder-node-actions
|
|
1562
|
+
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",
|
|
1556
1563
|
onClick: function onClick(e) {
|
|
1557
1564
|
e.preventDefault();
|
|
1558
1565
|
e.stopPropagation();
|