aq-fe-framework 0.1.429 → 0.1.431

package/dist/{chunk-OYNM5CKU.mjs → chunk-7AGWTSJE.mjs}

@@ -3,12 +3,12 @@ import {
   MyFlexColumn,
   MyFlexRow
 } from "./chunk-RZBHPPQT.mjs";
-import {
-  enum_daysOfWeek
-} from "./chunk-K6S7R6LU.mjs";
 import {
   const_object_colors
 } from "./chunk-OMJJAHOC.mjs";
+import {
+  enum_daysOfWeek
+} from "./chunk-K6S7R6LU.mjs";
 import {
   useMyReactMutation,
   useMyReactQuery
@@ -619,19 +619,28 @@ function MySelect(_a) {
       data: data != null ? data : [],
       error: isError ? true : void 0,
       rightSection: isLoading ? /* @__PURE__ */ jsx11(Loader, { size: "xs" }) : void 0,
-      disabled: isLoading || isError
+      disabled: isLoading || isError,
+      styles: (theme) => ({
+        input: rest.readOnly ? {
+          backgroundColor: const_object_colors.mantineBackgroundTertiary,
+          fontWeight: 500,
+          cursor: "default",
+          borderColor: theme.colors.gray[4]
+        } : {}
+      })
     }, rest)
   );
 }
 
 // src/core/input/MySelectFromAPI.tsx
-import { useEffect as useEffect3, useMemo as useMemo2, useRef } from "react";
+import { useCallback, useEffect as useEffect3, useMemo as useMemo2, useRef } from "react";
 import { jsx as jsx12 } from "react/jsx-runtime";
 function MySelectFromAPI(_a) {
   var _b = _a, {
     queryKey,
     axiosFn,
     labelWithCode,
+    getOptionLabel,
     onChange,
     value,
     setObjectData,
@@ -640,27 +649,31 @@ function MySelectFromAPI(_a) {
     "queryKey",
     "axiosFn",
     "labelWithCode",
+    "getOptionLabel",
     "onChange",
     "value",
     "setObjectData",
     "autoSelectFirstItem"
   ]);
-  const query = useMyReactQuery({
-    queryKey,
-    axiosFn
-  });
+  const query = useMyReactQuery({ queryKey, axiosFn });
+  const hasAutoSelected = useRef(false);
+  const getLabel = useCallback(
+    (item) => {
+      var _a2, _b2;
+      return (_b2 = getOptionLabel == null ? void 0 : getOptionLabel(item)) != null ? _b2 : labelWithCode ? `${item.code} - ${item.name}` : (_a2 = item.name) != null ? _a2 : "";
+    },
+    [getOptionLabel, labelWithCode]
+  );
   const options = useMemo2(() => {
-    var _a2;
-    const data = query.data;
-    return (_a2 = data == null ? void 0 : data.map((item) => {
-      var _a3, _b2, _c;
+    var _a2, _b2;
+    return (_b2 = (_a2 = query.data) == null ? void 0 : _a2.map((item) => {
+      var _a3, _b3;
       return {
-        value: (_b2 = (_a3 = item.id) == null ? void 0 : _a3.toString()) != null ? _b2 : "",
-        label: labelWithCode ? `${item.code} - ${item.name}` : (_c = item.name) != null ? _c : ""
+        value: (_b3 = (_a3 = item.id) == null ? void 0 : _a3.toString()) != null ? _b3 : "",
+        label: getLabel(item)
       };
-    })) != null ? _a2 : [];
-  }, [query.data]);
-  const hasAutoSelected = useRef(false);
+    })) != null ? _b2 : [];
+  }, [query.data, getLabel]);
   const handleChange = (value2, option) => {
     var _a2;
     onChange == null ? void 0 : onChange(value2, option);
@@ -674,22 +687,22 @@ function MySelectFromAPI(_a) {
   };
   useEffect3(() => {
     var _a2, _b2, _c;
-    if (autoSelectFirstItem && !hasAutoSelected.current && query.data && query.data.length > 0 && (value === void 0 || value === null || value === "")) {
+    if (autoSelectFirstItem && !hasAutoSelected.current && ((_a2 = query.data) == null ? void 0 : _a2.length) && (value === void 0 || value === null || value === "")) {
       const firstItem = query.data[0];
-      const val = (_b2 = (_a2 = firstItem.id) == null ? void 0 : _a2.toString()) != null ? _b2 : "";
-      const label = labelWithCode ? `${firstItem.code} - ${firstItem.name}` : (_c = firstItem.name) != null ? _c : "";
-      onChange == null ? void 0 : onChange(val, { value: val, label });
+      const firstValue = (_c = (_b2 = firstItem.id) == null ? void 0 : _b2.toString()) != null ? _c : "";
+      const firstLabel = getLabel(firstItem);
+      onChange == null ? void 0 : onChange(firstValue, { value: firstValue, label: firstLabel });
       setObjectData == null ? void 0 : setObjectData(firstItem);
       hasAutoSelected.current = true;
     }
-  }, [autoSelectFirstItem, query.data, labelWithCode, onChange, setObjectData, value]);
+  }, [autoSelectFirstItem, query.data, value, getLabel, onChange, setObjectData]);
   return /* @__PURE__ */ jsx12(
     MySelect,
     __spreadValues({
       isLoading: query.isLoading,
       isError: query.isError,
       data: options,
-      onChange: (value2, option) => handleChange(value2, option),
+      onChange: handleChange,
       value
     }, rest)
   );
@@ -727,7 +740,6 @@ function MyTextInput(_a) {
       styles: (theme) => ({
         input: rest.readOnly ? {
           backgroundColor: const_object_colors.mantineBackgroundTertiary,
-          color: theme.colors.dark[7],
           fontWeight: 500,
           cursor: "default",
           borderColor: theme.colors.gray[4]

package/dist/core/index.d.mts

@@ -109,10 +109,11 @@ interface MySelectFromAPIProps<IRes extends IBaseEntity, IBody = any> extends Om
     queryKey: QueryKey;
     axiosFn: () => Promise<AxiosResponse<MyApiResponse<IRes[]>, IBody>>;
     labelWithCode?: boolean;
+    getOptionLabel?: (item: IRes) => string;
     setObjectData?: (item: IRes | undefined) => void;
     autoSelectFirstItem?: boolean;
 }
-declare function MySelectFromAPI<IRes extends IBaseEntity, IBody = any>({ queryKey, axiosFn, labelWithCode, onChange, value, setObjectData, autoSelectFirstItem, ...rest }: MySelectFromAPIProps<IRes, IBody>): react_jsx_runtime.JSX.Element;
+declare function MySelectFromAPI<IRes extends IBaseEntity, IBody = any>({ queryKey, axiosFn, labelWithCode, getOptionLabel, onChange, value, setObjectData, autoSelectFirstItem, ...rest }: MySelectFromAPIProps<IRes, IBody>): react_jsx_runtime.JSX.Element;
 
 interface CoreTextInputProps extends TextInputProps {
     label?: string;

package/dist/core/index.mjs

@@ -13,11 +13,11 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-OYNM5CKU.mjs";
+} from "../chunk-7AGWTSJE.mjs";
 import "../chunk-RZBHPPQT.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import "../chunk-GFEMKKFH.mjs";
 import "../chunk-OMJJAHOC.mjs";
+import "../chunk-K6S7R6LU.mjs";
 import "../chunk-PRN7KYPD.mjs";
 import "../chunk-7ZCOFATU.mjs";
 import "../chunk-FWCSY2DS.mjs";

package/dist/modules-features/index.mjs

@@ -5,6 +5,12 @@ import {
   utils_converter_enumToSelectOptions,
   utils_file_fileToAQDocumentType
 } from "../chunk-NRTOFI27.mjs";
+import {
+  baseColumns
+} from "../chunk-2SBUKAGS.mjs";
+import {
+  U0DateToDDMMYYYString
+} from "../chunk-I2XIN2R3.mjs";
 import {
   F_authenticate_Logout,
   MyActionIconDelete,
@@ -32,32 +38,26 @@ import {
   createGenericStore
 } from "../chunk-Y3YGC5IH.mjs";
 import "../chunk-5U2JSHSJ.mjs";
-import {
-  baseColumns
-} from "../chunk-2SBUKAGS.mjs";
-import {
-  U0DateToDDMMYYYString
-} from "../chunk-I2XIN2R3.mjs";
 import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-OYNM5CKU.mjs";
+} from "../chunk-7AGWTSJE.mjs";
 import {
   MyDataTable,
   MyFlexColumn,
   MyFlexRow
 } from "../chunk-RZBHPPQT.mjs";
-import {
-  enum_emailConfigModule
-} from "../chunk-VH4ZAD6M.mjs";
-import "../chunk-K6S7R6LU.mjs";
 import {
   const_object_documentTypes
 } from "../chunk-GFEMKKFH.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/dist/utils/index.mjs

@@ -21,15 +21,15 @@ import {
   utils_time_getCurrentTimeString,
   utils_validator_validateCode
 } from "../chunk-NRTOFI27.mjs";
-import {
-  utils_pdf_download
-} from "../chunk-5U2JSHSJ.mjs";
 import {
   U0DateToDDMMYYYString,
   utils_date_dateToDDMMYYYString,
   utils_date_formatToDateTimeStartEnd,
   utils_date_getHHmm
 } from "../chunk-I2XIN2R3.mjs";
+import {
+  utils_pdf_download
+} from "../chunk-5U2JSHSJ.mjs";
 import {
   utils_notification_show
 } from "../chunk-7ZCOFATU.mjs";

package/package.json

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