arxatec-ui 0.1.63 → 0.1.64
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.
- package/dist/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.d.ts +1 -1
- package/dist/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.js +33 -32
- package/dist/components/file_view/components/file_view_sheet/components/file_view_sheet_panel_content/index.js.map +1 -1
- package/dist/components/file_view/components/file_view_sheet/types/index.d.ts +1 -0
- package/dist/components/file_view/types/file_view_sheet.d.ts +1 -0
- package/dist/components/file_view/types/file_view_sheet.js +2 -1
- package/dist/components/file_view/types/file_view_sheet.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { FileViewSheetPanelProps } from '../../types';
|
|
2
|
-
declare const FileViewSheetPanelContent: ({ title, isPending, isError, tabs, defaultTab, showTabs, renderOriginal, renderTranscription, renderSummary, renderTemplate, renderEdit, }: FileViewSheetPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const FileViewSheetPanelContent: ({ title, isPending, isError, tabs, defaultTab, showTabs, renderOriginal, renderTranscription, renderSummary, renderTemplate, renderEdit, renderVersions, }: FileViewSheetPanelProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export { FileViewSheetPanelContent };
|
|
@@ -9,8 +9,8 @@ import { useState as f } from "react";
|
|
|
9
9
|
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
|
-
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 }) => {
|
|
13
|
-
let [
|
|
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");
|
|
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: [
|
|
@@ -24,24 +24,6 @@ var _ = ({ title: _, isPending: v = !1, isError: y = !1, tabs: b = [], defaultTa
|
|
|
24
24
|
children: "Aquí podrás ver la vista previa del archivo seleccionado."
|
|
25
25
|
})]
|
|
26
26
|
}),
|
|
27
|
-
S && b.length > 0 && /* @__PURE__ */ m("div", {
|
|
28
|
-
className: "p-1 flex items-center justify-center border-b bg-background",
|
|
29
|
-
children: /* @__PURE__ */ m("div", {
|
|
30
|
-
className: "flex items-center gap-4 mr-8",
|
|
31
|
-
children: /* @__PURE__ */ m(s, {
|
|
32
|
-
value: O,
|
|
33
|
-
children: /* @__PURE__ */ m(c, {
|
|
34
|
-
className: "bg-accent",
|
|
35
|
-
children: b.map((t) => /* @__PURE__ */ h(l, {
|
|
36
|
-
className: e("font-normal", O === t.id && "bg-background"),
|
|
37
|
-
value: t.id,
|
|
38
|
-
onClick: () => k(t.id),
|
|
39
|
-
children: [t.icon, t.label]
|
|
40
|
-
}, t.id))
|
|
41
|
-
})
|
|
42
|
-
})
|
|
43
|
-
})
|
|
44
|
-
}),
|
|
45
27
|
v && /* @__PURE__ */ m("div", {
|
|
46
28
|
className: "p-4",
|
|
47
29
|
children: /* @__PURE__ */ m(n, { className: "flex-1 h-48 w-full rounded-md" })
|
|
@@ -54,33 +36,52 @@ var _ = ({ title: _, isPending: v = !1, isError: y = !1, tabs: b = [], defaultTa
|
|
|
54
36
|
icon: g
|
|
55
37
|
})
|
|
56
38
|
}),
|
|
57
|
-
/* @__PURE__ */
|
|
39
|
+
/* @__PURE__ */ h("div", {
|
|
58
40
|
className: "flex-1 relative min-h-0 bg-background",
|
|
59
|
-
children:
|
|
41
|
+
children: [N && /* @__PURE__ */ m("div", {
|
|
42
|
+
className: "pointer-events-none absolute inset-x-0 top-5 z-30 flex justify-center px-4",
|
|
43
|
+
children: /* @__PURE__ */ m(s, {
|
|
44
|
+
value: k,
|
|
45
|
+
className: "pointer-events-auto max-w-full",
|
|
46
|
+
children: /* @__PURE__ */ m(c, {
|
|
47
|
+
className: "border-border bg-card/95 h-auto max-w-full flex-wrap border shadow-lg backdrop-blur-sm",
|
|
48
|
+
children: b.map((t) => /* @__PURE__ */ h(l, {
|
|
49
|
+
className: e("font-normal", k === t.id && "bg-background"),
|
|
50
|
+
value: t.id,
|
|
51
|
+
onClick: () => A(t.id),
|
|
52
|
+
children: [t.icon, t.label]
|
|
53
|
+
}, t.id))
|
|
54
|
+
})
|
|
55
|
+
})
|
|
56
|
+
}), j && (M ? /* @__PURE__ */ m("div", {
|
|
60
57
|
className: "absolute inset-0 overflow-hidden min-w-0 z-10",
|
|
61
58
|
children: C
|
|
62
59
|
}) : /* @__PURE__ */ h(p, { children: [
|
|
63
60
|
/* @__PURE__ */ m("div", {
|
|
64
|
-
className:
|
|
61
|
+
className: P(u.ORIGINAL),
|
|
65
62
|
children: C
|
|
66
63
|
}),
|
|
67
64
|
w ? /* @__PURE__ */ m("div", {
|
|
68
|
-
className:
|
|
69
|
-
children: d(w,
|
|
65
|
+
className: P(u.TRANSCRIPTION),
|
|
66
|
+
children: d(w, k === u.TRANSCRIPTION)
|
|
70
67
|
}) : null,
|
|
71
68
|
T ? /* @__PURE__ */ m("div", {
|
|
72
|
-
className:
|
|
73
|
-
children: d(T,
|
|
69
|
+
className: P(u.SUMMARY, "auto"),
|
|
70
|
+
children: d(T, k === u.SUMMARY)
|
|
74
71
|
}) : null,
|
|
75
72
|
E ? /* @__PURE__ */ m("div", {
|
|
76
|
-
className:
|
|
77
|
-
children: d(E,
|
|
73
|
+
className: P(u.TEMPLATE),
|
|
74
|
+
children: d(E, k === u.TEMPLATE)
|
|
78
75
|
}) : null,
|
|
79
76
|
D ? /* @__PURE__ */ m("div", {
|
|
80
|
-
className:
|
|
81
|
-
children: d(D,
|
|
77
|
+
className: P(u.EDIT, "auto"),
|
|
78
|
+
children: d(D, k === u.EDIT)
|
|
79
|
+
}) : null,
|
|
80
|
+
O ? /* @__PURE__ */ m("div", {
|
|
81
|
+
className: P(u.VERSIONS, "auto"),
|
|
82
|
+
children: d(O, k === u.VERSIONS)
|
|
82
83
|
}) : null
|
|
83
|
-
] }))
|
|
84
|
+
] }))]
|
|
84
85
|
})
|
|
85
86
|
]
|
|
86
87
|
});
|
|
@@ -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}: FileViewSheetPanelProps) => {\n const [activeTab, setActiveTab] = useState<FileViewSheetTab>(defaultTab);\n const showViewer = !isPending && !isError;\n const simpleViewer = !showTabs;\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 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 {
|
|
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 className={panelClass(FILE_VIEW_SHEET_TAB.ORIGINAL)}>\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 className={panelClass(FILE_VIEW_SHEET_TAB.TEMPLATE)}>\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,aAE9B,EACE,4DACA,MAAa,SAAS,kBAAkB,mBACxC,KAAgB,SAChB,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;MAAK,WAAW,EAAW,EAAoB,SAAS;gBACrD;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;MAAK,WAAW,EAAW,EAAoB,SAAS;gBACrD,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"}
|
|
@@ -12,6 +12,7 @@ export interface FileViewSheetPanelProps {
|
|
|
12
12
|
renderSummary?: FileViewSheetPanelRender;
|
|
13
13
|
renderTemplate?: FileViewSheetPanelRender;
|
|
14
14
|
renderEdit?: FileViewSheetPanelRender;
|
|
15
|
+
renderVersions?: FileViewSheetPanelRender;
|
|
15
16
|
}
|
|
16
17
|
export interface FileViewSheetProps extends FileViewSheetPanelProps {
|
|
17
18
|
open: boolean;
|
|
@@ -4,6 +4,7 @@ export declare const FILE_VIEW_SHEET_TAB: {
|
|
|
4
4
|
readonly SUMMARY: "summary";
|
|
5
5
|
readonly TEMPLATE: "template";
|
|
6
6
|
readonly EDIT: "edit";
|
|
7
|
+
readonly VERSIONS: "versions";
|
|
7
8
|
};
|
|
8
9
|
export type FileViewSheetTab = (typeof FILE_VIEW_SHEET_TAB)[keyof typeof FILE_VIEW_SHEET_TAB];
|
|
9
10
|
export interface FileViewSheetTabItem {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"file_view_sheet.js","names":[],"sources":["../../../../src/components/file_view/types/file_view_sheet.ts"],"sourcesContent":["export const FILE_VIEW_SHEET_TAB = {\n ORIGINAL: \"original\",\n TRANSCRIPTION: \"transcription\",\n SUMMARY: \"summary\",\n TEMPLATE: \"template\",\n EDIT: \"edit\",\n} as const;\n\nexport type FileViewSheetTab =\n (typeof FILE_VIEW_SHEET_TAB)[keyof typeof FILE_VIEW_SHEET_TAB];\n\nexport interface FileViewSheetTabItem {\n id: FileViewSheetTab;\n label: string;\n icon?: React.ReactNode;\n}\n"],"mappings":";AAAA,IAAa,IAAsB;CACjC,UAAU;CACV,eAAe;CACf,SAAS;CACT,UAAU;CACV,MAAM;
|
|
1
|
+
{"version":3,"file":"file_view_sheet.js","names":[],"sources":["../../../../src/components/file_view/types/file_view_sheet.ts"],"sourcesContent":["export const FILE_VIEW_SHEET_TAB = {\n ORIGINAL: \"original\",\n TRANSCRIPTION: \"transcription\",\n SUMMARY: \"summary\",\n TEMPLATE: \"template\",\n EDIT: \"edit\",\n VERSIONS: \"versions\",\n} as const;\n\nexport type FileViewSheetTab =\n (typeof FILE_VIEW_SHEET_TAB)[keyof typeof FILE_VIEW_SHEET_TAB];\n\nexport interface FileViewSheetTabItem {\n id: FileViewSheetTab;\n label: string;\n icon?: React.ReactNode;\n}\n"],"mappings":";AAAA,IAAa,IAAsB;CACjC,UAAU;CACV,eAAe;CACf,SAAS;CACT,UAAU;CACV,MAAM;CACN,UAAU;CACX"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "arxatec-ui",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.64",
|
|
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",
|