aq-fe-framework 0.1.479 → 0.1.481
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.
@@ -456,54 +456,64 @@ import {
|
|
456
456
|
Badge,
|
457
457
|
Paper as Paper2,
|
458
458
|
rgba,
|
459
|
+
Stack as Stack2,
|
460
|
+
Text as Text4,
|
459
461
|
useMantineTheme
|
460
462
|
} from "@mantine/core";
|
461
|
-
import { jsx as jsx14 } from "react/jsx-runtime";
|
463
|
+
import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
|
462
464
|
function MyPaperTag(_a) {
|
463
465
|
var _b = _a, {
|
464
466
|
bg = "blue",
|
465
467
|
children,
|
466
|
-
badgeProps
|
468
|
+
badgeProps,
|
469
|
+
labelProps,
|
470
|
+
label
|
467
471
|
} = _b, rest = __objRest(_b, [
|
468
472
|
"bg",
|
469
473
|
"children",
|
470
|
-
"badgeProps"
|
474
|
+
"badgeProps",
|
475
|
+
"labelProps",
|
476
|
+
"label"
|
471
477
|
]);
|
472
478
|
var _a2, _b2, _c, _d;
|
473
479
|
const theme = useMantineTheme();
|
474
480
|
const bgColor = ((_a2 = theme.colors[bg]) == null ? void 0 : _a2[0]) || rgba(bg, 0.05);
|
475
481
|
const borderColor = ((_b2 = theme.colors[bg]) == null ? void 0 : _b2[2]) || rgba(bg, 0.2);
|
476
482
|
const badgeColor = (_c = theme.colors[bg]) == null ? void 0 : _c[8];
|
477
|
-
return /* @__PURE__ */
|
478
|
-
|
479
|
-
|
480
|
-
|
481
|
-
|
482
|
-
|
483
|
-
|
484
|
-
|
485
|
-
|
486
|
-
|
487
|
-
|
488
|
-
|
489
|
-
|
490
|
-
|
491
|
-
|
492
|
-
|
493
|
-
|
494
|
-
|
495
|
-
|
496
|
-
|
497
|
-
|
498
|
-
|
499
|
-
|
500
|
-
|
501
|
-
|
483
|
+
return /* @__PURE__ */ jsxs7(Stack2, { gap: 5, children: [
|
484
|
+
/* @__PURE__ */ jsx14(Text4, __spreadProps(__spreadValues({ fw: "500", size: "sm" }, labelProps), { children: label })),
|
485
|
+
/* @__PURE__ */ jsx14(
|
486
|
+
Paper2,
|
487
|
+
__spreadProps(__spreadValues({
|
488
|
+
w: "100%",
|
489
|
+
p: "xs",
|
490
|
+
style: {
|
491
|
+
backgroundColor: bgColor,
|
492
|
+
border: `1px solid ${borderColor}`,
|
493
|
+
display: "inline-block"
|
494
|
+
}
|
495
|
+
}, rest), {
|
496
|
+
children: /* @__PURE__ */ jsx14(
|
497
|
+
Badge,
|
498
|
+
__spreadProps(__spreadValues({
|
499
|
+
variant: "light",
|
500
|
+
color: badgeColor,
|
501
|
+
radius: "xl",
|
502
|
+
size: "md",
|
503
|
+
fw: "bold",
|
504
|
+
style: { fontWeight: 500, backgroundColor: (_d = theme.colors[bg]) == null ? void 0 : _d[1] }
|
505
|
+
}, badgeProps), {
|
506
|
+
children
|
507
|
+
})
|
508
|
+
)
|
509
|
+
})
|
510
|
+
)
|
511
|
+
] });
|
502
512
|
}
|
503
513
|
|
504
514
|
// src/core/dataDisplay/MyStatsCartd.tsx
|
505
515
|
import { Box, Card, ThemeIcon } from "@mantine/core";
|
506
|
-
import { jsx as jsx15, jsxs as
|
516
|
+
import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
|
507
517
|
function MyStatsCard({
|
508
518
|
title,
|
509
519
|
value,
|
@@ -512,10 +522,10 @@ function MyStatsCard({
|
|
512
522
|
color,
|
513
523
|
themeIconProps
|
514
524
|
}) {
|
515
|
-
return /* @__PURE__ */
|
525
|
+
return /* @__PURE__ */ jsxs8(Card, { children: [
|
516
526
|
/* @__PURE__ */ jsx15("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
|
517
|
-
/* @__PURE__ */ jsx15(Box, { className: "p-6", children: /* @__PURE__ */
|
518
|
-
/* @__PURE__ */
|
527
|
+
/* @__PURE__ */ jsx15(Box, { className: "p-6", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
|
528
|
+
/* @__PURE__ */ jsxs8("div", { children: [
|
519
529
|
/* @__PURE__ */ jsx15("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
|
520
530
|
/* @__PURE__ */ jsx15("p", { className: "text-3xl font-bold", children: value }),
|
521
531
|
/* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
|
@@ -563,7 +573,7 @@ import Underline from "@tiptap/extension-underline";
|
|
563
573
|
import { useEditor } from "@tiptap/react";
|
564
574
|
import StarterKit from "@tiptap/starter-kit";
|
565
575
|
import { useEffect as useEffect2 } from "react";
|
566
|
-
import { jsx as jsx17, jsxs as
|
576
|
+
import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
|
567
577
|
function MyRichTextEditor(props) {
|
568
578
|
const editor = useEditor({
|
569
579
|
extensions: [
|
@@ -647,9 +657,9 @@ function MyRichTextEditor(props) {
|
|
647
657
|
editor.commands.setContent(props.value || "", false);
|
648
658
|
}
|
649
659
|
}, [props.value, editor]);
|
650
|
-
return /* @__PURE__ */ jsx17(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */
|
651
|
-
/* @__PURE__ */
|
652
|
-
/* @__PURE__ */
|
660
|
+
return /* @__PURE__ */ jsx17(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs9(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
|
661
|
+
/* @__PURE__ */ jsxs9(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
|
662
|
+
/* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
|
653
663
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Bold, {}),
|
654
664
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Italic, {}),
|
655
665
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Underline, {}),
|
@@ -658,13 +668,13 @@ function MyRichTextEditor(props) {
|
|
658
668
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Highlight, {}),
|
659
669
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Code, {})
|
660
670
|
] }),
|
661
|
-
/* @__PURE__ */
|
671
|
+
/* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
|
662
672
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.H1, {}),
|
663
673
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.H2, {}),
|
664
674
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.H3, {}),
|
665
675
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.H4, {})
|
666
676
|
] }),
|
667
|
-
/* @__PURE__ */
|
677
|
+
/* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
|
668
678
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Blockquote, {}),
|
669
679
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Hr, {}),
|
670
680
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.BulletList, {}),
|
@@ -672,11 +682,11 @@ function MyRichTextEditor(props) {
|
|
672
682
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Subscript, {}),
|
673
683
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Superscript, {})
|
674
684
|
] }),
|
675
|
-
/* @__PURE__ */
|
685
|
+
/* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
|
676
686
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Link, {}),
|
677
687
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.Unlink, {})
|
678
688
|
] }),
|
679
|
-
/* @__PURE__ */
|
689
|
+
/* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
|
680
690
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.AlignLeft, {}),
|
681
691
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.AlignCenter, {}),
|
682
692
|
/* @__PURE__ */ jsx17(MantineRichTextEditor.AlignJustify, {}),
|
@@ -870,11 +880,11 @@ import {
|
|
870
880
|
NumberInput,
|
871
881
|
Paper as Paper3,
|
872
882
|
ScrollArea as ScrollArea3,
|
873
|
-
Text as
|
883
|
+
Text as Text6
|
874
884
|
} from "@mantine/core";
|
875
885
|
import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
|
876
886
|
import { useState } from "react";
|
877
|
-
import { jsx as jsx21, jsxs as
|
887
|
+
import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
|
878
888
|
function MyWeeklySessionSchedulerPicker({
|
879
889
|
value = [],
|
880
890
|
onChange
|
@@ -905,7 +915,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
905
915
|
return acc;
|
906
916
|
}, {});
|
907
917
|
const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
|
908
|
-
return /* @__PURE__ */ jsx21(Paper3, { w: "100%", p: "md", children: /* @__PURE__ */
|
918
|
+
return /* @__PURE__ */ jsx21(Paper3, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs10(MyFlexColumn, { children: [
|
909
919
|
/* @__PURE__ */ jsx21(Center, { children: /* @__PURE__ */ jsx21(
|
910
920
|
MyDayOfWeekPicker,
|
911
921
|
{
|
@@ -919,15 +929,15 @@ function MyWeeklySessionSchedulerPicker({
|
|
919
929
|
/* @__PURE__ */ jsx21(Divider, { my: "xs" }),
|
920
930
|
/* @__PURE__ */ jsx21(Center, { children: /* @__PURE__ */ jsx21(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx21(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
|
921
931
|
var _a;
|
922
|
-
return /* @__PURE__ */
|
932
|
+
return /* @__PURE__ */ jsxs10(
|
923
933
|
Paper3,
|
924
934
|
{
|
925
935
|
w: "100%",
|
926
936
|
p: "md",
|
927
937
|
bg: const_object_colors.mantineBackgroundBlueLight,
|
928
938
|
children: [
|
929
|
-
/* @__PURE__ */
|
930
|
-
/* @__PURE__ */ jsx21(
|
939
|
+
/* @__PURE__ */ jsxs10(Group4, { gap: "apart", children: [
|
940
|
+
/* @__PURE__ */ jsx21(Text6, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
|
931
941
|
/* @__PURE__ */ jsx21(
|
932
942
|
Button5,
|
933
943
|
{
|
@@ -943,7 +953,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
943
953
|
const globalIndex = value.findIndex(
|
944
954
|
(v) => v === item
|
945
955
|
);
|
946
|
-
return /* @__PURE__ */
|
956
|
+
return /* @__PURE__ */ jsxs10(
|
947
957
|
Group4,
|
948
958
|
{
|
949
959
|
mt: "xs",
|
package/dist/core/index.d.mts
CHANGED
@@ -105,8 +105,10 @@ interface MyPaperTagProps extends PaperProps {
|
|
105
105
|
children?: string;
|
106
106
|
badgeProps?: BadgeProps;
|
107
107
|
bg?: string;
|
108
|
+
label?: string;
|
109
|
+
labelProps?: TextProps;
|
108
110
|
}
|
109
|
-
declare function MyPaperTag({ bg, children, badgeProps, ...rest }: MyPaperTagProps): react_jsx_runtime.JSX.Element;
|
111
|
+
declare function MyPaperTag({ bg, children, badgeProps, labelProps, label, ...rest }: MyPaperTagProps): react_jsx_runtime.JSX.Element;
|
110
112
|
|
111
113
|
declare function MyStatsCard({ title, value, subtitle, icon, color, themeIconProps }: {
|
112
114
|
title: string;
|
package/dist/core/index.mjs
CHANGED
@@ -18,11 +18,11 @@ import {
|
|
18
18
|
MyStatsCard,
|
19
19
|
MyTextInput,
|
20
20
|
MyWeeklySessionSchedulerPicker
|
21
|
-
} from "../chunk-
|
22
|
-
import "../chunk-GFEMKKFH.mjs";
|
21
|
+
} from "../chunk-BS7VIB5E.mjs";
|
23
22
|
import "../chunk-R43BUIMD.mjs";
|
24
23
|
import "../chunk-U62R2QKJ.mjs";
|
25
24
|
import "../chunk-5U2JSHSJ.mjs";
|
25
|
+
import "../chunk-GFEMKKFH.mjs";
|
26
26
|
import "../chunk-OMJJAHOC.mjs";
|
27
27
|
import "../chunk-K6S7R6LU.mjs";
|
28
28
|
import "../chunk-KFSAV44B.mjs";
|
@@ -15,10 +15,7 @@ import {
|
|
15
15
|
MyButton as MyButton2,
|
16
16
|
MyDataTableSelectOne,
|
17
17
|
MyTextInput as MyTextInput2
|
18
|
-
} from "../chunk-
|
19
|
-
import {
|
20
|
-
const_object_documentTypes
|
21
|
-
} from "../chunk-GFEMKKFH.mjs";
|
18
|
+
} from "../chunk-BS7VIB5E.mjs";
|
22
19
|
import {
|
23
20
|
F_authenticate_Logout,
|
24
21
|
MyActionIconDelete,
|
@@ -49,6 +46,9 @@ import {
|
|
49
46
|
createGenericStore
|
50
47
|
} from "../chunk-U62R2QKJ.mjs";
|
51
48
|
import "../chunk-5U2JSHSJ.mjs";
|
49
|
+
import {
|
50
|
+
const_object_documentTypes
|
51
|
+
} from "../chunk-GFEMKKFH.mjs";
|
52
52
|
import {
|
53
53
|
const_object_colors
|
54
54
|
} from "../chunk-OMJJAHOC.mjs";
|