arxatec-ui 0.1.64 → 0.1.65
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -10,7 +10,7 @@ import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
|
|
|
10
10
|
import { FileX as g } from "lucide-react";
|
|
11
11
|
//#region src/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.tsx
|
|
12
12
|
var _ = ({ title: _, isPending: v = !1, isError: y = !1, tabs: b = [], defaultTab: x = u.ORIGINAL, showTabs: S = !1, renderOriginal: C, renderTranscription: w, renderSummary: T, renderTemplate: E, renderEdit: D, renderVersions: O }) => {
|
|
13
|
-
let [k, A] = f(x), j = !v && !y, M = !S, N = S && b.length > 0, P = (t, n = "hidden") => e("absolute inset-0 min-w-0 transition-opacity duration-150", n === "auto" ? "overflow-auto" : "overflow-hidden", N && "pt-16", k === t ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0");
|
|
13
|
+
let [k, A] = f(x), j = !v && !y, M = !S, N = S && b.length > 0, P = (t, n = "hidden", r = !1) => e("absolute inset-0 min-w-0 transition-opacity duration-150", n === "auto" ? "overflow-auto" : "overflow-hidden", N && !r && "pt-16", k === t ? "opacity-100 z-10" : "opacity-0 pointer-events-none z-0");
|
|
14
14
|
return /* @__PURE__ */ h(r, {
|
|
15
15
|
className: "sm:max-w-[95vw] w-full p-0 flex flex-col gap-0 overflow-hidden",
|
|
16
16
|
children: [
|
|
@@ -58,7 +58,7 @@ var _ = ({ title: _, isPending: v = !1, isError: y = !1, tabs: b = [], defaultTa
|
|
|
58
58
|
children: C
|
|
59
59
|
}) : /* @__PURE__ */ h(p, { children: [
|
|
60
60
|
/* @__PURE__ */ m("div", {
|
|
61
|
-
className: P(u.ORIGINAL),
|
|
61
|
+
className: P(u.ORIGINAL, "hidden", !0),
|
|
62
62
|
children: C
|
|
63
63
|
}),
|
|
64
64
|
w ? /* @__PURE__ */ m("div", {
|
|
@@ -70,7 +70,7 @@ var _ = ({ title: _, isPending: v = !1, isError: y = !1, tabs: b = [], defaultTa
|
|
|
70
70
|
children: d(T, k === u.SUMMARY)
|
|
71
71
|
}) : null,
|
|
72
72
|
E ? /* @__PURE__ */ m("div", {
|
|
73
|
-
className: P(u.TEMPLATE),
|
|
73
|
+
className: P(u.TEMPLATE, "hidden", !0),
|
|
74
74
|
children: d(E, k === u.TEMPLATE)
|
|
75
75
|
}) : null,
|
|
76
76
|
D ? /* @__PURE__ */ m("div", {
|
|
@@ -1 +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 { Skeleton } from \"@/components/skeleton\";\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 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 ) =>\n cn(\n \"absolute inset-0 min-w-0 transition-opacity duration-150\",\n overflow === \"auto\" ? \"overflow-auto\" : \"overflow-hidden\",\n floatingTabs && \"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 {isPending && (\n <div className=\"p-4\">\n <Skeleton className=\"flex-1 h-48 w-full rounded-md\" />\n </div>\n )}\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 {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
|
|
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 { Skeleton } from \"@/components/skeleton\";\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 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 {isPending && (\n <div className=\"p-4\">\n <Skeleton className=\"flex-1 h-48 w-full rounded-md\" />\n </div>\n )}\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 {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":";;;;;;;;;;;AAmBA,IAAM,KAA6B,EACjC,UACA,eAAY,IACZ,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,EAAU,WAAU,iCAAkC,CAAA;IAClD,CAAA;GAGP,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,GAAD;KACE,OAAM;KACN,aAAY;KACZ,MAAM;KACN,CAAA;IACE,CAAA;GAGR,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD;MAAM,OAAO;MAAW,WAAU;gBAChC,kBAAC,GAAD;OAAU,WAAU;iBACjB,EAAK,KAAK,MACT,kBAAC,GAAD;QAEE,WAAW,EAAG,eAAe,MAAc,EAAI,MAAM,gBAAgB;QACrE,OAAO,EAAI;QACX,eAAe,EAAa,EAAI,GAAG;kBAJrC,CAMG,EAAI,MACJ,EAAI,MACO;UAPP,EAAI,GAOG,CACd;OACO,CAAA;MACN,CAAA;KACH,CAAA,EAGP,MACE,IACC,kBAAC,OAAD;KAAK,WAAU;eACZ;KACG,CAAA,GAEN,kBAAA,GAAA,EAAA,UAAA;KACE,kBAAC,OAAD;MACE,WAAW,EACT,EAAoB,UACpB,UACA,GACD;gBAEA;MACG,CAAA;KACL,IACC,kBAAC,OAAD;MAAK,WAAW,EAAW,EAAoB,cAAc;gBAC1D,EACC,GACA,MAAc,EAAoB,cACnC;MACG,CAAA,GACJ;KACH,IACC,kBAAC,OAAD;MACE,WAAW,EAAW,EAAoB,SAAS,OAAO;gBAEzD,EACC,GACA,MAAc,EAAoB,QACnC;MACG,CAAA,GACJ;KACH,IACC,kBAAC,OAAD;MACE,WAAW,EACT,EAAoB,UACpB,UACA,GACD;gBAEA,EACC,GACA,MAAc,EAAoB,SACnC;MACG,CAAA,GACJ;KACH,IACC,kBAAC,OAAD;MAAK,WAAW,EAAW,EAAoB,MAAM,OAAO;gBACzD,EACC,GACA,MAAc,EAAoB,KACnC;MACG,CAAA,GACJ;KACH,IACC,kBAAC,OAAD;MACE,WAAW,EAAW,EAAoB,UAAU,OAAO;gBAE1D,EACC,GACA,MAAc,EAAoB,SACnC;MACG,CAAA,GACJ;KACH,EAAA,CAAA,EAEH;;GACO"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "arxatec-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.65",
|
|
4
4
|
"description": "React component library for building Arxatec product UIs—built on established ecosystem libraries for a consistent, efficient workflow. More at https://arxatec.net.",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"type": "module",
|