aq-fe-framework 0.1.298 → 0.1.300
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.
@@ -7152,8 +7152,8 @@ function MyDateInput(_a) {
|
|
7152
7152
|
}
|
7153
7153
|
|
7154
7154
|
// src/components/Inputs/DayOfWeekPicker/MyDayOfWeekPicker.tsx
|
7155
|
-
import { Badge as Badge3, Group as Group15
|
7156
|
-
import { jsx as jsx50
|
7155
|
+
import { Badge as Badge3, Group as Group15 } from "@mantine/core";
|
7156
|
+
import { jsx as jsx50 } from "react/jsx-runtime";
|
7157
7157
|
var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
|
7158
7158
|
function MyDayOfWeekPicker({ value = [], onChange }) {
|
7159
7159
|
const toggle = (val) => {
|
@@ -7161,22 +7161,19 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
|
|
7161
7161
|
const newValue = value.includes(val) ? value.filter((v5) => v5 !== val) : [...value, val];
|
7162
7162
|
onChange(newValue);
|
7163
7163
|
};
|
7164
|
-
return /* @__PURE__ */
|
7165
|
-
|
7166
|
-
|
7167
|
-
|
7168
|
-
|
7169
|
-
|
7170
|
-
|
7171
|
-
|
7172
|
-
|
7173
|
-
|
7174
|
-
|
7175
|
-
|
7176
|
-
|
7177
|
-
d5.value
|
7178
|
-
)) })
|
7179
|
-
] });
|
7164
|
+
return /* @__PURE__ */ jsx50(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx50(Group15, { gap: "xs", children: days.map((d5) => /* @__PURE__ */ jsx50(
|
7165
|
+
Badge3,
|
7166
|
+
{
|
7167
|
+
variant: value.includes(d5.value) ? "filled" : "outline",
|
7168
|
+
color: "blue",
|
7169
|
+
radius: "sm",
|
7170
|
+
size: "lg",
|
7171
|
+
onClick: () => toggle(d5.value),
|
7172
|
+
style: { cursor: onChange ? "pointer" : "default", userSelect: "none" },
|
7173
|
+
children: d5.label
|
7174
|
+
},
|
7175
|
+
d5.value
|
7176
|
+
)) }) });
|
7180
7177
|
}
|
7181
7178
|
|
7182
7179
|
// src/components/Inputs/Fieldset/MyFieldset.tsx
|
@@ -7186,7 +7183,7 @@ import {
|
|
7186
7183
|
Text as Text14,
|
7187
7184
|
useMantineColorScheme as useMantineColorScheme2
|
7188
7185
|
} from "@mantine/core";
|
7189
|
-
import { jsx as jsx51, jsxs as
|
7186
|
+
import { jsx as jsx51, jsxs as jsxs29 } from "react/jsx-runtime";
|
7190
7187
|
function MyFieldset(_a) {
|
7191
7188
|
var _b = _a, {
|
7192
7189
|
children,
|
@@ -7218,7 +7215,7 @@ function MyFieldset(_a) {
|
|
7218
7215
|
return /* @__PURE__ */ jsx51(
|
7219
7216
|
Fieldset4,
|
7220
7217
|
__spreadProps(__spreadValues({
|
7221
|
-
legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx51(Group16, { gap: "xs", children: /* @__PURE__ */
|
7218
|
+
legend: customLegend != null ? customLegend : /* @__PURE__ */ jsx51(Group16, { gap: "xs", children: /* @__PURE__ */ jsxs29(Text14, { fw: 600, children: [
|
7222
7219
|
" ",
|
7223
7220
|
title,
|
7224
7221
|
" "
|
@@ -7282,7 +7279,7 @@ import Underline from "@tiptap/extension-underline";
|
|
7282
7279
|
import { useEditor } from "@tiptap/react";
|
7283
7280
|
import StarterKit from "@tiptap/starter-kit";
|
7284
7281
|
import { useEffect as useEffect8, useState as useState9 } from "react";
|
7285
|
-
import { jsx as jsx55, jsxs as
|
7282
|
+
import { jsx as jsx55, jsxs as jsxs30 } from "react/jsx-runtime";
|
7286
7283
|
function MyTextEditor(_a) {
|
7287
7284
|
var _b = _a, {
|
7288
7285
|
autoHiddenToolBar = false,
|
@@ -7388,9 +7385,9 @@ function MyTextEditor(_a) {
|
|
7388
7385
|
editor.commands.setContent(value);
|
7389
7386
|
}
|
7390
7387
|
}, [value, editor]);
|
7391
|
-
return /* @__PURE__ */ jsx55(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */
|
7392
|
-
/* @__PURE__ */
|
7393
|
-
/* @__PURE__ */
|
7388
|
+
return /* @__PURE__ */ jsx55(Input.Wrapper, __spreadProps(__spreadValues({ label, flex: 1, error, withAsterisk }, inputWrapperProps), { children: /* @__PURE__ */ jsxs30(RichTextEditor, __spreadProps(__spreadValues({ editor, style: { border: error && "1px solid #e03131" } }, richTextEditorProps), { children: [
|
7389
|
+
/* @__PURE__ */ jsxs30(RichTextEditor.Toolbar, { hidden: hiddenToolBar, sticky: true, stickyOffset: 60, children: [
|
7390
|
+
/* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
|
7394
7391
|
/* @__PURE__ */ jsx55(RichTextEditor.Bold, {}),
|
7395
7392
|
/* @__PURE__ */ jsx55(RichTextEditor.Italic, {}),
|
7396
7393
|
/* @__PURE__ */ jsx55(RichTextEditor.Underline, {}),
|
@@ -7399,13 +7396,13 @@ function MyTextEditor(_a) {
|
|
7399
7396
|
/* @__PURE__ */ jsx55(RichTextEditor.Highlight, {}),
|
7400
7397
|
/* @__PURE__ */ jsx55(RichTextEditor.Code, {})
|
7401
7398
|
] }),
|
7402
|
-
/* @__PURE__ */
|
7399
|
+
/* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
|
7403
7400
|
/* @__PURE__ */ jsx55(RichTextEditor.H1, {}),
|
7404
7401
|
/* @__PURE__ */ jsx55(RichTextEditor.H2, {}),
|
7405
7402
|
/* @__PURE__ */ jsx55(RichTextEditor.H3, {}),
|
7406
7403
|
/* @__PURE__ */ jsx55(RichTextEditor.H4, {})
|
7407
7404
|
] }),
|
7408
|
-
/* @__PURE__ */
|
7405
|
+
/* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
|
7409
7406
|
/* @__PURE__ */ jsx55(RichTextEditor.Blockquote, {}),
|
7410
7407
|
/* @__PURE__ */ jsx55(RichTextEditor.Hr, {}),
|
7411
7408
|
/* @__PURE__ */ jsx55(RichTextEditor.BulletList, {}),
|
@@ -7413,11 +7410,11 @@ function MyTextEditor(_a) {
|
|
7413
7410
|
/* @__PURE__ */ jsx55(RichTextEditor.Subscript, {}),
|
7414
7411
|
/* @__PURE__ */ jsx55(RichTextEditor.Superscript, {})
|
7415
7412
|
] }),
|
7416
|
-
/* @__PURE__ */
|
7413
|
+
/* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
|
7417
7414
|
/* @__PURE__ */ jsx55(RichTextEditor.Link, {}),
|
7418
7415
|
/* @__PURE__ */ jsx55(RichTextEditor.Unlink, {})
|
7419
7416
|
] }),
|
7420
|
-
/* @__PURE__ */
|
7417
|
+
/* @__PURE__ */ jsxs30(RichTextEditor.ControlsGroup, { children: [
|
7421
7418
|
/* @__PURE__ */ jsx55(RichTextEditor.AlignLeft, {}),
|
7422
7419
|
/* @__PURE__ */ jsx55(RichTextEditor.AlignCenter, {}),
|
7423
7420
|
/* @__PURE__ */ jsx55(RichTextEditor.AlignJustify, {}),
|
@@ -7458,7 +7455,7 @@ import {
|
|
7458
7455
|
} from "@mantine/core";
|
7459
7456
|
import { IconPlus as IconPlus8, IconTrash as IconTrash7 } from "@tabler/icons-react";
|
7460
7457
|
import { useState as useState10 } from "react";
|
7461
|
-
import { jsx as jsx56, jsxs as
|
7458
|
+
import { jsx as jsx56, jsxs as jsxs31 } from "react/jsx-runtime";
|
7462
7459
|
function MyWeeklySessionSchedulerPicker({
|
7463
7460
|
value = [],
|
7464
7461
|
onChange
|
@@ -7489,7 +7486,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
7489
7486
|
return acc;
|
7490
7487
|
}, {});
|
7491
7488
|
const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
|
7492
|
-
return /* @__PURE__ */ jsx56(Paper7, { w: "100%", p: "md", children: /* @__PURE__ */
|
7489
|
+
return /* @__PURE__ */ jsx56(Paper7, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs31(MyFlexColumn, { children: [
|
7493
7490
|
/* @__PURE__ */ jsx56(Center4, { children: /* @__PURE__ */ jsx56(
|
7494
7491
|
MyDayOfWeekPicker,
|
7495
7492
|
{
|
@@ -7503,14 +7500,14 @@ function MyWeeklySessionSchedulerPicker({
|
|
7503
7500
|
/* @__PURE__ */ jsx56(Divider2, { my: "xs" }),
|
7504
7501
|
/* @__PURE__ */ jsx56(Center4, { children: /* @__PURE__ */ jsx56(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx56(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
|
7505
7502
|
var _a;
|
7506
|
-
return /* @__PURE__ */
|
7503
|
+
return /* @__PURE__ */ jsxs31(
|
7507
7504
|
Paper7,
|
7508
7505
|
{
|
7509
7506
|
w: "100%",
|
7510
7507
|
p: "md",
|
7511
7508
|
bg: const_object_colors.mantineBackgroundBlueLight,
|
7512
7509
|
children: [
|
7513
|
-
/* @__PURE__ */
|
7510
|
+
/* @__PURE__ */ jsxs31(Group17, { gap: "apart", children: [
|
7514
7511
|
/* @__PURE__ */ jsx56(Text15, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
|
7515
7512
|
/* @__PURE__ */ jsx56(
|
7516
7513
|
Button18,
|
@@ -7527,7 +7524,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
7527
7524
|
const globalIndex = value.findIndex(
|
7528
7525
|
(v5) => v5 === item
|
7529
7526
|
);
|
7530
|
-
return /* @__PURE__ */
|
7527
|
+
return /* @__PURE__ */ jsxs31(
|
7531
7528
|
Group17,
|
7532
7529
|
{
|
7533
7530
|
mt: "xs",
|
@@ -7638,7 +7635,7 @@ import {
|
|
7638
7635
|
import Link3 from "next/link";
|
7639
7636
|
import { usePathname as usePathname2 } from "next/navigation";
|
7640
7637
|
import { useEffect as useEffect9, useMemo as useMemo3, useState as useState11 } from "react";
|
7641
|
-
import { Fragment as Fragment15, jsx as jsx58, jsxs as
|
7638
|
+
import { Fragment as Fragment15, jsx as jsx58, jsxs as jsxs32 } from "react/jsx-runtime";
|
7642
7639
|
function findBreadcrumbPath(items, currentPath, parents = []) {
|
7643
7640
|
for (const item of items) {
|
7644
7641
|
if (item.link === currentPath) {
|
@@ -7674,7 +7671,7 @@ function RenderNavLinks({
|
|
7674
7671
|
component: Link3,
|
7675
7672
|
opened: basicAppShellStore.state.groupMenuOpenId.includes(item.label),
|
7676
7673
|
href: `/${pathName.split("/")[1]}/${item.link}` || "#",
|
7677
|
-
label: /* @__PURE__ */
|
7674
|
+
label: /* @__PURE__ */ jsxs32(MyFlexRow, { justify: "space-between", children: [
|
7678
7675
|
item.label,
|
7679
7676
|
" ",
|
7680
7677
|
getRightSection(item.status)
|
@@ -7809,7 +7806,7 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7809
7806
|
basicAppShellStore.setProperty("note", linkItem == null ? void 0 : linkItem.note);
|
7810
7807
|
basicAppShellStore.setProperty("status", linkItem == null ? void 0 : linkItem.status);
|
7811
7808
|
}, [pathName]);
|
7812
|
-
return /* @__PURE__ */
|
7809
|
+
return /* @__PURE__ */ jsxs32(
|
7813
7810
|
AppShell,
|
7814
7811
|
{
|
7815
7812
|
header: { height: 60 },
|
@@ -7823,8 +7820,8 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7823
7820
|
},
|
7824
7821
|
padding: "md",
|
7825
7822
|
children: [
|
7826
|
-
/* @__PURE__ */ jsx58(AppShell.Header, { children: media ? /* @__PURE__ */
|
7827
|
-
/* @__PURE__ */
|
7823
|
+
/* @__PURE__ */ jsx58(AppShell.Header, { children: media ? /* @__PURE__ */ jsxs32(Group18, { h: "100%", px: "md", justify: "space-between", align: "center", children: [
|
7824
|
+
/* @__PURE__ */ jsxs32(Group18, { h: "100%", children: [
|
7828
7825
|
/* @__PURE__ */ jsx58(
|
7829
7826
|
Tooltip5,
|
7830
7827
|
{
|
@@ -7863,13 +7860,13 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7863
7860
|
children: /* @__PURE__ */ jsx58(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` })
|
7864
7861
|
}
|
7865
7862
|
),
|
7866
|
-
/* @__PURE__ */
|
7863
|
+
/* @__PURE__ */ jsxs32(Group18, { children: [
|
7867
7864
|
extraTopRight,
|
7868
7865
|
/* @__PURE__ */ jsx58(MySwitchTheme, {})
|
7869
7866
|
] })
|
7870
7867
|
] }) : (
|
7871
7868
|
// For mobile screens - simplified layout
|
7872
|
-
/* @__PURE__ */
|
7869
|
+
/* @__PURE__ */ jsxs32(Group18, { h: "100%", px: "md", justify: "space-between", children: [
|
7873
7870
|
/* @__PURE__ */ jsx58(
|
7874
7871
|
ActionIcon13,
|
7875
7872
|
{
|
@@ -7881,20 +7878,20 @@ function BasicAppShell({ children, menu, extraTopRight, title }) {
|
|
7881
7878
|
}
|
7882
7879
|
),
|
7883
7880
|
/* @__PURE__ */ jsx58(Text16, { c: "green", fw: "bold", size: "sm", children: title ? title : `${basicAppShellStore.state.moduleCode} - ${basicAppShellStore.state.moduleName}` }),
|
7884
|
-
/* @__PURE__ */
|
7881
|
+
/* @__PURE__ */ jsxs32(Group18, { children: [
|
7885
7882
|
extraTopRight,
|
7886
7883
|
/* @__PURE__ */ jsx58(MySwitchTheme, {})
|
7887
7884
|
] })
|
7888
7885
|
] })
|
7889
7886
|
) }),
|
7890
|
-
/* @__PURE__ */
|
7887
|
+
/* @__PURE__ */ jsxs32(AppShell.Navbar, { children: [
|
7891
7888
|
/* @__PURE__ */ jsx58(MyAppSpotlight, { menu }),
|
7892
|
-
/* @__PURE__ */
|
7889
|
+
/* @__PURE__ */ jsxs32(AppShell.Section, { grow: true, component: ScrollArea4, p: 5, children: [
|
7893
7890
|
/* @__PURE__ */ jsx58(RenderNavLinks, { items: menu }),
|
7894
7891
|
/* @__PURE__ */ jsx58(Divider3, {}),
|
7895
7892
|
/* @__PURE__ */ jsx58(F_authenticate_Logout, {})
|
7896
7893
|
] }),
|
7897
|
-
/* @__PURE__ */
|
7894
|
+
/* @__PURE__ */ jsxs32(AppShell.Section, { p: "md", children: [
|
7898
7895
|
/* @__PURE__ */ jsx58(Divider3, {}),
|
7899
7896
|
/* @__PURE__ */ jsx58(
|
7900
7897
|
Image3,
|
@@ -8014,7 +8011,7 @@ function useHeaderMegaMenuStore() {
|
|
8014
8011
|
}
|
8015
8012
|
|
8016
8013
|
// src/components/Layouts/HeaderMegaMenu/HeaderMegaMenu.tsx
|
8017
|
-
import { jsx as jsx60, jsxs as
|
8014
|
+
import { jsx as jsx60, jsxs as jsxs33 } from "react/jsx-runtime";
|
8018
8015
|
var mockdata = [
|
8019
8016
|
{
|
8020
8017
|
icon: IconCode,
|
@@ -8052,20 +8049,20 @@ function HeaderMegaMenu({ children, menus }) {
|
|
8052
8049
|
const [linksOpened, { toggle: toggleLinks }] = useDisclosure12(false);
|
8053
8050
|
const HeaderMegaMenuStore = useHeaderMegaMenuStore();
|
8054
8051
|
const theme = useMantineTheme();
|
8055
|
-
const links = mockdata.map((item) => /* @__PURE__ */ jsx60(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */
|
8052
|
+
const links = mockdata.map((item) => /* @__PURE__ */ jsx60(UnstyledButton, { className: css_default.subLink, children: /* @__PURE__ */ jsxs33(Group19, { wrap: "nowrap", align: "flex-start", children: [
|
8056
8053
|
/* @__PURE__ */ jsx60(ThemeIcon, { size: 34, variant: "default", radius: "md", children: /* @__PURE__ */ jsx60(item.icon, { size: 22, color: theme.colors.blue[6] }) }),
|
8057
|
-
/* @__PURE__ */
|
8054
|
+
/* @__PURE__ */ jsxs33("div", { children: [
|
8058
8055
|
/* @__PURE__ */ jsx60(Text17, { size: "sm", fw: 500, children: item.title }),
|
8059
8056
|
/* @__PURE__ */ jsx60(Text17, { size: "xs", c: "dimmed", children: item.description })
|
8060
8057
|
] })
|
8061
8058
|
] }) }, item.title));
|
8062
|
-
return /* @__PURE__ */
|
8063
|
-
/* @__PURE__ */ jsx60("header", { className: css_default.header, children: /* @__PURE__ */
|
8064
|
-
/* @__PURE__ */
|
8059
|
+
return /* @__PURE__ */ jsxs33(Box4, { children: [
|
8060
|
+
/* @__PURE__ */ jsx60("header", { className: css_default.header, children: /* @__PURE__ */ jsxs33(Group19, { justify: "space-between", h: "100%", children: [
|
8061
|
+
/* @__PURE__ */ jsxs33(Group19, { children: [
|
8065
8062
|
/* @__PURE__ */ jsx60(Image4, { src: "/imgs/0/IMG0LogoAQTech.png", h: 30, alt: "", w: "auto" }),
|
8066
8063
|
/* @__PURE__ */ jsx60(Group19, { h: "100%", gap: 5, visibleFrom: "sm", children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx60(Button20, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) })
|
8067
8064
|
] }),
|
8068
|
-
/* @__PURE__ */
|
8065
|
+
/* @__PURE__ */ jsxs33(Group19, { children: [
|
8069
8066
|
/* @__PURE__ */ jsx60(TextInput3, { placeholder: "T\xECm ki\u1EBFm", leftSection: /* @__PURE__ */ jsx60(IconSearch2, {}), radius: "xl", w: "250px" }),
|
8070
8067
|
/* @__PURE__ */ jsx60(MySwitchTheme, {})
|
8071
8068
|
] }),
|
@@ -8082,7 +8079,7 @@ function HeaderMegaMenu({ children, menus }) {
|
|
8082
8079
|
title: "Navigation",
|
8083
8080
|
hiddenFrom: "sm",
|
8084
8081
|
zIndex: 1e6,
|
8085
|
-
children: /* @__PURE__ */
|
8082
|
+
children: /* @__PURE__ */ jsxs33(ScrollArea5, { h: "calc(100vh - 80px", mx: "-md", children: [
|
8086
8083
|
/* @__PURE__ */ jsx60(Divider4, { my: "sm" }),
|
8087
8084
|
/* @__PURE__ */ jsx60(MyFlexColumn, { h: "100%", gap: 0, children: menus == null ? void 0 : menus.map((item, idx) => /* @__PURE__ */ jsx60(Button20, { component: Link4, href: item.href, variant: HeaderMegaMenuStore.state.name == item.label ? "light" : "subtle", onClick: () => HeaderMegaMenuStore.setState({ name: item.label }), children: item.label }, idx)) }),
|
8088
8085
|
/* @__PURE__ */ jsx60(Divider4, { my: "sm" })
|
@@ -8094,7 +8091,7 @@ function HeaderMegaMenu({ children, menus }) {
|
|
8094
8091
|
|
8095
8092
|
// src/components/Layouts/PageContent/MyPageContent.tsx
|
8096
8093
|
import { Badge as Badge5, Breadcrumbs, Code, Container as Container3, Divider as Divider5, Group as Group20, Text as Text18, Title } from "@mantine/core";
|
8097
|
-
import { jsx as jsx61, jsxs as
|
8094
|
+
import { jsx as jsx61, jsxs as jsxs34 } from "react/jsx-runtime";
|
8098
8095
|
var getStatusColor = (status) => {
|
8099
8096
|
switch (status) {
|
8100
8097
|
case "Prototype":
|
@@ -8105,8 +8102,8 @@ var getStatusColor = (status) => {
|
|
8105
8102
|
};
|
8106
8103
|
function PageTitle({ title, status, note }) {
|
8107
8104
|
const color = getStatusColor(status);
|
8108
|
-
return /* @__PURE__ */ jsx61(Group20, { children: /* @__PURE__ */
|
8109
|
-
/* @__PURE__ */
|
8105
|
+
return /* @__PURE__ */ jsx61(Group20, { children: /* @__PURE__ */ jsxs34(MyFlexColumn, { gap: 0, children: [
|
8106
|
+
/* @__PURE__ */ jsxs34(Group20, { align: "center", children: [
|
8110
8107
|
/* @__PURE__ */ jsx61(Title, { order: 3, children: title }),
|
8111
8108
|
status && /* @__PURE__ */ jsx61(
|
8112
8109
|
Badge5,
|
@@ -8132,9 +8129,9 @@ function MyPageContent({
|
|
8132
8129
|
var _a;
|
8133
8130
|
const basicAppShellStore = useS_BasicAppShell();
|
8134
8131
|
const finalTitle = title || basicAppShellStore.state.title;
|
8135
|
-
return /* @__PURE__ */
|
8136
|
-
/* @__PURE__ */
|
8137
|
-
/* @__PURE__ */
|
8132
|
+
return /* @__PURE__ */ jsxs34(Container3, { p: 0, fluid: true, children: [
|
8133
|
+
/* @__PURE__ */ jsxs34(Group20, { justify: "space-between", children: [
|
8134
|
+
/* @__PURE__ */ jsxs34(Group20, { children: [
|
8138
8135
|
/* @__PURE__ */ jsx61(MyButtonRouterBack, {}),
|
8139
8136
|
/* @__PURE__ */ jsx61(
|
8140
8137
|
PageTitle,
|
@@ -8146,7 +8143,7 @@ function MyPageContent({
|
|
8146
8143
|
),
|
8147
8144
|
leftTopBar
|
8148
8145
|
] }),
|
8149
|
-
/* @__PURE__ */
|
8146
|
+
/* @__PURE__ */ jsxs34(Group20, { p: "md", children: [
|
8150
8147
|
rightTopBar,
|
8151
8148
|
/* @__PURE__ */ jsx61(Breadcrumbs, { separatorMargin: "7", children: (_a = basicAppShellStore.state.breadcrumb) == null ? void 0 : _a.map((item, idx) => /* @__PURE__ */ jsx61(Text18, { fw: "600", c: "blue", children: item }, idx)) })
|
8152
8149
|
] })
|
@@ -8160,11 +8157,11 @@ function MyPageContent({
|
|
8160
8157
|
|
8161
8158
|
// src/components/Layouts/Tab/MyTab.tsx
|
8162
8159
|
import { rem, Space as Space3, Tabs } from "@mantine/core";
|
8163
|
-
import { jsx as jsx62, jsxs as
|
8160
|
+
import { jsx as jsx62, jsxs as jsxs35 } from "react/jsx-runtime";
|
8164
8161
|
function MyTab(_a) {
|
8165
8162
|
var _b = _a, { tabList, children } = _b, rest = __objRest(_b, ["tabList", "children"]);
|
8166
8163
|
const iconStyle = { width: rem(20), height: rem(20) };
|
8167
|
-
return /* @__PURE__ */
|
8164
|
+
return /* @__PURE__ */ jsxs35(Tabs, __spreadProps(__spreadValues({ defaultValue: tabList[0].label }, rest), { children: [
|
8168
8165
|
/* @__PURE__ */ jsx62(Tabs.List, { children: tabList.map((item, idx) => {
|
8169
8166
|
return /* @__PURE__ */ jsx62(Tabs.Tab, { value: item.label, leftSection: item.icon && /* @__PURE__ */ jsx62(item.icon, { style: iconStyle }), children: item.label }, idx);
|
8170
8167
|
}) }),
|
@@ -8177,17 +8174,17 @@ function MyTab(_a) {
|
|
8177
8174
|
import { ActionIcon as ActionIcon14, Button as Button21, Fieldset as Fieldset5, Group as Group21, Modal as Modal13 } from "@mantine/core";
|
8178
8175
|
import { useDisclosure as useDisclosure13 } from "@mantine/hooks";
|
8179
8176
|
import { IconX as IconX4 } from "@tabler/icons-react";
|
8180
|
-
import { jsx as jsx63, jsxs as
|
8177
|
+
import { jsx as jsx63, jsxs as jsxs36 } from "react/jsx-runtime";
|
8181
8178
|
function MyDataTableSelect(_a) {
|
8182
8179
|
var _b = _a, { modalSize, renderTopToolbarCustomActions, data, selectButtonlabel, listState, columns, listLabel } = _b, rest = __objRest(_b, ["modalSize", "renderTopToolbarCustomActions", "data", "selectButtonlabel", "listState", "columns", "listLabel"]);
|
8183
8180
|
const disc = useDisclosure13(false);
|
8184
8181
|
if (data == void 0) return "\u0110ang t\u1EA3i...";
|
8185
|
-
return /* @__PURE__ */
|
8182
|
+
return /* @__PURE__ */ jsxs36(Fieldset5, { legend: listLabel ? listLabel : "Danh s\xE1ch", children: [
|
8186
8183
|
/* @__PURE__ */ jsx63(
|
8187
8184
|
MyDataTable,
|
8188
8185
|
__spreadValues({
|
8189
8186
|
renderTopToolbarCustomActions: ({ table }) => {
|
8190
|
-
return /* @__PURE__ */
|
8187
|
+
return /* @__PURE__ */ jsxs36(Group21, { children: [
|
8191
8188
|
renderTopToolbarCustomActions && renderTopToolbarCustomActions({ table }),
|
8192
8189
|
/* @__PURE__ */ jsx63(Button21, { onClick: disc[1].open, children: selectButtonlabel || "Ch\u1ECDn t\u1EEB danh s\xE1ch" })
|
8193
8190
|
] });
|
@@ -105,7 +105,7 @@ interface CoreButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElem
|
|
105
105
|
declare function CoreButton({ children, actionType, ...rest }: CoreButtonProps): react_jsx_runtime.JSX.Element;
|
106
106
|
|
107
107
|
interface CoreButtonCreateUpdateProps<IReq, IRes> {
|
108
|
-
modalProps?: ModalProps
|
108
|
+
modalProps?: Omit<ModalProps, "opened" | "onClose">;
|
109
109
|
actionIconProps?: ActionIconProps;
|
110
110
|
buttonProps?: ButtonProps;
|
111
111
|
isUpdate?: boolean;
|
@@ -72,7 +72,7 @@ import {
|
|
72
72
|
useS_BasicAppShell,
|
73
73
|
useS_ButtonImport,
|
74
74
|
utils_layout_getItemsWithoutLinks
|
75
|
-
} from "../chunk-
|
75
|
+
} from "../chunk-H6DIQRQY.mjs";
|
76
76
|
import "../chunk-NWBLJ3W3.mjs";
|
77
77
|
import "../chunk-K6S7R6LU.mjs";
|
78
78
|
import "../chunk-KKJ3OEEW.mjs";
|
package/package.json
CHANGED
@@ -34,7 +34,7 @@
|
|
34
34
|
"types": "./dist/enum/index.d.mts"
|
35
35
|
}
|
36
36
|
},
|
37
|
-
"version": "0.1.
|
37
|
+
"version": "0.1.300",
|
38
38
|
"private": false,
|
39
39
|
"files": [
|
40
40
|
"dist"
|
@@ -86,6 +86,7 @@
|
|
86
86
|
"@tiptap/pm": "^2.9.1",
|
87
87
|
"@tiptap/react": "^2.9.1",
|
88
88
|
"@tiptap/starter-kit": "^2.9.1",
|
89
|
+
"aq-fe-framework": "^0.1.297",
|
89
90
|
"autoprefixer": "^10.4.20",
|
90
91
|
"axios": "^1.7.7",
|
91
92
|
"caniuse-lite": "^1.0.30001718",
|