@gnwebsoft/ui 2.18.34 → 2.18.36

package/dist/AsyncSelectPayload-CiwoX8EE.d.mts

@@ -0,0 +1,10 @@
+type AsyncSelectPayload = {
+    query: string | null;
+    initialValue?: number | null;
+};
+type AsyncSelectMultiPayload = {
+    query: string | null;
+    initialValues?: number[] | null;
+};
+
+export type { AsyncSelectPayload as A, AsyncSelectMultiPayload as a };

package/dist/AsyncSelectPayload-CiwoX8EE.d.ts

@@ -0,0 +1,10 @@
+type AsyncSelectPayload = {
+    query: string | null;
+    initialValue?: number | null;
+};
+type AsyncSelectMultiPayload = {
+    query: string | null;
+    initialValues?: number[] | null;
+};
+
+export type { AsyncSelectPayload as A, AsyncSelectMultiPayload as a };

package/dist/OptionItem-BSg3KSRJ.d.mts

@@ -0,0 +1,14 @@
+type OptionItem = {
+    Label: string;
+    Value: string;
+};
+type AsyncMultiSelectPayload = {
+    query: string | null;
+    initialValues?: number[] | null;
+};
+type OptionItem2 = {
+    Label: string;
+    Value: number;
+};
+
+export type { AsyncMultiSelectPayload as A, OptionItem as O, OptionItem2 as a };

package/dist/OptionItem-BSg3KSRJ.d.ts

@@ -0,0 +1,14 @@
+type OptionItem = {
+    Label: string;
+    Value: string;
+};
+type AsyncMultiSelectPayload = {
+    query: string | null;
+    initialValues?: number[] | null;
+};
+type OptionItem2 = {
+    Label: string;
+    Value: number;
+};
+
+export type { AsyncMultiSelectPayload as A, OptionItem as O, OptionItem2 as a };

package/dist/{chunk-TYB6OIU3.js → chunk-DIGNPXO5.js}

@@ -1000,39 +1000,44 @@ var AsyncMultiSelect_default = AsyncSelectMultiElement2;
 
 
 
-
+function isOptionType(option, key) {
+  return typeof option === "object" && option !== null && key in option;
+}
 var Component8 = function SelectElement(props) {
   const {
     name,
-    onBlur,
+    control,
     onChange,
-    disabled,
+    isEdit,
     options,
-    control,
-    gridProps,
-    loading = false,
-    placeholder,
     label,
-    variant,
-    sx,
-    isEdit = false,
+    labelKey = "Label",
+    valueKey = "Value",
     ...rest
   } = props;
-  const {
-    field,
-    fieldState: { error }
-  } = _reacthookform.useController.call(void 0, {
+  const { field } = _reacthookform.useController.call(void 0, {
     name,
     control
   });
-  const theme = _material.useTheme.call(void 0, );
   const [hasAutoSelected, setHasAutoSelected] = _react.useState.call(void 0, false);
+  const handleChange = (event, newValue, reason) => {
+    if (reason === "clear") {
+      field.onChange(null);
+      setHasAutoSelected(true);
+    } else {
+      const option = newValue;
+      field.onChange(_nullishCoalesce(option[valueKey], () => ( null)));
+      setHasAutoSelected(true);
+    }
+    _optionalChain([onChange, 'optionalCall', _21 => _21(event, newValue, reason)]);
+  };
   _react.useEffect.call(void 0, () => {
     if (isEdit) {
       return;
     } else {
       if (options.length === 1 && field.value == null && !hasAutoSelected) {
-        field.onChange(options[0].Value);
+        const option = options[0];
+        field.onChange(option);
         setHasAutoSelected(true);
       }
     }
@@ -1041,51 +1046,15 @@ var Component8 = function SelectElement(props) {
     _material.Autocomplete,
     {
       ...rest,
-      value: field.value !== null ? _nullishCoalesce(options.find((option) => {
-        return field.value === option.Value;
-      }), () => ( null)) : null,
-      loading,
+      filterSelectedOptions: false,
       options,
-      getOptionLabel: (c) => c.Label,
-      isOptionEqualToValue: (option, Value) => option.Value === Value.Value,
-      ref: field.ref,
-      disabled,
-      onChange: (event, newValue, reason) => {
-        if (reason === "clear") {
-          field.onChange(null);
-          setHasAutoSelected(true);
-        } else {
-          field.onChange(_nullishCoalesce(_optionalChain([newValue, 'optionalAccess', _21 => _21.Value]), () => ( null)));
-          setHasAutoSelected(true);
-        }
-        _optionalChain([onChange, 'optionalCall', _22 => _22(event, newValue, reason)]);
-      },
-      onBlur: (event) => {
-        field.onBlur();
-        if (typeof onBlur === "function") {
-          onBlur(event);
-        }
-      },
-      fullWidth: true,
-      renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _material.TextField,
-        {
-          ...params,
-          fullWidth: true,
-          error: !!error,
-          helperText: error ? error.message : "",
-          placeholder,
-          label,
-          variant: variant ? variant : "outlined",
-          sx: {
-            "& .MuiInputBase-input": {
-              cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
-            ...sx
-          }
-        }
-      )
+      value: field.value !== null ? _nullishCoalesce(options.find(
+        (option) => isOptionType(option, valueKey) && field.value === option[valueKey]
+      ), () => ( null)) : null,
+      onChange: handleChange,
+      getOptionLabel: (option) => isOptionType(option, labelKey) ? String(option[labelKey]) : typeof option === "string" ? option : "",
+      isOptionEqualToValue: (option, value) => isOptionType(option, valueKey) && isOptionType(value, valueKey) ? option[valueKey] === value[valueKey] : false,
+      renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TextField, { ...params, label })
     }
   );
 };
@@ -1247,7 +1216,7 @@ var Component10 = function SelectCascadeElement(props) {
   });
   const parentValueRef = _react.useRef.call(void 0, _nullishCoalesce(dependentField.value, () => ( null)));
   _react.useEffect.call(void 0, () => {
-    if (!!dependentField.value && _optionalChain([parentValueRef, 'optionalAccess', _23 => _23.current, 'optionalAccess', _24 => _24.Value]) !== dependentField.value || dependentField.value === null) {
+    if (!!dependentField.value && _optionalChain([parentValueRef, 'optionalAccess', _22 => _22.current, 'optionalAccess', _23 => _23.Value]) !== dependentField.value || dependentField.value === null) {
       field.onChange(null);
     }
   }, [dependentField.value]);
@@ -1421,7 +1390,7 @@ var Component12 = function CheckboxGroup(props) {
     disabled: rest.disabled
   });
   const [selectedValues, setSelectedValues] = _react.useState.call(void 0, 
-    options.filter((c) => _optionalChain([field, 'access', _25 => _25.value, 'optionalAccess', _26 => _26.includes, 'call', _27 => _27(c.Value)])).map((c) => c.Value) || []
+    options.filter((c) => _optionalChain([field, 'access', _24 => _24.value, 'optionalAccess', _25 => _25.includes, 'call', _26 => _26(c.Value)])).map((c) => c.Value) || []
   );
   _react.useEffect.call(void 0, () => {
     field.onChange(selectedValues ? [...selectedValues] : []);

package/dist/{chunk-KTFNE7FP.mjs → chunk-VOOWINZA.mjs}

@@ -992,47 +992,52 @@ var AsyncMultiSelect_default = AsyncSelectMultiElement2;
 // src/wrappers/SelectElement/SelectElement.tsx
 import {
   Autocomplete as Autocomplete3,
-  Grid2 as Grid28,
   TextField as TextField5,
-  useTheme as useTheme5
+  Grid2 as Grid28
 } from "@mui/material";
+import { useEffect as useEffect4, useState as useState4 } from "react";
 import {
   useController as useController8
 } from "react-hook-form";
-import { useEffect as useEffect4, useState as useState4 } from "react";
 import { jsx as jsx8 } from "react/jsx-runtime";
+function isOptionType(option, key) {
+  return typeof option === "object" && option !== null && key in option;
+}
 var Component8 = function SelectElement(props) {
   const {
     name,
-    onBlur,
+    control,
     onChange,
-    disabled,
+    isEdit,
     options,
-    control,
-    gridProps,
-    loading = false,
-    placeholder,
     label,
-    variant,
-    sx,
-    isEdit = false,
+    labelKey = "Label",
+    valueKey = "Value",
     ...rest
   } = props;
-  const {
-    field,
-    fieldState: { error }
-  } = useController8({
+  const { field } = useController8({
     name,
     control
   });
-  const theme = useTheme5();
   const [hasAutoSelected, setHasAutoSelected] = useState4(false);
+  const handleChange = (event, newValue, reason) => {
+    if (reason === "clear") {
+      field.onChange(null);
+      setHasAutoSelected(true);
+    } else {
+      const option = newValue;
+      field.onChange(option[valueKey] ?? null);
+      setHasAutoSelected(true);
+    }
+    onChange?.(event, newValue, reason);
+  };
   useEffect4(() => {
     if (isEdit) {
       return;
     } else {
       if (options.length === 1 && field.value == null && !hasAutoSelected) {
-        field.onChange(options[0].Value);
+        const option = options[0];
+        field.onChange(option);
         setHasAutoSelected(true);
       }
     }
@@ -1041,51 +1046,15 @@ var Component8 = function SelectElement(props) {
     Autocomplete3,
     {
       ...rest,
-      value: field.value !== null ? options.find((option) => {
-        return field.value === option.Value;
-      }) ?? null : null,
-      loading,
+      filterSelectedOptions: false,
       options,
-      getOptionLabel: (c) => c.Label,
-      isOptionEqualToValue: (option, Value) => option.Value === Value.Value,
-      ref: field.ref,
-      disabled,
-      onChange: (event, newValue, reason) => {
-        if (reason === "clear") {
-          field.onChange(null);
-          setHasAutoSelected(true);
-        } else {
-          field.onChange(newValue?.Value ?? null);
-          setHasAutoSelected(true);
-        }
-        onChange?.(event, newValue, reason);
-      },
-      onBlur: (event) => {
-        field.onBlur();
-        if (typeof onBlur === "function") {
-          onBlur(event);
-        }
-      },
-      fullWidth: true,
-      renderInput: (params) => /* @__PURE__ */ jsx8(
-        TextField5,
-        {
-          ...params,
-          fullWidth: true,
-          error: !!error,
-          helperText: error ? error.message : "",
-          placeholder,
-          label,
-          variant: variant ? variant : "outlined",
-          sx: {
-            "& .MuiInputBase-input": {
-              cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
-            ...sx
-          }
-        }
-      )
+      value: field.value !== null ? options.find(
+        (option) => isOptionType(option, valueKey) && field.value === option[valueKey]
+      ) ?? null : null,
+      onChange: handleChange,
+      getOptionLabel: (option) => isOptionType(option, labelKey) ? String(option[labelKey]) : typeof option === "string" ? option : "",
+      isOptionEqualToValue: (option, value) => isOptionType(option, valueKey) && isOptionType(value, valueKey) ? option[valueKey] === value[valueKey] : false,
+      renderInput: (params) => /* @__PURE__ */ jsx8(TextField5, { ...params, label })
     }
   );
 };
@@ -1207,7 +1176,7 @@ import {
   Autocomplete as Autocomplete5,
   Grid2 as Grid210,
   TextField as TextField7,
-  useTheme as useTheme6
+  useTheme as useTheme5
 } from "@mui/material";
 import { useEffect as useEffect5, useRef as useRef3, useState as useState6 } from "react";
 import {
@@ -1240,7 +1209,7 @@ var Component10 = function SelectCascadeElement(props) {
     name,
     control
   });
-  const theme = useTheme6();
+  const theme = useTheme5();
   const { field: dependentField } = useController10({
     name: dependsOn,
     control

package/dist/index.d.mts

@@ -4,7 +4,8 @@ export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErro
 export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.mjs';
 export { Field } from './wrappers/index.mjs';
 export { Field2 } from './wrappers2/index.mjs';
-export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from './OptionItem-CzX7oHfv.mjs';
+export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from './AsyncSelectPayload-CiwoX8EE.mjs';
+export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from './OptionItem-BSg3KSRJ.mjs';
 import 'react/jsx-runtime';
 import '@mui/material';
 import 'react';

package/dist/index.d.ts

@@ -4,7 +4,8 @@ export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErro
 export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.js';
 export { Field } from './wrappers/index.js';
 export { Field2 } from './wrappers2/index.js';
-export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from './OptionItem-CzX7oHfv.js';
+export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from './AsyncSelectPayload-CiwoX8EE.js';
+export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from './OptionItem-BSg3KSRJ.js';
 import 'react/jsx-runtime';
 import '@mui/material';
 import 'react';

package/dist/index.js

@@ -13,7 +13,7 @@ require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkTYB6OIU3js = require('./chunk-TYB6OIU3.js');
+var _chunkDIGNPXO5js = require('./chunk-DIGNPXO5.js');
 
 
 var _chunkSTC2BZ2Ljs = require('./chunk-STC2BZ2L.js');
@@ -53,4 +53,4 @@ var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
 
 
 
-exports.AuthorizedView = _chunkWEPRO2OOjs.AuthorizedView_default; exports.ClearButton = _chunkWEPRO2OOjs.ClearButton_default; exports.Field = _chunkTYB6OIU3js.Field_default; exports.Field2 = _chunkSTC2BZ2Ljs.Field_default; exports.FilterButton = _chunkWEPRO2OOjs.FilterButton_default; exports.FilterWrapper = _chunkWEPRO2OOjs.FilterWrapper_default; exports.FormWrapper = _chunkWEPRO2OOjs.FormWrapper_default; exports.LabelText = _chunkWEPRO2OOjs.LabelText_default; exports.ListWrapper = _chunkWEPRO2OOjs.ListWrapper_default; exports.SimpleButton = _chunkWEPRO2OOjs.SimpleButton_default; exports.SimpleToolbar = _chunkWEPRO2OOjs.SimpleToolbar_default; exports.api = _chunkDKBPCLECjs.api; exports.api2 = _chunkDKBPCLECjs.api2; exports.flattenObjectKeys = _chunkDKBPCLECjs.flattenObjectKeys; exports.getTimezone = _chunkDKBPCLECjs.getTimezone; exports.handleServerErrors = _chunkDKBPCLECjs.handleServerErrors; exports.propertyExists = _chunkDKBPCLECjs.propertyExists; exports.readValueAsDate = _chunkDKBPCLECjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkDKBPCLECjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkDKBPCLECjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+exports.AuthorizedView = _chunkWEPRO2OOjs.AuthorizedView_default; exports.ClearButton = _chunkWEPRO2OOjs.ClearButton_default; exports.Field = _chunkDIGNPXO5js.Field_default; exports.Field2 = _chunkSTC2BZ2Ljs.Field_default; exports.FilterButton = _chunkWEPRO2OOjs.FilterButton_default; exports.FilterWrapper = _chunkWEPRO2OOjs.FilterWrapper_default; exports.FormWrapper = _chunkWEPRO2OOjs.FormWrapper_default; exports.LabelText = _chunkWEPRO2OOjs.LabelText_default; exports.ListWrapper = _chunkWEPRO2OOjs.ListWrapper_default; exports.SimpleButton = _chunkWEPRO2OOjs.SimpleButton_default; exports.SimpleToolbar = _chunkWEPRO2OOjs.SimpleToolbar_default; exports.api = _chunkDKBPCLECjs.api; exports.api2 = _chunkDKBPCLECjs.api2; exports.flattenObjectKeys = _chunkDKBPCLECjs.flattenObjectKeys; exports.getTimezone = _chunkDKBPCLECjs.getTimezone; exports.handleServerErrors = _chunkDKBPCLECjs.handleServerErrors; exports.propertyExists = _chunkDKBPCLECjs.propertyExists; exports.readValueAsDate = _chunkDKBPCLECjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkDKBPCLECjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkDKBPCLECjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -13,7 +13,7 @@ import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default
-} from "./chunk-KTFNE7FP.mjs";
+} from "./chunk-VOOWINZA.mjs";
 import {
   Field_default as Field_default2
 } from "./chunk-34X2YRTY.mjs";

package/dist/types/index.d.mts

@@ -1,5 +1,6 @@
 import { GridSortModel } from '@mui/x-data-grid';
-export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from '../OptionItem-CzX7oHfv.mjs';
+export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.mjs';
+export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from '../OptionItem-BSg3KSRJ.mjs';
 
 type ValidationErrors = {
     [field: string]: string | string[] | boolean | {

package/dist/types/index.d.ts

@@ -1,5 +1,6 @@
 import { GridSortModel } from '@mui/x-data-grid';
-export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from '../OptionItem-CzX7oHfv.js';
+export { a as AsyncSelectMultiPayload, A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.js';
+export { A as AsyncMultiSelectPayload, O as OptionItem, a as OptionItem2 } from '../OptionItem-BSg3KSRJ.js';
 
 type ValidationErrors = {
     [field: string]: string | string[] | boolean | {

package/dist/utils/index.d.mts

@@ -4,7 +4,8 @@ import { useLocalizationContext } from '@mui/x-date-pickers/internals';
 import { FieldValues, UseFormSetError } from 'react-hook-form';
 import { z } from 'zod';
 import '@mui/x-data-grid';
-import '../OptionItem-CzX7oHfv.mjs';
+import '../AsyncSelectPayload-CiwoX8EE.mjs';
+import '../OptionItem-BSg3KSRJ.mjs';
 
 declare class api {
     static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<ListResponse<T>>>;

package/dist/utils/index.d.ts

@@ -4,7 +4,8 @@ import { useLocalizationContext } from '@mui/x-date-pickers/internals';
 import { FieldValues, UseFormSetError } from 'react-hook-form';
 import { z } from 'zod';
 import '@mui/x-data-grid';
-import '../OptionItem-CzX7oHfv.js';
+import '../AsyncSelectPayload-CiwoX8EE.js';
+import '../OptionItem-BSg3KSRJ.js';
 
 declare class api {
     static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<ListResponse<T>>>;

package/dist/wrappers/index.d.mts

@@ -1,10 +1,9 @@
 import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldVariants as TextFieldVariants$1, SxProps as SxProps$1, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
-import { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from '../OptionItem-CzX7oHfv.mjs';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.mjs';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 
@@ -20,24 +19,6 @@ type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName ex
     }[];
 };
 
-type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    Value: number;
-    Label: string;
-} = {
-    Value: number;
-    Label: string;
-}, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "control" | "ref" | "multiple" | "loading" | "getOptionLabel" | "getOptionKey" | "isOptionEqualToValue" | "options" | "value" | "filterSelectedOptions" | "filterOptions" | "onChange" | "onInputChange" | "renderInput"> & {
-    name: TName;
-    control?: Control<TFieldValues>;
-    gridProps?: Grid2Props;
-    placeholder?: string;
-    label?: string;
-    initialValues: number[] | null;
-    queryFn: (data: AsyncMultiSelectPayload) => Promise<OptionItem[] | undefined>;
-    variant?: TextFieldVariants$1;
-    sx?: SxProps$1;
-};
-
 type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
     Value: number;
     Label: string;
@@ -93,13 +74,7 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     sx?: SxProps;
 };
 
-type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    Value: number;
-    Label: string;
-} = {
-    Value: number;
-    Label: string;
-}, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
+type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
     rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     control?: Control<TFieldValues>;
@@ -109,6 +84,8 @@ type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName ex
     variant?: TextFieldVariants$1;
     sx?: SxProps$1;
     isEdit?: boolean;
+    labelKey?: keyof TOption;
+    valueKey?: keyof TOption;
 };
 
 type TimePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = Omit<TimePickerProps<TValue>, "value" | "renderInput"> & {
@@ -221,13 +198,7 @@ declare const Field: {
     RadioGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: RadioButtonGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
     Password: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>(props: PasswordElementProps<TFieldValues, TName>) => JSX.Element;
     Time: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: TimePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
-    Select: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
-        Value: number;
-        Label: string;
-    } = {
-        Value: number;
-        Label: string;
-    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+    Select: <TOption, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
         Value: number;
         Label: string;
@@ -249,13 +220,7 @@ declare const Field: {
         Value: number;
         Label: string;
     }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
-    AsyncMultiSelect: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
-        Value: number;
-        Label: string;
-    } = {
-        Value: number;
-        Label: string;
-    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncMultiSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+    AsyncMultiSelect: any;
     CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
 };
 

package/dist/wrappers/index.d.ts

@@ -1,10 +1,9 @@
 import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldVariants as TextFieldVariants$1, SxProps as SxProps$1, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
-import { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from '../OptionItem-CzX7oHfv.js';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.js';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 
@@ -20,24 +19,6 @@ type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName ex
     }[];
 };
 
-type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    Value: number;
-    Label: string;
-} = {
-    Value: number;
-    Label: string;
-}, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "control" | "ref" | "multiple" | "loading" | "getOptionLabel" | "getOptionKey" | "isOptionEqualToValue" | "options" | "value" | "filterSelectedOptions" | "filterOptions" | "onChange" | "onInputChange" | "renderInput"> & {
-    name: TName;
-    control?: Control<TFieldValues>;
-    gridProps?: Grid2Props;
-    placeholder?: string;
-    label?: string;
-    initialValues: number[] | null;
-    queryFn: (data: AsyncMultiSelectPayload) => Promise<OptionItem[] | undefined>;
-    variant?: TextFieldVariants$1;
-    sx?: SxProps$1;
-};
-
 type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
     Value: number;
     Label: string;
@@ -93,13 +74,7 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     sx?: SxProps;
 };
 
-type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    Value: number;
-    Label: string;
-} = {
-    Value: number;
-    Label: string;
-}, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
+type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
     rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     control?: Control<TFieldValues>;
@@ -109,6 +84,8 @@ type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName ex
     variant?: TextFieldVariants$1;
     sx?: SxProps$1;
     isEdit?: boolean;
+    labelKey?: keyof TOption;
+    valueKey?: keyof TOption;
 };
 
 type TimePickerElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends PickerValidDate = PickerValidDate, TEnableAccessibleFieldDOMStructure extends boolean = false> = Omit<TimePickerProps<TValue>, "value" | "renderInput"> & {
@@ -221,13 +198,7 @@ declare const Field: {
     RadioGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: RadioButtonGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
     Password: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>(props: PasswordElementProps<TFieldValues, TName>) => JSX.Element;
     Time: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: TimePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
-    Select: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
-        Value: number;
-        Label: string;
-    } = {
-        Value: number;
-        Label: string;
-    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react_jsx_runtime.JSX.Element;
+    Select: <TOption, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
         Value: number;
         Label: string;
@@ -249,13 +220,7 @@ declare const Field: {
         Value: number;
         Label: string;
     }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
-    AsyncMultiSelect: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
-        Value: number;
-        Label: string;
-    } = {
-        Value: number;
-        Label: string;
-    }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncMultiSelectElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+    AsyncMultiSelect: any;
     CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
 };
 

package/dist/wrappers/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkTYB6OIU3js = require('../chunk-TYB6OIU3.js');
+var _chunkDIGNPXO5js = require('../chunk-DIGNPXO5.js');
 require('../chunk-6JZ35VQJ.js');
 require('../chunk-DKBPCLEC.js');
 
 
-exports.Field = _chunkTYB6OIU3js.Field_default;
+exports.Field = _chunkDIGNPXO5js.Field_default;

package/dist/wrappers/index.mjs

@@ -1,6 +1,6 @@
 import {
   Field_default
-} from "../chunk-KTFNE7FP.mjs";
+} from "../chunk-VOOWINZA.mjs";
 import "../chunk-GFSTK7KN.mjs";
 import "../chunk-AVNKSUE5.mjs";
 export {

package/dist/wrappers2/index.d.mts

@@ -1,7 +1,8 @@
 import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
-import { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from '../OptionItem-CzX7oHfv.mjs';
+import { A as AsyncMultiSelectPayload, O as OptionItem } from '../OptionItem-BSg3KSRJ.mjs';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.mjs';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/dist/wrappers2/index.d.ts

@@ -1,7 +1,8 @@
 import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
-import { b as AsyncMultiSelectPayload, O as OptionItem, A as AsyncSelectPayload } from '../OptionItem-CzX7oHfv.js';
+import { A as AsyncMultiSelectPayload, O as OptionItem } from '../OptionItem-BSg3KSRJ.js';
+import { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.js';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
 import * as react_jsx_runtime from 'react/jsx-runtime';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "2.18.34",
+  "version": "2.18.36",
   "description": "A set of reusable wrappers for MUI v6",
   "author": "GNWebsoft Private Limited",
   "license": "",
@@ -71,26 +71,22 @@
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.0",
-    "@fontsource/roboto": "^5.1.1",
     "@hookform/resolvers": "^3.9.1",
     "@mui/icons-material": "^6.4.11",
     "@mui/lab": "^6.0.0-beta.21",
-    "@mui/material": "6.4.11",
-    "@mui/x-data-grid": "^7.23.5",
-    "@mui/x-date-pickers": "^7.28.3",
-    "@mui/x-tree-view": "^7.23.2",
+    "@mui/material": "^6.5.0",
+    "@mui/x-data-grid": "^7.29.8",
+    "@mui/x-date-pickers": "^7.29.4",
     "autosuggest-highlight": "^3.3.4",
-    "axios": "^1.8.4",
+    "axios": "^1.10.0",
     "dayjs": "^1.11.13",
-    "es-toolkit": "^1.31.0",
+    "es-toolkit": "^1.39.7",
     "lodash": "^4.17.21",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-hook-form": "^7.54.2",
-    "react-router-dom": "^7.1.1",
-    "sonner": "1.5.0",
-    "typescript": "5.8.3",
-    "zod": "^3.24.1",
+    "react-hook-form": "^7.60.0",
+    "typescript": "^5.7.2",
+    "zod": "^3.25.76",
     "zustand": "^5.0.2"
   }
 }

package/dist/OptionItem-CzX7oHfv.d.mts

@@ -1,23 +0,0 @@
-type AsyncSelectPayload = {
-    query: string | null;
-    initialValue?: number | null;
-};
-type AsyncSelectMultiPayload = {
-    query: string | null;
-    initialValues?: number[] | null;
-};
-
-type OptionItem = {
-    Label: string;
-    Value: string;
-};
-type AsyncMultiSelectPayload = {
-    query: string | null;
-    initialValues?: number[] | null;
-};
-type OptionItem2 = {
-    Label: string;
-    Value: number;
-};
-
-export type { AsyncSelectPayload as A, OptionItem as O, AsyncSelectMultiPayload as a, AsyncMultiSelectPayload as b, OptionItem2 as c };

package/dist/OptionItem-CzX7oHfv.d.ts

@@ -1,23 +0,0 @@
-type AsyncSelectPayload = {
-    query: string | null;
-    initialValue?: number | null;
-};
-type AsyncSelectMultiPayload = {
-    query: string | null;
-    initialValues?: number[] | null;
-};
-
-type OptionItem = {
-    Label: string;
-    Value: string;
-};
-type AsyncMultiSelectPayload = {
-    query: string | null;
-    initialValues?: number[] | null;
-};
-type OptionItem2 = {
-    Label: string;
-    Value: number;
-};
-
-export type { AsyncSelectPayload as A, OptionItem as O, AsyncSelectMultiPayload as a, AsyncMultiSelectPayload as b, OptionItem2 as c };