aq-fe-framework 0.1.370 → 0.1.372

package/dist/{chunk-YSSHMYFL.mjs → chunk-KAIPXOLV.mjs}

@@ -10,7 +10,9 @@ import {
   enum_daysOfWeek
 } from "./chunk-K6S7R6LU.mjs";
 import {
-  useMyReactMutation
+  baseAxios_default,
+  useMyReactMutation,
+  useMyReactQuery
 } from "./chunk-YQPDRFRL.mjs";
 import {
   utils_notification_show
@@ -585,26 +587,60 @@ function MyRichTextEditor(props) {
 import { Loader, Select } from "@mantine/core";
 import { jsx as jsx10 } from "react/jsx-runtime";
 function MySelect(_a) {
-  var _b = _a, { label, data } = _b, rest = __objRest(_b, ["label", "data"]);
-  const isLoading = data === void 0;
+  var _b = _a, { label, data, isLoading, isError } = _b, rest = __objRest(_b, ["label", "data", "isLoading", "isError"]);
+  let placeholder = "";
+  if (isError) {
+    placeholder = "\u0110\xE3 x\u1EA3y ra l\u1ED7i!";
+  } else if (isLoading) {
+    placeholder = "\u0110ang t\u1EA3i...";
+  } else if (label) {
+    placeholder = `Ch\u1ECDn ${label.toLowerCase()}`;
+  }
   return /* @__PURE__ */ jsx10(
     Select,
     __spreadValues({
       label,
-      placeholder: isLoading ? "\u0110ang t\u1EA3i..." : label ? `Ch\u1ECDn ${label.toLowerCase()}` : "",
+      placeholder,
       data: data != null ? data : [],
+      error: isError ? true : void 0,
       rightSection: isLoading ? /* @__PURE__ */ jsx10(Loader, { size: "xs" }) : void 0,
-      disabled: isLoading
+      disabled: isLoading || isError
     }, rest)
   );
 }
 
+// src/core/input/MySelectAPI.tsx
+import { jsx as jsx11 } from "react/jsx-runtime";
+function MySelectAPI(props) {
+  var _a;
+  const query = useMyReactQuery({
+    queryKey: [props.controllerName + "/GetAll"],
+    axiosFn: () => {
+      return baseAxios_default.get(props.controllerName + "/GetAll");
+    }
+  });
+  return /* @__PURE__ */ jsx11(
+    MySelect,
+    {
+      isLoading: query.isLoading,
+      isError: query.isError,
+      data: (_a = query.data) == null ? void 0 : _a.map((item) => {
+        var _a2;
+        return {
+          value: (_a2 = item.id) == null ? void 0 : _a2.toString(),
+          label: item.name
+        };
+      })
+    }
+  );
+}
+
 // src/core/input/MyTextInput.tsx
 import { TextInput } from "@mantine/core";
-import { jsx as jsx11 } from "react/jsx-runtime";
+import { jsx as jsx12 } from "react/jsx-runtime";
 function MyTextInput(_a) {
   var _b = _a, { label, isPhoneNumber } = _b, rest = __objRest(_b, ["label", "isPhoneNumber"]);
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     TextInput,
     __spreadValues({
       onKeyDown: (e) => {
@@ -645,7 +681,7 @@ import {
 } from "@mantine/core";
 import { IconPlus as IconPlus4, IconTrash as IconTrash3 } from "@tabler/icons-react";
 import { useState } from "react";
-import { jsx as jsx12, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs6 } from "react/jsx-runtime";
 function MyWeeklySessionSchedulerPicker({
   value = [],
   onChange
@@ -676,8 +712,8 @@ function MyWeeklySessionSchedulerPicker({
     return acc;
   }, {});
   const getLabel = (day) => enum_daysOfWeek[day] || `Day ${day}`;
-  return /* @__PURE__ */ jsx12(Paper, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs6(MyFlexColumn, { children: [
-    /* @__PURE__ */ jsx12(Center, { children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx13(Paper, { w: "100%", p: "md", children: /* @__PURE__ */ jsxs6(MyFlexColumn, { children: [
+    /* @__PURE__ */ jsx13(Center, { children: /* @__PURE__ */ jsx13(
       MyDayOfWeekPicker,
       {
         value: selectedDays,
@@ -687,8 +723,8 @@ function MyWeeklySessionSchedulerPicker({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx12(Divider, { my: "xs" }),
-    /* @__PURE__ */ jsx12(Center, { children: /* @__PURE__ */ jsx12(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx12(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
+    /* @__PURE__ */ jsx13(Divider, { my: "xs" }),
+    /* @__PURE__ */ jsx13(Center, { children: /* @__PURE__ */ jsx13(ScrollArea3.Autosize, { h: "40vh", children: /* @__PURE__ */ jsx13(MyFlexColumn, { w: { base: "100%", sm: "70%" }, children: selectedDays.map((dayOfWeek) => {
       var _a;
       return /* @__PURE__ */ jsxs6(
         Paper,
@@ -698,18 +734,18 @@ function MyWeeklySessionSchedulerPicker({
           bg: const_object_colors.mantineBackgroundBlueLight,
           children: [
             /* @__PURE__ */ jsxs6(Group3, { gap: "apart", children: [
-              /* @__PURE__ */ jsx12(Text3, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
-              /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13(Text3, { w: "70px", fw: 500, children: getLabel(dayOfWeek) }),
+              /* @__PURE__ */ jsx13(
                 Button5,
                 {
                   color: "teal.5",
-                  leftSection: /* @__PURE__ */ jsx12(IconPlus4, { size: 14 }),
+                  leftSection: /* @__PURE__ */ jsx13(IconPlus4, { size: 14 }),
                   onClick: () => handleAddSession(dayOfWeek),
                   children: "Th\xEAm bu\u1ED5i"
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx12(Divider, { my: "sm" }),
+            /* @__PURE__ */ jsx13(Divider, { my: "sm" }),
             (_a = grouped[dayOfWeek]) == null ? void 0 : _a.map((item, indexInDay) => {
               const globalIndex = value.findIndex(
                 (v) => v === item
@@ -721,7 +757,7 @@ function MyWeeklySessionSchedulerPicker({
                   gap: "xs",
                   align: "flex-end",
                   children: [
-                    /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(
                       NumberInput,
                       {
                         label: "Ti\u1EBFt b\u1EAFt \u0111\u1EA7u",
@@ -733,7 +769,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(
                       NumberInput,
                       {
                         label: "S\u1ED1 ti\u1EBFt",
@@ -745,7 +781,7 @@ function MyWeeklySessionSchedulerPicker({
                         )
                       }
                     ),
-                    /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(
                       NumberInput,
                       {
                         label: "S\u1ED1 ph\xFAt  ",
@@ -754,13 +790,13 @@ function MyWeeklySessionSchedulerPicker({
                         value: item.durationMinutes
                       }
                     ),
-                    /* @__PURE__ */ jsx12(
+                    /* @__PURE__ */ jsx13(
                       Button5,
                       {
                         variant: "light",
                         color: "red",
                         onClick: () => handleRemove(globalIndex),
-                        leftSection: /* @__PURE__ */ jsx12(IconTrash3, { size: 14 }),
+                        leftSection: /* @__PURE__ */ jsx13(IconTrash3, { size: 14 }),
                         children: "X\xF3a bu\u1ED5i"
                       }
                     )
@@ -779,10 +815,10 @@ function MyWeeklySessionSchedulerPicker({
 
 // src/core/layout/MyFlexColumn.tsx
 import { Flex } from "@mantine/core";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function MyFlexColumn2(_a) {
   var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
-  return /* @__PURE__ */ jsx13(Flex, __spreadProps(__spreadValues({ direction: "column", gap: "md" }, rest), { children }));
+  return /* @__PURE__ */ jsx14(Flex, __spreadProps(__spreadValues({ direction: "column", gap: "md" }, rest), { children }));
 }
 
 export {
@@ -796,6 +832,7 @@ export {
   MyDayOfWeekPicker,
   MyRichTextEditor,
   MySelect,
+  MySelectAPI,
   MyTextInput,
   MyWeeklySessionSchedulerPicker,
   MyFlexColumn2 as MyFlexColumn

package/dist/core/index.d.mts

@@ -98,8 +98,15 @@ interface MySelectProps extends SelectProps {
         value: string;
         label: string;
     }>;
+    isLoading?: boolean;
+    isError?: boolean;
 }
-declare function MySelect({ label, data, ...rest }: MySelectProps): react_jsx_runtime.JSX.Element;
+declare function MySelect({ label, data, isLoading, isError, ...rest }: MySelectProps): react_jsx_runtime.JSX.Element;
+
+interface MySelectAPIProps extends MySelectProps {
+    controllerName?: string;
+}
+declare function MySelectAPI(props: MySelectAPIProps): react_jsx_runtime.JSX.Element;
 
 interface CoreTextInputProps extends TextInputProps {
     label?: string;
@@ -125,4 +132,4 @@ interface IMyFlexColumn extends FlexProps {
 }
 declare function MyFlexColumn({ children, ...rest }: IMyFlexColumn): react_jsx_runtime.JSX.Element;
 
-export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyLabelValueRow, MyRichTextEditor, MySelect, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };
+export { type IWeeklySession, MyActionIcon, MyButton, MyButtonCreateUpdate, MyButtonModal, MyDataTableSelectOne, MyDayOfWeekPicker, MyFlexColumn, MyLabelValueRow, MyRichTextEditor, MySelect, MySelectAPI, type MySelectProps, MyStatsCard, MyTextInput, MyWeeklySessionSchedulerPicker, type WeeklySessionSchedulerProps };

package/dist/core/index.mjs

@@ -9,10 +9,11 @@ import {
   MyLabelValueRow,
   MyRichTextEditor,
   MySelect,
+  MySelectAPI,
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-YSSHMYFL.mjs";
+} from "../chunk-KAIPXOLV.mjs";
 import "../chunk-GEYCGM75.mjs";
 import "../chunk-7ORPZMGL.mjs";
 import "../chunk-K6S7R6LU.mjs";
@@ -30,6 +31,7 @@ export {
   MyLabelValueRow,
   MyRichTextEditor,
   MySelect,
+  MySelectAPI,
   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,
@@ -42,15 +45,12 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-YSSHMYFL.mjs";
+} from "../chunk-KAIPXOLV.mjs";
 import {
   MyDataTable,
   MyFlexColumn,
   MyFlexRow
 } from "../chunk-GEYCGM75.mjs";
-import {
-  const_object_documentTypes
-} from "../chunk-BZMQOGL6.mjs";
 import {
   const_object_colors
 } from "../chunk-7ORPZMGL.mjs";

package/package.json

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