@arbidocs/blocks 0.4.96 → 0.4.98

package/dist/files/index.js

@@ -25,7 +25,7 @@ import '../chunk-VUNV25KB.js';
 import { cva } from 'class-variance-authority';
 import { cn, Popover, PopoverTrigger, PopoverContent, Command, CommandInput, CommandList, CommandEmpty, CommandGroup, CommandItem, Tooltip, TooltipTrigger, TooltipContent, Button, Progress, Badge, RadioGroup, RadioGroupItem, Label, ScrollArea, Checkbox, Dialog, DialogContent, DialogTitle, DialogDescription, TooltipProvider, IconToggle, Textarea, DropdownMenu, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuSeparator, DropdownMenuItem, DialogTrigger, Input, Select, SelectTrigger, SelectValue, SelectContent, SelectItem, DialogHeader, CommandSeparator, getTagTypeIcon, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, Switch } from '@arbidocs/react/ui';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import { memo, useState, useRef, useEffect, forwardRef, useMemo } from 'react';
+import { memo, useState, useRef, useEffect, forwardRef, useMemo, useCallback } from 'react';
 import { Check, Minus, PencilLine, Folder, LoaderCircle, Sparkles, AlertCircle, X, FolderOpen, Loader2, Upload, FileText, FolderPlus, Globe, Download, Copy, FolderInput, Users, XCircle, AlertTriangle, CheckCircle2, Info, RotateCcw, Share2, ImagePlus, Crop, ChevronLeft, ChevronRight, ZoomIn, CopyX, Tags, StickyNote, Columns2, ChevronDown, ExternalLink, Square, RefreshCw, Settings, Unplug, CheckCircle, CircleSlash, Hourglass, Plus, Mail, CornerDownRight, CornerRightDown, GitFork, Blend, MoreVertical, SquarePen, BookOpen, MessagesSquare, Pencil, FileDown, Trash2, SquareCheckBig, NotebookPen, MoreHorizontal, ArrowRightFromLine, Hash, ArrowDownToLine, Tag, Bot, Calendar, Search, List, Columns3, Save, Undo2, CheckIcon, ArrowUpDown, FolderUp, BookMarked, FileX, ChevronsUpDown, UploadCloud, Table2, ArrowRightLeft } from 'lucide-react';
 
 var pill = cva(
@@ -6153,6 +6153,302 @@ function TagFormFooter({
     )
   ] });
 }
+
+// src/files/views/gridViews.ts
+var SELECTION_COL_ID = "ag-Grid-SelectionColumn";
+var live = (api) => Boolean(api && !api.isDestroyed());
+function visibleColumns(api, ignored, fallback) {
+  if (!live(api)) return fallback;
+  const state = api.getColumnState();
+  if (!state) return fallback;
+  return state.filter((c) => !c.hide && !ignored.has(c.colId)).map((c) => c.colId);
+}
+function columnsMatch(api, current, viewColumns) {
+  const gridIds = live(api) ? new Set(api.getColumns()?.map((c) => c.getColId()) ?? []) : null;
+  const effective = gridIds ? viewColumns.filter((c) => gridIds.has(c)) : viewColumns;
+  return current.length === effective.length && current.every((c, i) => c === effective[i]);
+}
+function widthsMatch(api, widths) {
+  if (!widths || !live(api)) return true;
+  const byId = new Map(api.getColumnState().map((c) => [c.colId, c.width]));
+  return Object.entries(widths).every(([colId, w]) => {
+    const cur = byId.get(colId);
+    return cur != null && Math.round(cur) === Math.round(w);
+  });
+}
+function pinnedLeftColumns(api) {
+  if (!live(api)) return /* @__PURE__ */ new Set();
+  return new Set(
+    api.getColumnState().filter((c) => c.pinned === "left").map((c) => c.colId)
+  );
+}
+function captureColumnWidths(api, ignored) {
+  const widths = {};
+  if (!live(api)) return widths;
+  for (const col of api.getColumnState()) {
+    if (ignored.has(col.colId) || col.hide) continue;
+    if (col.flex != null) continue;
+    if (typeof col.width === "number") widths[col.colId] = col.width;
+  }
+  return widths;
+}
+function columnItems(api, visible, canonical, ignored) {
+  if (!live(api)) return [];
+  const state = api.getColumnState();
+  if (!state) return [];
+  const shown = new Set(visible);
+  const all = /* @__PURE__ */ new Map();
+  for (const col of state) {
+    if (ignored.has(col.colId)) continue;
+    const def = api.getColumnDef(col.colId);
+    all.set(col.colId, {
+      colId: col.colId,
+      label: def?.headerName || col.colId,
+      hidden: !shown.has(col.colId)
+    });
+  }
+  const result = [];
+  const seen = /* @__PURE__ */ new Set();
+  for (const colId of canonical) {
+    const col = all.get(colId);
+    if (col) {
+      result.push(col);
+      seen.add(colId);
+    }
+  }
+  for (const [colId, col] of all) if (!seen.has(colId)) result.push(col);
+  return result;
+}
+function toggleColumn(current, colId, canonical) {
+  if (current.includes(colId)) {
+    return current.length <= 1 ? current : current.filter((c) => c !== colId);
+  }
+  const index = canonical.indexOf(colId);
+  const next = [...current];
+  let insertAt = next.length;
+  for (let i = index - 1; i >= 0; i--) {
+    const at = next.indexOf(canonical[i]);
+    if (at !== -1) {
+      insertAt = at + 1;
+      break;
+    }
+  }
+  next.splice(insertAt, 0, colId);
+  return next;
+}
+function applyColumnLayout(api, columns) {
+  if (api.isDestroyed()) return;
+  const state = api.getColumnState();
+  const selection = state.find((c) => c.colId === SELECTION_COL_ID);
+  const byId = new Map(state.map((c) => [c.colId, c]));
+  const wanted = new Set(columns);
+  api.applyColumnState({
+    state: [
+      { colId: SELECTION_COL_ID, hide: false, width: selection?.width || 48 },
+      ...columns.map((colId) => {
+        const existing = byId.get(colId);
+        if (existing) return { ...existing, hide: false };
+        const def = api.getColumnDef(colId);
+        return { colId, hide: false, width: def?.width || def?.minWidth || 200 };
+      }),
+      ...state.filter((c) => c.colId !== SELECTION_COL_ID && !wanted.has(c.colId)).map((c) => ({ ...c, hide: true }))
+    ],
+    defaultState: { hide: void 0 },
+    applyOrder: true
+  });
+  api.setColumnsVisible(
+    columns.filter((id) => !id.startsWith("ag-Grid-")),
+    true
+  );
+  api.setColumnsVisible(
+    state.filter((c) => !c.colId.startsWith("ag-Grid-") && !wanted.has(c.colId)).map((c) => c.colId),
+    false
+  );
+}
+function applyViewColumns(api, view, applyColumns = (c, a) => applyColumnLayout(a, c)) {
+  applyColumns(view.columns, api);
+  if (view.column_widths && !api.isDestroyed()) {
+    api.applyColumnState({
+      state: Object.entries(view.column_widths).map(([colId, width]) => ({ colId, width })),
+      applyOrder: false
+    });
+  }
+  if (view.pinned_left && !api.isDestroyed()) {
+    const pinned = new Set(view.pinned_left);
+    api.applyColumnState({
+      state: api.getColumnState().map((c) => ({
+        colId: c.colId,
+        pinned: pinned.has(c.colId) ? "left" : null
+      })),
+      applyOrder: false
+    });
+  }
+}
+function upsertView(views, view) {
+  return [...views.filter((v) => v.name !== view.name), view];
+}
+function useGridViews({
+  getGridApi,
+  defaultColumns,
+  builtins,
+  savedViews,
+  stateVersion,
+  ignoredColumns,
+  currentRowHeight,
+  currentTileSize,
+  defaultTileSize,
+  onApplyColumns,
+  onLoadView,
+  onSaveView,
+  onDeleteView,
+  isSaving
+}) {
+  const [open, setOpen] = useState(false);
+  const [saveName, setSaveName] = useState("");
+  const ignoredKey = (ignoredColumns ?? []).join("\0");
+  const ignored = useMemo(
+    () => /* @__PURE__ */ new Set([SELECTION_COL_ID, ...ignoredKey ? ignoredKey.split("\0") : []]),
+    [ignoredKey]
+  );
+  const current = useMemo(
+    () => visibleColumns(getGridApi(), ignored, defaultColumns),
+    // stateVersion: the grid's column state lives outside React.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [getGridApi, defaultColumns, ignored, stateVersion]
+  );
+  const viewMatches = useCallback(
+    (view) => {
+      const api = getGridApi();
+      return columnsMatch(api, current, view.columns) && widthsMatch(api, view.column_widths) && (view.row_height == null || currentRowHeight == null || view.row_height === currentRowHeight) && (view.tile_size == null || currentTileSize == null || view.tile_size === currentTileSize);
+    },
+    [getGridApi, current, currentRowHeight, currentTileSize]
+  );
+  const currentView = useMemo(() => {
+    const api = getGridApi();
+    const pinned = pinnedLeftColumns(api);
+    const pinsMatch = (pinnedLeft = []) => pinnedLeft.length > 0 ? pinnedLeft.every((id) => pinned.has(id)) : !pinned.has(SELECTION_COL_ID);
+    if (currentTileSize == null || defaultTileSize == null || currentTileSize === defaultTileSize) {
+      for (const b of builtins) {
+        if ((b.rowHeight == null || currentRowHeight == null || currentRowHeight === b.rowHeight) && pinsMatch(b.pinnedLeft) && columnsMatch(api, current, b.columns))
+          return b.key;
+      }
+    }
+    for (const view of savedViews) if (viewMatches(view)) return view.name;
+    return "unsaved";
+  }, [
+    getGridApi,
+    builtins,
+    current,
+    savedViews,
+    viewMatches,
+    currentRowHeight,
+    currentTileSize,
+    defaultTileSize
+  ]);
+  const loadView = useCallback(
+    (key) => {
+      const api = getGridApi();
+      if (!api) return;
+      const builtin = builtins.find((b) => b.key === key);
+      if (builtin) {
+        onLoadView(
+          {
+            name: builtin.key,
+            columns: builtin.columns,
+            row_height: builtin.rowHeight,
+            tile_size: defaultTileSize,
+            pinned_left: builtin.pinnedLeft ?? []
+          },
+          api
+        );
+        setOpen(false);
+        return;
+      }
+      const view = savedViews.find((v) => v.name === key);
+      if (view) {
+        onLoadView(view, api);
+        setOpen(false);
+      }
+    },
+    [getGridApi, builtins, savedViews, onLoadView, defaultTileSize]
+  );
+  const save = useCallback(async () => {
+    const name = saveName.trim();
+    if (!name) return;
+    const api = getGridApi();
+    const view = {
+      name,
+      columns: current,
+      column_widths: captureColumnWidths(api, ignored),
+      ...currentTileSize != null ? { tile_size: currentTileSize } : {},
+      ...currentRowHeight != null ? { row_height: currentRowHeight } : {}
+    };
+    try {
+      await onSaveView(view);
+    } catch {
+      return;
+    }
+    setSaveName("");
+    setOpen(false);
+    if (api && !api.isDestroyed()) onLoadView(view, api);
+  }, [
+    saveName,
+    getGridApi,
+    current,
+    ignored,
+    currentTileSize,
+    currentRowHeight,
+    onSaveView,
+    onLoadView
+  ]);
+  const remove = useCallback(
+    async (name) => {
+      const deleted = await onDeleteView(name);
+      if (deleted === false) return;
+      if (currentView === name && builtins[0]) loadView(builtins[0].key);
+    },
+    [onDeleteView, currentView, builtins, loadView]
+  );
+  const columns = useMemo(
+    () => columnItems(getGridApi(), current, defaultColumns, ignored),
+    [getGridApi, current, defaultColumns, ignored]
+  );
+  const toggle = useCallback(
+    (colId) => {
+      const api = getGridApi();
+      if (!api || api.isDestroyed()) return;
+      const next = toggleColumn(
+        current,
+        colId,
+        columns.map((c) => c.colId)
+      );
+      if (next !== current) onApplyColumns(next, api);
+    },
+    [getGridApi, current, columns, onApplyColumns]
+  );
+  const builtinItems = useMemo(
+    () => builtins.map(({ key, label, icon, testId }) => ({ key, label, icon, testId })),
+    [builtins]
+  );
+  return {
+    open,
+    onOpenChange: (next) => {
+      setOpen(next);
+      if (!next) setSaveName("");
+    },
+    currentView,
+    builtins: builtinItems,
+    savedViewNames: savedViews.map((v) => v.name),
+    columns,
+    saveName,
+    onSaveNameChange: setSaveName,
+    onSave: () => void save(),
+    isSaving,
+    onSelectView: loadView,
+    onDeleteView: (name) => void remove(name),
+    onToggleColumn: toggle
+  };
+}
 var DEFAULT_AI_REVIEW_DIALOG_LABELS = {
   title: "AI annotation",
   fieldLabel: "Field",
@@ -6699,6 +6995,6 @@ function ExplorerDragPreview({ icon, title, count }) {
   ] });
 }
 
-export { AiReviewDialogView, BulkActionsBar, BulkLabelSelectView, BulkReplaceDialog, BulkTagEditorDialog, CheckboxCell, CitedRunNav, DEFAULT_AI_REVIEW_DIALOG_LABELS, DEFAULT_BULK_ACTIONS_LABELS, DEFAULT_BULK_REPLACE_LABELS, DEFAULT_BULK_TAG_EDITOR_LABELS, DEFAULT_DOC_TAG_LABELS, DEFAULT_EXPLORER_LABELS, DEFAULT_EXPORT_LABELS, DEFAULT_FIELDS_EDITOR_LABELS, DEFAULT_FILES_SEARCH_LABELS, DEFAULT_HTML_VIEWER_LABELS, DEFAULT_IMPORT_LABELS, DEFAULT_LABEL_MULTI_SELECT_LABELS, DEFAULT_MOVE_TO_FOLDER_LABELS, DEFAULT_TAG_MANAGER_LABELS, DEFAULT_TAG_PASSAGE_PANEL_LABELS, DEFAULT_TRANSFER_LABELS, DEFAULT_UPLOAD_FOOTER_LABELS, DEFAULT_UPLOAD_PARTS_LABELS, DEFAULT_UPLOAD_SOURCES_LABELS, DEFAULT_URL_INPUT_DIALOG_LABELS, DEFAULT_VIEWER_LABELS, DEFAULT_VIEW_SELECTOR_LABELS, DocStatusIcon, DocTagBar, DocTagBreadcrumb, DocTagCreateLink, DocTagEmpty, DocTagFieldIcon, DocTagFieldRow, DocTagNavigator, DocTagPopover, DocTagToggle, DocTagUnsavedFooter, DocTagValueInput, DocumentGrid, DocumentNameCellFrame, DocumentRowMenu, ExplorerDragPreview, ExplorerDropOverlay, ExplorerEmpty, ExplorerFileTile, ExplorerFileTooltip, ExplorerFolderTile, ExplorerFrame, ExplorerLoadingTiles, ExplorerMarquee, ExplorerScroller, ExplorerStage, ExportFooter, ExportMethodChooser, ExportModalTitle, ExportResultsReport, ExportWorkspacePicker, FieldAttribution, FieldFolderSelect, FieldFolderValue, FieldLabelsSelect, FieldNativeSelect, FieldRow, FieldValue, FieldWithAttribution, FieldsApplyBar, FieldsEditorList, FieldsEditorRoot, FieldsEditorToolbar, FieldsEmptyState, FieldsManagerBody, FieldsManagerDefinition, FieldsManagerTitle, FilesAddMenu, FilesPage, FilesPageHeader, FilesPageMain, FilesPageTitle, FilesSearchInput, FilesToolbar, FolderBreadcrumb, FolderCell, FolderSummary, HtmlPage, HtmlPassage, HtmlViewerEmpty, HtmlViewerRoot, HtmlViewerSurface, ImportActionButton, ImportAside, ImportFamilySection, ImportHint, ImportList, ImportPanel, ImportProgress, ImportRow, ImportRunActions, ImportSummary, LabelMultiSelectView, LabelPickerList, MediaPreviewView, MoveToFolderDialog, PassageStepper, PdfPageNav, RejectedFilesList, RelatedDocsCell, SelectedFilesList, StatusPill, TagColumnHeader, TagFormField, TagFormFooter, TagFormInstructionField, TagFormMeta, TagFormNameField, TagFormNote, TagFormOptionsEditor, TagFormRoot, TagFormSelectField, TagFormSharedToggle, TagManager, TagPassagePanel, TaskSection, TransferConflictChooser, TransferKindsPicker, TransferPlanSummary, TransferProgressView, TransferReferencesChooser, TransferResumeBanner, TransferScopeChooser, TranslationBadge, TranslationCompareTable, UploadBrowseButtons, UploadContainer, UploadDropArea, UploadErrorMessage, UploadFooterBar, UploadFrame, UploadProgress, UploadShareNote, UploadSourcePicker, UploadSourceSection, UploadUrlButton, UrlDialogTitle, UrlInputDialogView, VendorLogo, ViewSelectorMenu, ViewerFrame, ViewerImageActions, ViewerLoadError, ViewerMessage, ViewerPageCounter, ViewerPreviewUnavailable, ViewerTabBar, ViewerTitle, ViewerZoomControl, documentGridLayoutProps, fieldsApplyBarCopy, fieldsEmptyText, filterFieldsByName, labelChipClampHeight, resolveDocumentGridLayout, sortFields };
+export { AiReviewDialogView, BulkActionsBar, BulkLabelSelectView, BulkReplaceDialog, BulkTagEditorDialog, CheckboxCell, CitedRunNav, DEFAULT_AI_REVIEW_DIALOG_LABELS, DEFAULT_BULK_ACTIONS_LABELS, DEFAULT_BULK_REPLACE_LABELS, DEFAULT_BULK_TAG_EDITOR_LABELS, DEFAULT_DOC_TAG_LABELS, DEFAULT_EXPLORER_LABELS, DEFAULT_EXPORT_LABELS, DEFAULT_FIELDS_EDITOR_LABELS, DEFAULT_FILES_SEARCH_LABELS, DEFAULT_HTML_VIEWER_LABELS, DEFAULT_IMPORT_LABELS, DEFAULT_LABEL_MULTI_SELECT_LABELS, DEFAULT_MOVE_TO_FOLDER_LABELS, DEFAULT_TAG_MANAGER_LABELS, DEFAULT_TAG_PASSAGE_PANEL_LABELS, DEFAULT_TRANSFER_LABELS, DEFAULT_UPLOAD_FOOTER_LABELS, DEFAULT_UPLOAD_PARTS_LABELS, DEFAULT_UPLOAD_SOURCES_LABELS, DEFAULT_URL_INPUT_DIALOG_LABELS, DEFAULT_VIEWER_LABELS, DEFAULT_VIEW_SELECTOR_LABELS, DocStatusIcon, DocTagBar, DocTagBreadcrumb, DocTagCreateLink, DocTagEmpty, DocTagFieldIcon, DocTagFieldRow, DocTagNavigator, DocTagPopover, DocTagToggle, DocTagUnsavedFooter, DocTagValueInput, DocumentGrid, DocumentNameCellFrame, DocumentRowMenu, ExplorerDragPreview, ExplorerDropOverlay, ExplorerEmpty, ExplorerFileTile, ExplorerFileTooltip, ExplorerFolderTile, ExplorerFrame, ExplorerLoadingTiles, ExplorerMarquee, ExplorerScroller, ExplorerStage, ExportFooter, ExportMethodChooser, ExportModalTitle, ExportResultsReport, ExportWorkspacePicker, FieldAttribution, FieldFolderSelect, FieldFolderValue, FieldLabelsSelect, FieldNativeSelect, FieldRow, FieldValue, FieldWithAttribution, FieldsApplyBar, FieldsEditorList, FieldsEditorRoot, FieldsEditorToolbar, FieldsEmptyState, FieldsManagerBody, FieldsManagerDefinition, FieldsManagerTitle, FilesAddMenu, FilesPage, FilesPageHeader, FilesPageMain, FilesPageTitle, FilesSearchInput, FilesToolbar, FolderBreadcrumb, FolderCell, FolderSummary, HtmlPage, HtmlPassage, HtmlViewerEmpty, HtmlViewerRoot, HtmlViewerSurface, ImportActionButton, ImportAside, ImportFamilySection, ImportHint, ImportList, ImportPanel, ImportProgress, ImportRow, ImportRunActions, ImportSummary, LabelMultiSelectView, LabelPickerList, MediaPreviewView, MoveToFolderDialog, PassageStepper, PdfPageNav, RejectedFilesList, RelatedDocsCell, SELECTION_COL_ID, SelectedFilesList, StatusPill, TagColumnHeader, TagFormField, TagFormFooter, TagFormInstructionField, TagFormMeta, TagFormNameField, TagFormNote, TagFormOptionsEditor, TagFormRoot, TagFormSelectField, TagFormSharedToggle, TagManager, TagPassagePanel, TaskSection, TransferConflictChooser, TransferKindsPicker, TransferPlanSummary, TransferProgressView, TransferReferencesChooser, TransferResumeBanner, TransferScopeChooser, TranslationBadge, TranslationCompareTable, UploadBrowseButtons, UploadContainer, UploadDropArea, UploadErrorMessage, UploadFooterBar, UploadFrame, UploadProgress, UploadShareNote, UploadSourcePicker, UploadSourceSection, UploadUrlButton, UrlDialogTitle, UrlInputDialogView, VendorLogo, ViewSelectorMenu, ViewerFrame, ViewerImageActions, ViewerLoadError, ViewerMessage, ViewerPageCounter, ViewerPreviewUnavailable, ViewerTabBar, ViewerTitle, ViewerZoomControl, applyColumnLayout, applyViewColumns, captureColumnWidths, columnItems, columnsMatch, documentGridLayoutProps, fieldsApplyBarCopy, fieldsEmptyText, filterFieldsByName, labelChipClampHeight, pinnedLeftColumns, resolveDocumentGridLayout, sortFields, toggleColumn, upsertView, useGridViews, visibleColumns, widthsMatch };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map