@flamingo-stack/openframe-frontend-core 0.0.847 → 0.0.849

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

@@ -46,58 +46,67 @@ function FileManagerTable({
     // 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.
-    /* @__PURE__ */ jsxs("div", { className: cn("flex h-full flex-col rounded-lg border border-ods-border bg-ods-bg", className), 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",
-          {
-            className: FILE_MANAGER_CHECKBOX_CELL_CLASS,
-            inert: loading || void 0,
-            "aria-hidden": loading || void 0,
-            children: /* @__PURE__ */ jsx(
-              Checkbox,
+    // `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",
               {
-                checked: allSelected || someSelected,
-                onCheckedChange: handleSelectAll,
-                boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS
+                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 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);
-            }
-          },
-          onActionClick: (action) => onFileAction?.(action, file.id),
-          "data-loading-item": true
-        },
-        file.id
-      )) })
-    ] })
+            ),
+            /* @__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,
+            {
+              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);
+                }
+              },
+              onActionClick: (action) => onFileAction?.(action, file.id),
+              "data-loading-item": true
+            },
+            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") })
     ] })
   ] });
 }
@@ -433,58 +433,67 @@ function FileManagerTable({
     // 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.
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, "flex h-full flex-col rounded-lg border border-ods-border bg-ods-bg", className), 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",
-          {
-            className: FILE_MANAGER_CHECKBOX_CELL_CLASS,
-            inert: loading || void 0,
-            "aria-hidden": loading || void 0,
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunk5SZ4ILU3cjs.Checkbox,
+    // `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",
               {
-                checked: allSelected || someSelected,
-                onCheckedChange: handleSelectAll,
-                boxClassName: FILE_MANAGER_CHECKBOX_BOX_CLASS
+                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 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', _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)]);
-            }
-          },
-          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
-        },
-        file.id
-      )) })
-    ] })
+            ),
+            /* @__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,
+            {
+              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)]);
+                }
+              },
+              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
+            },
+            file.id
+          )) })
+        ]
+      }
+    )
   );
 }
 
@@ -616,7 +625,7 @@ function FileManager({
             )
           ] }),
           showSearch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkSWF6TNZ3cjs.Input,
+            _chunkZGEWT3SFcjs.Input,
             {
               userValue: true,
               value: searchQuery,