aq-fe-framework 0.1.330 → 0.1.332

package/dist/{chunk-WEZ3M7EQ.mjs → chunk-WXLN7SEF.mjs}

@@ -362,9 +362,33 @@ function MyLabelValueRow({
   ] }));
 }
 
+// src/core/dataDisplay/MyStatsCartd.tsx
+import { Box, Card, ThemeIcon } from "@mantine/core";
+import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
+function MyStatsCard({
+  title,
+  value,
+  subtitle,
+  icon,
+  color,
+  themeIconProps
+}) {
+  return /* @__PURE__ */ jsxs4(Card, { children: [
+    /* @__PURE__ */ jsx7("div", { className: `absolute inset-0 bg-gradient-to-br ${color} opacity-5` }),
+    /* @__PURE__ */ jsx7(Box, { className: "p-6", children: /* @__PURE__ */ jsxs4("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ jsxs4("div", { children: [
+        /* @__PURE__ */ jsx7("p", { className: "text-sm font-medium text-muted-foreground", children: title }),
+        /* @__PURE__ */ jsx7("p", { className: "text-3xl font-bold", children: value }),
+        /* @__PURE__ */ jsx7("p", { className: "text-xs text-muted-foreground mt-1", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx7(ThemeIcon, __spreadProps(__spreadValues({ size: "xl", radius: "xl" }, themeIconProps), { children: icon }))
+    ] }) })
+  ] });
+}
+
 // src/core/input/MyDayOfWeekPicker.tsx
 import { Badge, Group as Group2 } from "@mantine/core";
-import { jsx as jsx7 } from "react/jsx-runtime";
+import { jsx as jsx8 } from "react/jsx-runtime";
 var days = Object.entries(enum_daysOfWeek).filter(([key]) => isNaN(Number(key))).map(([label, value]) => ({ label, value }));
 function MyDayOfWeekPicker({ value = [], onChange }) {
   const toggle = (val) => {
@@ -372,7 +396,7 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
     const newValue = value.includes(val) ? value.filter((v) => v !== val) : [...value, val].sort((a, b) => a - b);
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsx7(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx7(Group2, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(MyFlexRow, { align: "center", children: /* @__PURE__ */ jsx8(Group2, { gap: "xs", children: days.map((d) => /* @__PURE__ */ jsx8(
     Badge,
     {
       variant: value.includes(d.value) ? "filled" : "outline",
@@ -389,10 +413,10 @@ function MyDayOfWeekPicker({ value = [], onChange }) {
 
 // src/core/input/MyTextInput.tsx
 import { TextInput } from "@mantine/core";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 function MyTextInput(_a) {
   var _b = _a, { label, isPhoneNumber } = _b, rest = __objRest(_b, ["label", "isPhoneNumber"]);
-  return /* @__PURE__ */ jsx8(
+  return /* @__PURE__ */ jsx9(
     TextInput,
     __spreadValues({
       onKeyDown: (e) => {
@@ -433,7 +457,7 @@ import {
 } from "@mantine/core";
 import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
 import { useState as useState2 } from "react";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -464,8 +488,8 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx9(Paper, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs4(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx9(Center, { children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(Paper, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs5(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx10(Center, { children: /* @__PURE__ */ jsx10(
       MyDayOfWeekPicker,
       {
         value: selectedDays,
@@ -475,41 +499,41 @@ function MyWeeklySessionSchedulerPicker({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx9(Divider, { my: "xs" }),
-    /* @__PURE__ */ jsx9(Center, { children: /* @__PURE__ */ jsx9(ScrollArea.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx9(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx10(Divider, { my: "xs" }),
+    /* @__PURE__ */ jsx10(Center, { children: /* @__PURE__ */ jsx10(ScrollArea.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx10(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
-      return /* @__PURE__ */ jsxs4(
+      return /* @__PURE__ */ jsxs5(
         Paper,
         {
           w: "100%",
           p: "md",
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
-            /* @__PURE__ */ jsxs4(Group3, { gap: "apart", children: [
-              /* @__PURE__ */ jsx9(Text3, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx9(
+            /* @__PURE__ */ jsxs5(Group3, { gap: "apart", children: [
+              /* @__PURE__ */ jsx10(Text3, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx10(
                 Button5,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx9(IconPlus4, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx10(IconPlus4, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx9(Divider, { my: "sm" }),
+            /* @__PURE__ */ jsx10(Divider, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v) => v === item
               );
-              return /* @__PURE__ */ jsxs4(
+              return /* @__PURE__ */ jsxs5(
                 Group3,
                 {
                   mt: "xs",
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsx10(
                       NumberInput,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -521,7 +545,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsx10(
                       NumberInput,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -533,7 +557,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsx10(
                       NumberInput,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -542,13 +566,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx9(
+                    /* @__PURE__ */ jsx10(
                       Button5,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx9(IconTrash3, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx10(IconTrash3, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -565,6 +589,14 @@ function MyWeeklySessionSchedulerPicker({
   ] }) });
 }
 
+// src/core/layout/MyFlexColumn.tsx
+import { Flex } from "@mantine/core";
+import { jsx as jsx11 } from "react/jsx-runtime";
+function MyFlexColumn2(_a) {
+  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
+  return /* @__PURE__ */ jsx11(Flex, __spreadProps(__spreadValues({ direction: "column", gap: "md" }, rest), { children }));
+}
+
 export {
   MyActionIcon,
   MyButton,
@@ -572,7 +604,9 @@ export {
   MyButtonModal,
   MyDataTableSelectOne,
   MyLabelValueRow,
+  MyStatsCard,
   MyDayOfWeekPicker,
   MyTextInput,
-  MyWeeklySessionSchedulerPicker
+  MyWeeklySessionSchedulerPicker,
+  MyFlexColumn2 as MyFlexColumn
 };

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, TextProps, GroupProps, TextInputProps } from '@mantine/core';
+import { ActionIconProps, ButtonProps, ModalProps, TextProps, GroupProps, ThemeIconProps, TextInputProps, FlexProps } from '@mantine/core';
 import { ReactNode } from 'react';
 import { M as MyApiResponse } from '../createBaseApi-2GYRG_xt.mjs';
 import { AxiosResponse } from 'axios';
@@ -62,6 +62,15 @@ interface LabelValueRowProps {
 }
 declare function MyLabelValueRow({ label, value, labelProps, valueProps, groupProps }: LabelValueRowProps): react_jsx_runtime.JSX.Element;
 
+declare function MyStatsCard({ title, value, subtitle, icon, color, themeIconProps }: {
+    title: string;
+    value: number;
+    subtitle: string;
+    icon: ReactNode;
+    color: string;
+    themeIconProps?: ThemeIconProps;
+}): react_jsx_runtime.JSX.Element;
+
 interface CoreDayOfWeekPickerProps {
     value?: number[];
     onChange?: (val: number[]) => void;
@@ -87,4 +96,9 @@ interface WeeklySessionSchedulerProps {
 }
 declare function MyWeeklySessionSchedulerPicker({ value, onChange, }: WeeklySessionSchedulerProps): react_jsx_runtime.JSX.Element;
 
-export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyLabelValueRow, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
+interface IMyFlexColumn extends FlexProps {
+    children?: ReactNode;
+}
+declare function MyFlexColumn({ children, ...rest }: IMyFlexColumn): react_jsx_runtime.JSX.Element;
+
+export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyLabelValueRow, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -5,10 +5,12 @@ import {
   MyButtonModal,
   MyDataTableSelectOne,
   MyDayOfWeekPicker,
+  MyFlexColumn,
   MyLabelValueRow,
+  MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-WEZ3M7EQ.mjs";
+} from "../chunk-WXLN7SEF.mjs";
 import "../chunk-GEYCGM75.mjs";
 import "../chunk-NWBLJ3W3.mjs";
 import "../chunk-K6S7R6LU.mjs";
@@ -22,7 +24,9 @@ export {
   MyButtonModal,
   MyDataTableSelectOne,
   MyDayOfWeekPicker,
+  MyFlexColumn,
   MyLabelValueRow,
+  MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
 };

package/dist/modules-features/index.mjs

@@ -11,6 +11,9 @@ import {
 import {
   U0DateToDDMMYYYString
 } from "../chunk-I2XIN2R3.mjs";
+import {
+  const_object_documentTypes
+} from "../chunk-BZMQOGL6.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -38,14 +41,11 @@ import {
   createGenericStore
 } from "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
-import {
-  const_object_documentTypes
-} from "../chunk-BZMQOGL6.mjs";
 import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-WEZ3M7EQ.mjs";
+} from "../chunk-WXLN7SEF.mjs";
 import {
   MyDataTable,
   MyFlexColumn,

package/package.json

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