aq-fe-framework 0.1.430 → 0.1.431

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

@@ -633,13 +633,14 @@ function MySelect(_a) {
 }
 
 // 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,
@@ -648,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);
@@ -682,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)
   );

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,7 +13,7 @@ import {
   MyStatsCard,
   MyTextInput,
   MyWeeklySessionSchedulerPicker
-} from "../chunk-OF6YLTFJ.mjs";
+} from "../chunk-7AGWTSJE.mjs";
 import "../chunk-RZBHPPQT.mjs";
 import "../chunk-GFEMKKFH.mjs";
 import "../chunk-OMJJAHOC.mjs";

package/dist/modules-features/index.mjs

@@ -42,7 +42,7 @@ import {
   MyButton as MyButton2,
   MyDataTableSelectOne,
   MyTextInput as MyTextInput2
-} from "../chunk-OF6YLTFJ.mjs";
+} from "../chunk-7AGWTSJE.mjs";
 import {
   MyDataTable,
   MyFlexColumn,

package/package.json

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