@devalok/shilp-sutra 0.34.0 → 0.34.1

package/dist/_chunks/document-preview.js

@@ -1,92 +1,111 @@
 "use client";
-import { jsx as e, jsxs as c } from "react/jsx-runtime";
-import * as n from "react";
-import { tweens as D } from "../ui/lib/motion.js";
-import { Skeleton as L } from "../ui/skeleton.js";
-import { Button as v } from "../ui/button.js";
-import { Icon as x } from "../ui/icon.js";
-import { IconChevronLeft as N, IconChevronRight as I } from "@tabler/icons-react";
-import { pdfjs as b, Document as A, Page as F } from "react-pdf";
-import { E as k, T as C } from "./file-preview.js";
-import { A as M, m as j } from "./framer.js";
-function $({ url: d, initialPage: u, onError: w }) {
-  n.useEffect(() => {
-    b.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${b.version}/build/pdf.worker.min.mjs`;
-  }, []);
-  const [a, y] = n.useState(0), [o, s] = n.useState(u), [m, i] = n.useState(String(u)), [P, S] = n.useState(!1), f = n.useRef(null), [p, g] = n.useState(!1);
-  n.useEffect(() => {
-    i(String(o));
-  }, [o]), n.useEffect(() => {
-    function t(r) {
-      const h = f.current;
-      !h || !h.contains(document.activeElement) && !p || (r.key === "ArrowRight" || r.key === "ArrowDown" ? (r.preventDefault(), s((l) => Math.min(a, l + 1))) : (r.key === "ArrowLeft" || r.key === "ArrowUp") && (r.preventDefault(), s((l) => Math.max(1, l - 1))));
-    }
-    return document.addEventListener("keydown", t), () => document.removeEventListener("keydown", t);
-  }, [a, p]);
-  function E(t) {
-    if (t.key === "Enter") {
-      const r = parseInt(m, 10);
-      r >= 1 && r <= a ? s(r) : i(String(o));
-    }
-  }
-  return P ? /* @__PURE__ */ e(k, { message: "Could not load PDF", url: d }) : /* @__PURE__ */ c(
-    "div",
-    {
-      ref: f,
-      className: "flex flex-col items-center gap-ds-03",
-      onMouseEnter: () => g(!0),
-      onMouseLeave: () => g(!1),
-      tabIndex: -1,
-      children: [
-        /* @__PURE__ */ e("div", { className: "overflow-auto max-h-[70vh] rounded-ds-md bg-surface-sunken border border-surface-border", children: /* @__PURE__ */ e(
-          A,
-          {
-            file: d,
-            onLoadSuccess: ({ numPages: t }) => y(t),
-            onLoadError: () => {
-              S(!0), w?.("PDF failed to load");
-            },
-            loading: /* @__PURE__ */ e(L, { className: "h-[500px] w-[400px]" }),
-            error: /* @__PURE__ */ e(k, { message: "Failed to load PDF", url: d }),
-            children: /* @__PURE__ */ e(M, { mode: "wait", children: /* @__PURE__ */ e(
-              j.div,
-              {
-                initial: { opacity: 0 },
-                animate: { opacity: 1 },
-                exit: { opacity: 0 },
-                transition: D.fade,
-                children: /* @__PURE__ */ e(F, { pageNumber: o, renderTextLayer: !1, renderAnnotationLayer: !1 })
-              },
-              o
-            ) })
-          }
-        ) }),
-        a > 0 && /* @__PURE__ */ c(C, { children: [
-          /* @__PURE__ */ e(v, { variant: "ghost", size: "icon-xs", onClick: () => s((t) => Math.max(1, t - 1)), disabled: o <= 1, "aria-label": "Previous page (←)", title: "Previous page", children: /* @__PURE__ */ e(x, { icon: N, size: "sm" }) }),
-          /* @__PURE__ */ c("div", { className: "flex items-center gap-ds-01 text-ds-xs text-surface-fg-muted", children: [
-            /* @__PURE__ */ e(
-              "input",
-              {
-                type: "text",
-                value: m,
-                onChange: (t) => i(t.target.value),
-                onKeyDown: E,
-                onBlur: () => i(String(o)),
-                className: "w-8 bg-transparent text-center font-mono text-surface-fg outline-hidden focus:bg-surface-raised-hover rounded-ds-sm",
-                "aria-label": "Page number"
-              }
-            ),
-            /* @__PURE__ */ c("span", { children: [
-              "/ ",
-              a
-            ] })
-          ] }),
-          /* @__PURE__ */ e(v, { variant: "ghost", size: "icon-xs", onClick: () => s((t) => Math.min(a, t + 1)), disabled: o >= a, "aria-label": "Next page (→)", title: "Next page", children: /* @__PURE__ */ e(x, { icon: I, size: "sm" }) })
-        ] })
-      ]
-    }
-  );
+import { a as e, c as t } from "./framer.js";
+import { tweens as n } from "../ui/lib/motion.js";
+import { Icon as r } from "../ui/icon.js";
+import { Button as i } from "../ui/button.js";
+import { Skeleton as a } from "../ui/skeleton.js";
+import { n as o, t as s } from "./shared.js";
+import * as c from "react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { IconChevronLeft as d, IconChevronRight as f } from "@tabler/icons-react";
+import { Document as p, Page as m, pdfjs as h } from "react-pdf";
+//#region src/composed/file-preview/document-preview.tsx
+function g({ url: g, initialPage: _, onError: v }) {
+	c.useEffect(() => {
+		h.GlobalWorkerOptions.workerSrc = `//unpkg.com/pdfjs-dist@${h.version}/build/pdf.worker.min.mjs`;
+	}, []);
+	let [y, b] = c.useState(0), [x, S] = c.useState(_), [C, w] = c.useState(String(_)), [T, E] = c.useState(!1), D = c.useRef(null), [O, k] = c.useState(!1);
+	c.useEffect(() => {
+		w(String(x));
+	}, [x]), c.useEffect(() => {
+		function e(e) {
+			let t = D.current;
+			t && (!t.contains(document.activeElement) && !O || (e.key === "ArrowRight" || e.key === "ArrowDown" ? (e.preventDefault(), S((e) => Math.min(y, e + 1))) : (e.key === "ArrowLeft" || e.key === "ArrowUp") && (e.preventDefault(), S((e) => Math.max(1, e - 1)))));
+		}
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [y, O]);
+	function A(e) {
+		if (e.key === "Enter") {
+			let e = parseInt(C, 10);
+			e >= 1 && e <= y ? S(e) : w(String(x));
+		}
+	}
+	return T ? /* @__PURE__ */ l(s, {
+		message: "Could not load PDF",
+		url: g
+	}) : /* @__PURE__ */ u("div", {
+		ref: D,
+		className: "flex flex-col items-center gap-ds-03",
+		onMouseEnter: () => k(!0),
+		onMouseLeave: () => k(!1),
+		tabIndex: -1,
+		children: [/* @__PURE__ */ l("div", {
+			className: "overflow-auto max-h-[70vh] rounded-ds-md bg-surface-sunken border border-surface-border",
+			children: /* @__PURE__ */ l(p, {
+				file: g,
+				onLoadSuccess: ({ numPages: e }) => b(e),
+				onLoadError: () => {
+					E(!0), v?.("PDF failed to load");
+				},
+				loading: /* @__PURE__ */ l(a, { className: "h-[500px] w-[400px]" }),
+				error: /* @__PURE__ */ l(s, {
+					message: "Failed to load PDF",
+					url: g
+				}),
+				children: /* @__PURE__ */ l(t, {
+					mode: "wait",
+					children: /* @__PURE__ */ l(e.div, {
+						initial: { opacity: 0 },
+						animate: { opacity: 1 },
+						exit: { opacity: 0 },
+						transition: n.fade,
+						children: /* @__PURE__ */ l(m, {
+							pageNumber: x,
+							renderTextLayer: !1,
+							renderAnnotationLayer: !1
+						})
+					}, x)
+				})
+			})
+		}), y > 0 && /* @__PURE__ */ u(o, { children: [
+			/* @__PURE__ */ l(i, {
+				variant: "ghost",
+				size: "icon-xs",
+				onClick: () => S((e) => Math.max(1, e - 1)),
+				disabled: x <= 1,
+				"aria-label": "Previous page (←)",
+				title: "Previous page",
+				children: /* @__PURE__ */ l(r, {
+					icon: d,
+					size: "sm"
+				})
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center gap-ds-01 text-ds-xs text-surface-fg-muted",
+				children: [/* @__PURE__ */ l("input", {
+					type: "text",
+					value: C,
+					onChange: (e) => w(e.target.value),
+					onKeyDown: A,
+					onBlur: () => w(String(x)),
+					className: "w-8 bg-transparent text-center font-mono text-surface-fg outline-hidden focus:bg-surface-raised-hover rounded-ds-sm",
+					"aria-label": "Page number"
+				}), /* @__PURE__ */ u("span", { children: ["/ ", y] })]
+			}),
+			/* @__PURE__ */ l(i, {
+				variant: "ghost",
+				size: "icon-xs",
+				onClick: () => S((e) => Math.min(y, e + 1)),
+				disabled: x >= y,
+				"aria-label": "Next page (→)",
+				title: "Next page",
+				children: /* @__PURE__ */ l(r, {
+					icon: f,
+					size: "sm"
+				})
+			})
+		] })]
+	});
 }
-export {
-  $ as default
-};
+//#endregion
+export { g as default };