arxatec-ui 0.1.67 → 0.1.71

package/README.md

@@ -93,7 +93,29 @@ Patterns follow **shadcn**-style APIs (compound components with named exports).
 - **Surfaces & navigation:** `Card`, `Dialog`, `Sheet`, `Drawer`, `Popover`, `Tooltip`, `DropdownMenu`, `ContextMenu`, `Tabs`, `Breadcrumb`, `Pagination`, `PaginationController`, `Sidebar`, `Command`, `Collapsible`, and more.
 - **Data & feedback:** `Table`, `Badge`, `Skeleton`, `Progress`, `StatusMessage`, `AsyncBoundary`, `AsyncCommandList`, `Chart`, `Carousel`, and more.
 - **Maps:** `MapView`, `MapPicker`.
-- **Extras:** `Toaster` (Sonner), `IconPicker`, `EmojiPicker`, brand icons, animated icons, etc.
+- **Extras:** `Toaster` (Sonner), `Logo`, `IconPicker`, `EmojiPicker`, brand icons, animated icons, etc.
+
+`Logo` accepts `variant="arxatec" | "academy" | "management"` starting with
+`0.1.71`. Omitting `variant` renders the original Arxatec logo. All three inline
+SVGs preserve their proportions and inherit their color through `currentColor`:
+
+```tsx
+import { Logo } from "arxatec-ui";
+
+<Logo className="h-8 w-auto text-foreground" />;
+<Logo variant="academy" className="h-8 w-auto text-foreground" />;
+<Logo variant="management" className="h-8 w-auto text-foreground" />;
+```
+
+`AppleIsotype` is an inline SVG with a transparent background. It inherits its
+color through `currentColor` and accepts SVG props, including `className` and
+ARIA attributes:
+
+```tsx
+import { AppleIsotype } from "arxatec-ui";
+
+<AppleIsotype className="size-4 text-foreground" aria-hidden="true" />;
+```
 
 The full list matches the `export *` entries in [`src/index.ts`](./src/index.ts).
 
@@ -136,3 +158,56 @@ Publishing to npm requires **2FA**; use `npm publish --otp=...` when prompted.
 ## License
 
 MIT. See [LICENSE](./LICENSE).
+
+## File-view engines on demand (0.1.69)
+
+Existing `arxatec-ui/file-view` exports remain compatible. Applications that need
+bounded startup downloads should use the lightweight shell and lazy engines:
+
+```tsx
+import {
+  FileViewSheet,
+  configureFileViewPdfWorker,
+} from "arxatec-ui/file-view/core";
+import { lazyFileViewer } from "arxatec-ui/file-view/lazy";
+import type { FilePdfViewerProps } from "arxatec-ui/file-view/pdf";
+
+configureFileViewPdfWorker(localHashedWorkerUrl);
+const PdfViewer = lazyFileViewer<FilePdfViewerProps>(() =>
+  import("arxatec-ui/file-view/pdf").then(({ FilePdfViewer }) => ({
+    default: FilePdfViewer,
+  })),
+);
+```
+
+Engine entries under `/file-view/` are `pdf`, `image`, `office`, `code`, `template`,
+`docx`, `xlsx`, `audio`, `video`, `summary` and `transcription`. The core does not
+import PDF or another engine. HEIC conversion loads `heic2any` only for HEIC.
+The wrapper loads without adding loading, error or retry controls. Loading
+callbacks reach the existing parent sheet; a failed load ends its pending state.
+Closing and reopening the sheet allows another load attempt.
+
+`FileViewSheet` accepts `lazyPanels?: boolean`, default `false`. Set it to `true`
+to mount only the initial panel and mount each other panel on its first visit.
+Visited panels remain mounted, preserving edits, annotations and zoom, until
+close or `fileKey` changes. `onActiveTabChange` reports the active panel. Render
+callbacks receive `isActive`; query consumers should use it to pause summary and
+transcription reads. Hidden-panel loading must not replace the active panel.
+
+Configure a local hashed PDF worker before opening PDF. Configuration itself is
+lightweight; deferred setup respects it and later configuration updates it. Match
+the worker version exactly to `pdfjs-dist` resolved by this package's `react-pdf`.
+The worker URL can use web/PWA origin or Electron `app://arxatec`. Build consumers
+with the package's worker setup marked as a side effect. PDF and image viewers
+forward `onLoadingChange` until their content is ready.
+
+Import `arxatec-ui/styles.css` once. Font faces retain ArxatecSans,
+Cormorant Garamond (300–700, normal/italic) and JetBrains Mono (100–800,
+normal/italic), with local licensed assets and `font-display: swap`. They download
+only when matching content uses them; omit fonts from PWA precache and cache
+requested faces at runtime. Consumers share `react-hook-form`, `@tiptap/core` and
+`@tiptap/react` as peers alongside React and React Query.
+
+Publication requires owner PR merge and clean-main publish. The platform's
+minimum release age is seven days; validate a tarball in isolation before that
+consumer update.

package/dist/components/file_view/components/file_simple_preview_render/index.js

@@ -1,59 +1,53 @@
-import { FilePdfViewer as e } from "../pdf_viewer/index.js";
-import { FileImageViewer as t } from "../image_viewer/index.js";
-import { FileVideoPlayer as n } from "../video_player/index.js";
-import { FileAudioPlayer as r } from "../audio_player/index.js";
-import { FileUnknownViewer as i } from "../unknown_viewer/index.js";
-import { FileBlobOfficeUnavailable as a } from "../blob_office_unavailable/index.js";
-import { FileDocxPreviewViewer as o } from "../docx_preview_viewer/index.js";
-import { effectiveMimeFromFile as s } from "../../utilities/effective_mime_from_file.js";
-import { FileSourceFileViewer as c } from "../file_source_file_viewer/index.js";
-import { FileXlsxPreviewViewer as l } from "../xlsx_preview_viewer/index.js";
-import { downloadFromUrl as u } from "../../utilities/download_from_url.js";
-import { CODE_FILE_EXTENSIONS as d, CODE_MIME_PREFIXES as f, OFFICE_MIME_TYPES as p } from "./constants/index.js";
-import { jsx as m } from "react/jsx-runtime";
+import { FileUnknownViewer as e } from "../unknown_viewer/index.js";
+import { lazyFileViewer as t } from "../lazy_viewer/index.js";
+import { FileBlobOfficeUnavailable as n } from "../blob_office_unavailable/index.js";
+import { downloadFromUrl as r } from "../../utilities/download_from_url.js";
+import { effectiveMimeFromFile as i } from "../../utilities/effective_mime_from_file.js";
+import { CODE_FILE_EXTENSIONS as a, CODE_MIME_PREFIXES as o, OFFICE_MIME_TYPES as s } from "./constants/index.js";
+import { jsx as c } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_simple_preview_render/index.tsx
-var h = ({ file: h, url: g, onLoadingChange: _ }) => {
-	let v = s(h), y = () => u(g, h.name);
-	return v === "application/pdf" ? /* @__PURE__ */ m(e, {
+var l = t(() => import("../audio_player/index.js").then((e) => ({ default: e.FileAudioPlayer }))), u = t(() => import("../docx_preview_viewer/index.js").then((e) => ({ default: e.FileDocxPreviewViewer }))), d = t(() => import("../image_viewer/index.js").then((e) => ({ default: e.FileImageViewer }))), f = t(() => import("../pdf_viewer/index.js").then((e) => ({ default: e.FilePdfViewer }))), p = t(() => import("../file_source_file_viewer/index.js").then((e) => ({ default: e.FileSourceFileViewer }))), m = t(() => import("../video_player/index.js").then((e) => ({ default: e.FileVideoPlayer }))), h = t(() => import("../xlsx_preview_viewer/index.js").then((e) => ({ default: e.FileXlsxPreviewViewer }))), g = ({ file: t, url: g, onLoadingChange: _ }) => {
+	let v = i(t), y = () => r(g, t.name);
+	return v === "application/pdf" ? /* @__PURE__ */ c(f, {
 		url: g,
-		fileName: h.name,
+		fileName: t.name,
 		onDownload: y,
 		onLoadingChange: _
-	}) : v.startsWith("image/") ? /* @__PURE__ */ m(t, {
+	}) : v.startsWith("image/") ? /* @__PURE__ */ c(d, {
 		url: g,
 		mimeType: v,
 		fileId: g,
-		fileName: h.name,
+		fileName: t.name,
 		onDownload: y,
 		onLoadingChange: _
-	}) : v.startsWith("video/") ? /* @__PURE__ */ m(n, {
+	}) : v.startsWith("video/") ? /* @__PURE__ */ c(m, {
 		url: g,
-		fileName: h.name,
+		fileName: t.name,
 		onDownload: y,
 		onLoadingChange: _
-	}) : v.startsWith("audio/") ? /* @__PURE__ */ m(r, {
+	}) : v.startsWith("audio/") ? /* @__PURE__ */ c(l, {
 		url: g,
-		fileName: h.name,
+		fileName: t.name,
 		onDownload: y,
 		onLoadingChange: _
-	}) : f.some((e) => v.startsWith(e)) || d.test(h.name) ? /* @__PURE__ */ m(c, {
-		file: h,
+	}) : o.some((e) => v.startsWith(e)) || a.test(t.name) ? /* @__PURE__ */ c(p, {
+		file: t,
 		onLoadingChange: _
-	}) : v === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? /* @__PURE__ */ m(o, {
-		file: h,
+	}) : v === "application/vnd.openxmlformats-officedocument.wordprocessingml.document" ? /* @__PURE__ */ c(u, {
+		file: t,
 		onLoadingChange: _
-	}) : v === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || v === "application/vnd.ms-excel" ? /* @__PURE__ */ m(l, {
-		file: h,
+	}) : v === "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" || v === "application/vnd.ms-excel" ? /* @__PURE__ */ c(h, {
+		file: t,
 		onLoadingChange: _
-	}) : p.includes(v) ? /* @__PURE__ */ m(a, {
+	}) : s.includes(v) ? /* @__PURE__ */ c(n, {
 		url: g,
-		fileName: h.name
-	}) : /* @__PURE__ */ m(i, {
-		fileName: h.name,
+		fileName: t.name
+	}) : /* @__PURE__ */ c(e, {
+		fileName: t.name,
 		onDownload: y
 	});
 };
 //#endregion
-export { h as FileSimplePreviewRender };
+export { g as FileSimplePreviewRender };
 
 //# sourceMappingURL=index.js.map

package/dist/components/file_view/components/file_simple_preview_render/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_simple_preview_render/index.tsx"],"sourcesContent":["import { FileAudioPlayer } from \"../audio_player\";\nimport { FileBlobOfficeUnavailable } from \"../blob_office_unavailable\";\nimport { FileDocxPreviewViewer } from \"../docx_preview_viewer\";\nimport { FileImageViewer } from \"../image_viewer\";\nimport { FilePdfViewer } from \"../pdf_viewer\";\nimport { FileSourceFileViewer } from \"../file_source_file_viewer\";\nimport { FileUnknownViewer } from \"../unknown_viewer\";\nimport { FileVideoPlayer } from \"../video_player\";\nimport { FileXlsxPreviewViewer } from \"../xlsx_preview_viewer\";\nimport { downloadFromUrl } from \"../../utilities/download_from_url\";\nimport { effectiveMimeFromFile } from \"../../utilities/effective_mime_from_file\";\nimport { CODE_FILE_EXTENSIONS, CODE_MIME_PREFIXES, DOCX_MIME, OFFICE_MIME_TYPES, XLSX_MIME, XLS_MIME } from \"./constants\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileSimplePreviewRenderProps {\n  file: File;\n  url: string;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileSimplePreviewRender = ({\n  file,\n  url,\n  onLoadingChange,\n}: FileSimplePreviewRenderProps) => {\n  const mimeType = effectiveMimeFromFile(file);\n  const download = () => downloadFromUrl(url, file.name);\n\n  if (mimeType === \"application/pdf\") {\n    return (\n      <FilePdfViewer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"image/\")) {\n    return (\n      <FileImageViewer\n        url={url}\n        mimeType={mimeType}\n        fileId={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"video/\")) {\n    return (\n      <FileVideoPlayer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"audio/\")) {\n    return (\n      <FileAudioPlayer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  const isCode =\n    CODE_MIME_PREFIXES.some((prefix) => mimeType.startsWith(prefix)) ||\n    CODE_FILE_EXTENSIONS.test(file.name);\n\n  if (isCode) {\n    return <FileSourceFileViewer file={file} onLoadingChange={onLoadingChange} />;\n  }\n\n  if (mimeType === DOCX_MIME) {\n    return <FileDocxPreviewViewer file={file} onLoadingChange={onLoadingChange} />;\n  }\n\n  if (mimeType === XLSX_MIME || mimeType === XLS_MIME) {\n    return <FileXlsxPreviewViewer file={file} onLoadingChange={onLoadingChange} />;\n  }\n\n  if ((OFFICE_MIME_TYPES as readonly string[]).includes(mimeType)) {\n    return <FileBlobOfficeUnavailable url={url} fileName={file.name} />;\n  }\n\n  return <FileUnknownViewer fileName={file.name} onDownload={download} />;\n};\n"],"mappings":";;;;;;;;;;;;;;AAoBA,IAAa,KAA2B,EACtC,SACA,QACA,yBACkC;CAClC,IAAM,IAAW,EAAsB,EAAK,EACtC,UAAiB,EAAgB,GAAK,EAAK,KAAK;AAoEtD,QAlEI,MAAa,oBAEb,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACK;EACV,QAAQ;EACR,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAKJ,EAAmB,MAAM,MAAW,EAAS,WAAW,EAAO,CAAC,IAChE,EAAqB,KAAK,EAAK,KAAK,GAG7B,kBAAC,GAAD;EAA4B;EAAuB;EAAmB,CAAA,GAG3E,MAAA,4EACK,kBAAC,GAAD;EAA6B;EAAuB;EAAmB,CAAA,GAG5E,MAAA,uEAA0B,MAAA,6BACrB,kBAAC,GAAD;EAA6B;EAAuB;EAAmB,CAAA,GAG3E,EAAwC,SAAS,EAAS,GACtD,kBAAC,GAAD;EAAgC;EAAK,UAAU,EAAK;EAAQ,CAAA,GAG9D,kBAAC,GAAD;EAAmB,UAAU,EAAK;EAAM,YAAY;EAAY,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_simple_preview_render/index.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { lazyFileViewer } from \"../lazy_viewer\";\nimport { FileBlobOfficeUnavailable } from \"../blob_office_unavailable\";\nimport { FileUnknownViewer } from \"../unknown_viewer\";\nimport { downloadFromUrl } from \"../../utilities/download_from_url\";\nimport { effectiveMimeFromFile } from \"../../utilities/effective_mime_from_file\";\nimport {\n  CODE_FILE_EXTENSIONS,\n  CODE_MIME_PREFIXES,\n  DOCX_MIME,\n  OFFICE_MIME_TYPES,\n  XLSX_MIME,\n  XLS_MIME,\n} from \"./constants\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nconst FileAudioPlayer = lazyFileViewer<\n  ComponentProps<typeof import(\"../audio_player\").FileAudioPlayer>\n>(() =>\n  import(\"../audio_player\").then((module) => ({\n    default: module.FileAudioPlayer,\n  })),\n);\nconst FileDocxPreviewViewer = lazyFileViewer<\n  ComponentProps<typeof import(\"../docx_preview_viewer\").FileDocxPreviewViewer>\n>(() =>\n  import(\"../docx_preview_viewer\").then((module) => ({\n    default: module.FileDocxPreviewViewer,\n  })),\n);\nconst FileImageViewer = lazyFileViewer<\n  ComponentProps<typeof import(\"../image_viewer\").FileImageViewer>\n>(() =>\n  import(\"../image_viewer\").then((module) => ({\n    default: module.FileImageViewer,\n  })),\n);\nconst FilePdfViewer = lazyFileViewer<\n  ComponentProps<typeof import(\"../pdf_viewer\").FilePdfViewer>\n>(() =>\n  import(\"../pdf_viewer\").then((module) => ({ default: module.FilePdfViewer })),\n);\nconst FileSourceFileViewer = lazyFileViewer<\n  ComponentProps<\n    typeof import(\"../file_source_file_viewer\").FileSourceFileViewer\n  >\n>(() =>\n  import(\"../file_source_file_viewer\").then((module) => ({\n    default: module.FileSourceFileViewer,\n  })),\n);\nconst FileVideoPlayer = lazyFileViewer<\n  ComponentProps<typeof import(\"../video_player\").FileVideoPlayer>\n>(() =>\n  import(\"../video_player\").then((module) => ({\n    default: module.FileVideoPlayer,\n  })),\n);\nconst FileXlsxPreviewViewer = lazyFileViewer<\n  ComponentProps<typeof import(\"../xlsx_preview_viewer\").FileXlsxPreviewViewer>\n>(() =>\n  import(\"../xlsx_preview_viewer\").then((module) => ({\n    default: module.FileXlsxPreviewViewer,\n  })),\n);\n\nexport interface FileSimplePreviewRenderProps {\n  file: File;\n  url: string;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileSimplePreviewRender = ({\n  file,\n  url,\n  onLoadingChange,\n}: FileSimplePreviewRenderProps) => {\n  const mimeType = effectiveMimeFromFile(file);\n  const download = () => downloadFromUrl(url, file.name);\n\n  if (mimeType === \"application/pdf\") {\n    return (\n      <FilePdfViewer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"image/\")) {\n    return (\n      <FileImageViewer\n        url={url}\n        mimeType={mimeType}\n        fileId={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"video/\")) {\n    return (\n      <FileVideoPlayer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (mimeType.startsWith(\"audio/\")) {\n    return (\n      <FileAudioPlayer\n        url={url}\n        fileName={file.name}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  const isCode =\n    CODE_MIME_PREFIXES.some((prefix) => mimeType.startsWith(prefix)) ||\n    CODE_FILE_EXTENSIONS.test(file.name);\n\n  if (isCode) {\n    return (\n      <FileSourceFileViewer file={file} onLoadingChange={onLoadingChange} />\n    );\n  }\n\n  if (mimeType === DOCX_MIME) {\n    return (\n      <FileDocxPreviewViewer file={file} onLoadingChange={onLoadingChange} />\n    );\n  }\n\n  if (mimeType === XLSX_MIME || mimeType === XLS_MIME) {\n    return (\n      <FileXlsxPreviewViewer file={file} onLoadingChange={onLoadingChange} />\n    );\n  }\n\n  if ((OFFICE_MIME_TYPES as readonly string[]).includes(mimeType)) {\n    return <FileBlobOfficeUnavailable url={url} fileName={file.name} />;\n  }\n\n  return <FileUnknownViewer fileName={file.name} onDownload={download} />;\n};\n"],"mappings":";;;;;;;;AAgBA,IAAM,IAAkB,QAGtB,OAAO,4BAAmB,MAAM,OAAY,EAC1C,SAAS,EAAO,iBACjB,EAAE,CACJ,EACK,IAAwB,QAG5B,OAAO,mCAA0B,MAAM,OAAY,EACjD,SAAS,EAAO,uBACjB,EAAE,CACJ,EACK,IAAkB,QAGtB,OAAO,4BAAmB,MAAM,OAAY,EAC1C,SAAS,EAAO,iBACjB,EAAE,CACJ,EACK,IAAgB,QAGpB,OAAO,0BAAiB,MAAM,OAAY,EAAE,SAAS,EAAO,eAAe,EAAE,CAC9E,EACK,IAAuB,QAK3B,OAAO,uCAA8B,MAAM,OAAY,EACrD,SAAS,EAAO,sBACjB,EAAE,CACJ,EACK,IAAkB,QAGtB,OAAO,4BAAmB,MAAM,OAAY,EAC1C,SAAS,EAAO,iBACjB,EAAE,CACJ,EACK,IAAwB,QAG5B,OAAO,mCAA0B,MAAM,OAAY,EACjD,SAAS,EAAO,uBACjB,EAAE,CACJ,EAQY,KAA2B,EACtC,SACA,QACA,yBACkC;CAClC,IAAM,IAAW,EAAsB,EAAK,EACtC,UAAiB,EAAgB,GAAK,EAAK,KAAK;AA0EtD,QAxEI,MAAa,oBAEb,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACK;EACV,QAAQ;EACR,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAIF,EAAS,WAAW,SAAS,GAE7B,kBAAC,GAAD;EACO;EACL,UAAU,EAAK;EACf,YAAY;EACK;EACjB,CAAA,GAKJ,EAAmB,MAAM,MAAW,EAAS,WAAW,EAAO,CAAC,IAChE,EAAqB,KAAK,EAAK,KAAK,GAIlC,kBAAC,GAAD;EAA4B;EAAuB;EAAmB,CAAA,GAItE,MAAA,4EAEA,kBAAC,GAAD;EAA6B;EAAuB;EAAmB,CAAA,GAIvE,MAAA,uEAA0B,MAAA,6BAE1B,kBAAC,GAAD;EAA6B;EAAuB;EAAmB,CAAA,GAItE,EAAwC,SAAS,EAAS,GACtD,kBAAC,GAAD;EAAgC;EAAK,UAAU,EAAK;EAAQ,CAAA,GAG9D,kBAAC,GAAD;EAAmB,UAAU,EAAK;EAAM,YAAY;EAAY,CAAA"}

package/dist/components/file_view/components/file_simple_preview_sheet/index.js

@@ -4,7 +4,7 @@ import { useEffect as a, useMemo as o } from "react";
 import { jsx as s, jsxs as c } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_simple_preview_sheet/index.tsx
 var l = ({ open: l, onOpenChange: u, file: d, isLoading: f = !1, loadingOverlay: p, onLoadingChange: m }) => {
-	let h = o(() => d ? URL.createObjectURL(d) : null, [d]);
+	let h = o(() => !l || !d ? null : URL.createObjectURL(d), [d, l]);
 	return a(() => () => {
 		h && URL.revokeObjectURL(h);
 	}, [h]), /* @__PURE__ */ s(e, {

package/dist/components/file_view/components/file_simple_preview_sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_simple_preview_sheet/index.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { FileSimplePreviewRender } from \"../file_simple_preview_render\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileSimplePreviewSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  file: File | null;\n  isLoading?: boolean;\n  loadingOverlay?: React.ReactNode;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileSimplePreviewSheet = ({\n  open,\n  onOpenChange,\n  file,\n  isLoading = false,\n  loadingOverlay,\n  onLoadingChange,\n}: FileSimplePreviewSheetProps) => {\n  const url = useMemo(() => {\n    if (!file) return null;\n    return URL.createObjectURL(file);\n  }, [file]);\n\n  useEffect(() => {\n    return () => {\n      if (url) URL.revokeObjectURL(url);\n    };\n  }, [url]);\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n        <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n          <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">\n            {file?.name || \"Vista previa del archivo\"}\n          </SheetTitle>\n        </SheetHeader>\n\n        <div className=\"flex-1 relative min-h-0 bg-background\">\n          {file && url && (\n            <div className=\"absolute inset-0 overflow-hidden min-w-0\">\n              <FileSimplePreviewRender\n                file={file}\n                url={url}\n                onLoadingChange={onLoadingChange}\n              />\n            </div>\n          )}\n          {isLoading && loadingOverlay ? (\n            <div className=\"absolute inset-0 z-50 bg-background\">\n              {loadingOverlay}\n            </div>\n          ) : null}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;AAmBA,IAAa,KAA0B,EACrC,SACA,iBACA,SACA,eAAY,IACZ,mBACA,yBACiC;CACjC,IAAM,IAAM,QACL,IACE,IAAI,gBAAgB,EAAK,GADd,MAEjB,CAAC,EAAK,CAAC;AAQV,QANA,cACe;AACX,EAAI,KAAK,IAAI,gBAAgB,EAAI;IAElC,CAAC,EAAI,CAAC,EAGP,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,GAAD;KAAY,WAAU;eACnB,GAAM,QAAQ;KACJ,CAAA;IACD,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAQ,KACP,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACQ;MACD;MACY;MACjB,CAAA;KACE,CAAA,EAEP,KAAa,IACZ,kBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA,GACJ,KACA;MACO;;EACT,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_simple_preview_sheet/index.tsx"],"sourcesContent":["import { useEffect, useMemo } from \"react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { FileSimplePreviewRender } from \"../file_simple_preview_render\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileSimplePreviewSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  file: File | null;\n  isLoading?: boolean;\n  loadingOverlay?: React.ReactNode;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileSimplePreviewSheet = ({\n  open,\n  onOpenChange,\n  file,\n  isLoading = false,\n  loadingOverlay,\n  onLoadingChange,\n}: FileSimplePreviewSheetProps) => {\n  const url = useMemo(() => {\n    if (!open || !file) return null;\n    return URL.createObjectURL(file);\n  }, [file, open]);\n\n  useEffect(() => {\n    return () => {\n      if (url) URL.revokeObjectURL(url);\n    };\n  }, [url]);\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n        <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n          <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">\n            {file?.name || \"Vista previa del archivo\"}\n          </SheetTitle>\n        </SheetHeader>\n\n        <div className=\"flex-1 relative min-h-0 bg-background\">\n          {file && url && (\n            <div className=\"absolute inset-0 overflow-hidden min-w-0\">\n              <FileSimplePreviewRender\n                file={file}\n                url={url}\n                onLoadingChange={onLoadingChange}\n              />\n            </div>\n          )}\n          {isLoading && loadingOverlay ? (\n            <div className=\"absolute inset-0 z-50 bg-background\">\n              {loadingOverlay}\n            </div>\n          ) : null}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;AAmBA,IAAa,KAA0B,EACrC,SACA,iBACA,SACA,eAAY,IACZ,mBACA,yBACiC;CACjC,IAAM,IAAM,QACN,CAAC,KAAQ,CAAC,IAAa,OACpB,IAAI,gBAAgB,EAAK,EAC/B,CAAC,GAAM,EAAK,CAAC;AAQhB,QANA,cACe;AACX,EAAI,KAAK,IAAI,gBAAgB,EAAI;IAElC,CAAC,EAAI,CAAC,EAGP,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD;IAAa,WAAU;cACrB,kBAAC,GAAD;KAAY,WAAU;eACnB,GAAM,QAAQ;KACJ,CAAA;IACD,CAAA,EAEd,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KAAQ,KACP,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MACQ;MACD;MACY;MACjB,CAAA;KACE,CAAA,EAEP,KAAa,IACZ,kBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA,GACJ,KACA;MACO;;EACT,CAAA"}

package/dist/components/file_view/components/file_url_preview_render/index.js

@@ -1,39 +1,37 @@
-import { FilePdfViewer as e } from "../pdf_viewer/index.js";
-import { FileImageViewer as t } from "../image_viewer/index.js";
-import { FileUnknownViewer as n } from "../unknown_viewer/index.js";
-import { FileOfficeViewer as r } from "../office_viewer/index.js";
-import { inferMimeFromFileName as i } from "../../utilities/infer_mime_from_file_name.js";
-import { downloadFromUrl as a } from "../../utilities/download_from_url.js";
-import { getExtensionFromUrl as o } from "../../utilities/get_extension_from_url.js";
-import { IMAGE_EXTENSIONS as s, OFFICE_EXTENSIONS as c } from "./constants/index.js";
-import { jsx as l } from "react/jsx-runtime";
+import { FileUnknownViewer as e } from "../unknown_viewer/index.js";
+import { lazyFileViewer as t } from "../lazy_viewer/index.js";
+import { downloadFromUrl as n } from "../../utilities/download_from_url.js";
+import { inferMimeFromFileName as r } from "../../utilities/infer_mime_from_file_name.js";
+import { getExtensionFromUrl as i } from "../../utilities/get_extension_from_url.js";
+import { IMAGE_EXTENSIONS as a, OFFICE_EXTENSIONS as o } from "./constants/index.js";
+import { jsx as s } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_url_preview_render/index.tsx
-var u = ({ url: u, fileName: d, onLoadingChange: f }) => {
-	let p = o(u), m = () => a(u, d);
-	return p === "pdf" ? /* @__PURE__ */ l(e, {
-		url: u,
+var c = t(() => import("../image_viewer/index.js").then((e) => ({ default: e.FileImageViewer }))), l = t(() => import("../office_viewer/index.js").then((e) => ({ default: e.FileOfficeViewer }))), u = t(() => import("../pdf_viewer/index.js").then((e) => ({ default: e.FilePdfViewer }))), d = ({ url: t, fileName: d, onLoadingChange: f }) => {
+	let p = i(t), m = () => n(t, d);
+	return p === "pdf" ? /* @__PURE__ */ s(u, {
+		url: t,
 		fileName: d,
 		onDownload: m,
 		onLoadingChange: f
-	}) : s.includes(p) ? /* @__PURE__ */ l(t, {
-		url: u,
-		mimeType: i(d) ?? void 0,
+	}) : a.includes(p) ? /* @__PURE__ */ s(c, {
+		url: t,
+		mimeType: r(d) ?? void 0,
 		fileName: d,
-		fileId: u,
+		fileId: t,
 		onDownload: m,
 		onLoadingChange: f
-	}) : c.includes(p) ? /* @__PURE__ */ l(r, {
-		url: u,
+	}) : o.includes(p) ? /* @__PURE__ */ s(l, {
+		url: t,
 		fileName: d,
-		mimeType: i(d) ?? void 0,
+		mimeType: r(d) ?? void 0,
 		onDownload: m,
 		onLoadingChange: f
-	}) : /* @__PURE__ */ l(n, {
+	}) : /* @__PURE__ */ s(e, {
 		fileName: d,
 		onDownload: m
 	});
 };
 //#endregion
-export { u as FileUrlPreviewRender };
+export { d as FileUrlPreviewRender };
 
 //# sourceMappingURL=index.js.map

package/dist/components/file_view/components/file_url_preview_render/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_url_preview_render/index.tsx"],"sourcesContent":["import { FileImageViewer } from \"../image_viewer\";\nimport { FileOfficeViewer } from \"../office_viewer\";\nimport { FilePdfViewer } from \"../pdf_viewer\";\nimport { FileUnknownViewer } from \"../unknown_viewer\";\nimport { downloadFromUrl } from \"../../utilities/download_from_url\";\nimport { getExtensionFromUrl } from \"../../utilities/get_extension_from_url\";\nimport { inferMimeFromFileName } from \"../../utilities/infer_mime_from_file_name\";\nimport { IMAGE_EXTENSIONS, OFFICE_EXTENSIONS } from \"./constants\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileUrlPreviewRenderProps {\n  url: string;\n  fileName: string;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileUrlPreviewRender = ({\n  url,\n  fileName,\n  onLoadingChange,\n}: FileUrlPreviewRenderProps) => {\n  const ext = getExtensionFromUrl(url);\n  const download = () => downloadFromUrl(url, fileName);\n\n  if (ext === \"pdf\") {\n    return (\n      <FilePdfViewer\n        url={url}\n        fileName={fileName}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (IMAGE_EXTENSIONS.includes(ext)) {\n    const mimeType = inferMimeFromFileName(fileName) ?? undefined;\n    return (\n      <FileImageViewer\n        url={url}\n        mimeType={mimeType}\n        fileName={fileName}\n        fileId={url}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (OFFICE_EXTENSIONS.includes(ext)) {\n    return (\n      <FileOfficeViewer\n        url={url}\n        fileName={fileName}\n        mimeType={inferMimeFromFileName(fileName) ?? undefined}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  return <FileUnknownViewer fileName={fileName} onDownload={download} />;\n};\n"],"mappings":";;;;;;;;;;AAgBA,IAAa,KAAwB,EACnC,QACA,aACA,yBAC+B;CAC/B,IAAM,IAAM,EAAoB,EAAI,EAC9B,UAAiB,EAAgB,GAAK,EAAS;AAuCrD,QArCI,MAAQ,QAER,kBAAC,GAAD;EACO;EACK;EACV,YAAY;EACK;EACjB,CAAA,GAIF,EAAiB,SAAS,EAAI,GAG9B,kBAAC,GAAD;EACO;EACK,UAJG,EAAsB,EAAS,IAAI,KAAA;EAKtC;EACV,QAAQ;EACR,YAAY;EACK;EACjB,CAAA,GAIF,EAAkB,SAAS,EAAI,GAE/B,kBAAC,GAAD;EACO;EACK;EACV,UAAU,EAAsB,EAAS,IAAI,KAAA;EAC7C,YAAY;EACK;EACjB,CAAA,GAIC,kBAAC,GAAD;EAA6B;EAAU,YAAY;EAAY,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_url_preview_render/index.tsx"],"sourcesContent":["import type { ComponentProps } from \"react\";\nimport { lazyFileViewer } from \"../lazy_viewer\";\nimport { FileUnknownViewer } from \"../unknown_viewer\";\nimport { downloadFromUrl } from \"../../utilities/download_from_url\";\nimport { getExtensionFromUrl } from \"../../utilities/get_extension_from_url\";\nimport { inferMimeFromFileName } from \"../../utilities/infer_mime_from_file_name\";\nimport { IMAGE_EXTENSIONS, OFFICE_EXTENSIONS } from \"./constants\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nconst FileImageViewer = lazyFileViewer<\n  ComponentProps<typeof import(\"../image_viewer\").FileImageViewer>\n>(() =>\n  import(\"../image_viewer\").then((module) => ({\n    default: module.FileImageViewer,\n  })),\n);\nconst FileOfficeViewer = lazyFileViewer<\n  ComponentProps<typeof import(\"../office_viewer\").FileOfficeViewer>\n>(() =>\n  import(\"../office_viewer\").then((module) => ({\n    default: module.FileOfficeViewer,\n  })),\n);\nconst FilePdfViewer = lazyFileViewer<\n  ComponentProps<typeof import(\"../pdf_viewer\").FilePdfViewer>\n>(() =>\n  import(\"../pdf_viewer\").then((module) => ({ default: module.FilePdfViewer })),\n);\n\nexport interface FileUrlPreviewRenderProps {\n  url: string;\n  fileName: string;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileUrlPreviewRender = ({\n  url,\n  fileName,\n  onLoadingChange,\n}: FileUrlPreviewRenderProps) => {\n  const ext = getExtensionFromUrl(url);\n  const download = () => downloadFromUrl(url, fileName);\n\n  if (ext === \"pdf\") {\n    return (\n      <FilePdfViewer\n        url={url}\n        fileName={fileName}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (IMAGE_EXTENSIONS.includes(ext)) {\n    const mimeType = inferMimeFromFileName(fileName) ?? undefined;\n    return (\n      <FileImageViewer\n        url={url}\n        mimeType={mimeType}\n        fileName={fileName}\n        fileId={url}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  if (OFFICE_EXTENSIONS.includes(ext)) {\n    return (\n      <FileOfficeViewer\n        url={url}\n        fileName={fileName}\n        mimeType={inferMimeFromFileName(fileName) ?? undefined}\n        onDownload={download}\n        onLoadingChange={onLoadingChange}\n      />\n    );\n  }\n\n  return <FileUnknownViewer fileName={fileName} onDownload={download} />;\n};\n"],"mappings":";;;;;;;;AASA,IAAM,IAAkB,QAGtB,OAAO,4BAAmB,MAAM,OAAY,EAC1C,SAAS,EAAO,iBACjB,EAAE,CACJ,EACK,IAAmB,QAGvB,OAAO,6BAAoB,MAAM,OAAY,EAC3C,SAAS,EAAO,kBACjB,EAAE,CACJ,EACK,IAAgB,QAGpB,OAAO,0BAAiB,MAAM,OAAY,EAAE,SAAS,EAAO,eAAe,EAAE,CAC9E,EAQY,KAAwB,EACnC,QACA,aACA,yBAC+B;CAC/B,IAAM,IAAM,EAAoB,EAAI,EAC9B,UAAiB,EAAgB,GAAK,EAAS;AAuCrD,QArCI,MAAQ,QAER,kBAAC,GAAD;EACO;EACK;EACV,YAAY;EACK;EACjB,CAAA,GAIF,EAAiB,SAAS,EAAI,GAG9B,kBAAC,GAAD;EACO;EACK,UAJG,EAAsB,EAAS,IAAI,KAAA;EAKtC;EACV,QAAQ;EACR,YAAY;EACK;EACjB,CAAA,GAIF,EAAkB,SAAS,EAAI,GAE/B,kBAAC,GAAD;EACO;EACK;EACV,UAAU,EAAsB,EAAS,IAAI,KAAA;EAC7C,YAAY;EACK;EACjB,CAAA,GAIC,kBAAC,GAAD;EAA6B;EAAU,YAAY;EAAY,CAAA"}

package/dist/components/file_view/components/file_url_preview_sheet/index.js

@@ -36,7 +36,7 @@ var d = ({ open: d, onOpenChange: f, url: p, fileName: m, isPending: h = !1, isL
 							icon: u
 						})
 					}),
-					!h && !_ && p && /* @__PURE__ */ c(s, {
+					d && !h && !_ && p && /* @__PURE__ */ c(s, {
 						url: p,
 						fileName: b,
 						onLoadingChange: y

package/dist/components/file_view/components/file_url_preview_sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_url_preview_sheet/index.tsx"],"sourcesContent":["import { FileX } from \"lucide-react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { FileUrlPreviewRender } from \"../file_url_preview_render\";\nimport { getFileNameFromUrl } from \"../../utilities/get_extension_from_url\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileUrlPreviewSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  url: string | null;\n  fileName?: string;\n  isPending?: boolean;\n  isLoading?: boolean;\n  isError?: boolean;\n  loadingOverlay?: React.ReactNode;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileUrlPreviewSheet = ({\n  open,\n  onOpenChange,\n  url,\n  fileName,\n  isPending = false,\n  isLoading = false,\n  isError = false,\n  loadingOverlay,\n  onLoadingChange,\n}: FileUrlPreviewSheetProps) => {\n  const displayName =\n    fileName ?? (url ? getFileNameFromUrl(url) : \"Vista previa\");\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n        <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n          <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">\n            {displayName}\n          </SheetTitle>\n          <SheetDescription className=\"sr-only\">\n            Vista previa del archivo.\n          </SheetDescription>\n        </SheetHeader>\n\n        <div className=\"flex-1 relative min-h-0 bg-background overflow-hidden\">\n          {(isPending || isLoading) && loadingOverlay ? (\n            <div className=\"absolute inset-0 z-50 bg-background\">\n              {loadingOverlay}\n            </div>\n          ) : null}\n\n          {isError && (\n            <div className=\"p-4\">\n              <StatusMessage\n                title=\"Error al cargar el documento\"\n                description=\"Vuelve a intentarlo en unos minutos. Si el error persiste, contacta con soporte.\"\n                icon={FileX}\n              />\n            </div>\n          )}\n\n          {!isPending && !isError && url && (\n            <FileUrlPreviewRender\n              url={url}\n              fileName={displayName}\n              onLoadingChange={onLoadingChange}\n            />\n          )}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;;;AAyBA,IAAa,KAAuB,EAClC,SACA,iBACA,QACA,aACA,eAAY,IACZ,eAAY,IACZ,aAAU,IACV,mBACA,yBAC8B;CAC9B,IAAM,IACJ,MAAa,IAAM,EAAmB,EAAI,GAAG;AAE/C,QACE,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAU;eACnB;KACU,CAAA,EACb,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA,CACP;OAEd,kBAAC,OAAD;IAAK,WAAU;cAAf;MACI,KAAa,MAAc,IAC3B,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,GACJ;KAEH,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,OAAM;OACN,aAAY;OACZ,MAAM;OACN,CAAA;MACE,CAAA;KAGP,CAAC,KAAa,CAAC,KAAW,KACzB,kBAAC,GAAD;MACO;MACL,UAAU;MACO;MACjB,CAAA;KAEA;MACO;;EACT,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_url_preview_sheet/index.tsx"],"sourcesContent":["import { FileX } from \"lucide-react\";\nimport {\n  Sheet,\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { FileUrlPreviewRender } from \"../file_url_preview_render\";\nimport { getFileNameFromUrl } from \"../../utilities/get_extension_from_url\";\nimport type { FileViewLoadingChangeHandler } from \"../../types\";\n\nexport interface FileUrlPreviewSheetProps {\n  open: boolean;\n  onOpenChange: (open: boolean) => void;\n  url: string | null;\n  fileName?: string;\n  isPending?: boolean;\n  isLoading?: boolean;\n  isError?: boolean;\n  loadingOverlay?: React.ReactNode;\n  onLoadingChange?: FileViewLoadingChangeHandler;\n}\n\nexport const FileUrlPreviewSheet = ({\n  open,\n  onOpenChange,\n  url,\n  fileName,\n  isPending = false,\n  isLoading = false,\n  isError = false,\n  loadingOverlay,\n  onLoadingChange,\n}: FileUrlPreviewSheetProps) => {\n  const displayName =\n    fileName ?? (url ? getFileNameFromUrl(url) : \"Vista previa\");\n\n  return (\n    <Sheet open={open} onOpenChange={onOpenChange}>\n      <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n        <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n          <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">\n            {displayName}\n          </SheetTitle>\n          <SheetDescription className=\"sr-only\">\n            Vista previa del archivo.\n          </SheetDescription>\n        </SheetHeader>\n\n        <div className=\"flex-1 relative min-h-0 bg-background overflow-hidden\">\n          {(isPending || isLoading) && loadingOverlay ? (\n            <div className=\"absolute inset-0 z-50 bg-background\">\n              {loadingOverlay}\n            </div>\n          ) : null}\n\n          {isError && (\n            <div className=\"p-4\">\n              <StatusMessage\n                title=\"Error al cargar el documento\"\n                description=\"Vuelve a intentarlo en unos minutos. Si el error persiste, contacta con soporte.\"\n                icon={FileX}\n              />\n            </div>\n          )}\n\n          {open && !isPending && !isError && url && (\n            <FileUrlPreviewRender\n              url={url}\n              fileName={displayName}\n              onLoadingChange={onLoadingChange}\n            />\n          )}\n        </div>\n      </SheetContent>\n    </Sheet>\n  );\n};\n"],"mappings":";;;;;;;AAyBA,IAAa,KAAuB,EAClC,SACA,iBACA,QACA,aACA,eAAY,IACZ,eAAY,IACZ,aAAU,IACV,mBACA,yBAC8B;CAC9B,IAAM,IACJ,MAAa,IAAM,EAAmB,EAAI,GAAG;AAE/C,QACE,kBAAC,GAAD;EAAa;EAAoB;YAC/B,kBAAC,GAAD;GAAc,WAAU;aAAxB,CACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAU;eACnB;KACU,CAAA,EACb,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA,CACP;OAEd,kBAAC,OAAD;IAAK,WAAU;cAAf;MACI,KAAa,MAAc,IAC3B,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,GACJ;KAEH,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACE,OAAM;OACN,aAAY;OACZ,MAAM;OACN,CAAA;MACE,CAAA;KAGP,KAAQ,CAAC,KAAa,CAAC,KAAW,KACjC,kBAAC,GAAD;MACO;MACL,UAAU;MACO;MACjB,CAAA;KAEA;MACO;;EACT,CAAA"}

package/dist/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.d.ts

@@ -1,3 +1,3 @@
 import { FileViewSheetPanelProps } from '../../types';
-declare const FileViewSheetPanelContent: ({ title, isPending, isLoading, loadingOverlay, isError, tabs, defaultTab, showTabs, renderOriginal, renderTranscription, renderSummary, renderTemplate, renderEdit, renderVersions, }: FileViewSheetPanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const FileViewSheetPanelContent: ({ lazyPanels, onActiveTabChange, title, isPending, isLoading, loadingOverlay, isError, tabs, defaultTab, showTabs, renderOriginal, renderTranscription, renderSummary, renderTemplate, renderEdit, renderVersions, }: FileViewSheetPanelProps) => import("react/jsx-runtime").JSX.Element;
 export { FileViewSheetPanelContent };

package/dist/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.js

@@ -4,83 +4,89 @@ import { SheetContent as n, SheetDescription as r, SheetHeader as i, SheetTitle
 import { Tabs as o, TabsList as s, TabsTrigger as c } from "../../../../../tabs/index.js";
 import { FILE_VIEW_SHEET_TAB as l } from "../../../../types/file_view_sheet.js";
 import { renderPanelContent as u } from "../../utilities/index.js";
-import { useState as d } from "react";
-import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { FileX as h } from "lucide-react";
+import { useEffect as d, useState as f } from "react";
+import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
+import { FileX as g } from "lucide-react";
 //#region src/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.tsx
-var g = ({ title: g, isPending: _ = !1, isLoading: v = !1, loadingOverlay: y, isError: b = !1, tabs: x = [], defaultTab: S = l.ORIGINAL, showTabs: C = !1, renderOriginal: w, renderTranscription: T, renderSummary: E, renderTemplate: D, renderEdit: O, renderVersions: k }) => {
-	let [A, j] = d(S), M = !_ && !b, N = !C, P = C && x.length > 0, F = (t, n = "hidden", r = !1) => e("absolute inset-0 min-w-0 transition-opacity duration-150", n === "auto" ? "overflow-auto" : "overflow-hidden", P && !r && "pt-16", A === t ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0");
-	return /* @__PURE__ */ m(n, {
+var _ = ({ lazyPanels: _ = !1, onActiveTabChange: v, title: y, isPending: b = !1, isLoading: x = !1, loadingOverlay: S, isError: C = !1, tabs: w = [], defaultTab: T = l.ORIGINAL, showTabs: E = !1, renderOriginal: D, renderTranscription: O, renderSummary: k, renderTemplate: A, renderEdit: j, renderVersions: M }) => {
+	let [N, P] = f(T), [F, I] = f(() => new Set([T])), L = (e) => !_ || F.has(e);
+	d(() => {
+		v?.(N);
+	}, [N, v]);
+	let R = !b && !C, z = !E, B = E && w.length > 0, V = (t, n = "hidden", r = !1) => e("absolute inset-0 min-w-0 transition-opacity duration-150", n === "auto" ? "overflow-auto" : "overflow-hidden", B && !r && "pt-16", N === t ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0");
+	return /* @__PURE__ */ h(n, {
 		className: "sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden",
 		children: [
-			/* @__PURE__ */ m(i, {
+			/* @__PURE__ */ h(i, {
 				className: "px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10",
-				children: [/* @__PURE__ */ p(a, {
+				children: [/* @__PURE__ */ m(a, {
 					className: "line-clamp-1 flex-1 mr-4",
-					children: g
-				}), /* @__PURE__ */ p(r, {
+					children: y
+				}), /* @__PURE__ */ m(r, {
 					className: "sr-only",
 					children: "Aquí podrás ver la vista previa del archivo seleccionado."
 				})]
 			}),
-			b && /* @__PURE__ */ p("div", {
+			C && /* @__PURE__ */ m("div", {
 				className: "p-4",
-				children: /* @__PURE__ */ p(t, {
+				children: /* @__PURE__ */ m(t, {
 					title: "Sucedio un error inesperado",
 					description: "Vuelve a intentarlo dentro de unos minutos, si el error persiste, contacta con soporte.",
-					icon: h
+					icon: g
 				})
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex-1 relative min-h-0 bg-background",
 				children: [
-					(_ || v) && y ? /* @__PURE__ */ p("div", {
+					(b || x) && S ? /* @__PURE__ */ m("div", {
 						className: "absolute inset-0 z-50 bg-background",
-						children: y
+						children: S
 					}) : null,
-					P && /* @__PURE__ */ p("div", {
+					B && /* @__PURE__ */ m("div", {
 						className: "pointer-events-none absolute inset-x-0 top-5 z-30 flex justify-center px-4",
-						children: /* @__PURE__ */ p(o, {
-							value: A,
+						children: /* @__PURE__ */ m(o, {
+							value: N,
 							className: "pointer-events-auto max-w-full",
-							children: /* @__PURE__ */ p(s, {
+							children: /* @__PURE__ */ m(s, {
 								className: "border-border bg-card/95 h-auto max-w-full flex-wrap border shadow-lg backdrop-blur-sm",
-								children: x.map((t) => /* @__PURE__ */ m(c, {
-									className: e("font-normal", A === t.id && "bg-background"),
+								children: w.map((t) => /* @__PURE__ */ h(c, {
+									className: e("font-normal", N === t.id && "bg-background"),
 									value: t.id,
-									onClick: () => j(t.id),
+									onClick: () => {
+										I((e) => new Set([...e, t.id])), P(t.id);
+									},
 									children: [t.icon, t.label]
 								}, t.id))
 							})
 						})
 					}),
-					M && (N ? /* @__PURE__ */ p("div", {
+					R && (z ? /* @__PURE__ */ m("div", {
 						className: "absolute inset-0 overflow-hidden min-w-0 z-10",
-						children: w
-					}) : /* @__PURE__ */ m(f, { children: [
-						/* @__PURE__ */ p("div", {
-							className: F(l.ORIGINAL, "hidden", !0),
-							children: w
+						children: D
+					}) : /* @__PURE__ */ h(p, { children: [
+						L(l.ORIGINAL) && /* @__PURE__ */ m("div", {
+							className: V(l.ORIGINAL, "hidden", !0),
+							children: D
 						}),
-						T ? /* @__PURE__ */ p("div", {
-							className: F(l.TRANSCRIPTION),
-							children: u(T, A === l.TRANSCRIPTION)
+						O && L(l.TRANSCRIPTION) ? /* @__PURE__ */ m("div", {
+							className: V(l.TRANSCRIPTION),
+							children: u(O, N === l.TRANSCRIPTION)
 						}) : null,
-						E ? /* @__PURE__ */ p("div", {
-							className: F(l.SUMMARY, "auto"),
-							children: u(E, A === l.SUMMARY)
+						k && L(l.SUMMARY) ? /* @__PURE__ */ m("div", {
+							className: V(l.SUMMARY, "auto"),
+							children: u(k, N === l.SUMMARY)
 						}) : null,
-						D ? /* @__PURE__ */ p("div", {
-							className: F(l.TEMPLATE, "hidden", !0),
-							children: u(D, A === l.TEMPLATE)
+						A && L(l.TEMPLATE) ? /* @__PURE__ */ m("div", {
+							className: V(l.TEMPLATE, "hidden", !0),
+							children: u(A, N === l.TEMPLATE)
 						}) : null,
-						O ? /* @__PURE__ */ p("div", {
-							className: F(l.EDIT, "auto"),
-							children: u(O, A === l.EDIT)
+						j && L(l.EDIT) ? /* @__PURE__ */ m("div", {
+							className: V(l.EDIT, "auto"),
+							children: u(j, N === l.EDIT)
 						}) : null,
-						k ? /* @__PURE__ */ p("div", {
-							className: F(l.VERSIONS, "auto"),
-							children: u(k, A === l.VERSIONS)
+						M && L(l.VERSIONS) ? /* @__PURE__ */ m("div", {
+							className: V(l.VERSIONS, "auto"),
+							children: u(M, N === l.VERSIONS)
 						}) : null
 					] }))
 				]
@@ -89,6 +95,6 @@ var g = ({ title: g, isPending: _ = !1, isLoading: v = !1, loadingOverlay: y, is
 	});
 };
 //#endregion
-export { g as FileViewSheetPanelContent };
+export { _ as FileViewSheetPanelContent };
 
 //# sourceMappingURL=index.js.map

package/dist/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.tsx"],"sourcesContent":["import { renderPanelContent } from \"../../utilities\";\nimport { useState } from \"react\";\nimport { FileX } from \"lucide-react\";\nimport { cn } from \"@/utilities/class\";\nimport {\n    SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle\n} from \"@/components/sheet\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { Tabs, TabsList, TabsTrigger } from \"@/components/tabs\";\nimport {\n  FILE_VIEW_SHEET_TAB,\n  type FileViewSheetTab\n  } from \"../../../../types/file_view_sheet\";\nimport type { FileViewSheetPanelProps } from \"../../types\";\n\nconst FileViewSheetPanelContent = ({\n  title,\n  isPending = false,\n  isLoading = false,\n  loadingOverlay,\n  isError = false,\n  tabs = [],\n  defaultTab = FILE_VIEW_SHEET_TAB.ORIGINAL,\n  showTabs = false,\n  renderOriginal,\n  renderTranscription,\n  renderSummary,\n  renderTemplate,\n  renderEdit,\n  renderVersions,\n}: FileViewSheetPanelProps) => {\n  const [activeTab, setActiveTab] = useState<FileViewSheetTab>(defaultTab);\n  const showViewer = !isPending && !isError;\n  const simpleViewer = !showTabs;\n  const floatingTabs = showTabs && tabs.length > 0;\n\n  const panelClass = (\n    tab: FileViewSheetTab,\n    overflow: \"hidden\" | \"auto\" = \"hidden\",\n    tabsOverlay = false,\n  ) =>\n    cn(\n      \"absolute inset-0 min-w-0 transition-opacity duration-150\",\n      overflow === \"auto\" ? \"overflow-auto\" : \"overflow-hidden\",\n      floatingTabs && !tabsOverlay && \"pt-16\",\n      activeTab === tab\n        ? \"opacity-100 z-10\"\n        : \"opacity-0 pointer-events-none z-0\",\n    );\n\n  return (\n    <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n      <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n        <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">{title}</SheetTitle>\n        <SheetDescription className=\"sr-only\">\n          Aquí podrás ver la vista previa del archivo seleccionado.\n        </SheetDescription>\n      </SheetHeader>\n\n      {isError && (\n        <div className=\"p-4\">\n          <StatusMessage\n            title=\"Sucedio un error inesperado\"\n            description=\"Vuelve a intentarlo dentro de unos minutos, si el error persiste, contacta con soporte.\"\n            icon={FileX}\n          />\n        </div>\n      )}\n\n      <div className=\"flex-1 relative min-h-0 bg-background\">\n        {(isPending || isLoading) && loadingOverlay ? (\n          <div className=\"absolute inset-0 z-50 bg-background\">\n            {loadingOverlay}\n          </div>\n        ) : null}\n\n        {floatingTabs && (\n          <div className=\"pointer-events-none absolute inset-x-0 top-5 z-30 flex justify-center px-4\">\n            <Tabs value={activeTab} className=\"pointer-events-auto max-w-full\">\n              <TabsList className=\"border-border bg-card/95 h-auto max-w-full flex-wrap border shadow-lg backdrop-blur-sm\">\n                {tabs.map((tab) => (\n                  <TabsTrigger\n                    key={tab.id}\n                    className={cn(\"font-normal\", activeTab === tab.id && \"bg-background\")}\n                    value={tab.id}\n                    onClick={() => setActiveTab(tab.id)}\n                  >\n                    {tab.icon}\n                    {tab.label}\n                  </TabsTrigger>\n                ))}\n              </TabsList>\n            </Tabs>\n          </div>\n        )}\n\n        {showViewer &&\n          (simpleViewer ? (\n            <div className=\"absolute inset-0 overflow-hidden min-w-0 z-10\">\n              {renderOriginal}\n            </div>\n          ) : (\n            <>\n              <div\n                className={panelClass(\n                  FILE_VIEW_SHEET_TAB.ORIGINAL,\n                  \"hidden\",\n                  true,\n                )}\n              >\n                {renderOriginal}\n              </div>\n              {renderTranscription ? (\n                <div className={panelClass(FILE_VIEW_SHEET_TAB.TRANSCRIPTION)}>\n                  {renderPanelContent(\n                    renderTranscription,\n                    activeTab === FILE_VIEW_SHEET_TAB.TRANSCRIPTION,\n                  )}\n                </div>\n              ) : null}\n              {renderSummary ? (\n                <div\n                  className={panelClass(FILE_VIEW_SHEET_TAB.SUMMARY, \"auto\")}\n                >\n                  {renderPanelContent(\n                    renderSummary,\n                    activeTab === FILE_VIEW_SHEET_TAB.SUMMARY,\n                  )}\n                </div>\n              ) : null}\n              {renderTemplate ? (\n                <div\n                  className={panelClass(\n                    FILE_VIEW_SHEET_TAB.TEMPLATE,\n                    \"hidden\",\n                    true,\n                  )}\n                >\n                  {renderPanelContent(\n                    renderTemplate,\n                    activeTab === FILE_VIEW_SHEET_TAB.TEMPLATE,\n                  )}\n                </div>\n              ) : null}\n              {renderEdit ? (\n                <div className={panelClass(FILE_VIEW_SHEET_TAB.EDIT, \"auto\")}>\n                  {renderPanelContent(\n                    renderEdit,\n                    activeTab === FILE_VIEW_SHEET_TAB.EDIT,\n                  )}\n                </div>\n              ) : null}\n              {renderVersions ? (\n                <div\n                  className={panelClass(FILE_VIEW_SHEET_TAB.VERSIONS, \"auto\")}\n                >\n                  {renderPanelContent(\n                    renderVersions,\n                    activeTab === FILE_VIEW_SHEET_TAB.VERSIONS,\n                  )}\n                </div>\n              ) : null}\n            </>\n          ))}\n      </div>\n    </SheetContent>\n  );\n};\n\nexport { FileViewSheetPanelContent };\n"],"mappings":";;;;;;;;;;AAkBA,IAAM,KAA6B,EACjC,UACA,eAAY,IACZ,eAAY,IACZ,mBACA,aAAU,IACV,UAAO,EAAE,EACT,gBAAa,EAAoB,UACjC,cAAW,IACX,mBACA,wBACA,kBACA,mBACA,eACA,wBAC6B;CAC7B,IAAM,CAAC,GAAW,KAAgB,EAA2B,EAAW,EAClE,IAAa,CAAC,KAAa,CAAC,GAC5B,IAAe,CAAC,GAChB,IAAe,KAAY,EAAK,SAAS,GAEzC,KACJ,GACA,IAA8B,UAC9B,IAAc,OAEd,EACE,4DACA,MAAa,SAAS,kBAAkB,mBACxC,KAAgB,CAAC,KAAe,SAChC,MAAc,IACV,qBACA,oCACL;AAEH,QACE,kBAAC,GAAD;EAAc,WAAU;YAAxB;GACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAU;eAA4B;KAAmB,CAAA,EACrE,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA,CACP;;GAEb,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM;KACN,CAAA;IACE,CAAA;GAGR,kBAAC,OAAD;IAAK,WAAU;cAAf;MACI,KAAa,MAAc,IAC3B,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,GACJ;KAEH,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAM,OAAO;OAAW,WAAU;iBAChC,kBAAC,GAAD;QAAU,WAAU;kBACjB,EAAK,KAAK,MACT,kBAAC,GAAD;SAEE,WAAW,EAAG,eAAe,MAAc,EAAI,MAAM,gBAAgB;SACrE,OAAO,EAAI;SACX,eAAe,EAAa,EAAI,GAAG;mBAJrC,CAMG,EAAI,MACJ,EAAI,MACO;WAPP,EAAI,GAOG,CACd;QACO,CAAA;OACN,CAAA;MACH,CAAA;KAGP,MACE,IACC,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,GAEN,kBAAA,GAAA,EAAA,UAAA;MACE,kBAAC,OAAD;OACE,WAAW,EACT,EAAoB,UACpB,UACA,GACD;iBAEA;OACG,CAAA;MACL,IACC,kBAAC,OAAD;OAAK,WAAW,EAAW,EAAoB,cAAc;iBAC1D,EACC,GACA,MAAc,EAAoB,cACnC;OACG,CAAA,GACJ;MACH,IACC,kBAAC,OAAD;OACE,WAAW,EAAW,EAAoB,SAAS,OAAO;iBAEzD,EACC,GACA,MAAc,EAAoB,QACnC;OACG,CAAA,GACJ;MACH,IACC,kBAAC,OAAD;OACE,WAAW,EACT,EAAoB,UACpB,UACA,GACD;iBAEA,EACC,GACA,MAAc,EAAoB,SACnC;OACG,CAAA,GACJ;MACH,IACC,kBAAC,OAAD;OAAK,WAAW,EAAW,EAAoB,MAAM,OAAO;iBACzD,EACC,GACA,MAAc,EAAoB,KACnC;OACG,CAAA,GACJ;MACH,IACC,kBAAC,OAAD;OACE,WAAW,EAAW,EAAoB,UAAU,OAAO;iBAE1D,EACC,GACA,MAAc,EAAoB,SACnC;OACG,CAAA,GACJ;MACH,EAAA,CAAA;KAEH;;GACO"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../../../src/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.tsx"],"sourcesContent":["import { renderPanelContent } from \"../../utilities\";\nimport { useEffect, useState } from \"react\";\nimport { FileX } from \"lucide-react\";\nimport { cn } from \"@/utilities/class\";\nimport {\n  SheetContent,\n  SheetDescription,\n  SheetHeader,\n  SheetTitle,\n} from \"@/components/sheet\";\nimport { StatusMessage } from \"@/components/status_message\";\nimport { Tabs, TabsList, TabsTrigger } from \"@/components/tabs\";\nimport {\n  FILE_VIEW_SHEET_TAB,\n  type FileViewSheetTab,\n} from \"../../../../types/file_view_sheet\";\nimport type { FileViewSheetPanelProps } from \"../../types\";\n\nconst FileViewSheetPanelContent = ({\n  lazyPanels = false,\n  onActiveTabChange,\n  title,\n  isPending = false,\n  isLoading = false,\n  loadingOverlay,\n  isError = false,\n  tabs = [],\n  defaultTab = FILE_VIEW_SHEET_TAB.ORIGINAL,\n  showTabs = false,\n  renderOriginal,\n  renderTranscription,\n  renderSummary,\n  renderTemplate,\n  renderEdit,\n  renderVersions,\n}: FileViewSheetPanelProps) => {\n  const [activeTab, setActiveTab] = useState<FileViewSheetTab>(defaultTab);\n  const [visited, setVisited] = useState<Set<FileViewSheetTab>>(\n    () => new Set([defaultTab]),\n  );\n  const shouldMount = (tab: FileViewSheetTab) =>\n    !lazyPanels || visited.has(tab);\n  useEffect(() => {\n    onActiveTabChange?.(activeTab);\n  }, [activeTab, onActiveTabChange]);\n  const showViewer = !isPending && !isError;\n  const simpleViewer = !showTabs;\n  const floatingTabs = showTabs && tabs.length > 0;\n\n  const panelClass = (\n    tab: FileViewSheetTab,\n    overflow: \"hidden\" | \"auto\" = \"hidden\",\n    tabsOverlay = false,\n  ) =>\n    cn(\n      \"absolute inset-0 min-w-0 transition-opacity duration-150\",\n      overflow === \"auto\" ? \"overflow-auto\" : \"overflow-hidden\",\n      floatingTabs && !tabsOverlay && \"pt-16\",\n      activeTab === tab\n        ? \"opacity-100 z-10\"\n        : \"opacity-0 pointer-events-none z-0\",\n    );\n\n  return (\n    <SheetContent className=\"sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden\">\n      <SheetHeader className=\"px-6 flex flex-row items-center justify-between space-y-0 border-b bg-background relative z-10\">\n        <SheetTitle className=\"line-clamp-1 flex-1 mr-4\">{title}</SheetTitle>\n        <SheetDescription className=\"sr-only\">\n          Aquí podrás ver la vista previa del archivo seleccionado.\n        </SheetDescription>\n      </SheetHeader>\n\n      {isError && (\n        <div className=\"p-4\">\n          <StatusMessage\n            title=\"Sucedio un error inesperado\"\n            description=\"Vuelve a intentarlo dentro de unos minutos, si el error persiste, contacta con soporte.\"\n            icon={FileX}\n          />\n        </div>\n      )}\n\n      <div className=\"flex-1 relative min-h-0 bg-background\">\n        {(isPending || isLoading) && loadingOverlay ? (\n          <div className=\"absolute inset-0 z-50 bg-background\">\n            {loadingOverlay}\n          </div>\n        ) : null}\n\n        {floatingTabs && (\n          <div className=\"pointer-events-none absolute inset-x-0 top-5 z-30 flex justify-center px-4\">\n            <Tabs value={activeTab} className=\"pointer-events-auto max-w-full\">\n              <TabsList className=\"border-border bg-card/95 h-auto max-w-full flex-wrap border shadow-lg backdrop-blur-sm\">\n                {tabs.map((tab) => (\n                  <TabsTrigger\n                    key={tab.id}\n                    className={cn(\n                      \"font-normal\",\n                      activeTab === tab.id && \"bg-background\",\n                    )}\n                    value={tab.id}\n                    onClick={() => {\n                      setVisited((previous) => new Set([...previous, tab.id]));\n                      setActiveTab(tab.id);\n                    }}\n                  >\n                    {tab.icon}\n                    {tab.label}\n                  </TabsTrigger>\n                ))}\n              </TabsList>\n            </Tabs>\n          </div>\n        )}\n\n        {showViewer &&\n          (simpleViewer ? (\n            <div className=\"absolute inset-0 overflow-hidden min-w-0 z-10\">\n              {renderOriginal}\n            </div>\n          ) : (\n            <>\n              {shouldMount(FILE_VIEW_SHEET_TAB.ORIGINAL) && (\n                <div\n                  className={panelClass(\n                    FILE_VIEW_SHEET_TAB.ORIGINAL,\n                    \"hidden\",\n                    true,\n                  )}\n                >\n                  {renderOriginal}\n                </div>\n              )}\n              {renderTranscription &&\n              shouldMount(FILE_VIEW_SHEET_TAB.TRANSCRIPTION) ? (\n                <div className={panelClass(FILE_VIEW_SHEET_TAB.TRANSCRIPTION)}>\n                  {renderPanelContent(\n                    renderTranscription,\n                    activeTab === FILE_VIEW_SHEET_TAB.TRANSCRIPTION,\n                  )}\n                </div>\n              ) : null}\n              {renderSummary && shouldMount(FILE_VIEW_SHEET_TAB.SUMMARY) ? (\n                <div\n                  className={panelClass(FILE_VIEW_SHEET_TAB.SUMMARY, \"auto\")}\n                >\n                  {renderPanelContent(\n                    renderSummary,\n                    activeTab === FILE_VIEW_SHEET_TAB.SUMMARY,\n                  )}\n                </div>\n              ) : null}\n              {renderTemplate && shouldMount(FILE_VIEW_SHEET_TAB.TEMPLATE) ? (\n                <div\n                  className={panelClass(\n                    FILE_VIEW_SHEET_TAB.TEMPLATE,\n                    \"hidden\",\n                    true,\n                  )}\n                >\n                  {renderPanelContent(\n                    renderTemplate,\n                    activeTab === FILE_VIEW_SHEET_TAB.TEMPLATE,\n                  )}\n                </div>\n              ) : null}\n              {renderEdit && shouldMount(FILE_VIEW_SHEET_TAB.EDIT) ? (\n                <div className={panelClass(FILE_VIEW_SHEET_TAB.EDIT, \"auto\")}>\n                  {renderPanelContent(\n                    renderEdit,\n                    activeTab === FILE_VIEW_SHEET_TAB.EDIT,\n                  )}\n                </div>\n              ) : null}\n              {renderVersions && shouldMount(FILE_VIEW_SHEET_TAB.VERSIONS) ? (\n                <div\n                  className={panelClass(FILE_VIEW_SHEET_TAB.VERSIONS, \"auto\")}\n                >\n                  {renderPanelContent(\n                    renderVersions,\n                    activeTab === FILE_VIEW_SHEET_TAB.VERSIONS,\n                  )}\n                </div>\n              ) : null}\n            </>\n          ))}\n      </div>\n    </SheetContent>\n  );\n};\n\nexport { FileViewSheetPanelContent };\n"],"mappings":";;;;;;;;;;AAkBA,IAAM,KAA6B,EACjC,gBAAa,IACb,sBACA,UACA,eAAY,IACZ,eAAY,IACZ,mBACA,aAAU,IACV,UAAO,EAAE,EACT,gBAAa,EAAoB,UACjC,cAAW,IACX,mBACA,wBACA,kBACA,mBACA,eACA,wBAC6B;CAC7B,IAAM,CAAC,GAAW,KAAgB,EAA2B,EAAW,EAClE,CAAC,GAAS,KAAc,QACtB,IAAI,IAAI,CAAC,EAAW,CAAC,CAC5B,EACK,KAAe,MACnB,CAAC,KAAc,EAAQ,IAAI,EAAI;AACjC,SAAgB;AACd,MAAoB,EAAU;IAC7B,CAAC,GAAW,EAAkB,CAAC;CAClC,IAAM,IAAa,CAAC,KAAa,CAAC,GAC5B,IAAe,CAAC,GAChB,IAAe,KAAY,EAAK,SAAS,GAEzC,KACJ,GACA,IAA8B,UAC9B,IAAc,OAEd,EACE,4DACA,MAAa,SAAS,kBAAkB,mBACxC,KAAgB,CAAC,KAAe,SAChC,MAAc,IACV,qBACA,oCACL;AAEH,QACE,kBAAC,GAAD;EAAc,WAAU;YAAxB;GACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD;KAAY,WAAU;eAA4B;KAAmB,CAAA,EACrE,kBAAC,GAAD;KAAkB,WAAU;eAAU;KAEnB,CAAA,CACP;;GAEb,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM;KACN,CAAA;IACE,CAAA;GAGR,kBAAC,OAAD;IAAK,WAAU;cAAf;MACI,KAAa,MAAc,IAC3B,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,GACJ;KAEH,KACC,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OAAM,OAAO;OAAW,WAAU;iBAChC,kBAAC,GAAD;QAAU,WAAU;kBACjB,EAAK,KAAK,MACT,kBAAC,GAAD;SAEE,WAAW,EACT,eACA,MAAc,EAAI,MAAM,gBACzB;SACD,OAAO,EAAI;SACX,eAAe;AAEb,UADA,GAAY,MAAa,IAAI,IAAI,CAAC,GAAG,GAAU,EAAI,GAAG,CAAC,CAAC,EACxD,EAAa,EAAI,GAAG;;mBATxB,CAYG,EAAI,MACJ,EAAI,MACO;WAbP,EAAI,GAaG,CACd;QACO,CAAA;OACN,CAAA;MACH,CAAA;KAGP,MACE,IACC,kBAAC,OAAD;MAAK,WAAU;gBACZ;MACG,CAAA,GAEN,kBAAA,GAAA,EAAA,UAAA;MACG,EAAY,EAAoB,SAAS,IACxC,kBAAC,OAAD;OACE,WAAW,EACT,EAAoB,UACpB,UACA,GACD;iBAEA;OACG,CAAA;MAEP,KACD,EAAY,EAAoB,cAAc,GAC5C,kBAAC,OAAD;OAAK,WAAW,EAAW,EAAoB,cAAc;iBAC1D,EACC,GACA,MAAc,EAAoB,cACnC;OACG,CAAA,GACJ;MACH,KAAiB,EAAY,EAAoB,QAAQ,GACxD,kBAAC,OAAD;OACE,WAAW,EAAW,EAAoB,SAAS,OAAO;iBAEzD,EACC,GACA,MAAc,EAAoB,QACnC;OACG,CAAA,GACJ;MACH,KAAkB,EAAY,EAAoB,SAAS,GAC1D,kBAAC,OAAD;OACE,WAAW,EACT,EAAoB,UACpB,UACA,GACD;iBAEA,EACC,GACA,MAAc,EAAoB,SACnC;OACG,CAAA,GACJ;MACH,KAAc,EAAY,EAAoB,KAAK,GAClD,kBAAC,OAAD;OAAK,WAAW,EAAW,EAAoB,MAAM,OAAO;iBACzD,EACC,GACA,MAAc,EAAoB,KACnC;OACG,CAAA,GACJ;MACH,KAAkB,EAAY,EAAoB,SAAS,GAC1D,kBAAC,OAAD;OACE,WAAW,EAAW,EAAoB,UAAU,OAAO;iBAE1D,EACC,GACA,MAAc,EAAoB,SACnC;OACG,CAAA,GACJ;MACH,EAAA,CAAA;KAEH;;GACO"}

package/dist/components/file_view/components/file_view_sheet/index.d.ts

@@ -1,5 +1,5 @@
 import { FileViewSheetProps } from './types';
 import { FILE_VIEW_SHEET_TAB, FileViewSheetTab, FileViewSheetTabItem } from '../../types/file_view_sheet';
-export declare const FileViewSheet: ({ open, onOpenChange, fileKey, ...panelProps }: FileViewSheetProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileViewSheet: ({ open, onOpenChange, fileKey, lazyPanels, ...panelProps }: FileViewSheetProps) => import("react/jsx-runtime").JSX.Element;
 export { FILE_VIEW_SHEET_TAB };
 export type { FileViewSheetTab, FileViewSheetTabItem };

package/dist/components/file_view/components/file_view_sheet/index.js

@@ -3,10 +3,13 @@ import "../../types/file_view_sheet.js";
 import { FileViewSheetPanelContent as t } from "./components/file_view_sheet_panel_content/index.js";
 import { jsx as n } from "react/jsx-runtime";
 //#region src/components/file_view/components/file_view_sheet/index.tsx
-var r = ({ open: r, onOpenChange: i, fileKey: a, ...o }) => /* @__PURE__ */ n(e, {
+var r = ({ open: r, onOpenChange: i, fileKey: a, lazyPanels: o = !1, ...s }) => /* @__PURE__ */ n(e, {
 	open: r,
 	onOpenChange: i,
-	children: /* @__PURE__ */ n(t, { ...o }, a)
+	children: (!o || r) && /* @__PURE__ */ n(t, {
+		lazyPanels: o,
+		...s
+	}, a)
 });
 //#endregion
 export { r as FileViewSheet };

package/dist/components/file_view/components/file_view_sheet/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_view_sheet/index.tsx"],"sourcesContent":["import type { FileViewSheetProps } from \"./types\";\nimport { Sheet } from \"@/components/sheet\";\nimport {\n  FILE_VIEW_SHEET_TAB,\n  type FileViewSheetTab,\n  type FileViewSheetTabItem,\n} from \"../../types/file_view_sheet\";\nimport { FileViewSheetPanelContent } from \"./components/file_view_sheet_panel_content\";\n\nexport const FileViewSheet = ({\n  open,\n  onOpenChange,\n  fileKey,\n  ...panelProps\n}: FileViewSheetProps) => (\n  <Sheet open={open} onOpenChange={onOpenChange}>\n    <FileViewSheetPanelContent key={fileKey} {...panelProps} />\n  </Sheet>\n);\n\nexport { FILE_VIEW_SHEET_TAB };\nexport type { FileViewSheetTab, FileViewSheetTabItem };\n"],"mappings":";;;;;AASA,IAAa,KAAiB,EAC5B,SACA,iBACA,YACA,GAAG,QAEH,kBAAC,GAAD;CAAa;CAAoB;WAC/B,kBAAC,GAAD,EAAyC,GAAI,GAAc,EAA3B,EAA2B;CACrD,CAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/file_view/components/file_view_sheet/index.tsx"],"sourcesContent":["import type { FileViewSheetProps } from \"./types\";\nimport { Sheet } from \"@/components/sheet\";\nimport {\n  FILE_VIEW_SHEET_TAB,\n  type FileViewSheetTab,\n  type FileViewSheetTabItem,\n} from \"../../types/file_view_sheet\";\nimport { FileViewSheetPanelContent } from \"./components/file_view_sheet_panel_content\";\n\nexport const FileViewSheet = ({\n  open,\n  onOpenChange,\n  fileKey,\n  lazyPanels = false,\n  ...panelProps\n}: FileViewSheetProps) => (\n  <Sheet open={open} onOpenChange={onOpenChange}>\n    {(!lazyPanels || open) && (\n      <FileViewSheetPanelContent\n        key={fileKey}\n        lazyPanels={lazyPanels}\n        {...panelProps}\n      />\n    )}\n  </Sheet>\n);\n\nexport { FILE_VIEW_SHEET_TAB };\nexport type { FileViewSheetTab, FileViewSheetTabItem };\n"],"mappings":";;;;;AASA,IAAa,KAAiB,EAC5B,SACA,iBACA,YACA,gBAAa,IACb,GAAG,QAEH,kBAAC,GAAD;CAAa;CAAoB;YAC7B,CAAC,KAAc,MACf,kBAAC,GAAD;EAEc;EACZ,GAAI;EACJ,EAHK,EAGL;CAEE,CAAA"}

package/dist/components/file_view/components/file_view_sheet/types/index.d.ts

@@ -1,6 +1,8 @@
 import { FileViewSheetTab, FileViewSheetTabItem } from '../../../types/file_view_sheet';
 export type FileViewSheetPanelRender = React.ReactNode | ((isActive: boolean) => React.ReactNode);
 export interface FileViewSheetPanelProps {
+    lazyPanels?: boolean;
+    onActiveTabChange?: (tab: FileViewSheetTab) => void;
     title: string;
     isPending?: boolean;
     isLoading?: boolean;

package/dist/components/file_view/components/image_viewer/index.d.ts

@@ -1,3 +1,3 @@
 import { FileImageViewerProps } from './types';
-export declare const FileImageViewer: ({ url, mimeType, fileId, fileName, isPending, isError, onDownload, }: FileImageViewerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const FileImageViewer: ({ url, mimeType, fileId, fileName, isPending, isError, onDownload, onLoadingChange, }: FileImageViewerProps) => import("react/jsx-runtime").JSX.Element;
 export type { FileImageViewerProps } from './types';