@bigbinary/neeto-folders-frontend 2.0.34 → 2.0.35

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.
@@ -385,7 +385,7 @@ var Node$1 = function Node(_ref, ref) {
385
385
  length: depth
386
386
  }).map(function (_, index) {
387
387
  return /*#__PURE__*/jsx("span", {
388
- className: "neeto-ui-border-gray-300 relative h-full flex-shrink-0 border-s",
388
+ className: "neeto-ui-border-gray-200 relative h-full flex-shrink-0 border-s",
389
389
  style: {
390
390
  width: REORDER_TREE_INDENT_WIDTH,
391
391
  insetInlineStart: Math.round(REORDER_TREE_INDENT_WIDTH / 2)
@@ -425,7 +425,7 @@ var _SelectableNode = function SelectableNode(_ref) {
425
425
  var folder = _ref.folder,
426
426
  item = _ref.item,
427
427
  _ref$depth = _ref.depth,
428
- depth = _ref$depth === void 0 ? 1 : _ref$depth,
428
+ depth = _ref$depth === void 0 ? 0 : _ref$depth,
429
429
  maxDepth = _ref.maxDepth,
430
430
  disabled = _ref.disabled,
431
431
  config = _ref.config,
@@ -434,7 +434,7 @@ var _SelectableNode = function SelectableNode(_ref) {
434
434
  onSelect = rest.onSelect;
435
435
  var _useTranslation = useTranslation(config),
436
436
  t = _useTranslation.t;
437
- var isDisabled = disabled || (item === null || item === void 0 ? void 0 : item.id) === folder.id || depth > maxDepth;
437
+ var isDisabled = disabled || (item === null || item === void 0 ? void 0 : item.id) === folder.id || depth >= maxDepth;
438
438
  var itemLabel = config.labels[folder.itemCount > 1 ? "items" : "item"];
439
439
  var folderLabel = config.labels[((_folder$children$leng = (_folder$children = folder.children) === null || _folder$children === void 0 ? void 0 : _folder$children.length) !== null && _folder$children$leng !== void 0 ? _folder$children$leng : 0) > 1 ? "folders" : "folder"];
440
440
  var renderChildren = function renderChildren() {
@@ -454,10 +454,10 @@ var _SelectableNode = function SelectableNode(_ref) {
454
454
  };
455
455
  return /*#__PURE__*/jsxs("div", {
456
456
  "aria-disabled": isDisabled,
457
- className: classNames({
457
+ title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
458
+ className: classNames("flex flex-col w-full min-w-0", {
458
459
  "opacity-60": isDisabled
459
460
  }),
460
- title: isDisabled ? t("moveToFolder.notAllowed") : undefined,
461
461
  children: [/*#__PURE__*/jsx(Node$2, _objectSpread$h(_objectSpread$h({}, _objectSpread$h(_objectSpread$h({}, rest), {}, {
462
462
  depth: depth,
463
463
  folder: folder,