aq-fe-framework 0.1.1125 → 0.1.1127
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/{chunk-GUZAX4BU.mjs → chunk-IMM45OFS.mjs} +98 -83
- package/dist/components/index.d.mts +0 -1
- package/dist/components/index.mjs +1 -1
- package/dist/core/index.d.mts +6 -2
- package/dist/core/index.mjs +3 -1
- package/dist/modules-features/index.mjs +1 -1
- package/dist/shared/index.mjs +1 -1
- package/package.json +1 -1
|
@@ -982,11 +982,14 @@ function MyActionIconDelete(_a) {
|
|
|
982
982
|
MyButtonModal,
|
|
983
983
|
__spreadProps(__spreadValues({
|
|
984
984
|
disclosure: disc,
|
|
985
|
-
actionIconProps: {
|
|
986
|
-
actionType: "delete"
|
|
987
|
-
},
|
|
988
985
|
isActionIcon: true
|
|
989
986
|
}, rest), {
|
|
987
|
+
actionIconProps: __spreadValues({
|
|
988
|
+
actionType: "delete"
|
|
989
|
+
}, rest.actionIconProps),
|
|
990
|
+
modalProps: __spreadValues({
|
|
991
|
+
title: "X\xF3a d\u1EEF li\u1EC7u"
|
|
992
|
+
}, rest.modalProps),
|
|
990
993
|
children: [
|
|
991
994
|
/* @__PURE__ */ jsx17(
|
|
992
995
|
Highlight,
|
|
@@ -16175,9 +16178,20 @@ function CustomPhoneNumberInput(props) {
|
|
|
16175
16178
|
);
|
|
16176
16179
|
}
|
|
16177
16180
|
|
|
16181
|
+
// src/core/input/CustomSwitch.tsx
|
|
16182
|
+
import { Switch } from "@mantine/core";
|
|
16183
|
+
import { jsx as jsx195 } from "react/jsx-runtime";
|
|
16184
|
+
function CustomSwitch(_a) {
|
|
16185
|
+
var rest = __objRest(_a, []);
|
|
16186
|
+
return /* @__PURE__ */ jsx195(
|
|
16187
|
+
Switch,
|
|
16188
|
+
__spreadValues({}, rest)
|
|
16189
|
+
);
|
|
16190
|
+
}
|
|
16191
|
+
|
|
16178
16192
|
// src/core/input/MyDayOfWeekPicker.tsx
|
|
16179
16193
|
import { Badge as Badge7, Group as Group38 } from "@mantine/core";
|
|
16180
|
-
import { jsx as
|
|
16194
|
+
import { jsx as jsx196 } from "react/jsx-runtime";
|
|
16181
16195
|
var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
|
|
16182
16196
|
function MyDayOfWeekPicker({ value = [], onChange }) {
|
|
16183
16197
|
const toggle = (val) => {
|
|
@@ -16185,7 +16199,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
|
|
|
16185
16199
|
const newValue = value.includes(val) ? value.filter((v5) => v5 !== val) : [...value, val].sort((a4, b4) => a4 - b4);
|
|
16186
16200
|
onChange(newValue);
|
|
16187
16201
|
};
|
|
16188
|
-
return /* @__PURE__ */
|
|
16202
|
+
return /* @__PURE__ */ jsx196(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx196(Group38, { gap: "xs", children: days.map((d4) => /* @__PURE__ */ jsx196(
|
|
16189
16203
|
Badge7,
|
|
16190
16204
|
{
|
|
16191
16205
|
variant: value.includes(d4.value) ? "filled" : "outline",
|
|
@@ -16202,10 +16216,10 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
|
|
|
16202
16216
|
|
|
16203
16217
|
// src/core/input/MyFileInputPreview.tsx
|
|
16204
16218
|
import { FileInput as FileInput10 } from "@mantine/core";
|
|
16205
|
-
import { jsx as
|
|
16219
|
+
import { jsx as jsx197 } from "react/jsx-runtime";
|
|
16206
16220
|
function MyFileInputPreview(_a) {
|
|
16207
16221
|
var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
|
|
16208
|
-
return /* @__PURE__ */
|
|
16222
|
+
return /* @__PURE__ */ jsx197(
|
|
16209
16223
|
FileInput10,
|
|
16210
16224
|
__spreadValues({
|
|
16211
16225
|
label,
|
|
@@ -16225,7 +16239,7 @@ import Underline2 from "@tiptap/extension-underline";
|
|
|
16225
16239
|
import { useEditor as useEditor2 } from "@tiptap/react";
|
|
16226
16240
|
import StarterKit2 from "@tiptap/starter-kit";
|
|
16227
16241
|
import { useEffect as useEffect42 } from "react";
|
|
16228
|
-
import { jsx as
|
|
16242
|
+
import { jsx as jsx198, jsxs as jsxs105 } from "react/jsx-runtime";
|
|
16229
16243
|
function isEditorContentEmpty(html) {
|
|
16230
16244
|
var _a;
|
|
16231
16245
|
const tempDiv = document.createElement("div");
|
|
@@ -16281,44 +16295,44 @@ function MyRichTextEditor(_a) {
|
|
|
16281
16295
|
editor.commands.setContent(value || "", false);
|
|
16282
16296
|
}
|
|
16283
16297
|
}, [value, editor]);
|
|
16284
|
-
return /* @__PURE__ */
|
|
16285
|
-
/* @__PURE__ */
|
|
16298
|
+
return /* @__PURE__ */ jsx198(Input2.Wrapper, __spreadProps(__spreadValues(__spreadValues({}, inputWrapperProps), rest), { children: /* @__PURE__ */ jsxs105(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, richTextEditorProps), { children: [
|
|
16299
|
+
/* @__PURE__ */ jsx198(DisabledControl, { disabled: !(editor == null ? void 0 : editor.isEditable), children: /* @__PURE__ */ jsxs105(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, richTextEditorToolBarProps), { children: [
|
|
16286
16300
|
/* @__PURE__ */ jsxs105(MantineRichTextEditor.ControlsGroup, { children: [
|
|
16287
|
-
/* @__PURE__ */
|
|
16288
|
-
/* @__PURE__ */
|
|
16289
|
-
/* @__PURE__ */
|
|
16290
|
-
/* @__PURE__ */
|
|
16291
|
-
/* @__PURE__ */
|
|
16292
|
-
/* @__PURE__ */
|
|
16293
|
-
/* @__PURE__ */
|
|
16301
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Bold, {}),
|
|
16302
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Italic, {}),
|
|
16303
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Underline, {}),
|
|
16304
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Strikethrough, {}),
|
|
16305
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.ClearFormatting, {}),
|
|
16306
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Highlight, {}),
|
|
16307
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Code, {})
|
|
16294
16308
|
] }),
|
|
16295
16309
|
/* @__PURE__ */ jsxs105(MantineRichTextEditor.ControlsGroup, { children: [
|
|
16296
|
-
/* @__PURE__ */
|
|
16297
|
-
/* @__PURE__ */
|
|
16298
|
-
/* @__PURE__ */
|
|
16299
|
-
/* @__PURE__ */
|
|
16310
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.H1, {}),
|
|
16311
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.H2, {}),
|
|
16312
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.H3, {}),
|
|
16313
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.H4, {})
|
|
16300
16314
|
] }),
|
|
16301
16315
|
/* @__PURE__ */ jsxs105(MantineRichTextEditor.ControlsGroup, { children: [
|
|
16302
|
-
/* @__PURE__ */
|
|
16303
|
-
/* @__PURE__ */
|
|
16304
|
-
/* @__PURE__ */
|
|
16305
|
-
/* @__PURE__ */
|
|
16306
|
-
/* @__PURE__ */
|
|
16307
|
-
/* @__PURE__ */
|
|
16316
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Blockquote, {}),
|
|
16317
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Hr, {}),
|
|
16318
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.BulletList, {}),
|
|
16319
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.OrderedList, {}),
|
|
16320
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Subscript, {}),
|
|
16321
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Superscript, {})
|
|
16308
16322
|
] }),
|
|
16309
16323
|
/* @__PURE__ */ jsxs105(MantineRichTextEditor.ControlsGroup, { children: [
|
|
16310
|
-
/* @__PURE__ */
|
|
16311
|
-
/* @__PURE__ */
|
|
16324
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Link, {}),
|
|
16325
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.Unlink, {})
|
|
16312
16326
|
] }),
|
|
16313
16327
|
/* @__PURE__ */ jsxs105(MantineRichTextEditor.ControlsGroup, { children: [
|
|
16314
|
-
/* @__PURE__ */
|
|
16315
|
-
/* @__PURE__ */
|
|
16316
|
-
/* @__PURE__ */
|
|
16317
|
-
/* @__PURE__ */
|
|
16328
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.AlignLeft, {}),
|
|
16329
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.AlignCenter, {}),
|
|
16330
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.AlignJustify, {}),
|
|
16331
|
+
/* @__PURE__ */ jsx198(MantineRichTextEditor.AlignRight, {})
|
|
16318
16332
|
] }),
|
|
16319
16333
|
extraControlsGroup
|
|
16320
16334
|
] })) }),
|
|
16321
|
-
/* @__PURE__ */
|
|
16335
|
+
/* @__PURE__ */ jsx198(
|
|
16322
16336
|
ScrollArea6.Autosize,
|
|
16323
16337
|
__spreadProps(__spreadValues({
|
|
16324
16338
|
onMouseDown: () => {
|
|
@@ -16331,19 +16345,19 @@ function MyRichTextEditor(_a) {
|
|
|
16331
16345
|
// đổi cursor
|
|
16332
16346
|
}
|
|
16333
16347
|
}, scrollAreaAutosizeProps), {
|
|
16334
|
-
children: /* @__PURE__ */
|
|
16348
|
+
children: /* @__PURE__ */ jsx198(RichTextEditor2.Content, __spreadValues({ mih: "130" }, richTextEditorContentProps))
|
|
16335
16349
|
})
|
|
16336
16350
|
)
|
|
16337
16351
|
] })) }));
|
|
16338
16352
|
}
|
|
16339
16353
|
function DisabledControl({ children, disabled }) {
|
|
16340
|
-
return /* @__PURE__ */
|
|
16354
|
+
return /* @__PURE__ */ jsx198("div", { style: { pointerEvents: disabled ? "none" : "auto", opacity: disabled ? 0.5 : 1 }, children });
|
|
16341
16355
|
}
|
|
16342
16356
|
|
|
16343
16357
|
// src/core/input/MySelect.tsx
|
|
16344
16358
|
import { Loader as Loader2, Select as Select9 } from "@mantine/core";
|
|
16345
16359
|
import React3 from "react";
|
|
16346
|
-
import { jsx as
|
|
16360
|
+
import { jsx as jsx199 } from "react/jsx-runtime";
|
|
16347
16361
|
function extractTextFromReactNode(node) {
|
|
16348
16362
|
if (typeof node === "string" || typeof node === "number") return String(node);
|
|
16349
16363
|
if (Array.isArray(node)) return node.map(extractTextFromReactNode).join(" ");
|
|
@@ -16361,7 +16375,7 @@ function MySelect2(_a) {
|
|
|
16361
16375
|
const plainTextLabel = extractTextFromReactNode(label).toLowerCase().trim();
|
|
16362
16376
|
placeholder = `Ch\u1ECDn ${plainTextLabel}`;
|
|
16363
16377
|
}
|
|
16364
|
-
return /* @__PURE__ */
|
|
16378
|
+
return /* @__PURE__ */ jsx199(
|
|
16365
16379
|
Select9,
|
|
16366
16380
|
__spreadValues({
|
|
16367
16381
|
allowDeselect: false,
|
|
@@ -16369,7 +16383,7 @@ function MySelect2(_a) {
|
|
|
16369
16383
|
label,
|
|
16370
16384
|
placeholder,
|
|
16371
16385
|
error: isError ? true : void 0,
|
|
16372
|
-
rightSection: isLoading ? /* @__PURE__ */
|
|
16386
|
+
rightSection: isLoading ? /* @__PURE__ */ jsx199(Loader2, { size: "xs" }) : void 0,
|
|
16373
16387
|
disabled: isLoading || isError,
|
|
16374
16388
|
styles: (theme) => ({
|
|
16375
16389
|
input: rest.readOnly ? {
|
|
@@ -16385,7 +16399,7 @@ function MySelect2(_a) {
|
|
|
16385
16399
|
|
|
16386
16400
|
// src/core/input/MySelectFromAPI.tsx
|
|
16387
16401
|
import { useCallback, useEffect as useEffect43, useMemo as useMemo27, useRef as useRef4 } from "react";
|
|
16388
|
-
import { jsx as
|
|
16402
|
+
import { jsx as jsx200 } from "react/jsx-runtime";
|
|
16389
16403
|
function MySelectFromAPI(_a) {
|
|
16390
16404
|
var _b = _a, {
|
|
16391
16405
|
queryKey,
|
|
@@ -16449,7 +16463,7 @@ function MySelectFromAPI(_a) {
|
|
|
16449
16463
|
hasAutoSelected.current = true;
|
|
16450
16464
|
}
|
|
16451
16465
|
}, [autoSelectFirstItem, query.data, value, getLabel, onChange, setObjectData]);
|
|
16452
|
-
return /* @__PURE__ */
|
|
16466
|
+
return /* @__PURE__ */ jsx200(
|
|
16453
16467
|
MySelect2,
|
|
16454
16468
|
__spreadValues({
|
|
16455
16469
|
isLoading: query.isLoading,
|
|
@@ -16463,10 +16477,10 @@ function MySelectFromAPI(_a) {
|
|
|
16463
16477
|
|
|
16464
16478
|
// src/core/input/MyTextInput.tsx
|
|
16465
16479
|
import { TextInput as TextInput11 } from "@mantine/core";
|
|
16466
|
-
import { jsx as
|
|
16480
|
+
import { jsx as jsx201 } from "react/jsx-runtime";
|
|
16467
16481
|
function MyTextInput2(_a) {
|
|
16468
16482
|
var _b = _a, { label } = _b, rest = __objRest(_b, ["label"]);
|
|
16469
|
-
return /* @__PURE__ */
|
|
16483
|
+
return /* @__PURE__ */ jsx201(
|
|
16470
16484
|
TextInput11,
|
|
16471
16485
|
__spreadValues({
|
|
16472
16486
|
placeholder: label ? `Nh\u1EADp ${label == null ? void 0 : label.toLowerCase()}` : "",
|
|
@@ -16496,7 +16510,7 @@ import {
|
|
|
16496
16510
|
} from "@mantine/core";
|
|
16497
16511
|
import { IconPlus as IconPlus9, IconTrash as IconTrash8 } from "@tabler/icons-react";
|
|
16498
16512
|
import { useState as useState34 } from "react";
|
|
16499
|
-
import { jsx as
|
|
16513
|
+
import { jsx as jsx202, jsxs as jsxs106 } from "react/jsx-runtime";
|
|
16500
16514
|
function MyWeeklySessionSchedulerPicker({
|
|
16501
16515
|
value = [],
|
|
16502
16516
|
onChange
|
|
@@ -16527,8 +16541,8 @@ function MyWeeklySessionSchedulerPicker({
|
|
|
16527
16541
|
return acc;
|
|
16528
16542
|
}, {});
|
|
16529
16543
|
const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
|
|
16530
|
-
return /* @__PURE__ */
|
|
16531
|
-
/* @__PURE__ */
|
|
16544
|
+
return /* @__PURE__ */ jsx202(Paper12, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs106(MyFlexColumn, { children: [
|
|
16545
|
+
/* @__PURE__ */ jsx202(Center14, { children: /* @__PURE__ */ jsx202(
|
|
16532
16546
|
MyDayOfWeekPicker,
|
|
16533
16547
|
{
|
|
16534
16548
|
value: selectedDays,
|
|
@@ -16538,8 +16552,8 @@ function MyWeeklySessionSchedulerPicker({
|
|
|
16538
16552
|
}
|
|
16539
16553
|
}
|
|
16540
16554
|
) }),
|
|
16541
|
-
/* @__PURE__ */
|
|
16542
|
-
/* @__PURE__ */
|
|
16555
|
+
/* @__PURE__ */ jsx202(Divider4, { my: "xs" }),
|
|
16556
|
+
/* @__PURE__ */ jsx202(Center14, { children: /* @__PURE__ */ jsx202(ScrollArea7.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx202(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
|
|
16543
16557
|
var _a;
|
|
16544
16558
|
return /* @__PURE__ */ jsxs106(
|
|
16545
16559
|
Paper12,
|
|
@@ -16549,18 +16563,18 @@ function MyWeeklySessionSchedulerPicker({
|
|
|
16549
16563
|
bg: const_object_colors.mantineBackgroundBlueLight,
|
|
16550
16564
|
children: [
|
|
16551
16565
|
/* @__PURE__ */ jsxs106(Group39, { gap: "apart", children: [
|
|
16552
|
-
/* @__PURE__ */
|
|
16553
|
-
/* @__PURE__ */
|
|
16566
|
+
/* @__PURE__ */ jsx202(Text29, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
|
|
16567
|
+
/* @__PURE__ */ jsx202(
|
|
16554
16568
|
Button23,
|
|
16555
16569
|
{
|
|
16556
16570
|
color: "teal.5",
|
|
16557
|
-
leftSection: /* @__PURE__ */
|
|
16571
|
+
leftSection: /* @__PURE__ */ jsx202(IconPlus9, { size: 14 }),
|
|
16558
16572
|
onClick: () => handleAddSession(dayOfWeek),
|
|
16559
16573
|
children: "Th\xEAm bu\u1ED5i"
|
|
16560
16574
|
}
|
|
16561
16575
|
)
|
|
16562
16576
|
] }),
|
|
16563
|
-
/* @__PURE__ */
|
|
16577
|
+
/* @__PURE__ */ jsx202(Divider4, { my: "sm" }),
|
|
16564
16578
|
(_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
|
|
16565
16579
|
const globalIndex = value.findIndex(
|
|
16566
16580
|
(v5) => v5 === item
|
|
@@ -16572,7 +16586,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
|
16572
16586
|
gap: "xs",
|
|
16573
16587
|
align: "flex-end",
|
|
16574
16588
|
children: [
|
|
16575
|
-
/* @__PURE__ */
|
|
16589
|
+
/* @__PURE__ */ jsx202(
|
|
16576
16590
|
NumberInput3,
|
|
16577
16591
|
{
|
|
16578
16592
|
label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
|
|
@@ -16584,7 +16598,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
|
16584
16598
|
)
|
|
16585
16599
|
}
|
|
16586
16600
|
),
|
|
16587
|
-
/* @__PURE__ */
|
|
16601
|
+
/* @__PURE__ */ jsx202(
|
|
16588
16602
|
NumberInput3,
|
|
16589
16603
|
{
|
|
16590
16604
|
label: "S\u1ED1 ti\u1EBFt",
|
|
@@ -16596,7 +16610,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
|
16596
16610
|
)
|
|
16597
16611
|
}
|
|
16598
16612
|
),
|
|
16599
|
-
/* @__PURE__ */
|
|
16613
|
+
/* @__PURE__ */ jsx202(
|
|
16600
16614
|
NumberInput3,
|
|
16601
16615
|
{
|
|
16602
16616
|
label: "S\u1ED1 ph\xFAt ",
|
|
@@ -16605,13 +16619,13 @@ function MyWeeklySessionSchedulerPicker({
|
|
|
16605
16619
|
value: item.durationMinutes
|
|
16606
16620
|
}
|
|
16607
16621
|
),
|
|
16608
|
-
/* @__PURE__ */
|
|
16622
|
+
/* @__PURE__ */ jsx202(
|
|
16609
16623
|
Button23,
|
|
16610
16624
|
{
|
|
16611
16625
|
variant: "light",
|
|
16612
16626
|
color: "red",
|
|
16613
16627
|
onClick: () => handleRemove(globalIndex),
|
|
16614
|
-
leftSection: /* @__PURE__ */
|
|
16628
|
+
leftSection: /* @__PURE__ */ jsx202(IconTrash8, { size: 14 }),
|
|
16615
16629
|
children: "X\xF3a bu\u1ED5i"
|
|
16616
16630
|
}
|
|
16617
16631
|
)
|
|
@@ -16631,12 +16645,12 @@ function MyWeeklySessionSchedulerPicker({
|
|
|
16631
16645
|
// src/core/layout/MyDroppablePlaceholder.tsx
|
|
16632
16646
|
import { useDroppable } from "@dnd-kit/core";
|
|
16633
16647
|
import { Card as Card5, Text as Text30 } from "@mantine/core";
|
|
16634
|
-
import { jsx as
|
|
16648
|
+
import { jsx as jsx203 } from "react/jsx-runtime";
|
|
16635
16649
|
function DroppablePlaceholder({ id }) {
|
|
16636
16650
|
const { setNodeRef } = useDroppable({
|
|
16637
16651
|
id
|
|
16638
16652
|
});
|
|
16639
|
-
return /* @__PURE__ */
|
|
16653
|
+
return /* @__PURE__ */ jsx203(
|
|
16640
16654
|
Card5,
|
|
16641
16655
|
{
|
|
16642
16656
|
ref: setNodeRef,
|
|
@@ -16644,23 +16658,23 @@ function DroppablePlaceholder({ id }) {
|
|
|
16644
16658
|
radius: "md",
|
|
16645
16659
|
p: "sm",
|
|
16646
16660
|
style: { opacity: 0.5, minHeight: 40 },
|
|
16647
|
-
children: /* @__PURE__ */
|
|
16661
|
+
children: /* @__PURE__ */ jsx203(Text30, { size: "sm", c: "dimmed", ta: "center", children: "K\xE9o item v\xE0o \u0111\xE2y" })
|
|
16648
16662
|
}
|
|
16649
16663
|
);
|
|
16650
16664
|
}
|
|
16651
16665
|
|
|
16652
16666
|
// src/core/layout/MyFlexEnd.tsx
|
|
16653
16667
|
import { Group as Group40 } from "@mantine/core";
|
|
16654
|
-
import { jsx as
|
|
16668
|
+
import { jsx as jsx204 } from "react/jsx-runtime";
|
|
16655
16669
|
function MyFlexEnd2(_a) {
|
|
16656
16670
|
var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
|
|
16657
|
-
return /* @__PURE__ */
|
|
16671
|
+
return /* @__PURE__ */ jsx204(Group40, __spreadProps(__spreadValues({ justify: "end", mt: "md" }, rest), { children }));
|
|
16658
16672
|
}
|
|
16659
16673
|
|
|
16660
16674
|
// src/core/navigation/CustomTabs/CustomTabs.tsx
|
|
16661
16675
|
import { Paper as Paper13, Tabs as Tabs4, Text as Text31 } from "@mantine/core";
|
|
16662
16676
|
import classes2 from "./Customtabs.module-RMUG5QY4.module.css";
|
|
16663
|
-
import { jsx as
|
|
16677
|
+
import { jsx as jsx205, jsxs as jsxs107 } from "react/jsx-runtime";
|
|
16664
16678
|
var tabColors = [
|
|
16665
16679
|
{ color: "blue" },
|
|
16666
16680
|
{ color: "orange" },
|
|
@@ -16670,29 +16684,29 @@ var tabColors = [
|
|
|
16670
16684
|
];
|
|
16671
16685
|
function CustomTabs(_a) {
|
|
16672
16686
|
var _b = _a, { tabs } = _b, rest = __objRest(_b, ["tabs"]);
|
|
16673
|
-
return /* @__PURE__ */
|
|
16674
|
-
/* @__PURE__ */
|
|
16687
|
+
return /* @__PURE__ */ jsx205(Paper13, { bg: const_object_colors.mantineBackgroundSecondary, children: /* @__PURE__ */ jsxs107(Tabs4, __spreadProps(__spreadValues({ defaultValue: tabs[0].label, color: "lime", variant: "outline", classNames: classes2 }, rest), { children: [
|
|
16688
|
+
/* @__PURE__ */ jsx205(Tabs4.List, { children: tabs.map((item, index) => {
|
|
16675
16689
|
const colors = tabColors[index];
|
|
16676
|
-
return /* @__PURE__ */
|
|
16690
|
+
return /* @__PURE__ */ jsx205(
|
|
16677
16691
|
Tabs4.Tab,
|
|
16678
16692
|
__spreadProps(__spreadValues({
|
|
16679
16693
|
value: item.label,
|
|
16680
16694
|
ref: item.ref
|
|
16681
16695
|
}, item), {
|
|
16682
|
-
children: /* @__PURE__ */
|
|
16696
|
+
children: /* @__PURE__ */ jsx205(Text31, { fw: "bold", children: item.label })
|
|
16683
16697
|
}),
|
|
16684
16698
|
item.label
|
|
16685
16699
|
);
|
|
16686
16700
|
}) }),
|
|
16687
16701
|
tabs.map((item, index) => {
|
|
16688
16702
|
const colors = tabColors[index];
|
|
16689
|
-
return /* @__PURE__ */
|
|
16703
|
+
return /* @__PURE__ */ jsx205(Tabs4.Panel, { p: "md", value: item.label, children: item.children }, index);
|
|
16690
16704
|
})
|
|
16691
16705
|
] })) });
|
|
16692
16706
|
}
|
|
16693
16707
|
|
|
16694
16708
|
// src/core/overlays/MyPrintContent.tsx
|
|
16695
|
-
import { jsx as
|
|
16709
|
+
import { jsx as jsx206, jsxs as jsxs108 } from "react/jsx-runtime";
|
|
16696
16710
|
function MyPrintContent({
|
|
16697
16711
|
children,
|
|
16698
16712
|
autoPadding = true,
|
|
@@ -16711,8 +16725,8 @@ function MyPrintContent({
|
|
|
16711
16725
|
}
|
|
16712
16726
|
};
|
|
16713
16727
|
return /* @__PURE__ */ jsxs108("div", { children: [
|
|
16714
|
-
/* @__PURE__ */
|
|
16715
|
-
/* @__PURE__ */
|
|
16728
|
+
/* @__PURE__ */ jsx206("style", { children: getPageSizeCSS() }),
|
|
16729
|
+
/* @__PURE__ */ jsx206("div", { style: { display: "none" }, children: /* @__PURE__ */ jsx206(
|
|
16716
16730
|
"div",
|
|
16717
16731
|
{
|
|
16718
16732
|
ref: printRef,
|
|
@@ -16728,7 +16742,7 @@ function MyPrintContent({
|
|
|
16728
16742
|
|
|
16729
16743
|
// src/core/overlays/MyModalStackImport/Usecase/FileImportValidationDetailModal.tsx
|
|
16730
16744
|
import { Modal as Modal16, Table as Table4, Text as Text32 } from "@mantine/core";
|
|
16731
|
-
import { jsx as
|
|
16745
|
+
import { jsx as jsx207, jsxs as jsxs109 } from "react/jsx-runtime";
|
|
16732
16746
|
|
|
16733
16747
|
// src/core/overlays/MyModalStackImport/Usecase/FileImportValidationModal.tsx
|
|
16734
16748
|
import {
|
|
@@ -16737,13 +16751,13 @@ import {
|
|
|
16737
16751
|
Modal as Modal17,
|
|
16738
16752
|
Table as Table5
|
|
16739
16753
|
} from "@mantine/core";
|
|
16740
|
-
import { jsx as
|
|
16754
|
+
import { jsx as jsx208, jsxs as jsxs110 } from "react/jsx-runtime";
|
|
16741
16755
|
|
|
16742
16756
|
// src/core/withAPI/CustomDataTableAPI.tsx
|
|
16743
16757
|
import { Group as Group42 } from "@mantine/core";
|
|
16744
16758
|
|
|
16745
16759
|
// src/core/withAPI/CustomDeleteListAPI.tsx
|
|
16746
|
-
import { jsx as
|
|
16760
|
+
import { jsx as jsx209 } from "react/jsx-runtime";
|
|
16747
16761
|
function CustomButtonDeleteListAPI(_a) {
|
|
16748
16762
|
var _b = _a, {
|
|
16749
16763
|
deleteListFn,
|
|
@@ -16753,7 +16767,7 @@ function CustomButtonDeleteListAPI(_a) {
|
|
|
16753
16767
|
"table"
|
|
16754
16768
|
]);
|
|
16755
16769
|
const selectedRow = table.getSelectedRowModel().flatRows.flatMap((item) => item.original);
|
|
16756
|
-
return /* @__PURE__ */
|
|
16770
|
+
return /* @__PURE__ */ jsx209(
|
|
16757
16771
|
MyButtonDeleteList,
|
|
16758
16772
|
__spreadValues({
|
|
16759
16773
|
count: selectedRow.length,
|
|
@@ -16764,7 +16778,7 @@ function CustomButtonDeleteListAPI(_a) {
|
|
|
16764
16778
|
}
|
|
16765
16779
|
|
|
16766
16780
|
// src/core/withAPI/CustomDataTableAPI.tsx
|
|
16767
|
-
import { jsx as
|
|
16781
|
+
import { jsx as jsx210, jsxs as jsxs111 } from "react/jsx-runtime";
|
|
16768
16782
|
function CustomDataTableAPI(_a) {
|
|
16769
16783
|
var _b = _a, {
|
|
16770
16784
|
deleteFn,
|
|
@@ -16786,7 +16800,7 @@ function CustomDataTableAPI(_a) {
|
|
|
16786
16800
|
"enableCreate",
|
|
16787
16801
|
"enableUpdate"
|
|
16788
16802
|
]);
|
|
16789
|
-
return /* @__PURE__ */
|
|
16803
|
+
return /* @__PURE__ */ jsx210(
|
|
16790
16804
|
MyDataTable,
|
|
16791
16805
|
__spreadProps(__spreadValues({
|
|
16792
16806
|
isError: query.isError,
|
|
@@ -16796,16 +16810,16 @@ function CustomDataTableAPI(_a) {
|
|
|
16796
16810
|
renderTopToolbarCustomActions: (props) => {
|
|
16797
16811
|
var _a2;
|
|
16798
16812
|
return /* @__PURE__ */ jsxs111(Group42, { children: [
|
|
16799
|
-
enableCreate !== false && buttonCreateUpdateProps && /* @__PURE__ */
|
|
16813
|
+
enableCreate !== false && buttonCreateUpdateProps && /* @__PURE__ */ jsx210(MyButtonCreateUpdate, __spreadProps(__spreadValues({}, buttonCreateUpdateProps), { children: renderCreateUpdateContent ? renderCreateUpdateContent(false) : buttonCreateUpdateProps.children })),
|
|
16800
16814
|
(_a2 = rest.renderTopToolbarCustomActions) == null ? void 0 : _a2.call(rest, props),
|
|
16801
|
-
deleteListFn && /* @__PURE__ */
|
|
16815
|
+
deleteListFn && /* @__PURE__ */ jsx210(CustomButtonDeleteListAPI, { deleteListFn, table: props.table })
|
|
16802
16816
|
] });
|
|
16803
16817
|
},
|
|
16804
16818
|
renderRowActions: (props) => {
|
|
16805
16819
|
var _a2;
|
|
16806
16820
|
return /* @__PURE__ */ jsxs111(MyCenterFull, { children: [
|
|
16807
16821
|
(_a2 = rest.renderRowActions) == null ? void 0 : _a2.call(rest, props),
|
|
16808
|
-
enableUpdate !== false && buttonCreateUpdateProps && /* @__PURE__ */
|
|
16822
|
+
enableUpdate !== false && buttonCreateUpdateProps && /* @__PURE__ */ jsx210(
|
|
16809
16823
|
MyButtonCreateUpdate,
|
|
16810
16824
|
__spreadProps(__spreadValues({
|
|
16811
16825
|
isUpdate: true,
|
|
@@ -16814,7 +16828,7 @@ function CustomDataTableAPI(_a) {
|
|
|
16814
16828
|
children: renderCreateUpdateContent ? renderCreateUpdateContent(true) : buttonCreateUpdateProps.children
|
|
16815
16829
|
})
|
|
16816
16830
|
),
|
|
16817
|
-
deleteFn && /* @__PURE__ */
|
|
16831
|
+
deleteFn && /* @__PURE__ */ jsx210(MyActionIconDelete, { contextData: props.row.original.code, onSubmit: () => deleteFn(props.row.original.id) })
|
|
16818
16832
|
] });
|
|
16819
16833
|
}
|
|
16820
16834
|
})
|
|
@@ -16823,7 +16837,7 @@ function CustomDataTableAPI(_a) {
|
|
|
16823
16837
|
|
|
16824
16838
|
// src/core/withAPI/CustomSelectAPI.tsx
|
|
16825
16839
|
import { useEffect as useEffect44 } from "react";
|
|
16826
|
-
import { jsx as
|
|
16840
|
+
import { jsx as jsx211 } from "react/jsx-runtime";
|
|
16827
16841
|
function CustomSelectAPI(_a) {
|
|
16828
16842
|
var _b = _a, {
|
|
16829
16843
|
query,
|
|
@@ -16859,7 +16873,7 @@ function CustomSelectAPI(_a) {
|
|
|
16859
16873
|
);
|
|
16860
16874
|
onChange == null ? void 0 : onChange(selectedItem);
|
|
16861
16875
|
};
|
|
16862
|
-
return /* @__PURE__ */
|
|
16876
|
+
return /* @__PURE__ */ jsx211(
|
|
16863
16877
|
MySelect2,
|
|
16864
16878
|
__spreadValues({
|
|
16865
16879
|
isLoading: query.isLoading,
|
|
@@ -16902,6 +16916,7 @@ export {
|
|
|
16902
16916
|
CustomNumberInput,
|
|
16903
16917
|
MyTextInput,
|
|
16904
16918
|
CustomPhoneNumberInput,
|
|
16919
|
+
CustomSwitch,
|
|
16905
16920
|
MyFlexRow,
|
|
16906
16921
|
MyDayOfWeekPicker,
|
|
16907
16922
|
MyFileInputPreview,
|
|
@@ -51,7 +51,6 @@ interface IActionIconDelete<IRes> extends Omit<MyButtonModalProps, "disclosure">
|
|
|
51
51
|
onSuccess?: () => void;
|
|
52
52
|
onError?: () => void;
|
|
53
53
|
contextData?: string;
|
|
54
|
-
loading?: boolean;
|
|
55
54
|
}
|
|
56
55
|
declare function MyActionIconDelete<IRes>({ onSubmit, onSuccess, onError, contextData, ...rest }: IActionIconDelete<IRes>): react_jsx_runtime.JSX.Element;
|
|
57
56
|
|
|
@@ -65,7 +65,7 @@ import {
|
|
|
65
65
|
getReadablePageIdSet,
|
|
66
66
|
useHeaderMegaMenuStore,
|
|
67
67
|
useStore_BasicAppShell
|
|
68
|
-
} from "../chunk-
|
|
68
|
+
} from "../chunk-IMM45OFS.mjs";
|
|
69
69
|
import "../chunk-WW55EZ4B.mjs";
|
|
70
70
|
import "../chunk-KGBXMHKR.mjs";
|
|
71
71
|
import "../chunk-7ZI7IOEP.mjs";
|
package/dist/core/index.d.mts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { ButtonProps, ModalProps, ScrollAreaAutosizeProps, TooltipProps, TextProps, PaperProps, GroupProps, ThemeIconProps, BadgeProps, AutocompleteProps, NumberInputProps, TextInputProps, FileInputProps, InputWrapperProps, FlexProps, TabsProps, TabsTabProps, MantineColor } from '@mantine/core';
|
|
2
|
+
import { ButtonProps, ModalProps, ScrollAreaAutosizeProps, TooltipProps, TextProps, PaperProps, GroupProps, ThemeIconProps, BadgeProps, AutocompleteProps, NumberInputProps, TextInputProps, SwitchProps, FileInputProps, InputWrapperProps, FlexProps, TabsProps, TabsTabProps, MantineColor } from '@mantine/core';
|
|
3
3
|
import { UseFormReturnType } from '@mantine/form';
|
|
4
4
|
import { ReactNode, LegacyRef, ComponentProps } from 'react';
|
|
5
5
|
import { M as MyButtonModalProps, a as MyActionIconProps, b as MyButtonProps, c as MyButtonDeleteListProps } from '../MyButtonDeleteList-BcW55zHU.mjs';
|
|
@@ -177,6 +177,10 @@ interface CustomPhoneNumberInputProps extends MyTextInputProps {
|
|
|
177
177
|
}
|
|
178
178
|
declare function CustomPhoneNumberInput(props: CustomPhoneNumberInputProps): react_jsx_runtime.JSX.Element;
|
|
179
179
|
|
|
180
|
+
interface CustomSwitchProps extends SwitchProps {
|
|
181
|
+
}
|
|
182
|
+
declare function CustomSwitch({ ...rest }: CustomSwitchProps): react_jsx_runtime.JSX.Element;
|
|
183
|
+
|
|
180
184
|
interface CoreDayOfWeekPickerProps {
|
|
181
185
|
value?: number[];
|
|
182
186
|
onChange?: (val: number[]) => void;
|
|
@@ -342,4 +346,4 @@ interface MyButtonViewFileAPIProps extends MyButtonViewFileProps {
|
|
|
342
346
|
}
|
|
343
347
|
declare function MyButtonViewFileAPI({ filePath, externalDisc, ...rest }: MyButtonViewFileAPIProps): react_jsx_runtime.JSX.Element;
|
|
344
348
|
|
|
345
|
-
export { CustomAutocomplete, CustomButtonDeleteListAPI, CustomDataTableAPI, CustomEnumBadge, CustomNumberInput, type CustomNumberInputProps, CustomPhoneNumberInput, CustomSelectAPI, type CustomSelectAPIProps, CustomSwitchTheme, CustomTabs, CustomThemeIconSquareCheck, DroppablePlaceholder, type FieldDefinition, type IWeeklySession, type ModalImportId, MyActionIconProps, MyButtonCreateUpdate, type MyButtonCreateUpdateProps, type MyButtonExportStructureProps, MyButtonModalForm, type MyButtonModalFormProps, MyButtonModalProps, MyButtonPrintPDF, type MyButtonPrintPDFProps, MyButtonProps, MyButtonViewFile, MyButtonViewFileAPI, type MyButtonViewFileProps, MyDataTableSelectOne, MyDataTableStagedChanges, type MyDataTableStagedChangesProps, MyDayOfWeekPicker, MyFileInputPreview, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyModalImport, MyPrintContent, type MyPrintContentProps, MyRichTextEditor, MySelectFromAPI, type MySelectFromAPIProps, MySelectProps, MyStatsCard, MyTextInput, type MyTextInputProps, MyWeeklySessionSchedulerPicker, type RowDetail, type StagedChange, type ValidationResult, type WeeklySessionSchedulerProps };
|
|
349
|
+
export { CustomAutocomplete, CustomButtonDeleteListAPI, CustomDataTableAPI, CustomEnumBadge, CustomNumberInput, type CustomNumberInputProps, CustomPhoneNumberInput, CustomSelectAPI, type CustomSelectAPIProps, CustomSwitch, CustomSwitchTheme, CustomTabs, CustomThemeIconSquareCheck, DroppablePlaceholder, type FieldDefinition, type IWeeklySession, type ModalImportId, MyActionIconProps, MyButtonCreateUpdate, type MyButtonCreateUpdateProps, type MyButtonExportStructureProps, MyButtonModalForm, type MyButtonModalFormProps, MyButtonModalProps, MyButtonPrintPDF, type MyButtonPrintPDFProps, MyButtonProps, MyButtonViewFile, MyButtonViewFileAPI, type MyButtonViewFileProps, MyDataTableSelectOne, MyDataTableStagedChanges, type MyDataTableStagedChangesProps, MyDayOfWeekPicker, MyFileInputPreview, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyModalImport, MyPrintContent, type MyPrintContentProps, MyRichTextEditor, MySelectFromAPI, type MySelectFromAPIProps, MySelectProps, MyStatsCard, MyTextInput, type MyTextInputProps, MyWeeklySessionSchedulerPicker, type RowDetail, type StagedChange, type ValidationResult, type WeeklySessionSchedulerProps };
|
package/dist/core/index.mjs
CHANGED
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
CustomNumberInput,
|
|
7
7
|
CustomPhoneNumberInput,
|
|
8
8
|
CustomSelectAPI,
|
|
9
|
+
CustomSwitch,
|
|
9
10
|
CustomSwitchTheme,
|
|
10
11
|
CustomTabs,
|
|
11
12
|
CustomThemeIconSquareCheck,
|
|
@@ -35,7 +36,7 @@ import {
|
|
|
35
36
|
MyStatsCard,
|
|
36
37
|
MyTextInput2 as MyTextInput,
|
|
37
38
|
MyWeeklySessionSchedulerPicker
|
|
38
|
-
} from "../chunk-
|
|
39
|
+
} from "../chunk-IMM45OFS.mjs";
|
|
39
40
|
import "../chunk-WW55EZ4B.mjs";
|
|
40
41
|
import "../chunk-KGBXMHKR.mjs";
|
|
41
42
|
import "../chunk-7ZI7IOEP.mjs";
|
|
@@ -54,6 +55,7 @@ export {
|
|
|
54
55
|
CustomNumberInput,
|
|
55
56
|
CustomPhoneNumberInput,
|
|
56
57
|
CustomSelectAPI,
|
|
58
|
+
CustomSwitch,
|
|
57
59
|
CustomSwitchTheme,
|
|
58
60
|
CustomTabs,
|
|
59
61
|
CustomThemeIconSquareCheck,
|
package/dist/shared/index.mjs
CHANGED