aq-fe-framework 0.1.436 → 0.1.438
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.
@@ -380,9 +380,22 @@ function MyDataTableSelectOne({
|
|
380
380
|
);
|
381
381
|
}
|
382
382
|
|
383
|
-
// src/core/dataDisplay/
|
384
|
-
import { Group, Text } from "@mantine/core";
|
383
|
+
// src/core/dataDisplay/MyInfoBox.tsx
|
384
|
+
import { Group, Paper, Stack, Text } from "@mantine/core";
|
385
385
|
import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
|
386
|
+
function MyInfoBox({ title, data, paperProps }) {
|
387
|
+
return /* @__PURE__ */ jsx7(Paper, __spreadProps(__spreadValues({ withBorder: true, shadow: "xs", radius: "md", p: "md", bg: const_object_colors.mantineBackgroundBlueLight }, paperProps), { children: /* @__PURE__ */ jsxs3(Stack, { children: [
|
388
|
+
title && /* @__PURE__ */ jsx7(Text, { fw: 600, size: "sm", children: title }),
|
389
|
+
data.map((item, index) => /* @__PURE__ */ jsxs3(Group, { justify: "space-between", children: [
|
390
|
+
/* @__PURE__ */ jsx7(Text, { size: "sm", c: "dimmed", children: item.label }),
|
391
|
+
/* @__PURE__ */ jsx7(Text, { size: "sm", fw: 500, children: item.value })
|
392
|
+
] }, index))
|
393
|
+
] }) }));
|
394
|
+
}
|
395
|
+
|
396
|
+
// src/core/dataDisplay/MyLabelValueRow.tsx
|
397
|
+
import { Group as Group2, Text as Text2 } from "@mantine/core";
|
398
|
+
import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
|
386
399
|
function MyLabelValueRow({
|
387
400
|
label,
|
388
401
|
value,
|
@@ -390,18 +403,18 @@ function MyLabelValueRow({
|
|
390
403
|
valueProps,
|
391
404
|
groupProps
|
392
405
|
}) {
|
393
|
-
return /* @__PURE__ */
|
394
|
-
/* @__PURE__ */
|
406
|
+
return /* @__PURE__ */ jsxs4(Group2, __spreadProps(__spreadValues({ gap: 5, wrap: "nowrap" }, groupProps), { children: [
|
407
|
+
/* @__PURE__ */ jsxs4(Text2, __spreadProps(__spreadValues({ fw: 600 }, labelProps), { children: [
|
395
408
|
label,
|
396
409
|
":"
|
397
410
|
] })),
|
398
|
-
/* @__PURE__ */
|
411
|
+
/* @__PURE__ */ jsx8(Text2, __spreadProps(__spreadValues({}, valueProps), { children: value }))
|
399
412
|
] }));
|
400
413
|
}
|
401
414
|
|
402
415
|
// src/core/dataDisplay/MyStatsCartd.tsx
|
403
416
|
import { Box, Card, ThemeIcon } from "@mantine/core";
|
404
|
-
import { jsx as
|
417
|
+
import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
|
405
418
|
function MyStatsCard({
|
406
419
|
title,
|
407
420
|
value,
|
@@ -410,22 +423,22 @@ function MyStatsCard({
|
|
410
423
|
color,
|
411
424
|
themeIconProps
|
412
425
|
}) {
|
413
|
-
return /* @__PURE__ */
|
414
|
-
/* @__PURE__ */
|
415
|
-
/* @__PURE__ */
|
416
|
-
/* @__PURE__ */
|
417
|
-
/* @__PURE__ */
|
418
|
-
/* @__PURE__ */
|
419
|
-
/* @__PURE__ */
|
426
|
+
return /* @__PURE__ */ jsxs5(Card, { children: [
|
427
|
+
/* @__PURE__ */ jsx9("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
|
428
|
+
/* @__PURE__ */ jsx9(Box, { className: "p-6", children: /* @__PURE__ */ jsxs5("div", { className: "flex items-center justify-between", children: [
|
429
|
+
/* @__PURE__ */ jsxs5("div", { children: [
|
430
|
+
/* @__PURE__ */ jsx9("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
|
431
|
+
/* @__PURE__ */ jsx9("p", { className: "text-3xl font-bold", children: value }),
|
432
|
+
/* @__PURE__ */ jsx9("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
|
420
433
|
] }),
|
421
|
-
/* @__PURE__ */
|
434
|
+
/* @__PURE__ */ jsx9(ThemeIcon, __spreadProps(__spreadValues({ size: "xl", radius: "xl" }, themeIconProps), { children: icon }))
|
422
435
|
] }) })
|
423
436
|
] });
|
424
437
|
}
|
425
438
|
|
426
439
|
// src/core/input/MyDayOfWeekPicker.tsx
|
427
|
-
import { Badge, Group as
|
428
|
-
import { jsx as
|
440
|
+
import { Badge, Group as Group3 } from "@mantine/core";
|
441
|
+
import { jsx as jsx10 } from "react/jsx-runtime";
|
429
442
|
var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
|
430
443
|
function MyDayOfWeekPicker({ value = [], onChange }) {
|
431
444
|
const toggle = (val) => {
|
@@ -433,7 +446,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
|
|
433
446
|
const newValue = value.includes(val) ? value.filter((v) => v !== val) : [...value, val].sort((a, b) => a - b);
|
434
447
|
onChange(newValue);
|
435
448
|
};
|
436
|
-
return /* @__PURE__ */
|
449
|
+
return /* @__PURE__ */ jsx10(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx10(Group3, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx10(
|
437
450
|
Badge,
|
438
451
|
{
|
439
452
|
variant: value.includes(d.value) ? "filled" : "outline",
|
@@ -461,7 +474,7 @@ import Underline from "@tiptap/extension-underline";
|
|
461
474
|
import { useEditor } from "@tiptap/react";
|
462
475
|
import StarterKit from "@tiptap/starter-kit";
|
463
476
|
import { useEffect as useEffect2 } from "react";
|
464
|
-
import { jsx as
|
477
|
+
import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
|
465
478
|
function MyRichTextEditor(props) {
|
466
479
|
const editor = useEditor({
|
467
480
|
extensions: [
|
@@ -545,44 +558,44 @@ function MyRichTextEditor(props) {
|
|
545
558
|
editor.commands.setContent(props.value || "", false);
|
546
559
|
}
|
547
560
|
}, [props.value, editor]);
|
548
|
-
return /* @__PURE__ */
|
549
|
-
/* @__PURE__ */
|
550
|
-
/* @__PURE__ */
|
551
|
-
/* @__PURE__ */
|
552
|
-
/* @__PURE__ */
|
553
|
-
/* @__PURE__ */
|
554
|
-
/* @__PURE__ */
|
555
|
-
/* @__PURE__ */
|
556
|
-
/* @__PURE__ */
|
557
|
-
/* @__PURE__ */
|
561
|
+
return /* @__PURE__ */ jsx11(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs6(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
|
562
|
+
/* @__PURE__ */ jsxs6(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
|
563
|
+
/* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
|
564
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Bold, {}),
|
565
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Italic, {}),
|
566
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Underline, {}),
|
567
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Strikethrough, {}),
|
568
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.ClearFormatting, {}),
|
569
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Highlight, {}),
|
570
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Code, {})
|
558
571
|
] }),
|
559
|
-
/* @__PURE__ */
|
560
|
-
/* @__PURE__ */
|
561
|
-
/* @__PURE__ */
|
562
|
-
/* @__PURE__ */
|
563
|
-
/* @__PURE__ */
|
572
|
+
/* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
|
573
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.H1, {}),
|
574
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.H2, {}),
|
575
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.H3, {}),
|
576
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.H4, {})
|
564
577
|
] }),
|
565
|
-
/* @__PURE__ */
|
566
|
-
/* @__PURE__ */
|
567
|
-
/* @__PURE__ */
|
568
|
-
/* @__PURE__ */
|
569
|
-
/* @__PURE__ */
|
570
|
-
/* @__PURE__ */
|
571
|
-
/* @__PURE__ */
|
578
|
+
/* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
|
579
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Blockquote, {}),
|
580
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Hr, {}),
|
581
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.BulletList, {}),
|
582
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.OrderedList, {}),
|
583
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Subscript, {}),
|
584
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Superscript, {})
|
572
585
|
] }),
|
573
|
-
/* @__PURE__ */
|
574
|
-
/* @__PURE__ */
|
575
|
-
/* @__PURE__ */
|
586
|
+
/* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
|
587
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Link, {}),
|
588
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.Unlink, {})
|
576
589
|
] }),
|
577
|
-
/* @__PURE__ */
|
578
|
-
/* @__PURE__ */
|
579
|
-
/* @__PURE__ */
|
580
|
-
/* @__PURE__ */
|
581
|
-
/* @__PURE__ */
|
590
|
+
/* @__PURE__ */ jsxs6(MantineRichTextEditor.ControlsGroup, { children: [
|
591
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.AlignLeft, {}),
|
592
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.AlignCenter, {}),
|
593
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.AlignJustify, {}),
|
594
|
+
/* @__PURE__ */ jsx11(MantineRichTextEditor.AlignRight, {})
|
582
595
|
] }),
|
583
596
|
props.extraControlsGroup
|
584
597
|
] })),
|
585
|
-
/* @__PURE__ */
|
598
|
+
/* @__PURE__ */ jsx11(
|
586
599
|
ScrollArea2.Autosize,
|
587
600
|
__spreadProps(__spreadValues({
|
588
601
|
onMouseDown: () => {
|
@@ -591,7 +604,7 @@ function MyRichTextEditor(props) {
|
|
591
604
|
mah: "200",
|
592
605
|
style: { cursor: "text" }
|
593
606
|
}, props.scrollAreaAutosizeProps), {
|
594
|
-
children: /* @__PURE__ */
|
607
|
+
children: /* @__PURE__ */ jsx11(RichTextEditor.Content, __spreadValues({ mih: "200" }, props.richTextEditorContentProps))
|
595
608
|
})
|
596
609
|
)
|
597
610
|
] })) }));
|
@@ -600,7 +613,7 @@ function MyRichTextEditor(props) {
|
|
600
613
|
// src/core/input/MySelect.tsx
|
601
614
|
import { Loader, Select } from "@mantine/core";
|
602
615
|
import React from "react";
|
603
|
-
import { jsx as
|
616
|
+
import { jsx as jsx12 } from "react/jsx-runtime";
|
604
617
|
function extractTextFromReactNode(node) {
|
605
618
|
if (typeof node === "string" || typeof node === "number") return String(node);
|
606
619
|
if (Array.isArray(node)) return node.map(extractTextFromReactNode).join(" ");
|
@@ -618,7 +631,7 @@ function MySelect(_a) {
|
|
618
631
|
const plainTextLabel = extractTextFromReactNode(label).toLowerCase();
|
619
632
|
placeholder = `Ch\u1ECDn ${plainTextLabel}`;
|
620
633
|
}
|
621
|
-
return /* @__PURE__ */
|
634
|
+
return /* @__PURE__ */ jsx12(
|
622
635
|
Select,
|
623
636
|
__spreadValues({
|
624
637
|
searchable: true,
|
@@ -626,7 +639,7 @@ function MySelect(_a) {
|
|
626
639
|
placeholder,
|
627
640
|
data: data != null ? data : [],
|
628
641
|
error: isError ? true : void 0,
|
629
|
-
rightSection: isLoading ? /* @__PURE__ */
|
642
|
+
rightSection: isLoading ? /* @__PURE__ */ jsx12(Loader, { size: "xs" }) : void 0,
|
630
643
|
disabled: isLoading || isError,
|
631
644
|
styles: (theme) => ({
|
632
645
|
input: rest.readOnly ? {
|
@@ -642,7 +655,7 @@ function MySelect(_a) {
|
|
642
655
|
|
643
656
|
// src/core/input/MySelectFromAPI.tsx
|
644
657
|
import { useCallback, useEffect as useEffect3, useMemo as useMemo2, useRef } from "react";
|
645
|
-
import { jsx as
|
658
|
+
import { jsx as jsx13 } from "react/jsx-runtime";
|
646
659
|
function MySelectFromAPI(_a) {
|
647
660
|
var _b = _a, {
|
648
661
|
queryKey,
|
@@ -706,7 +719,7 @@ function MySelectFromAPI(_a) {
|
|
706
719
|
hasAutoSelected.current = true;
|
707
720
|
}
|
708
721
|
}, [autoSelectFirstItem, query.data, value, getLabel, onChange, setObjectData]);
|
709
|
-
return /* @__PURE__ */
|
722
|
+
return /* @__PURE__ */ jsx13(
|
710
723
|
MySelect,
|
711
724
|
__spreadValues({
|
712
725
|
isLoading: query.isLoading,
|
@@ -720,10 +733,10 @@ function MySelectFromAPI(_a) {
|
|
720
733
|
|
721
734
|
// src/core/input/MyTextInput.tsx
|
722
735
|
import { TextInput } from "@mantine/core";
|
723
|
-
import { jsx as
|
736
|
+
import { jsx as jsx14 } from "react/jsx-runtime";
|
724
737
|
function MyTextInput(_a) {
|
725
738
|
var _b = _a, { label, isPhoneNumber } = _b, rest = __objRest(_b, ["label", "isPhoneNumber"]);
|
726
|
-
return /* @__PURE__ */
|
739
|
+
return /* @__PURE__ */ jsx14(
|
727
740
|
TextInput,
|
728
741
|
__spreadValues({
|
729
742
|
onKeyDown: (e) => {
|
@@ -764,15 +777,15 @@ import {
|
|
764
777
|
Button as Button5,
|
765
778
|
Center,
|
766
779
|
Divider,
|
767
|
-
Group as
|
780
|
+
Group as Group4,
|
768
781
|
NumberInput,
|
769
|
-
Paper,
|
782
|
+
Paper as Paper2,
|
770
783
|
ScrollArea as ScrollArea3,
|
771
|
-
Text as
|
784
|
+
Text as Text4
|
772
785
|
} from "@mantine/core";
|
773
786
|
import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
|
774
787
|
import { useState } from "react";
|
775
|
-
import { jsx as
|
788
|
+
import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
|
776
789
|
function MyWeeklySessionSchedulerPicker({
|
777
790
|
value = [],
|
778
791
|
onChange
|
@@ -803,8 +816,8 @@ function MyWeeklySessionSchedulerPicker({
|
|
803
816
|
return acc;
|
804
817
|
}, {});
|
805
818
|
const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
|
806
|
-
return /* @__PURE__ */
|
807
|
-
/* @__PURE__ */
|
819
|
+
return /* @__PURE__ */ jsx15(Paper2, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs7(MyFlexColumn, { children: [
|
820
|
+
/* @__PURE__ */ jsx15(Center, { children: /* @__PURE__ */ jsx15(
|
808
821
|
MyDayOfWeekPicker,
|
809
822
|
{
|
810
823
|
value: selectedDays,
|
@@ -814,41 +827,41 @@ function MyWeeklySessionSchedulerPicker({
|
|
814
827
|
}
|
815
828
|
}
|
816
829
|
) }),
|
817
|
-
/* @__PURE__ */
|
818
|
-
/* @__PURE__ */
|
830
|
+
/* @__PURE__ */ jsx15(Divider, { my: "xs" }),
|
831
|
+
/* @__PURE__ */ jsx15(Center, { children: /* @__PURE__ */ jsx15(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx15(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
|
819
832
|
var _a;
|
820
|
-
return /* @__PURE__ */
|
821
|
-
|
833
|
+
return /* @__PURE__ */ jsxs7(
|
834
|
+
Paper2,
|
822
835
|
{
|
823
836
|
w: "100%",
|
824
837
|
p: "md",
|
825
838
|
bg: const_object_colors.mantineBackgroundBlueLight,
|
826
839
|
children: [
|
827
|
-
/* @__PURE__ */
|
828
|
-
/* @__PURE__ */
|
829
|
-
/* @__PURE__ */
|
840
|
+
/* @__PURE__ */ jsxs7(Group4, { gap: "apart", children: [
|
841
|
+
/* @__PURE__ */ jsx15(Text4, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
|
842
|
+
/* @__PURE__ */ jsx15(
|
830
843
|
Button5,
|
831
844
|
{
|
832
845
|
color: "teal.5",
|
833
|
-
leftSection: /* @__PURE__ */
|
846
|
+
leftSection: /* @__PURE__ */ jsx15(IconPlus4, { size: 14 }),
|
834
847
|
onClick: () => handleAddSession(dayOfWeek),
|
835
848
|
children: "Th\xEAm bu\u1ED5i"
|
836
849
|
}
|
837
850
|
)
|
838
851
|
] }),
|
839
|
-
/* @__PURE__ */
|
852
|
+
/* @__PURE__ */ jsx15(Divider, { my: "sm" }),
|
840
853
|
(_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
|
841
854
|
const globalIndex = value.findIndex(
|
842
855
|
(v) => v === item
|
843
856
|
);
|
844
|
-
return /* @__PURE__ */
|
845
|
-
|
857
|
+
return /* @__PURE__ */ jsxs7(
|
858
|
+
Group4,
|
846
859
|
{
|
847
860
|
mt: "xs",
|
848
861
|
gap: "xs",
|
849
862
|
align: "flex-end",
|
850
863
|
children: [
|
851
|
-
/* @__PURE__ */
|
864
|
+
/* @__PURE__ */ jsx15(
|
852
865
|
NumberInput,
|
853
866
|
{
|
854
867
|
label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
|
@@ -860,7 +873,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
860
873
|
)
|
861
874
|
}
|
862
875
|
),
|
863
|
-
/* @__PURE__ */
|
876
|
+
/* @__PURE__ */ jsx15(
|
864
877
|
NumberInput,
|
865
878
|
{
|
866
879
|
label: "S\u1ED1 ti\u1EBFt",
|
@@ -872,7 +885,7 @@ function MyWeeklySessionSchedulerPicker({
|
|
872
885
|
)
|
873
886
|
}
|
874
887
|
),
|
875
|
-
/* @__PURE__ */
|
888
|
+
/* @__PURE__ */ jsx15(
|
876
889
|
NumberInput,
|
877
890
|
{
|
878
891
|
label: "S\u1ED1 ph\xFAt ",
|
@@ -881,13 +894,13 @@ function MyWeeklySessionSchedulerPicker({
|
|
881
894
|
value: item.durationMinutes
|
882
895
|
}
|
883
896
|
),
|
884
|
-
/* @__PURE__ */
|
897
|
+
/* @__PURE__ */ jsx15(
|
885
898
|
Button5,
|
886
899
|
{
|
887
900
|
variant: "light",
|
888
901
|
color: "red",
|
889
902
|
onClick: () => handleRemove(globalIndex),
|
890
|
-
leftSection: /* @__PURE__ */
|
903
|
+
leftSection: /* @__PURE__ */ jsx15(IconTrash3, { size: 14 }),
|
891
904
|
children: "X\xF3a bu\u1ED5i"
|
892
905
|
}
|
893
906
|
)
|
@@ -911,6 +924,7 @@ export {
|
|
911
924
|
MyButtonCreateUpdate,
|
912
925
|
MyButtonModal,
|
913
926
|
MyDataTableSelectOne,
|
927
|
+
MyInfoBox,
|
914
928
|
MyLabelValueRow,
|
915
929
|
MyStatsCard,
|
916
930
|
MyDayOfWeekPicker,
|
package/dist/core/index.d.mts
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
2
2
|
import { t as type_action } from '../types-B5rmBuXz.mjs';
|
3
|
-
import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TextProps, GroupProps, ThemeIconProps, InputWrapperProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
|
3
|
+
import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, PaperProps, TextProps, GroupProps, ThemeIconProps, InputWrapperProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
|
4
4
|
import { ReactNode } from 'react';
|
5
5
|
import { M as MyApiResponse } from '../createBaseApi-D9OK2lA_.mjs';
|
6
6
|
import { AxiosResponse } from 'axios';
|
@@ -56,6 +56,17 @@ declare function MyDataTableSelectOne<TData extends MRT_RowData>({ columns, quer
|
|
56
56
|
setIdSelection: (id: string | number | undefined) => void;
|
57
57
|
}): react_jsx_runtime.JSX.Element;
|
58
58
|
|
59
|
+
interface MyInfoBoxItem {
|
60
|
+
label: string;
|
61
|
+
value: React.ReactNode;
|
62
|
+
}
|
63
|
+
interface MyInfoBoxProps {
|
64
|
+
title?: string;
|
65
|
+
data: MyInfoBoxItem[];
|
66
|
+
paperProps?: PaperProps;
|
67
|
+
}
|
68
|
+
declare function MyInfoBox({ title, data, paperProps }: MyInfoBoxProps): react_jsx_runtime.JSX.Element;
|
69
|
+
|
59
70
|
interface LabelValueRowProps {
|
60
71
|
label?: ReactNode;
|
61
72
|
value?: ReactNode;
|
@@ -140,4 +151,4 @@ interface IMyFlexColumn extends FlexProps {
|
|
140
151
|
}
|
141
152
|
declare function MyFlexColumn({ children, ...rest }: IMyFlexColumn): react_jsx_runtime.JSX.Element;
|
142
153
|
|
143
|
-
export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
|
154
|
+
export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
|
package/dist/core/index.mjs
CHANGED
@@ -6,6 +6,7 @@ import {
|
|
6
6
|
MyDataTableSelectOne,
|
7
7
|
MyDayOfWeekPicker,
|
8
8
|
MyFlexColumn,
|
9
|
+
MyInfoBox,
|
9
10
|
MyLabelValueRow,
|
10
11
|
MyRichTextEditor,
|
11
12
|
MySelect,
|
@@ -13,7 +14,7 @@ import {
|
|
13
14
|
MyStatsCard,
|
14
15
|
MyTextInput,
|
15
16
|
MyWeeklySessionSchedulerPicker
|
16
|
-
} from "../chunk-
|
17
|
+
} from "../chunk-2WD24SBN.mjs";
|
17
18
|
import "../chunk-RZBHPPQT.mjs";
|
18
19
|
import "../chunk-GFEMKKFH.mjs";
|
19
20
|
import "../chunk-OMJJAHOC.mjs";
|
@@ -29,6 +30,7 @@ export {
|
|
29
30
|
MyDataTableSelectOne,
|
30
31
|
MyDayOfWeekPicker,
|
31
32
|
MyFlexColumn,
|
33
|
+
MyInfoBox,
|
32
34
|
MyLabelValueRow,
|
33
35
|
MyRichTextEditor,
|
34
36
|
MySelect,
|