@flamingo-stack/openframe-frontend-core 0.0.846 → 0.0.848

package/dist/components/ui/file-manager/file-manager-table.js

@@ -1,6 +1,6 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { useLayoutEffect, useMemo, useRef, useState } from "react";
+import { useMemo } from "react";
 import { cn } from "../../../utils/cn.js";
 import { Checkbox } from "../checkbox.js";
 import { LoadingItems, useLoadingScope } from "../loading-scope.js";
@@ -36,99 +36,77 @@ function FileManagerTable({
   const someSelected = useMemo(() => {
     return selectedFiles.length > 0 && selectedFiles.length < files.length;
   }, [files.length, selectedFiles.length]);
-  const containerRef = useRef(null);
-  const [measuredHeight, setTableHeight] = useState(null);
-  const tableHeight = loading || files.length === 0 ? null : measuredHeight;
-  useLayoutEffect(() => {
-    if (loading || files.length === 0) return void 0;
-    const handleResize = () => {
-      const node = containerRef.current;
-      if (!node) return;
-      const rect = node.getBoundingClientRect();
-      const availableHeight = window.innerHeight - rect.top;
-      setTableHeight(availableHeight > 0 ? availableHeight : null);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("scroll", handleResize, true);
-    const resizeObserver = new ResizeObserver(handleResize);
-    const parent = containerRef.current?.parentElement;
-    if (parent) {
-      resizeObserver.observe(parent);
-    } else if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
-    }
-    return () => {
-      window.removeEventListener("resize", handleResize);
-      window.removeEventListener("scroll", handleResize, true);
-      resizeObserver.disconnect();
-    };
-  }, [loading, files.length]);
   const handleSelectAll = (checked) => {
     onSelectAll?.(checked);
   };
   if (!loading && files.length === 0) {
     return /* @__PURE__ */ jsx(FileManagerEmpty, {});
   }
-  return /* @__PURE__ */ jsxs(
-    "div",
-    {
-      ref: containerRef,
-      className: cn("flex flex-col rounded-lg border border-ods-border bg-ods-bg", className),
-      style: tableHeight ? { height: `${tableHeight}px` } : void 0,
-      children: [
-        /* @__PURE__ */ jsxs("div", { className: "flex h-12 items-center rounded-t-lg border-b border-ods-border bg-ods-bg-surface px-4", children: [
-          showCheckboxes && /* @__PURE__ */ jsx(
-            "div",
+  return (
+    // The height its parent gives it, both forms: the rows scroll inside, under the header. Not
+    // the window's: whatever is below the parent (a docked composer, a page's padding) would
+    // hide the last rows under it. A parent of no definite height lets the table grow with its rows.
+    // `overflow-hidden` rounds the header and the rows at the border's inner curve: a child rounded
+    // to the frame's own radius sits 1px inside it and leaves a sliver of the frame's fill at each
+    // corner. Nothing floats out of the table (the row menu is portalled).
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn("flex h-full flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-bg", className),
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex h-12 items-center border-b border-ods-border bg-ods-bg-surface px-4", children: [
+            showCheckboxes && /* @__PURE__ */ jsx(
+              "div",
+              {
+                className: FILE_MANAGER_CHECKBOX_CELL_CLASS,
+                inert: loading || void 0,
+                "aria-hidden": loading || void 0,
+                children: /* @__PURE__ */ jsx(
+                  Checkbox,
+                  {
+                    checked: allSelected || someSelected,
+                    onCheckedChange: handleSelectAll,
+                    boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx("div", { className: cn(FILE_MANAGER_NAME_CELL_CLASS, HEADER_LABEL_CLASS), children: "NAME" }),
+            /* @__PURE__ */ jsx("div", { className: cn(FILE_MANAGER_SIZE_CELL_BOX_CLASS, HEADER_LABEL_CLASS), children: "SIZE" }),
+            /* @__PURE__ */ jsx("div", { className: cn(FILE_MANAGER_MODIFIED_CELL_BOX_CLASS, HEADER_LABEL_CLASS), children: "EDITED" }),
+            /* @__PURE__ */ jsx("div", { className: FILE_MANAGER_ACTIONS_CELL_BOX_CLASS })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "flex-1 divide-y divide-ods-border overflow-auto", children: loading ? (
+            // A folder listing has no page size: a typical folder's rows, each the row's own loading form.
+            /* @__PURE__ */ jsx(LoadingItems, { count: FILE_MANAGER_SKELETON_ROWS, children: () => /* @__PURE__ */ jsx(FileManagerTableRow, { loading: true, showCheckbox: showCheckboxes, showPath: isSearchResult, "data-loading-item": true }) })
+          ) : files.map((file) => /* @__PURE__ */ jsx(
+            FileManagerTableRow,
             {
-              className: FILE_MANAGER_CHECKBOX_CELL_CLASS,
-              inert: loading || void 0,
-              "aria-hidden": loading || void 0,
-              children: /* @__PURE__ */ jsx(
-                Checkbox,
-                {
-                  checked: allSelected || someSelected,
-                  onCheckedChange: handleSelectAll,
-                  boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS
+              file,
+              isSelected: selectedFiles.includes(file.id),
+              showCheckbox: showCheckboxes,
+              showPath: isSearchResult,
+              onSelect: (selected) => onSelectFile?.(file.id, selected),
+              onClick: () => {
+                if (isSearchResult) {
+                  onFileClick?.(file);
+                } else if (file.type === "folder") {
+                  onFolderOpen?.(file);
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ jsx("div", { className: cn(FILE_MANAGER_NAME_CELL_CLASS, HEADER_LABEL_CLASS), children: "NAME" }),
-          /* @__PURE__ */ jsx("div", { className: cn(FILE_MANAGER_SIZE_CELL_BOX_CLASS, HEADER_LABEL_CLASS), children: "SIZE" }),
-          /* @__PURE__ */ jsx("div", { className: cn(FILE_MANAGER_MODIFIED_CELL_BOX_CLASS, HEADER_LABEL_CLASS), children: "EDITED" }),
-          /* @__PURE__ */ jsx("div", { className: FILE_MANAGER_ACTIONS_CELL_BOX_CLASS })
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "flex-1 divide-y divide-ods-border overflow-auto rounded-b-lg", children: loading ? (
-          // A folder listing has no page size: a typical folder's rows, each the row's own loading form.
-          /* @__PURE__ */ jsx(LoadingItems, { count: FILE_MANAGER_SKELETON_ROWS, children: () => /* @__PURE__ */ jsx(FileManagerTableRow, { loading: true, showCheckbox: showCheckboxes, showPath: isSearchResult, "data-loading-item": true }) })
-        ) : files.map((file) => /* @__PURE__ */ jsx(
-          FileManagerTableRow,
-          {
-            file,
-            isSelected: selectedFiles.includes(file.id),
-            showCheckbox: showCheckboxes,
-            showPath: isSearchResult,
-            onSelect: (selected) => onSelectFile?.(file.id, selected),
-            onClick: () => {
-              if (isSearchResult) {
-                onFileClick?.(file);
-              } else if (file.type === "folder") {
-                onFolderOpen?.(file);
-              }
-            },
-            onDoubleClick: () => {
-              if (file.type === "folder" && !isSearchResult) {
-                onFolderOpen?.(file);
-              }
+              },
+              onDoubleClick: () => {
+                if (file.type === "folder" && !isSearchResult) {
+                  onFolderOpen?.(file);
+                }
+              },
+              onActionClick: (action) => onFileAction?.(action, file.id),
+              "data-loading-item": true
             },
-            onActionClick: (action) => onFileAction?.(action, file.id),
-            "data-loading-item": true
-          },
-          file.id
-        )) })
-      ]
-    }
+            file.id
+          )) })
+        ]
+      }
+    )
   );
 }
 export {

package/dist/components/ui/file-manager/index.cjs

@@ -1,10 +1,10 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
 
 
-var _chunk5SZ4ILU3cjs = require('../../../chunk-5SZ4ILU3.cjs');
+var _chunkZZDFMUEUcjs = require('../../../chunk-ZZDFMUEU.cjs');
 
 
-var _chunkSWF6TNZ3cjs = require('../../../chunk-SWF6TNZ3.cjs');
+var _chunkZGEWT3SFcjs = require('../../../chunk-ZGEWT3SF.cjs');
 require('../../../chunk-N3MBQRCQ.cjs');
 
 
@@ -23,7 +23,7 @@ var _chunk2XCORRJVcjs = require('../../../chunk-2XCORRJV.cjs');
 
 
 
-var _chunk3TOWCFIKcjs = require('../../../chunk-3TOWCFIK.cjs');
+var _chunkPMUCEUFQcjs = require('../../../chunk-PMUCEUFQ.cjs');
 
 
 var _chunkFCZAUK4Dcjs = require('../../../chunk-FCZAUK4D.cjs');
@@ -316,7 +316,7 @@ function FileManagerTableRow(props) {
       ..._chunk63A4GZMBcjs.loadingItemProps.call(void 0, props),
       children: [
         showCheckbox && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FILE_MANAGER_CHECKBOX_CELL_CLASS, "data-no-row-click": true, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunk5SZ4ILU3cjs.Checkbox,
+          _chunkZZDFMUEUcjs.Checkbox,
           {
             checked: isSelected,
             onCheckedChange: handleCheckboxChange,
@@ -382,19 +382,19 @@ function FileManagerTableRowSkeleton({
   ...markers
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { "aria-hidden": "true", inert: true, className: _chunk63A4GZMBcjs.cn.call(void 0, FILE_MANAGER_ROW_FRAME_CLASS, className), ...markers, children: [
-    showCheckbox && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FILE_MANAGER_CHECKBOX_CELL_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5SZ4ILU3cjs.Checkbox, { loading: true, boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS }) }),
+    showCheckbox && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FILE_MANAGER_CHECKBOX_CELL_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZZDFMUEUcjs.Checkbox, { loading: true, boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: FILE_MANAGER_NAME_CELL_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, ROW_FILE_ICON_CLASS, "shrink-0 rounded") }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, ROW_FILE_ICON_CLASS, "shrink-0 rounded") }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-32" }),
-        showPath && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-48" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-32" }),
+        showPath && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-48" })
       ] })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: SIZE_CELL_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-16" }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: MODIFIED_CELL_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.TextLineSkeleton, { type: "h6", className: "w-24" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: SIZE_CELL_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-16" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: MODIFIED_CELL_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-24" }) }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ACTIONS_CELL_CLASS, children: [
       rowMenuButton(),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk3TOWCFIKcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, ROW_ICON_BUTTON_CLASS, "rounded") })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: _chunk63A4GZMBcjs.cn.call(void 0, ROW_ICON_BUTTON_CLASS, "rounded") })
     ] })
   ] });
 }
@@ -423,99 +423,77 @@ function FileManagerTable({
   const someSelected = _react.useMemo.call(void 0, () => {
     return selectedFiles.length > 0 && selectedFiles.length < files.length;
   }, [files.length, selectedFiles.length]);
-  const containerRef = _react.useRef.call(void 0, null);
-  const [measuredHeight, setTableHeight] = _react.useState.call(void 0, null);
-  const tableHeight = loading || files.length === 0 ? null : measuredHeight;
-  _react.useLayoutEffect.call(void 0, () => {
-    if (loading || files.length === 0) return void 0;
-    const handleResize = () => {
-      const node = containerRef.current;
-      if (!node) return;
-      const rect = node.getBoundingClientRect();
-      const availableHeight = window.innerHeight - rect.top;
-      setTableHeight(availableHeight > 0 ? availableHeight : null);
-    };
-    handleResize();
-    window.addEventListener("resize", handleResize);
-    window.addEventListener("scroll", handleResize, true);
-    const resizeObserver = new ResizeObserver(handleResize);
-    const parent = _optionalChain([containerRef, 'access', _7 => _7.current, 'optionalAccess', _8 => _8.parentElement]);
-    if (parent) {
-      resizeObserver.observe(parent);
-    } else if (containerRef.current) {
-      resizeObserver.observe(containerRef.current);
-    }
-    return () => {
-      window.removeEventListener("resize", handleResize);
-      window.removeEventListener("scroll", handleResize, true);
-      resizeObserver.disconnect();
-    };
-  }, [loading, files.length]);
   const handleSelectAll = (checked) => {
-    _optionalChain([onSelectAll, 'optionalCall', _9 => _9(checked)]);
+    _optionalChain([onSelectAll, 'optionalCall', _7 => _7(checked)]);
   };
   if (!loading && files.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FileManagerEmpty, {});
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      ref: containerRef,
-      className: _chunk63A4GZMBcjs.cn.call(void 0, "flex flex-col rounded-lg border border-ods-border bg-ods-bg", className),
-      style: tableHeight ? { height: `${tableHeight}px` } : void 0,
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-12 items-center rounded-t-lg border-b border-ods-border bg-ods-bg-surface px-4", children: [
-          showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
+  return (
+    // The height its parent gives it, both forms: the rows scroll inside, under the header. Not
+    // the window's: whatever is below the parent (a docked composer, a page's padding) would
+    // hide the last rows under it. A parent of no definite height lets the table grow with its rows.
+    // `overflow-hidden` rounds the header and the rows at the border's inner curve: a child rounded
+    // to the frame's own radius sits 1px inside it and leaves a sliver of the frame's fill at each
+    // corner. Nothing floats out of the table (the row menu is portalled).
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+      "div",
+      {
+        className: _chunk63A4GZMBcjs.cn.call(void 0, "flex h-full flex-col overflow-hidden rounded-lg border border-ods-border bg-ods-bg", className),
+        children: [
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-12 items-center border-b border-ods-border bg-ods-bg-surface px-4", children: [
+            showCheckboxes && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              "div",
+              {
+                className: FILE_MANAGER_CHECKBOX_CELL_CLASS,
+                inert: loading || void 0,
+                "aria-hidden": loading || void 0,
+                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  _chunkZZDFMUEUcjs.Checkbox,
+                  {
+                    checked: allSelected || someSelected,
+                    onCheckedChange: handleSelectAll,
+                    boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, FILE_MANAGER_NAME_CELL_CLASS, HEADER_LABEL_CLASS), children: "NAME" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, FILE_MANAGER_SIZE_CELL_BOX_CLASS, HEADER_LABEL_CLASS), children: "SIZE" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, FILE_MANAGER_MODIFIED_CELL_BOX_CLASS, HEADER_LABEL_CLASS), children: "EDITED" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FILE_MANAGER_ACTIONS_CELL_BOX_CLASS })
+          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 divide-y divide-ods-border overflow-auto", children: loading ? (
+            // A folder listing has no page size: a typical folder's rows, each the row's own loading form.
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63A4GZMBcjs.LoadingItems, { count: FILE_MANAGER_SKELETON_ROWS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FileManagerTableRow, { loading: true, showCheckbox: showCheckboxes, showPath: isSearchResult, "data-loading-item": true }) })
+          ) : files.map((file) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            FileManagerTableRow,
             {
-              className: FILE_MANAGER_CHECKBOX_CELL_CLASS,
-              inert: loading || void 0,
-              "aria-hidden": loading || void 0,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunk5SZ4ILU3cjs.Checkbox,
-                {
-                  checked: allSelected || someSelected,
-                  onCheckedChange: handleSelectAll,
-                  boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS
+              file,
+              isSelected: selectedFiles.includes(file.id),
+              showCheckbox: showCheckboxes,
+              showPath: isSearchResult,
+              onSelect: (selected) => _optionalChain([onSelectFile, 'optionalCall', _8 => _8(file.id, selected)]),
+              onClick: () => {
+                if (isSearchResult) {
+                  _optionalChain([onFileClick, 'optionalCall', _9 => _9(file)]);
+                } else if (file.type === "folder") {
+                  _optionalChain([onFolderOpen, 'optionalCall', _10 => _10(file)]);
                 }
-              )
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, FILE_MANAGER_NAME_CELL_CLASS, HEADER_LABEL_CLASS), children: "NAME" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, FILE_MANAGER_SIZE_CELL_BOX_CLASS, HEADER_LABEL_CLASS), children: "SIZE" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, FILE_MANAGER_MODIFIED_CELL_BOX_CLASS, HEADER_LABEL_CLASS), children: "EDITED" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FILE_MANAGER_ACTIONS_CELL_BOX_CLASS })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex-1 divide-y divide-ods-border overflow-auto rounded-b-lg", children: loading ? (
-          // A folder listing has no page size: a typical folder's rows, each the row's own loading form.
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63A4GZMBcjs.LoadingItems, { count: FILE_MANAGER_SKELETON_ROWS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FileManagerTableRow, { loading: true, showCheckbox: showCheckboxes, showPath: isSearchResult, "data-loading-item": true }) })
-        ) : files.map((file) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          FileManagerTableRow,
-          {
-            file,
-            isSelected: selectedFiles.includes(file.id),
-            showCheckbox: showCheckboxes,
-            showPath: isSearchResult,
-            onSelect: (selected) => _optionalChain([onSelectFile, 'optionalCall', _10 => _10(file.id, selected)]),
-            onClick: () => {
-              if (isSearchResult) {
-                _optionalChain([onFileClick, 'optionalCall', _11 => _11(file)]);
-              } else if (file.type === "folder") {
-                _optionalChain([onFolderOpen, 'optionalCall', _12 => _12(file)]);
-              }
-            },
-            onDoubleClick: () => {
-              if (file.type === "folder" && !isSearchResult) {
-                _optionalChain([onFolderOpen, 'optionalCall', _13 => _13(file)]);
-              }
+              },
+              onDoubleClick: () => {
+                if (file.type === "folder" && !isSearchResult) {
+                  _optionalChain([onFolderOpen, 'optionalCall', _11 => _11(file)]);
+                }
+              },
+              onActionClick: (action) => _optionalChain([onFileAction, 'optionalCall', _12 => _12(action, file.id)]),
+              "data-loading-item": true
             },
-            onActionClick: (action) => _optionalChain([onFileAction, 'optionalCall', _14 => _14(action, file.id)]),
-            "data-loading-item": true
-          },
-          file.id
-        )) })
-      ]
-    }
+            file.id
+          )) })
+        ]
+      }
+    )
   );
 }
 
@@ -591,8 +569,8 @@ function FileManager({
     return items;
   }, [currentPath]);
   const handleBreadcrumbClick = (path) => {
-    _optionalChain([onBreadcrumbClick, 'optionalCall', _15 => _15(path)]);
-    _optionalChain([onNavigate, 'optionalCall', _16 => _16(path)]);
+    _optionalChain([onBreadcrumbClick, 'optionalCall', _13 => _13(path)]);
+    _optionalChain([onNavigate, 'optionalCall', _14 => _14(path)]);
   };
   const handleFolderOpen = (file) => {
     let newPath;
@@ -612,14 +590,14 @@ function FileManager({
         newPath = currentPath + separator + file.name;
       }
     }
-    _optionalChain([onFolderOpen, 'optionalCall', _17 => _17(file)]);
-    _optionalChain([onNavigate, 'optionalCall', _18 => _18(newPath)]);
+    _optionalChain([onFolderOpen, 'optionalCall', _15 => _15(file)]);
+    _optionalChain([onNavigate, 'optionalCall', _16 => _16(newPath)]);
   };
   const handleSelectAll = (selected) => {
-    _optionalChain([onSelectAll, 'optionalCall', _19 => _19(selected)]);
+    _optionalChain([onSelectAll, 'optionalCall', _17 => _17(selected)]);
   };
   const handleSelectFile = (fileId, selected) => {
-    _optionalChain([onSelectFile, 'optionalCall', _20 => _20(fileId, selected)]);
+    _optionalChain([onSelectFile, 'optionalCall', _18 => _18(fileId, selected)]);
   };
   return (
     // One tree in both forms (nothing remounts when the folder answers); the region says it is loading, once.
@@ -637,21 +615,21 @@ function FileManager({
               {
                 canPaste,
                 hasSelection: selectedFiles.length > 0,
-                onNewFolder: () => _optionalChain([onFileAction, 'optionalCall', _21 => _21("new-folder")]),
-                onPaste: () => _optionalChain([onFileAction, 'optionalCall', _22 => _22("paste")]),
-                onCopy: () => _optionalChain([onFileAction, 'optionalCall', _23 => _23("copy")]),
-                onCut: () => _optionalChain([onFileAction, 'optionalCall', _24 => _24("cut")]),
-                onUpload: () => _optionalChain([onFileAction, 'optionalCall', _25 => _25("upload")]),
+                onNewFolder: () => _optionalChain([onFileAction, 'optionalCall', _19 => _19("new-folder")]),
+                onPaste: () => _optionalChain([onFileAction, 'optionalCall', _20 => _20("paste")]),
+                onCopy: () => _optionalChain([onFileAction, 'optionalCall', _21 => _21("copy")]),
+                onCut: () => _optionalChain([onFileAction, 'optionalCall', _22 => _22("cut")]),
+                onUpload: () => _optionalChain([onFileAction, 'optionalCall', _23 => _23("upload")]),
                 onSelectAll: () => handleSelectAll(true)
               }
             )
           ] }),
           showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkSWF6TNZ3cjs.Input,
+            _chunkZGEWT3SFcjs.Input,
             {
               userValue: true,
               value: searchQuery,
-              onChange: (e) => _optionalChain([onSearch, 'optionalCall', _26 => _26(e.target.value)]),
+              onChange: (e) => _optionalChain([onSearch, 'optionalCall', _24 => _24(e.target.value)]),
               placeholder: "Search...",
               disabled: disableSearch,
               startAdornment: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkZ74QE57Tcjs.SearchIcon, {}),