@arbidocs/blocks 0.4.96 → 0.4.98

package/dist/files/index.cjs

@@ -6152,6 +6152,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] = react.useState(false);
+  const [saveName, setSaveName] = react.useState("");
+  const ignoredKey = (ignoredColumns ?? []).join("\0");
+  const ignored = react.useMemo(
+    () => /* @__PURE__ */ new Set([SELECTION_COL_ID, ...ignoredKey ? ignoredKey.split("\0") : []]),
+    [ignoredKey]
+  );
+  const current = react.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 = react.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 = react.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 = react.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 = react.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 = react.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 = react.useMemo(
+    () => columnItems(getGridApi(), current, defaultColumns, ignored),
+    [getGridApi, current, defaultColumns, ignored]
+  );
+  const toggle = react.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 = react.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",
@@ -6907,6 +7203,7 @@ exports.PassageStepper = PassageStepper;
 exports.PdfPageNav = PdfPageNav;
 exports.RejectedFilesList = RejectedFilesList;
 exports.RelatedDocsCell = RelatedDocsCell;
+exports.SELECTION_COL_ID = SELECTION_COL_ID;
 exports.SelectedFilesList = SelectedFilesList;
 exports.StatusPill = StatusPill;
 exports.TagColumnHeader = TagColumnHeader;
@@ -6956,12 +7253,23 @@ exports.ViewerPreviewUnavailable = ViewerPreviewUnavailable;
 exports.ViewerTabBar = ViewerTabBar;
 exports.ViewerTitle = ViewerTitle;
 exports.ViewerZoomControl = ViewerZoomControl;
+exports.applyColumnLayout = applyColumnLayout;
+exports.applyViewColumns = applyViewColumns;
+exports.captureColumnWidths = captureColumnWidths;
+exports.columnItems = columnItems;
+exports.columnsMatch = columnsMatch;
 exports.documentGridLayoutProps = documentGridLayoutProps;
 exports.fieldsApplyBarCopy = fieldsApplyBarCopy;
 exports.fieldsEmptyText = fieldsEmptyText;
 exports.filterFieldsByName = filterFieldsByName;
 exports.labelChipClampHeight = labelChipClampHeight;
+exports.pinnedLeftColumns = pinnedLeftColumns;
 exports.resolveDocumentGridLayout = resolveDocumentGridLayout;
 exports.sortFields = sortFields;
+exports.toggleColumn = toggleColumn;
+exports.upsertView = upsertView;
+exports.useGridViews = useGridViews;
+exports.visibleColumns = visibleColumns;
+exports.widthsMatch = widthsMatch;
 //# sourceMappingURL=index.cjs.map
 //# sourceMappingURL=index.cjs.map