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__ */ jsx14(
478
- Paper2,
479
- __spreadProps(__spreadValues({
480
- p: "xs",
481
- style: {
482
- backgroundColor: bgColor,
483
- border: `1px solid ${borderColor}`,
484
- display: "inline-block"
485
- }
486
- }, rest), {
487
- children: /* @__PURE__ */ jsx14(
488
- Badge,
489
- __spreadProps(__spreadValues({
490
- variant: "light",
491
- color: badgeColor,
492
- radius: "xl",
493
- size: "md",
494
- fw: "bold",
495
- style: { fontWeight: 500, backgroundColor: (_d = theme.colors[bg]) == null ? void 0 : _d[1] }
496
- }, badgeProps), {
497
- children
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 jsxs7 } from "react/jsx-runtime";
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__ */ jsxs7(Card, { children: [
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__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
518
- /* @__PURE__ */ jsxs7("div", { children: [
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 jsxs8 } from "react/jsx-runtime";
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__ */ jsxs8(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
651
- /* @__PURE__ */ jsxs8(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
652
- /* @__PURE__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
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__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
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__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
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__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
685
+ /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
676
686
  /* @__PURE__ */ jsx17(MantineRichTextEditor.Link, {}),
677
687
  /* @__PURE__ */ jsx17(MantineRichTextEditor.Unlink, {})
678
688
  ] }),
679
- /* @__PURE__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
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 Text5
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 jsxs9 } from "react/jsx-runtime";
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__ */ jsxs9(MyFlexColumn, { children: [
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__ */ jsxs9(
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__ */ jsxs9(Group4, { gap: "apart", children: [
930
- /* @__PURE__ */ jsx21(Text5, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
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__ */ jsxs9(
956
+ return /* @__PURE__ */ jsxs10(
947
957
  Group4,
948
958
  {
949
959
  mt: "xs",
@@ -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;
@@ -18,11 +18,11 @@ import {
18
18
  MyStatsCard,
19
19
  MyTextInput,
20
20
  MyWeeklySessionSchedulerPicker
21
- } from "../chunk-F26FS5GJ.mjs";
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-F26FS5GJ.mjs";
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";
package/package.json CHANGED
@@ -42,7 +42,7 @@
42
42
  "types": "./dist/columns/index.d.mts"
43
43
  }
44
44
  },
45
- "version": "0.1.479",
45
+ "version": "0.1.481",
46
46
  "private": false,
47
47
  "files": [
48
48
  "dist"