react-os-shell 3.14.2 → 3.15.0

package/dist/index.js

@@ -1,20 +1,20 @@
 import { subscribePomo, getPomoSnapshot } from './chunk-KHKPAF5R.js';
 export { setShellTodoProvider } from './chunk-KHKPAF5R.js';
-import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-GYAP4IBA.js';
-export { Breadcrumbs } from './chunk-GYAP4IBA.js';
+import { PREVIEW_OPENED_EVENT, publishDesktopFolders, requestFilesTrashView, FolderGlyph, openPreviewFile, requestFilesDesktopFolderView, FileIconTile, hashGradient } from './chunk-72RLGQXP.js';
+export { Breadcrumbs } from './chunk-72RLGQXP.js';
 import { SidebarLayout } from './chunk-YG45DAUT.js';
 export { SidebarLayout } from './chunk-YG45DAUT.js';
 import { playNotification, playStartup, soundsEnabled, getSoundConfig, SOUND_PACK_KEYS, SOUND_PACKS, SOUND_TYPES, SOUND_TYPE_LABELS, setSoundForType, previewSound, setAllSounds, playLogout } from './chunk-D7PYW2QS.js';
-import { setPdfPreview } from './chunk-6GVIP3TJ.js';
-export { ImageAnnotator_default as ImageAnnotator } from './chunk-6GVIP3TJ.js';
+import { setPdfPreview } from './chunk-F4YQYEJQ.js';
+export { ImageAnnotator_default as ImageAnnotator } from './chunk-F4YQYEJQ.js';
 import { toast_default } from './chunk-VENYVK3L.js';
 export { toast_default as toast } from './chunk-VENYVK3L.js';
-import { EditableGrid } from './chunk-FKZTCOOQ.js';
-export { EditableGrid } from './chunk-FKZTCOOQ.js';
+import { EditableGrid } from './chunk-BK3ZZRRD.js';
+export { EditableGrid } from './chunk-BK3ZZRRD.js';
 import { useAuth, useShellAuth } from './chunk-ADJ3CERD.js';
 export { ShellAuthProvider, setShellAuthBridge, useShellAuth } from './chunk-ADJ3CERD.js';
-import { APP_VERSION, VERSION } from './chunk-7GSHFSWI.js';
-export { VERSION } from './chunk-7GSHFSWI.js';
+import { APP_VERSION, VERSION } from './chunk-Q2T2FDU3.js';
+export { VERSION } from './chunk-Q2T2FDU3.js';
 import { useWindowManager, PopupMenu, PopupMenuLabel, PopupMenuDivider, PopupMenuItem, WINDOW_REGISTRY, isPageEntry, Modal, useShellPrefs, useIsMobile, ModalActions, useModalActive, client_default, LoadingSpinner, CancelButton, setWindowPosition, ThumbCard, activateModal } from './chunk-ZGLERMDX.js';
 export { CancelButton, CopyButton, DocFavStar, Modal, ModalActions, PopupMenu, PopupMenuDivider, PopupMenuItem, PopupMenuLabel, ShellPrefsProvider, WindowCrashedFallback, WindowErrorBoundary, WindowManagerProvider, WindowTitle, commitExposeHighlight, exitExposeMode, getActiveWindowRoute, getExposeHighlight, getWindowPosition, isEntityEntry, isPageEntry, registerModalEscapeInterceptor, setExposeHighlight, setShellApiClient, setShellWindowRegistry, setWindowDefaultPosition, setWindowPosition, subscribeExposeHighlight, toggleExposeMode, useLocalStoragePrefs, useModalActive, useShellPrefs, useWidgetSettings, useWindowManager, useWindowMenuItem, useWindowTitle } from './chunk-ZGLERMDX.js';
 export { ConfirmProvider, confirm, confirmDestructive, prompt } from './chunk-UBN4IUDE.js';
@@ -5907,8 +5907,13 @@ function EntityList(props) {
     footerExtra,
     sentinelRef,
     isFetchingNextPage,
-    saveDefaultPerms
+    saveDefaultPerms,
+    exportEndpoint,
+    exportFilename = "export.csv",
+    contextActions
   } = props;
+  const [menu, setMenu] = useState(null);
+  const hasMenu = !!exportEndpoint || !!contextActions;
   const toggleItem = (item) => {
     setSelected((prev) => {
       const next = new Set(prev);
@@ -5929,6 +5934,48 @@ function EntityList(props) {
     });
   };
   const focusIdx = useTableNav(items, onRowClick, toggleItem, toggleAll, selectRange);
+  const handleRowContextMenu = (e, item) => {
+    if (!hasMenu) return;
+    e.preventDefault();
+    const id = getRowId(item);
+    if (!selected.has(id)) setSelected(/* @__PURE__ */ new Set([id]));
+    setMenu({ x: e.clientX, y: e.clientY });
+  };
+  const selectedItems = items.filter((i) => selected.has(getRowId(i)));
+  const colsParam = () => {
+    const labelByKey = new Map(columns.map((c) => [c.key, c.label]));
+    try {
+      const raw = localStorage.getItem(`col-config-${tableId}`);
+      if (raw) {
+        const parsed = JSON.parse(raw);
+        const cols = parsed.filter((c) => !c.hidden && c.key !== "_select" && labelByKey.has(c.key)).map((c) => `${c.key}|${labelByKey.get(c.key)}`);
+        if (cols.length) return cols.join(",");
+      }
+    } catch {
+    }
+    return columns.filter((c) => !c.defaultHidden).map((c) => `${c.key}|${c.label}`).join(",");
+  };
+  const exportSelected = async () => {
+    setMenu(null);
+    const ids = [...selected];
+    if (!ids.length || !exportEndpoint) return;
+    const p = new URLSearchParams({ ids: ids.join(",") });
+    const cols = colsParam();
+    if (cols) p.set("cols", cols);
+    const sep = exportEndpoint.includes("?") ? "&" : "?";
+    try {
+      const res = await client_default.get(`${exportEndpoint}${sep}${p}`, { responseType: "blob" });
+      const url = window.URL.createObjectURL(new Blob([res.data], { type: "text/csv" }));
+      const a = document.createElement("a");
+      a.href = url;
+      a.download = exportFilename;
+      a.click();
+      window.URL.revokeObjectURL(url);
+      toast_default.success(`Exported ${ids.length} ${ids.length === 1 ? "row" : "rows"}.`);
+    } catch {
+      toast_default.error("CSV export failed.");
+    }
+  };
   if (isLoading) return /* @__PURE__ */ jsx(LoadingSpinner, {});
   if (items.length === 0) return /* @__PURE__ */ jsx(Fragment, { children: emptyState });
   const allSelected = items.length > 0 && selected.size === items.length;
@@ -5965,44 +6012,75 @@ function EntityList(props) {
     /* @__PURE__ */ jsx("div", { ref: sentinelRef }),
     isFetchingNextPage && /* @__PURE__ */ jsx("div", { className: "text-center py-3", children: /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-500", children: "Loading more..." }) })
   ] }) : void 0;
-  return /* @__PURE__ */ jsx("div", { className: "flex-1 flex flex-col mb-1 bg-white rounded-lg shadow overflow-hidden", children: /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsx(
-    ResizableTable,
-    {
-      tableId,
-      columns: fullColumns,
-      sort,
-      onSort,
-      footer,
-      afterBody,
-      saveDefaultPerms,
-      children: (cols) => /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: items.map((item, rowIdx) => {
-        const id = getRowId(item);
-        return /* @__PURE__ */ jsx(
-          "tr",
+  const actions = menu && contextActions ? contextActions(selectedItems) : [];
+  return /* @__PURE__ */ jsxs("div", { className: "flex-1 flex flex-col mb-1 bg-white rounded-lg shadow overflow-hidden", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 flex flex-col", children: /* @__PURE__ */ jsx(
+      ResizableTable,
+      {
+        tableId,
+        columns: fullColumns,
+        sort,
+        onSort,
+        footer,
+        afterBody,
+        saveDefaultPerms,
+        children: (cols) => /* @__PURE__ */ jsx("tbody", { className: "divide-y divide-gray-100", children: items.map((item, rowIdx) => {
+          const id = getRowId(item);
+          return /* @__PURE__ */ jsx(
+            "tr",
+            {
+              "data-row-idx": rowIdx,
+              className: `cursor-pointer ${focusIdx === rowIdx ? "bg-blue-50 ring-1 ring-inset ring-blue-300" : selected.has(id) ? "bg-blue-50 hover:bg-blue-100" : "hover:bg-gray-50"} ${getRowClassName?.(item) ?? ""}`,
+              onClick: () => onRowClick(item),
+              onContextMenu: hasMenu ? (e) => handleRowContextMenu(e, item) : void 0,
+              onMouseEnter: onRowHover ? () => onRowHover(item) : void 0,
+              children: cols.map((col) => /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap text-sm overflow-hidden", children: col.key === "_select" ? /* @__PURE__ */ jsx(
+                "input",
+                {
+                  type: "checkbox",
+                  checked: selected.has(id),
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    toggleItem(item);
+                  },
+                  readOnly: true,
+                  className: "h-3.5 w-3.5 rounded border-gray-300 text-blue-600"
+                }
+              ) : renderCell(item, col.key) }, col.key))
+            },
+            id
+          );
+        }) })
+      }
+    ) }),
+    menu && /* @__PURE__ */ jsxs(PopupMenu, { portal: true, style: { left: menu.x, top: menu.y }, onClose: () => setMenu(null), minWidth: 210, children: [
+      /* @__PURE__ */ jsxs(PopupMenuLabel, { children: [
+        selected.size,
+        " selected"
+      ] }),
+      exportEndpoint && /* @__PURE__ */ jsx(PopupMenuItem, { onClick: exportSelected, children: "Export selected to CSV" }),
+      actions.map((a, i) => /* @__PURE__ */ jsxs("div", { children: [
+        a.divider && /* @__PURE__ */ jsx(PopupMenuDivider, {}),
+        /* @__PURE__ */ jsx(
+          PopupMenuItem,
           {
-            "data-row-idx": rowIdx,
-            className: `cursor-pointer ${focusIdx === rowIdx ? "bg-blue-50 ring-1 ring-inset ring-blue-300" : selected.has(id) ? "bg-blue-50 hover:bg-blue-100" : "hover:bg-gray-50"} ${getRowClassName?.(item) ?? ""}`,
-            onClick: () => onRowClick(item),
-            onMouseEnter: onRowHover ? () => onRowHover(item) : void 0,
-            children: cols.map((col) => /* @__PURE__ */ jsx("td", { className: "px-4 py-3 whitespace-nowrap text-sm overflow-hidden", children: col.key === "_select" ? /* @__PURE__ */ jsx(
-              "input",
-              {
-                type: "checkbox",
-                checked: selected.has(id),
-                onClick: (e) => {
-                  e.stopPropagation();
-                  toggleItem(item);
-                },
-                readOnly: true,
-                className: "h-3.5 w-3.5 rounded border-gray-300 text-blue-600"
-              }
-            ) : renderCell(item, col.key) }, col.key))
-          },
-          id
-        );
-      }) })
-    }
-  ) }) });
+            danger: a.danger,
+            disabled: a.disabled,
+            onClick: () => {
+              setMenu(null);
+              a.onClick(selectedItems);
+            },
+            children: a.label
+          }
+        )
+      ] }, i)),
+      /* @__PURE__ */ jsx(PopupMenuDivider, {}),
+      /* @__PURE__ */ jsx(PopupMenuItem, { onClick: () => {
+        setMenu(null);
+        setSelected(/* @__PURE__ */ new Set());
+      }, children: "Clear selection" })
+    ] })
+  ] });
 }
 function Kanban({
   items,