@arbidocs/blocks 0.4.0 → 0.4.2

package/dist/files/ViewToggle.d.ts

@@ -11,12 +11,14 @@ export interface ViewToggleOption {
     value: string;
     icon: ReactNode;
     label: string;
+    /** Overrides this item's test id (default `${testIdPrefix}-${value}-button`). */
+    testId?: string;
 }
 export interface ViewToggleProps {
     options: ViewToggleOption[];
     value: string;
     onChange: (value: string) => void;
-    /** Item test ids are `${testIdPrefix}-${value}-button`. */
+    /** Item test ids are `${testIdPrefix}-${value}-button` unless an option sets its own `testId`. */
     testIdPrefix?: string;
     showLabels?: boolean;
     hideTooltips?: boolean;
@@ -39,6 +41,8 @@ export interface DocumentViewToggleProps {
     labels?: Partial<DocumentViewToggleLabels>;
     /** Overrides the segmented items' prefix (default `documents-layout`: `<prefix>-<mode>-button`). */
     testIdPrefix?: string;
+    /** Per-mode item ids, for hosts that keep their own (e.g. `documents-view-gallery`). */
+    testIds?: Partial<Record<DocumentViewMode, string>>;
     /** Overrides the compact select test ids (defaults keep the current ids). */
     compactTestIds?: Partial<{
         select: string;
@@ -46,4 +50,4 @@ export interface DocumentViewToggleProps {
     }>;
 }
 /** The Documents page's Gallery / Table / Review / Smart Search switch. */
-export declare function DocumentViewToggle({ viewMode, onChange, compact, labels, testIdPrefix, compactTestIds, }: DocumentViewToggleProps): import("react").JSX.Element;
+export declare function DocumentViewToggle({ viewMode, onChange, compact, labels, testIdPrefix, testIds, compactTestIds, }: DocumentViewToggleProps): import("react").JSX.Element;

package/dist/files/ViewerChrome.d.ts

@@ -19,9 +19,8 @@ export interface ViewerLabels {
     cropTitle: string;
     previousPage: string;
     nextPage: string;
-    zoomIn: string;
-    zoomOut: string;
-    zoomReset: (level: string) => string;
+    /** The zoom button's accessible name; `level` is the current zoom, e.g. "150%". */
+    zoom: (level: string) => string;
     pageInput: string;
     pageOfTitle: string;
     pageOf: (page: number, total: number) => string;
@@ -137,19 +136,17 @@ export declare function PdfPageNav({ canPrev, canNext, onPrev, onNext, counter,
 export interface ViewerZoomControlProps {
     /** Multiplier of the fit-width size (1 = fit width). */
     zoom: number;
-    canZoomIn: boolean;
-    canZoomOut: boolean;
-    onZoomIn: () => void;
-    onZoomOut: () => void;
-    /** Back to fit width (the level readout is the button). */
-    onReset: () => void;
+    /** Steps to the next zoom level (and back to fit width after the last). */
+    onCycle: () => void;
     labels?: Partial<ViewerLabels>;
     testIds?: Partial<{
-        overlay: string;
-        in: string;
-        out: string;
+        button: string;
         level: string;
     }>;
 }
-/** Floating zoom pill sitting just above the page control: "- 150% +". */
-export declare function ViewerZoomControl({ zoom, canZoomIn, canZoomOut, onZoomIn, onZoomOut, onReset, labels, testIds, }: ViewerZoomControlProps): import("react").JSX.Element;
+/**
+ * One small zoom button for touch devices (desktop has no zoom control: the page already fits
+ * the width). It stays quiet at fit width and shows the level once zoomed; pinch and double-tap
+ * work alongside it.
+ */
+export declare function ViewerZoomControl({ zoom, onCycle, labels, testIds }: ViewerZoomControlProps): import("react").JSX.Element;

package/dist/files/index.cjs

@@ -6,7 +6,7 @@ var chunkVFUWWH52_cjs = require('../chunk-VFUWWH52.cjs');
 var chunkOB5F4577_cjs = require('../chunk-OB5F4577.cjs');
 var chunkVLCY46K6_cjs = require('../chunk-VLCY46K6.cjs');
 var chunkULWRNGGE_cjs = require('../chunk-ULWRNGGE.cjs');
-var chunk6ALISABK_cjs = require('../chunk-6ALISABK.cjs');
+var chunkLRUCMZK6_cjs = require('../chunk-LRUCMZK6.cjs');
 var chunkV4ISCZJ7_cjs = require('../chunk-V4ISCZJ7.cjs');
 require('../chunk-PPCATBOY.cjs');
 require('../chunk-C54XEN5T.cjs');
@@ -1479,9 +1479,7 @@ var DEFAULT_VIEWER_LABELS = {
   cropTitle: "Crop and save as a new version",
   previousPage: "Previous page",
   nextPage: "Next page",
-  zoomIn: "Zoom in",
-  zoomOut: "Zoom out",
-  zoomReset: (level) => `Zoom ${level}. Click to fit the page width.`,
+  zoom: (level) => `Zoom ${level}. Tap to zoom in further, then back to fit the page width.`,
   pageInput: "Page number input",
   pageOfTitle: "Click to go to page",
   pageOf: (page, total) => `Page ${page} of ${total}. Click to navigate.`,
@@ -1758,60 +1756,28 @@ function PdfPageNav({
     }
   );
 }
-function ViewerZoomControl({
-  zoom,
-  canZoomIn,
-  canZoomOut,
-  onZoomIn,
-  onZoomOut,
-  onReset,
-  labels,
-  testIds
-}) {
+function ViewerZoomControl({ zoom, onCycle, labels, testIds }) {
   const l = { ...DEFAULT_VIEWER_LABELS, ...labels };
   const level = `${Math.round(zoom * 100)}%`;
+  const isZoomed = Math.abs(zoom - 1) > 0.02;
   return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
+    ui.Button,
     {
-      className: "absolute bottom-20 left-1/2 z-10 flex -translate-x-1/2 items-center gap-1 rounded-lg border border-border bg-background/95 px-2 py-1 shadow-lg backdrop-blur",
-      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.overlay, { testId: "viewer-zoom-overlay" }),
+      type: "button",
+      variant: "ghost",
+      onClick: onCycle,
+      "aria-label": l.zoom(level),
+      "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.button, { testId: "viewer-zoom-button" }),
+      className: "absolute right-3 bottom-4 z-10 hidden h-11 min-w-11 items-center justify-center gap-1 rounded-full border border-border bg-background/95 px-2.5 shadow-md backdrop-blur pointer-coarse:inline-flex",
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "size-7 shrink-0 pointer-coarse:size-11",
-            onClick: onZoomOut,
-            disabled: !canZoomOut,
-            "aria-label": l.zoomOut,
-            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.out, { testId: "viewer-zoom-out" }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Minus, { className: "size-4" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "button",
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ZoomIn, { className: "size-4" }),
+        isZoomed && /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
           {
-            type: "button",
-            onClick: onReset,
-            className: "min-w-12 rounded px-1 text-center text-sm font-medium tabular-nums hover:bg-muted pointer-coarse:min-h-11",
-            "aria-label": l.zoomReset(level),
+            className: "text-xs font-medium tabular-nums",
             "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.level, { testId: "viewer-zoom-level" }),
             children: level
           }
-        ),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          ui.Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "size-7 shrink-0 pointer-coarse:size-11",
-            onClick: onZoomIn,
-            disabled: !canZoomIn,
-            "aria-label": l.zoomIn,
-            "data-testid": chunkMHVNT4J3_cjs.testIdOr(testIds?.in, { testId: "viewer-zoom-in" }),
-            children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Plus, { className: "size-4" })
-          }
         )
       ]
     }
@@ -1971,7 +1937,7 @@ var DOCUMENT_GRID_CLASS = "w-full [&_.cell-empty]:text-muted-foreground [&_.ag-r
 function DocumentGrid({
   layout,
   presets,
-  GridComponent = chunk6ALISABK_cjs.GridView,
+  GridComponent = chunkLRUCMZK6_cjs.GridView,
   emptyWorkspace,
   showEmptyWorkspace,
   testId = "documents-grid",
@@ -7371,19 +7337,19 @@ function ExplorerDragPreview({ icon, title, count }) {
 
 Object.defineProperty(exports, "DEFAULT_DOCUMENT_VIEW_TOGGLE_LABELS", {
   enumerable: true,
-  get: function () { return chunk6ALISABK_cjs.DEFAULT_DOCUMENT_VIEW_TOGGLE_LABELS; }
+  get: function () { return chunkLRUCMZK6_cjs.DEFAULT_DOCUMENT_VIEW_TOGGLE_LABELS; }
 });
 Object.defineProperty(exports, "DocumentViewToggle", {
   enumerable: true,
-  get: function () { return chunk6ALISABK_cjs.DocumentViewToggle; }
+  get: function () { return chunkLRUCMZK6_cjs.DocumentViewToggle; }
 });
 Object.defineProperty(exports, "GridView", {
   enumerable: true,
-  get: function () { return chunk6ALISABK_cjs.GridView; }
+  get: function () { return chunkLRUCMZK6_cjs.GridView; }
 });
 Object.defineProperty(exports, "ViewToggle", {
   enumerable: true,
-  get: function () { return chunk6ALISABK_cjs.ViewToggle; }
+  get: function () { return chunkLRUCMZK6_cjs.ViewToggle; }
 });
 Object.defineProperty(exports, "DEFAULT_SELECTION_BAR_LABELS", {
   enumerable: true,