aq-fe-framework 0.1.230 → 0.1.231
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.
@@ -6660,29 +6660,51 @@ function MyDateInput(_a) {
|
|
6660
6660
|
}
|
6661
6661
|
|
6662
6662
|
// src/components/Inputs/Fieldset/MyFieldset.tsx
|
6663
|
-
import {
|
6664
|
-
|
6663
|
+
import {
|
6664
|
+
Fieldset as Fieldset4,
|
6665
|
+
Group as Group14,
|
6666
|
+
Text as Text13,
|
6667
|
+
useMantineColorScheme as useMantineColorScheme2
|
6668
|
+
} from "@mantine/core";
|
6669
|
+
import { jsx as jsx45, jsxs as jsxs26 } from "react/jsx-runtime";
|
6665
6670
|
function MyFieldset(_a) {
|
6666
6671
|
var _b = _a, {
|
6667
6672
|
children,
|
6668
|
-
title
|
6669
|
-
|
6673
|
+
title,
|
6674
|
+
textColor,
|
6675
|
+
bgColor,
|
6676
|
+
styles,
|
6677
|
+
customLegend
|
6678
|
+
} = _b, props = __objRest(_b, [
|
6670
6679
|
"children",
|
6671
|
-
"title"
|
6680
|
+
"title",
|
6681
|
+
"textColor",
|
6682
|
+
"bgColor",
|
6683
|
+
"styles",
|
6684
|
+
"customLegend"
|
6672
6685
|
]);
|
6686
|
+
const { colorScheme } = useMantineColorScheme2();
|
6687
|
+
const isDark = colorScheme === "dark";
|
6688
|
+
const defaultLegendStyles = {
|
6689
|
+
borderLeft: `4px solid ${isDark ? "#638cab" : "var(--mantine-color-blue-4)"}`,
|
6690
|
+
backgroundColor: bgColor != null ? bgColor : isDark ? "var(--mantine-color-gray-8)" : "var(--mantine-color-blue-1)",
|
6691
|
+
paddingLeft: "var(--mantine-spacing-xs)",
|
6692
|
+
paddingRight: "var(--mantine-spacing-xs)",
|
6693
|
+
color: textColor != null ? textColor : isDark ? "var(--mantine-color-white)" : "var(--mantine-color-blue-8)"
|
6694
|
+
};
|
6695
|
+
const mergedStyles = typeof styles === "function" ? styles : __spreadProps(__spreadValues({}, styles), {
|
6696
|
+
legend: __spreadValues(__spreadValues({}, defaultLegendStyles), styles == null ? void 0 : styles.legend)
|
6697
|
+
});
|
6673
6698
|
return /* @__PURE__ */ jsx45(
|
6674
6699
|
Fieldset4,
|
6675
|
-
__spreadProps(__spreadValues({
|
6676
|
-
legend: /* @__PURE__ */ jsx45(
|
6677
|
-
|
6678
|
-
|
6679
|
-
|
6680
|
-
|
6681
|
-
|
6682
|
-
|
6683
|
-
children: /* @__PURE__ */ jsx45(Text13, { c: "white", fw: 500, children: title })
|
6684
|
-
}
|
6685
|
-
),
|
6700
|
+
__spreadProps(__spreadValues({
|
6701
|
+
legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx45(Group14, { gap: "xs", children: /* @__PURE__ */ jsxs26(Text13, { fw: 600, children: [
|
6702
|
+
" ",
|
6703
|
+
title,
|
6704
|
+
" "
|
6705
|
+
] }) }),
|
6706
|
+
styles: mergedStyles
|
6707
|
+
}, props), {
|
6686
6708
|
children
|
6687
6709
|
})
|
6688
6710
|
);
|
@@ -6732,7 +6754,7 @@ import Underline from "@tiptap/extension-underline";
|
|
6732
6754
|
import { useEditor } from "@tiptap/react";
|
6733
6755
|
import StarterKit from "@tiptap/starter-kit";
|
6734
6756
|
import { useEffect as useEffect8, useState as useState8 } from "react";
|
6735
|
-
import { jsx as jsx49, jsxs as
|
6757
|
+
import { jsx as jsx49, jsxs as jsxs27 } from "react/jsx-runtime";
|
6736
6758
|
function MyTextEditor(_a) {
|
6737
6759
|
var _b = _a, {
|
6738
6760
|
autoHiddenToolBar = false,
|
@@ -6834,9 +6856,9 @@ function MyTextEditor(_a) {
|
|
6834
6856
|
editor.commands.setContent(value);
|
6835
6857
|
}
|
6836
6858
|
}, [value, editor]);
|
6837
|
-
return /* @__PURE__ */ jsx49(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */
|
6838
|
-
/* @__PURE__ */
|
6839
|
-
/* @__PURE__ */
|
6859
|
+
return /* @__PURE__ */ jsx49(Input.Wrapper, { label, flex: 1, error, withAsterisk, children: /* @__PURE__ */ jsxs27(RichTextEditor, { editor, style: { border: error && "1px solid #e03131" }, children: [
|
6860
|
+
/* @__PURE__ */ jsxs27(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
|
6861
|
+
/* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
|
6840
6862
|
/* @__PURE__ */ jsx49(RichTextEditor.Bold, {}),
|
6841
6863
|
/* @__PURE__ */ jsx49(RichTextEditor.Italic, {}),
|
6842
6864
|
/* @__PURE__ */ jsx49(RichTextEditor.Underline, {}),
|
@@ -6845,13 +6867,13 @@ function MyTextEditor(_a) {
|
|
6845
6867
|
/* @__PURE__ */ jsx49(RichTextEditor.Highlight, {}),
|
6846
6868
|
/* @__PURE__ */ jsx49(RichTextEditor.Code, {})
|
6847
6869
|
] }),
|
6848
|
-
/* @__PURE__ */
|
6870
|
+
/* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
|
6849
6871
|
/* @__PURE__ */ jsx49(RichTextEditor.H1, {}),
|
6850
6872
|
/* @__PURE__ */ jsx49(RichTextEditor.H2, {}),
|
6851
6873
|
/* @__PURE__ */ jsx49(RichTextEditor.H3, {}),
|
6852
6874
|
/* @__PURE__ */ jsx49(RichTextEditor.H4, {})
|
6853
6875
|
] }),
|
6854
|
-
/* @__PURE__ */
|
6876
|
+
/* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
|
6855
6877
|
/* @__PURE__ */ jsx49(RichTextEditor.Blockquote, {}),
|
6856
6878
|
/* @__PURE__ */ jsx49(RichTextEditor.Hr, {}),
|
6857
6879
|
/* @__PURE__ */ jsx49(RichTextEditor.BulletList, {}),
|
@@ -6859,11 +6881,11 @@ function MyTextEditor(_a) {
|
|
6859
6881
|
/* @__PURE__ */ jsx49(RichTextEditor.Subscript, {}),
|
6860
6882
|
/* @__PURE__ */ jsx49(RichTextEditor.Superscript, {})
|
6861
6883
|
] }),
|
6862
|
-
/* @__PURE__ */
|
6884
|
+
/* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
|
6863
6885
|
/* @__PURE__ */ jsx49(RichTextEditor.Link, {}),
|
6864
6886
|
/* @__PURE__ */ jsx49(RichTextEditor.Unlink, {})
|
6865
6887
|
] }),
|
6866
|
-
/* @__PURE__ */
|
6888
|
+
/* @__PURE__ */ jsxs27(RichTextEditor.ControlsGroup, { children: [
|
6867
6889
|
/* @__PURE__ */ jsx49(RichTextEditor.AlignLeft, {}),
|
6868
6890
|
/* @__PURE__ */ jsx49(RichTextEditor.AlignCenter, {}),
|
6869
6891
|
/* @__PURE__ */ jsx49(RichTextEditor.AlignJustify, {}),
|
@@ -6923,7 +6945,7 @@ import {
|
|
6923
6945
|
AppShell,
|
6924
6946
|
Badge as Badge3,
|
6925
6947
|
Divider as Divider2,
|
6926
|
-
Group as
|
6948
|
+
Group as Group15,
|
6927
6949
|
Image as Image3,
|
6928
6950
|
NavLink,
|
6929
6951
|
ScrollArea as ScrollArea3,
|
@@ -6939,7 +6961,7 @@ import {
|
|
6939
6961
|
import Link3 from "next/link";
|
6940
6962
|
import { usePathname as usePathname2 } from "next/navigation";
|
6941
6963
|
import { useEffect as useEffect9, useMemo as useMemo3, useState as useState9 } from "react";
|
6942
|
-
import { Fragment as Fragment13, jsx as jsx51, jsxs as
|
6964
|
+
import { Fragment as Fragment13, jsx as jsx51, jsxs as jsxs28 } from "react/jsx-runtime";
|
6943
6965
|
function findBreadcrumbPath(items, currentPath, parents = []) {
|
6944
6966
|
for (const item of items) {
|
6945
6967
|
if (item.link === currentPath) {
|
@@ -6975,7 +6997,7 @@ function RenderNavLinks({
|
|
6975
6997
|
component: Link3,
|
6976
6998
|
opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
|
6977
6999
|
href: `/${pathName.split("/")[1]}/${item.link}` || "#",
|
6978
|
-
label: /* @__PURE__ */
|
7000
|
+
label: /* @__PURE__ */ jsxs28(MyFlexRow, { justify: "space-between", children: [
|
6979
7001
|
item.label,
|
6980
7002
|
" ",
|
6981
7003
|
getRightSection(item.status)
|
@@ -7110,7 +7132,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7110
7132
|
basicAppShellStore.setProperty("note", linkItem == null ? void 0 : linkItem.note);
|
7111
7133
|
basicAppShellStore.setProperty("status", linkItem == null ? void 0 : linkItem.status);
|
7112
7134
|
}, [pathName]);
|
7113
|
-
return /* @__PURE__ */
|
7135
|
+
return /* @__PURE__ */ jsxs28(
|
7114
7136
|
AppShell,
|
7115
7137
|
{
|
7116
7138
|
header: { height: 60 },
|
@@ -7124,8 +7146,8 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7124
7146
|
},
|
7125
7147
|
padding: "md",
|
7126
7148
|
children: [
|
7127
|
-
/* @__PURE__ */ jsx51(AppShell.Header, { children: media ? /* @__PURE__ */
|
7128
|
-
/* @__PURE__ */
|
7149
|
+
/* @__PURE__ */ jsx51(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
|
7150
|
+
/* @__PURE__ */ jsxs28(Group15, { h: "100%", children: [
|
7129
7151
|
/* @__PURE__ */ jsx51(
|
7130
7152
|
Tooltip5,
|
7131
7153
|
{
|
@@ -7154,7 +7176,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7154
7176
|
) })
|
7155
7177
|
] }),
|
7156
7178
|
/* @__PURE__ */ jsx51(
|
7157
|
-
|
7179
|
+
Group15,
|
7158
7180
|
{
|
7159
7181
|
style: {
|
7160
7182
|
position: "absolute",
|
@@ -7164,13 +7186,13 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7164
7186
|
children: /* @__PURE__ */ jsx51(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
|
7165
7187
|
}
|
7166
7188
|
),
|
7167
|
-
/* @__PURE__ */
|
7189
|
+
/* @__PURE__ */ jsxs28(Group15, { children: [
|
7168
7190
|
extraTopRight,
|
7169
7191
|
/* @__PURE__ */ jsx51(MySwitchTheme, {})
|
7170
7192
|
] })
|
7171
7193
|
] }) : (
|
7172
7194
|
// For mobile screens - simplified layout
|
7173
|
-
/* @__PURE__ */
|
7195
|
+
/* @__PURE__ */ jsxs28(Group15, { h: "100%", px: "md", justify: "space-between", children: [
|
7174
7196
|
/* @__PURE__ */ jsx51(
|
7175
7197
|
ActionIcon11,
|
7176
7198
|
{
|
@@ -7182,20 +7204,20 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7182
7204
|
}
|
7183
7205
|
),
|
7184
7206
|
/* @__PURE__ */ jsx51(Text14, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
|
7185
|
-
/* @__PURE__ */
|
7207
|
+
/* @__PURE__ */ jsxs28(Group15, { children: [
|
7186
7208
|
extraTopRight,
|
7187
7209
|
/* @__PURE__ */ jsx51(MySwitchTheme, {})
|
7188
7210
|
] })
|
7189
7211
|
] })
|
7190
7212
|
) }),
|
7191
|
-
/* @__PURE__ */
|
7213
|
+
/* @__PURE__ */ jsxs28(AppShell.Navbar, { children: [
|
7192
7214
|
/* @__PURE__ */ jsx51(MyAppSpotlight, { menu }),
|
7193
|
-
/* @__PURE__ */
|
7215
|
+
/* @__PURE__ */ jsxs28(AppShell.Section, { grow: true, component: ScrollArea3, p: 5, children: [
|
7194
7216
|
/* @__PURE__ */ jsx51(RenderNavLinks, { items: menu }),
|
7195
7217
|
/* @__PURE__ */ jsx51(Divider2, {}),
|
7196
7218
|
/* @__PURE__ */ jsx51(F_authenticate_Logout, {})
|
7197
7219
|
] }),
|
7198
|
-
/* @__PURE__ */
|
7220
|
+
/* @__PURE__ */ jsxs28(AppShell.Section, { p: "md", children: [
|
7199
7221
|
/* @__PURE__ */ jsx51(Divider2, {}),
|
7200
7222
|
/* @__PURE__ */ jsx51(
|
7201
7223
|
Image3,
|
@@ -7281,13 +7303,13 @@ var OBJECT_COlORS = {
|
|
7281
7303
|
|
7282
7304
|
// src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
|
7283
7305
|
import {
|
7284
|
-
Box as
|
7306
|
+
Box as Box4,
|
7285
7307
|
Burger,
|
7286
7308
|
Button as Button15,
|
7287
7309
|
Container as Container2,
|
7288
7310
|
Divider as Divider3,
|
7289
7311
|
Drawer,
|
7290
|
-
Group as
|
7312
|
+
Group as Group16,
|
7291
7313
|
Image as Image4,
|
7292
7314
|
ScrollArea as ScrollArea4,
|
7293
7315
|
Text as Text15,
|
@@ -7322,7 +7344,7 @@ function useHeaderMegaMenuStore() {
|
|
7322
7344
|
}
|
7323
7345
|
|
7324
7346
|
// src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
|
7325
|
-
import { jsx as jsx53, jsxs as
|
7347
|
+
import { jsx as jsx53, jsxs as jsxs29 } from "react/jsx-runtime";
|
7326
7348
|
var mockdata = [
|
7327
7349
|
{
|
7328
7350
|
icon: IconCode,
|
@@ -7360,20 +7382,20 @@ function HeaderMegaMenu({ children, menus }) {
|
|
7360
7382
|
const [linksOpened, { toggle: toggleLinks }] = useDisclosure10(false);
|
7361
7383
|
const HeaderMegaMenuStore = useHeaderMegaMenuStore();
|
7362
7384
|
const theme = useMantineTheme();
|
7363
|
-
const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */
|
7385
|
+
const links = mockdata.map((item) => /* @__PURE__ */ jsx53(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs29(Group16, { wrap: "nowrap", align: "flex-start", children: [
|
7364
7386
|
/* @__PURE__ */ jsx53(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx53(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
|
7365
|
-
/* @__PURE__ */
|
7387
|
+
/* @__PURE__ */ jsxs29("div", { children: [
|
7366
7388
|
/* @__PURE__ */ jsx53(Text15, { size: "sm", fw: 500, children: item.title }),
|
7367
7389
|
/* @__PURE__ */ jsx53(Text15, { size: "xs", c: "dimmed", children: item.description })
|
7368
7390
|
] })
|
7369
7391
|
] }) }, item.title));
|
7370
|
-
return /* @__PURE__ */
|
7371
|
-
/* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */
|
7372
|
-
/* @__PURE__ */
|
7392
|
+
return /* @__PURE__ */ jsxs29(Box4, { children: [
|
7393
|
+
/* @__PURE__ */ jsx53("header", { className: css_default.header, children: /* @__PURE__ */ jsxs29(Group16, { justify: "space-between", h: "100%", children: [
|
7394
|
+
/* @__PURE__ */ jsxs29(Group16, { children: [
|
7373
7395
|
/* @__PURE__ */ jsx53(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
|
7374
|
-
/* @__PURE__ */ jsx53(
|
7396
|
+
/* @__PURE__ */ jsx53(Group16, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
|
7375
7397
|
] }),
|
7376
|
-
/* @__PURE__ */
|
7398
|
+
/* @__PURE__ */ jsxs29(Group16, { children: [
|
7377
7399
|
/* @__PURE__ */ jsx53(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx53(IconSearch2, {}), radius: "xl", w: "250px" }),
|
7378
7400
|
/* @__PURE__ */ jsx53(MySwitchTheme, {})
|
7379
7401
|
] }),
|
@@ -7390,7 +7412,7 @@ function HeaderMegaMenu({ children, menus }) {
|
|
7390
7412
|
title: "Navigation",
|
7391
7413
|
hiddenFrom: "sm",
|
7392
7414
|
zIndex: 1e6,
|
7393
|
-
children: /* @__PURE__ */
|
7415
|
+
children: /* @__PURE__ */ jsxs29(ScrollArea4, { h: "calc(100vh - 80px", mx: "-md", children: [
|
7394
7416
|
/* @__PURE__ */ jsx53(Divider3, { my: "sm" }),
|
7395
7417
|
/* @__PURE__ */ jsx53(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx53(Button15, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
|
7396
7418
|
/* @__PURE__ */ jsx53(Divider3, { my: "sm" })
|
@@ -7401,8 +7423,8 @@ function HeaderMegaMenu({ children, menus }) {
|
|
7401
7423
|
}
|
7402
7424
|
|
7403
7425
|
// src/components/Layouts/PageContent/MyPageContent.tsx
|
7404
|
-
import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider4, Group as
|
7405
|
-
import { jsx as jsx54, jsxs as
|
7426
|
+
import { Badge as Badge4, Breadcrumbs, Code, Container as Container3, Divider as Divider4, Group as Group17, Text as Text16, Title } from "@mantine/core";
|
7427
|
+
import { jsx as jsx54, jsxs as jsxs30 } from "react/jsx-runtime";
|
7406
7428
|
var getStatusColor = (status) => {
|
7407
7429
|
switch (status) {
|
7408
7430
|
case "Prototype":
|
@@ -7413,8 +7435,8 @@ var getStatusColor = (status) => {
|
|
7413
7435
|
};
|
7414
7436
|
function PageTitle({ title, status, note }) {
|
7415
7437
|
const color = getStatusColor(status);
|
7416
|
-
return /* @__PURE__ */ jsx54(
|
7417
|
-
/* @__PURE__ */
|
7438
|
+
return /* @__PURE__ */ jsx54(Group17, { children: /* @__PURE__ */ jsxs30(MyFlexColumn, { gap: 0, children: [
|
7439
|
+
/* @__PURE__ */ jsxs30(Group17, { align: "center", children: [
|
7418
7440
|
/* @__PURE__ */ jsx54(Title, { order: 3, children: title }),
|
7419
7441
|
status && /* @__PURE__ */ jsx54(
|
7420
7442
|
Badge4,
|
@@ -7440,9 +7462,9 @@ function MyPageContent({
|
|
7440
7462
|
var _a;
|
7441
7463
|
const basicAppShellStore = useS_BasicAppShell();
|
7442
7464
|
const finalTitle = title || basicAppShellStore.state.title;
|
7443
|
-
return /* @__PURE__ */
|
7444
|
-
/* @__PURE__ */
|
7445
|
-
/* @__PURE__ */
|
7465
|
+
return /* @__PURE__ */ jsxs30(Container3, { p: 0, fluid: true, children: [
|
7466
|
+
/* @__PURE__ */ jsxs30(Group17, { justify: "space-between", children: [
|
7467
|
+
/* @__PURE__ */ jsxs30(Group17, { children: [
|
7446
7468
|
/* @__PURE__ */ jsx54(MyButtonRouterBack, {}),
|
7447
7469
|
/* @__PURE__ */ jsx54(
|
7448
7470
|
PageTitle,
|
@@ -7454,7 +7476,7 @@ function MyPageContent({
|
|
7454
7476
|
),
|
7455
7477
|
leftTopBar
|
7456
7478
|
] }),
|
7457
|
-
/* @__PURE__ */
|
7479
|
+
/* @__PURE__ */ jsxs30(Group17, { p: "md", children: [
|
7458
7480
|
rightTopBar,
|
7459
7481
|
/* @__PURE__ */ jsx54(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx54(Text16, { fw: "600", c: "blue", children: item }, idx)) })
|
7460
7482
|
] })
|
@@ -7468,11 +7490,11 @@ function MyPageContent({
|
|
7468
7490
|
|
7469
7491
|
// src/components/Layouts/Tab/MyTab.tsx
|
7470
7492
|
import { rem, Space as Space3, Tabs } from "@mantine/core";
|
7471
|
-
import { jsx as jsx55, jsxs as
|
7493
|
+
import { jsx as jsx55, jsxs as jsxs31 } from "react/jsx-runtime";
|
7472
7494
|
function MyTab(_a) {
|
7473
7495
|
var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
|
7474
7496
|
const iconStyle = { width: rem(20), height: rem(20) };
|
7475
|
-
return /* @__PURE__ */
|
7497
|
+
return /* @__PURE__ */ jsxs31(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
|
7476
7498
|
/* @__PURE__ */ jsx55(Tabs.List, { children: tabList.map((item, idx) => {
|
7477
7499
|
return /* @__PURE__ */ jsx55(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx55(item.icon, { style: iconStyle }), children: item.label }, idx);
|
7478
7500
|
}) }),
|
@@ -7482,20 +7504,20 @@ function MyTab(_a) {
|
|
7482
7504
|
}
|
7483
7505
|
|
7484
7506
|
// src/components/RESTAPIComponents/DataTableSelect/MyDataTableSelect.tsx
|
7485
|
-
import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as
|
7507
|
+
import { ActionIcon as ActionIcon12, Button as Button16, Fieldset as Fieldset5, Group as Group18, Modal as Modal11 } from "@mantine/core";
|
7486
7508
|
import { useDisclosure as useDisclosure11 } from "@mantine/hooks";
|
7487
7509
|
import { IconX as IconX2 } from "@tabler/icons-react";
|
7488
|
-
import { jsx as jsx56, jsxs as
|
7510
|
+
import { jsx as jsx56, jsxs as jsxs32 } from "react/jsx-runtime";
|
7489
7511
|
function MyDataTableSelect(_a) {
|
7490
7512
|
var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
|
7491
7513
|
const disc = useDisclosure11(false);
|
7492
7514
|
if (data == void 0) return "\u0110ang t\u1EA3i...";
|
7493
|
-
return /* @__PURE__ */
|
7515
|
+
return /* @__PURE__ */ jsxs32(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
|
7494
7516
|
/* @__PURE__ */ jsx56(
|
7495
7517
|
MyDataTable,
|
7496
7518
|
__spreadValues({
|
7497
7519
|
renderTopToolbarCustomActions: ({ table }) => {
|
7498
|
-
return /* @__PURE__ */
|
7520
|
+
return /* @__PURE__ */ jsxs32(Group18, { children: [
|
7499
7521
|
renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
|
7500
7522
|
/* @__PURE__ */ jsx56(Button16, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
|
7501
7523
|
] });
|
@@ -335,11 +335,14 @@ interface IDateInput extends DateInputProps {
|
|
335
335
|
}
|
336
336
|
declare function MyDateInput({ label, ...rest }: IDateInput): react_jsx_runtime.JSX.Element;
|
337
337
|
|
338
|
-
interface
|
339
|
-
|
340
|
-
title
|
338
|
+
interface IFieldset extends FieldsetProps {
|
339
|
+
children?: ReactNode;
|
340
|
+
title: string;
|
341
|
+
textColor?: string;
|
342
|
+
bgColor?: string;
|
343
|
+
customLegend?: ReactNode;
|
341
344
|
}
|
342
|
-
declare function MyFieldset({ children, title, ...
|
345
|
+
declare function MyFieldset({ children, title, textColor, bgColor, styles, customLegend, ...props }: IFieldset): react_jsx_runtime.JSX.Element;
|
343
346
|
|
344
347
|
interface IFileInput extends FileInputProps {
|
345
348
|
label?: string;
|
@@ -65,7 +65,7 @@ import {
|
|
65
65
|
useS_BasicAppShell,
|
66
66
|
useS_ButtonImport,
|
67
67
|
utils_layout_getItemsWithoutLinks
|
68
|
-
} from "../chunk-
|
68
|
+
} from "../chunk-PZS7HFGP.mjs";
|
69
69
|
import "../chunk-P5TKOHP7.mjs";
|
70
70
|
import "../chunk-Y3YGC5IH.mjs";
|
71
71
|
import "../chunk-5U2JSHSJ.mjs";
|