@inkbar/react 0.1.1 → 0.3.0

package/dist/index.d.mts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.mts","names":["AnnotationSlotProps","AnnotationSlotProps","AnnotationSlotProps","NotePopoverSlotProps","SuggestionCardSlotProps"],"sources":["../src/context.ts","../src/use-readable.ts","../src/hooks/useDocument.ts","../src/hooks/useAnnotations.ts","../src/hooks/useTool.ts","../src/hooks/useSelection.ts","../src/hooks/useZoom.ts","../src/hooks/usePage.ts","../src/hooks/useHistory.ts","../src/hooks/useEmbedded.ts","../src/components/InkRoot.tsx","../src/components/InkViewport.tsx","../src/components/InkPage.tsx","../src/components/InkAnnotation.tsx","../src/components/InkToolbar.tsx","../src/components/InkToolButton.tsx","../src/components/zoom-button.ts","../src/components/InkZoomIn.tsx","../src/components/InkZoomOut.tsx","../src/components/InkZoomSelect.tsx","../src/components/InkPageInput.tsx","../src/components/InkPageCount.tsx","../src/compositions/DefaultToolbar.tsx","../src/components/InkNotePopover.tsx","../src/components/InkSuggestionCard.tsx"],"mappings":"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"}
+{"version":3,"file":"index.d.mts","names":["AnnotationSlotProps","AnnotationSlotProps","AnnotationSlotProps","NotePopoverSlotProps","SuggestionCardSlotProps"],"sources":["../src/context.ts","../src/use-readable.ts","../src/hooks/useDocument.ts","../src/hooks/useAnnotations.ts","../src/hooks/useTool.ts","../src/hooks/useSelection.ts","../src/hooks/useZoom.ts","../src/hooks/usePage.ts","../src/hooks/useHistory.ts","../src/hooks/useEmbedded.ts","../src/components/InkRoot.tsx","../src/components/InkViewport.tsx","../src/components/InkPage.tsx","../src/components/InkAnnotation.tsx","../src/components/InkToolbar.tsx","../src/components/InkIcon.tsx","../src/components/InkToolButton.tsx","../src/components/InkToolbarSeparator.tsx","../src/components/history-button.ts","../src/components/InkUndo.tsx","../src/components/InkRedo.tsx","../src/components/zoom-button.ts","../src/components/InkZoomIn.tsx","../src/components/InkZoomOut.tsx","../src/components/InkZoomSelect.tsx","../src/components/InkPageInput.tsx","../src/components/InkPageCount.tsx","../src/components/page-button.ts","../src/components/InkPrevPage.tsx","../src/components/InkNextPage.tsx","../src/components/InkNotePopover.tsx","../src/components/InkSuggestionCard.tsx"],"mappings":"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"}

package/dist/index.mjs

@@ -1,11 +1,11 @@
 "use client";
-import { createContext, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { createContext, createElement, useCallback, useContext, useEffect, useImperativeHandle, useLayoutEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { InkError, acceptSuggestion, confidenceBucket, createSnapshotHistory, isAbandonedNote, openDocument, repliesTo, threadOf, threadRoot } from "@inkbar/core";
 import { TOOL_LABELS, ZOOM_LEVELS, createFocusReturn, cssVariableDefaults, mountViewer, observeAnnotationElement, shouldKeepOpenOnAnnotation } from "@inkbar/core/dom";
-import { Popover, Slot, Toolbar } from "radix-ui";
+import { Popover, Select, Slot, Toolbar } from "radix-ui";
 import { createPortal, flushSync } from "react-dom";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { Hand, Highlighter, MessageSquare, MousePointer2, Square, ZoomIn, ZoomOut } from "lucide-react";
+import { Check, ChevronDown, ChevronLeft, ChevronRight, Hand, Highlighter, ICON_ATTRIBUTES, MessageSquare, MousePointer2, Redo2, Square, Undo2, ZoomIn, ZoomOut } from "@inkbar/icons";
 //#region src/context.ts
 const InkContextObject = createContext(null);
 /**
@@ -746,7 +746,32 @@ function InkToolbar({ label = "Document tools", asChild = false, className, chil
 	});
 }
 //#endregion
+//#region src/components/InkIcon.tsx
+/** `stroke-width` to `strokeWidth`: React names SVG attributes in camelCase. */
+const camel = (name) => name.replace(/-([a-z])/g, (_, c) => c.toUpperCase());
+const SVG_ATTRIBUTES = Object.fromEntries(Object.entries(ICON_ATTRIBUTES).map(([k, v]) => [camel(k), v]));
+function InkIcon({ icon, size = 18 }) {
+	return /* @__PURE__ */ jsx("svg", {
+		...SVG_ATTRIBUTES,
+		width: size,
+		height: size,
+		className: "ink-icon",
+		"aria-hidden": "true",
+		children: icon.map(([tag, attrs], i) => createElement(tag, {
+			key: i,
+			...attrs
+		}))
+	});
+}
+//#endregion
 //#region src/components/InkToolButton.tsx
+const ICONS = {
+	view: Hand,
+	select: MousePointer2,
+	highlight: Highlighter,
+	"redact-area": Square,
+	note: MessageSquare
+};
 function InkToolButton({ tool, label, asChild = false, className, children, onClick, ...rest }) {
 	const { tool: current, setTool } = useTool();
 	const active = current === tool;
@@ -768,7 +793,60 @@ function InkToolButton({ tool, label, asChild = false, className, children, onCl
 		children: typeof children === "function" ? children({
 			active,
 			label: name
-		}) : children ?? name
+		}) : children ?? /* @__PURE__ */ jsx(InkIcon, { icon: ICONS[tool] })
+	});
+}
+//#endregion
+//#region src/components/InkToolbarSeparator.tsx
+/**
+* A divider between groups of controls in a horizontal toolbar. Not focusable. A plain div
+* rather than Radix's separator, which reads as horizontal inside a horizontal toolbar.
+*/
+function InkToolbarSeparator({ className, ...rest }) {
+	return /* @__PURE__ */ jsx("div", {
+		role: "separator",
+		"aria-orientation": "vertical",
+		className: cx("ink-toolbar-separator", className),
+		"data-ink-toolbar-separator": "",
+		...rest
+	});
+}
+//#endregion
+//#region src/components/InkUndo.tsx
+function InkUndo({ asChild = false, className, children, disabled, onClick, ...rest }) {
+	const { canUndo, undo } = useHistory();
+	return /* @__PURE__ */ jsx(Toolbar.Button, {
+		asChild,
+		className: cx("ink-undo", className),
+		"data-ink-undo": "",
+		"aria-label": "Undo",
+		title: "Undo",
+		...rest,
+		disabled: disabled === true || !canUndo,
+		onClick: (e) => {
+			onClick?.(e);
+			if (!e.defaultPrevented) undo();
+		},
+		children: children ?? /* @__PURE__ */ jsx(InkIcon, { icon: Undo2 })
+	});
+}
+//#endregion
+//#region src/components/InkRedo.tsx
+function InkRedo({ asChild = false, className, children, disabled, onClick, ...rest }) {
+	const { canRedo, redo } = useHistory();
+	return /* @__PURE__ */ jsx(Toolbar.Button, {
+		asChild,
+		className: cx("ink-redo", className),
+		"data-ink-redo": "",
+		"aria-label": "Redo",
+		title: "Redo",
+		...rest,
+		disabled: disabled === true || !canRedo,
+		onClick: (e) => {
+			onClick?.(e);
+			if (!e.defaultPrevented) redo();
+		},
+		children: children ?? /* @__PURE__ */ jsx(InkIcon, { icon: Redo2 })
 	});
 }
 //#endregion
@@ -786,7 +864,7 @@ function InkZoomIn({ asChild = false, className, children, onClick, ...rest }) {
 			onClick?.(e);
 			if (!e.defaultPrevented) zoomIn();
 		},
-		children: children ?? "+"
+		children: children ?? /* @__PURE__ */ jsx(InkIcon, { icon: ZoomIn })
 	});
 }
 //#endregion
@@ -804,48 +882,90 @@ function InkZoomOut({ asChild = false, className, children, onClick, ...rest })
 			onClick?.(e);
 			if (!e.defaultPrevented) zoomOut();
 		},
-		children: children ?? "−"
+		children: children ?? /* @__PURE__ */ jsx(InkIcon, { icon: ZoomOut })
 	});
 }
 //#endregion
 //#region src/components/InkZoomSelect.tsx
 const CUSTOM = "custom:";
 const level = (z) => ZOOM_LEVELS.find((l) => Math.abs(l - z) < .001);
+const percent = (z) => `${Math.round(z * 100)}%`;
+const FITS = [{
+	value: "fit-width",
+	label: "Fit width"
+}, {
+	value: "fit-page",
+	label: "Fit page"
+}];
+function Item({ value, label }) {
+	return /* @__PURE__ */ jsxs(Select.Item, {
+		value,
+		className: "ink-select-item",
+		"data-ink-select-item": "",
+		children: [/* @__PURE__ */ jsx(Select.ItemText, { children: label }), /* @__PURE__ */ jsx(Select.ItemIndicator, {
+			className: "ink-select-indicator",
+			children: /* @__PURE__ */ jsx(InkIcon, {
+				icon: Check,
+				size: 16
+			})
+		})]
+	});
+}
 function InkZoomSelect({ className, ...rest }) {
 	const { zoom, scale, setZoom } = useZoom();
 	/** A numeric zoom that is not one of the levels (zoom in and out multiply). */
 	const custom = typeof zoom === "number" && level(zoom) === void 0 ? zoom : null;
 	const value = typeof zoom !== "number" ? zoom : custom === null ? String(level(zoom)) : `${CUSTOM}${zoom}`;
-	function onChange(e) {
-		const v = e.target.value;
+	/** The levels, with a custom zoom in its place among them. */
+	const levels = ZOOM_LEVELS.map((l) => ({
+		z: l,
+		value: String(l),
+		label: percent(l)
+	}));
+	if (custom !== null) levels.push({
+		z: custom,
+		value: `${CUSTOM}${custom}`,
+		label: percent(scale)
+	});
+	levels.sort((a, b) => a.z - b.z);
+	function onValueChange(v) {
+		if (v === value) return;
 		const next = v === "fit-width" || v === "fit-page" ? v : Number(v.replace(CUSTOM, ""));
 		setZoom(next);
 	}
-	return /* @__PURE__ */ jsxs("select", {
-		className: cx("ink-zoom-select", className),
-		"data-ink-zoom-select": "",
-		"aria-label": "Zoom",
+	return /* @__PURE__ */ jsxs(Select.Root, {
 		value,
-		onChange,
-		...rest,
-		children: [
-			/* @__PURE__ */ jsx("option", {
-				value: "fit-width",
-				children: "Fit width"
-			}),
-			/* @__PURE__ */ jsx("option", {
-				value: "fit-page",
-				children: "Fit page"
-			}),
-			ZOOM_LEVELS.map((l) => /* @__PURE__ */ jsxs("option", {
-				value: String(l),
-				children: [Math.round(l * 100), "%"]
-			}, l)),
-			custom !== null ? /* @__PURE__ */ jsxs("option", {
-				value: `${CUSTOM}${custom}`,
-				children: [Math.round(scale * 100), "%"]
-			}) : null
-		]
+		onValueChange,
+		children: [/* @__PURE__ */ jsxs(Select.Trigger, {
+			className: cx("ink-zoom-select ink-select-trigger", className),
+			"data-ink-zoom-select": "",
+			"aria-label": "Zoom",
+			...rest,
+			children: [/* @__PURE__ */ jsx(Select.Value, { className: "ink-select-value" }), /* @__PURE__ */ jsx(Select.Icon, {
+				className: "ink-select-icon",
+				children: /* @__PURE__ */ jsx(InkIcon, {
+					icon: ChevronDown,
+					size: 16
+				})
+			})]
+		}), /* @__PURE__ */ jsx(Select.Portal, { children: /* @__PURE__ */ jsx(Select.Content, {
+			className: "ink-select-content",
+			"data-ink-select-content": "",
+			position: "popper",
+			side: "top",
+			sideOffset: 4,
+			children: /* @__PURE__ */ jsxs(Select.Viewport, { children: [
+				FITS.map((o) => /* @__PURE__ */ jsx(Item, {
+					value: o.value,
+					label: o.label
+				}, o.value)),
+				/* @__PURE__ */ jsx(Select.Separator, { className: "ink-select-separator" }),
+				levels.map((o) => /* @__PURE__ */ jsx(Item, {
+					value: o.value,
+					label: o.label
+				}, o.value))
+			] })
+		}) })]
 	});
 }
 //#endregion
@@ -911,83 +1031,41 @@ function InkPageCount({ className, ...rest }) {
 	});
 }
 //#endregion
-//#region src/compositions/DefaultToolbar.tsx
-const ICON = 18;
-function DefaultToolbar({ label = "Document tools", className, children }) {
-	return /* @__PURE__ */ jsxs(InkToolbar, {
-		label,
-		className: cx("ink-default-toolbar", className),
-		"data-ink-default-toolbar": "",
-		children: [
-			/* @__PURE__ */ jsxs("div", {
-				className: "ink-toolbar-group",
-				"data-ink-toolbar-group": "tools",
-				role: "group",
-				"aria-label": "Tools",
-				children: [
-					/* @__PURE__ */ jsx(InkToolButton, {
-						tool: "view",
-						children: /* @__PURE__ */ jsx(Hand, {
-							size: ICON,
-							"aria-hidden": "true"
-						})
-					}),
-					/* @__PURE__ */ jsx(InkToolButton, {
-						tool: "select",
-						children: /* @__PURE__ */ jsx(MousePointer2, {
-							size: ICON,
-							"aria-hidden": "true"
-						})
-					}),
-					/* @__PURE__ */ jsx(InkToolButton, {
-						tool: "highlight",
-						children: /* @__PURE__ */ jsx(Highlighter, {
-							size: ICON,
-							"aria-hidden": "true"
-						})
-					}),
-					/* @__PURE__ */ jsx(InkToolButton, {
-						tool: "redact-area",
-						children: /* @__PURE__ */ jsx(Square, {
-							size: ICON,
-							"aria-hidden": "true"
-						})
-					}),
-					/* @__PURE__ */ jsx(InkToolButton, {
-						tool: "note",
-						children: /* @__PURE__ */ jsx(MessageSquare, {
-							size: ICON,
-							"aria-hidden": "true"
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "ink-toolbar-group",
-				"data-ink-toolbar-group": "zoom",
-				role: "group",
-				"aria-label": "Zoom",
-				children: [
-					/* @__PURE__ */ jsx(InkZoomOut, { children: /* @__PURE__ */ jsx(ZoomOut, {
-						size: ICON,
-						"aria-hidden": "true"
-					}) }),
-					/* @__PURE__ */ jsx(InkZoomSelect, {}),
-					/* @__PURE__ */ jsx(InkZoomIn, { children: /* @__PURE__ */ jsx(ZoomIn, {
-						size: ICON,
-						"aria-hidden": "true"
-					}) })
-				]
-			}),
-			/* @__PURE__ */ jsxs("div", {
-				className: "ink-toolbar-group",
-				"data-ink-toolbar-group": "page",
-				role: "group",
-				"aria-label": "Page",
-				children: [/* @__PURE__ */ jsx(InkPageInput, {}), /* @__PURE__ */ jsx(InkPageCount, {})]
-			}),
-			children
-		]
+//#region src/components/InkPrevPage.tsx
+function InkPrevPage({ asChild = false, className, children, disabled, onClick, ...rest }) {
+	const { current, previous } = usePage();
+	return /* @__PURE__ */ jsx(Toolbar.Button, {
+		asChild,
+		className: cx("ink-prev-page", className),
+		"data-ink-prev-page": "",
+		"aria-label": "Previous page",
+		title: "Previous page",
+		disabled: disabled === true || current <= 0,
+		...rest,
+		onClick: (e) => {
+			onClick?.(e);
+			if (!e.defaultPrevented) previous();
+		},
+		children: children ?? /* @__PURE__ */ jsx(InkIcon, { icon: ChevronLeft })
+	});
+}
+//#endregion
+//#region src/components/InkNextPage.tsx
+function InkNextPage({ asChild = false, className, children, disabled, onClick, ...rest }) {
+	const { current, count, next } = usePage();
+	return /* @__PURE__ */ jsx(Toolbar.Button, {
+		asChild,
+		className: cx("ink-next-page", className),
+		"data-ink-next-page": "",
+		"aria-label": "Next page",
+		title: "Next page",
+		disabled: disabled === true || current >= count - 1,
+		...rest,
+		onClick: (e) => {
+			onClick?.(e);
+			if (!e.defaultPrevented) next();
+		},
+		children: children ?? /* @__PURE__ */ jsx(InkIcon, { icon: ChevronRight })
 	});
 }
 //#endregion
@@ -1028,7 +1106,7 @@ function InkNotePopover({ children }) {
 	const { annotations, add, update, remove } = useAnnotations();
 	const note = useMemo(() => {
 		const a = ctx.activated ? annotations.find((x) => x.id === ctx.activated) : void 0;
-		return a?.type === "note" ? threadRoot(annotations, a) : null;
+		return a?.type === "text" ? threadRoot(annotations, a) : null;
 	}, [annotations, ctx.activated]);
 	const anchor = useAnnotationElement(ctx.rootEl, note?.id ?? null);
 	const anchorRef = useMemo(() => ({ current: anchor }), [anchor]);
@@ -1070,7 +1148,7 @@ function InkNotePopover({ children }) {
 		if (!root || !contents) return;
 		written.current.add(root.id);
 		add({
-			type: "note",
+			type: "text",
 			page: root.page,
 			rect: root.rect,
 			contents,
@@ -1275,6 +1353,6 @@ function InkSuggestionCard({ children }) {
 	});
 }
 //#endregion
-export { DefaultToolbar, InkAnnotation, InkNotePopover, InkPage, InkPageCount, InkPageInput, InkRoot, InkSuggestionCard, InkToolButton, InkToolbar, InkViewport, InkZoomIn, InkZoomOut, InkZoomSelect, useAnnotations, useDocument, useEmbedded, useHistory, useInkContext, usePage, useReadable, useSelection, useTool, useZoom };
+export { InkAnnotation, InkIcon, InkNextPage, InkNotePopover, InkPage, InkPageCount, InkPageInput, InkPrevPage, InkRedo, InkRoot, InkSuggestionCard, InkToolButton, InkToolbar, InkToolbarSeparator, InkUndo, InkViewport, InkZoomIn, InkZoomOut, InkZoomSelect, useAnnotations, useDocument, useEmbedded, useHistory, useInkContext, usePage, useReadable, useSelection, useTool, useZoom };
 
 //# sourceMappingURL=index.mjs.map