aq-fe-framework 0.1.478 → 0.1.480

package/dist/{chunk-5SGSJMGV.mjs → chunk-6USECB3O.mjs}

@@ -1,3 +1,6 @@
+import {
+  enum_daysOfWeek
+} from "./chunk-K6S7R6LU.mjs";
 import {
   MyDataTable,
   MyFlexColumn,
@@ -6,9 +9,6 @@ import {
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";
-import {
-  enum_daysOfWeek
-} from "./chunk-K6S7R6LU.mjs";
 import {
   useMyReactMutation,
   useMyReactQuery
@@ -451,13 +451,69 @@ function MyLabelValueRow({
   ] }));
 }
 
-// src/core/dataDisplay/MyPaper.tsx
-import { Paper as Paper2 } from "@mantine/core";
-import { jsx as jsx14 } from "react/jsx-runtime";
+// src/core/dataDisplay/MyPaperTag.tsx
+import {
+  Badge,
+  Paper as Paper2,
+  rgba,
+  Stack as Stack2,
+  Text as Text4,
+  useMantineTheme
+} from "@mantine/core";
+import { jsx as jsx14, jsxs as jsxs7 } from "react/jsx-runtime";
+function MyPaperTag(_a) {
+  var _b = _a, {
+    bg = "blue",
+    children,
+    badgeProps,
+    labelProps,
+    label
+  } = _b, rest = __objRest(_b, [
+    "bg",
+    "children",
+    "badgeProps",
+    "labelProps",
+    "label"
+  ]);
+  var _a2, _b2, _c, _d;
+  const theme = useMantineTheme();
+  const bgColor = ((_a2 = theme.colors[bg]) == null ? void 0 : _a2[0]) || rgba(bg, 0.05);
+  const borderColor = ((_b2 = theme.colors[bg]) == null ? void 0 : _b2[2]) || rgba(bg, 0.2);
+  const badgeColor = (_c = theme.colors[bg]) == null ? void 0 : _c[8];
+  return /* @__PURE__ */ jsxs7(Stack2, { gap: 5, children: [
+    /* @__PURE__ */ jsx14(Text4, __spreadProps(__spreadValues({ fw: "500", size: "sm" }, labelProps), { children: label })),
+    /* @__PURE__ */ jsx14(
+      Paper2,
+      __spreadProps(__spreadValues({
+        w: "100%",
+        p: "xs",
+        style: {
+          backgroundColor: bgColor,
+          border: `1px solid ${borderColor}`,
+          display: "inline-block"
+        }
+      }, rest), {
+        children: /* @__PURE__ */ jsx14(
+          Badge,
+          __spreadProps(__spreadValues({
+            variant: "light",
+            color: badgeColor,
+            radius: "xl",
+            size: "md",
+            fw: "bold",
+            style: { fontWeight: 500, backgroundColor: (_d = theme.colors[bg]) == null ? void 0 : _d[1] }
+          }, badgeProps), {
+            children
+          })
+        )
+      })
+    )
+  ] });
+}
 
 // src/core/dataDisplay/MyStatsCartd.tsx
 import { Box, Card, ThemeIcon } from "@mantine/core";
-import { jsx as jsx15, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
 function MyStatsCard({
   title,
   value,
@@ -466,10 +522,10 @@ function MyStatsCard({
   color,
   themeIconProps
 }) {
-  return /* @__PURE__ */ jsxs7(Card, { children: [
+  return /* @__PURE__ */ jsxs8(Card, { children: [
     /* @__PURE__ */ jsx15("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
-    /* @__PURE__ */ jsx15(Box, { className: "p-6", children: /* @__PURE__ */ jsxs7("div", { className: "flex items-center justify-between", children: [
-      /* @__PURE__ */ jsxs7("div", { children: [
+    /* @__PURE__ */ jsx15(Box, { className: "p-6", children: /* @__PURE__ */ jsxs8("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs8("div", { children: [
         /* @__PURE__ */ jsx15("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
         /* @__PURE__ */ jsx15("p", { className: "text-3xl font-bold", children: value }),
         /* @__PURE__ */ jsx15("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
@@ -480,7 +536,7 @@ function MyStatsCard({
 }
 
 // src/core/input/MyDayOfWeekPicker.tsx
-import { Badge, Group as Group3 } from "@mantine/core";
+import { Badge as Badge2, Group as Group3 } from "@mantine/core";
 import { jsx as jsx16 } from "react/jsx-runtime";
 var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
 function MyDayOfWeekPicker({ value = [], onChange }) {
@@ -490,7 +546,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
     onChange(newValue);
   };
   return /* @__PURE__ */ jsx16(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx16(Group3, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx16(
-    Badge,
+    Badge2,
     {
       variant: value.includes(d.value) ? "filled" : "outline",
       color: "blue",
@@ -517,7 +573,7 @@ import Underline from "@tiptap/extension-underline";
 import { useEditor } from "@tiptap/react";
 import StarterKit from "@tiptap/starter-kit";
 import { useEffect as useEffect2 } from "react";
-import { jsx as jsx17, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs9 } from "react/jsx-runtime";
 function MyRichTextEditor(props) {
   const editor = useEditor({
     extensions: [
@@ -601,9 +657,9 @@ function MyRichTextEditor(props) {
       editor.commands.setContent(props.value || "", false);
     }
   }, [props.value, editor]);
-  return /* @__PURE__ */ jsx17(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs8(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
-    /* @__PURE__ */ jsxs8(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
-      /* @__PURE__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
+  return /* @__PURE__ */ jsx17(Input.Wrapper, __spreadProps(__spreadValues({}, props.inputWrapperProps), { children: /* @__PURE__ */ jsxs9(MantineRichTextEditor, __spreadProps(__spreadValues({ editor }, props.richTextEditorProps), { children: [
+    /* @__PURE__ */ jsxs9(MantineRichTextEditor.Toolbar, __spreadProps(__spreadValues({}, props.richTextEditorToolBarProps), { children: [
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Bold, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Italic, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Underline, {}),
@@ -612,13 +668,13 @@ function MyRichTextEditor(props) {
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Highlight, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Code, {})
       ] }),
-      /* @__PURE__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx17(MantineRichTextEditor.H1, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.H2, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.H3, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.H4, {})
       ] }),
-      /* @__PURE__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Blockquote, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Hr, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.BulletList, {}),
@@ -626,11 +682,11 @@ function MyRichTextEditor(props) {
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Subscript, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Superscript, {})
       ] }),
-      /* @__PURE__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Link, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.Unlink, {})
       ] }),
-      /* @__PURE__ */ jsxs8(MantineRichTextEditor.ControlsGroup, { children: [
+      /* @__PURE__ */ jsxs9(MantineRichTextEditor.ControlsGroup, { children: [
         /* @__PURE__ */ jsx17(MantineRichTextEditor.AlignLeft, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.AlignCenter, {}),
         /* @__PURE__ */ jsx17(MantineRichTextEditor.AlignJustify, {}),
@@ -824,11 +880,11 @@ import {
   NumberInput,
   Paper as Paper3,
   ScrollArea as ScrollArea3,
-  Text as Text5
+  Text as Text6
 } from "@mantine/core";
 import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
 import { useState } from "react";
-import { jsx as jsx21, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -859,7 +915,7 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx21(Paper3, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs9(MyFlexColumn, { children: [
+  return /* @__PURE__ */ jsx21(Paper3, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs10(MyFlexColumn, { children: [
     /* @__PURE__ */ jsx21(Center, { children: /* @__PURE__ */ jsx21(
       MyDayOfWeekPicker,
       {
@@ -873,15 +929,15 @@ function MyWeeklySessionSchedulerPicker({
     /* @__PURE__ */ jsx21(Divider, { my: "xs" }),
     /* @__PURE__ */ jsx21(Center, { children: /* @__PURE__ */ jsx21(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx21(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
-      return /* @__PURE__ */ jsxs9(
+      return /* @__PURE__ */ jsxs10(
         Paper3,
         {
           w: "100%",
           p: "md",
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
-            /* @__PURE__ */ jsxs9(Group4, { gap: "apart", children: [
-              /* @__PURE__ */ jsx21(Text5, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+            /* @__PURE__ */ jsxs10(Group4, { gap: "apart", children: [
+              /* @__PURE__ */ jsx21(Text6, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
               /* @__PURE__ */ jsx21(
                 Button5,
                 {
@@ -897,7 +953,7 @@ function MyWeeklySessionSchedulerPicker({
               const globalIndex = value.findIndex(
                 (v) => v === item
               );
-              return /* @__PURE__ */ jsxs9(
+              return /* @__PURE__ */ jsxs10(
                 Group4,
                 {
                   mt: "xs",
@@ -979,6 +1035,7 @@ export {
   MyFlexIconTitle,
   MyInfoBox,
   MyLabelValueRow,
+  MyPaperTag,
   MyStatsCard,
   MyDayOfWeekPicker,
   MyRichTextEditor,

package/dist/core/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { t as type_action } from '../types-B5rmBuXz.mjs';
-import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TextProps, PaperProps, GroupProps, ThemeIconProps, InputWrapperProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
+import { ActionIconProps, ButtonProps, ModalProps, ScrollAreaAutosizeProps, TextProps, PaperProps, GroupProps, BadgeProps, ThemeIconProps, InputWrapperProps, SelectProps, TextInputProps, FlexProps } from '@mantine/core';
 import { ReactNode, ButtonHTMLAttributes } from 'react';
 import { M as MyApiResponse } from '../createBaseApi-D9OK2lA_.mjs';
 import { AxiosResponse } from 'axios';
@@ -101,6 +101,15 @@ interface LabelValueRowProps {
 }
 declare function MyLabelValueRow({ label, value, labelProps, valueProps, groupProps }: LabelValueRowProps): react_jsx_runtime.JSX.Element;
 
+interface MyPaperTagProps extends PaperProps {
+    children?: string;
+    badgeProps?: BadgeProps;
+    bg?: string;
+    label?: string;
+    labelProps?: TextProps;
+}
+declare function MyPaperTag({ bg, children, badgeProps, labelProps, label, ...rest }: MyPaperTagProps): react_jsx_runtime.JSX.Element;
+
 declare function MyStatsCard({ title, value, subtitle, icon, color, themeIconProps }: {
     title: string;
     value: number;
@@ -180,4 +189,4 @@ interface MyFlexEndProps extends GroupProps {
 }
 declare function MyFlexEnd({ children, ...rest }: MyFlexEndProps): react_jsx_runtime.JSX.Element;
 
-export { type IWeeklySession, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalCreateUpdate, type MyButtonModalProps, type MyButtonProps$1 as MyButtonProps, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
+export { type IWeeklySession, MyActionIcon, type MyActionIconProps, MyButton, MyButtonCreateUpdate, type MyButtonExportStructureProps, MyButtonModal, MyButtonModalCreateUpdate, type MyButtonModalProps, type MyButtonProps$1 as MyButtonProps, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyFlexEnd, MyFlexIconTitle, MyInfoBox, type MyInfoBoxItem, type MyInfoBoxProps, MyLabelValueRow, MyPaperTag, MyRichTextEditor, MySelect, MySelectFromAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -11,19 +11,20 @@ import {
   MyFlexIconTitle,
   MyInfoBox,
   MyLabelValueRow,
+  MyPaperTag,
   MyRichTextEditor,
   MySelect,
   MySelectFromAPI,
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-5SGSJMGV.mjs";
+} from "../chunk-6USECB3O.mjs";
 import "../chunk-GFEMKKFH.mjs";
+import "../chunk-K6S7R6LU.mjs";
 import "../chunk-R43BUIMD.mjs";
 import "../chunk-U62R2QKJ.mjs";
 import "../chunk-5U2JSHSJ.mjs";
 import "../chunk-OMJJAHOC.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import "../chunk-KFSAV44B.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-FWCSY2DS.mjs";
@@ -40,6 +41,7 @@ export {
   MyFlexIconTitle,
   MyInfoBox,
   MyLabelValueRow,
+  MyPaperTag,
   MyRichTextEditor,
   MySelect,
   MySelectFromAPI,

package/dist/modules-features/index.mjs

@@ -11,14 +11,18 @@ import {
 import {
   U0DateToDDMMYYYString
 } from "../chunk-EWDS5IOF.mjs";
+import {
+  enum_emailConfigModule
+} from "../chunk-VH4ZAD6M.mjs";
 import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-5SGSJMGV.mjs";
+} from "../chunk-6USECB3O.mjs";
 import {
   const_object_documentTypes
 } from "../chunk-GFEMKKFH.mjs";
+import "../chunk-K6S7R6LU.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -52,10 +56,6 @@ import "../chunk-5U2JSHSJ.mjs";
 import {
   const_object_colors
 } from "../chunk-OMJJAHOC.mjs";
-import {
-  enum_emailConfigModule
-} from "../chunk-VH4ZAD6M.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import {
   baseAxios_default,
   createBaseApi,

package/package.json

@@ -42,7 +42,7 @@
       "types": "./dist/columns/index.d.mts"
     }
   },
-  "version": "0.1.478",
+  "version": "0.1.480",
   "private": false,
   "files": [
     "dist"