@gnwebsoft/ui 2.18.33 → 2.18.35

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-4E6AXVK7.js → chunk-F5QWH3Y5.js}

@@ -455,12 +455,12 @@ var Component4 = function TextFieldElement(props) {
       variant: variant ? variant : "outlined",
       size: "small",
       sx: {
-        ...sx,
         "& .MuiInputLabel-asterisk": { color: "red" },
         "& .MuiInputBase-input": {
           cursor: disabled ? "not-allowed" : "default"
         },
-        bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+        bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+        ...sx
       }
     }
   );
@@ -606,6 +606,7 @@ var Component6 = function AsyncSelectElement(props) {
     name,
     control
   });
+  const theme = _material.useTheme.call(void 0, );
   const [loading, setLoading] = _react.useState.call(void 0, false);
   const [selectedOption, setSelectedOption] = _react.useState.call(void 0, null);
   const [inputValue, setInputValue] = _react.useState.call(void 0, "");
@@ -753,10 +754,11 @@ var Component6 = function AsyncSelectElement(props) {
           },
           variant: variant ? variant : "outlined",
           sx: {
-            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            }
+            },
+            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+            ...sx
           }
         }
       ),
@@ -797,6 +799,7 @@ var _lodash = require('lodash'); var _lodash2 = _interopRequireDefault(_lodash);
 
 
 
+
 var _match = require('autosuggest-highlight/match'); var _match2 = _interopRequireDefault(_match);
 var _parse = require('autosuggest-highlight/parse'); var _parse2 = _interopRequireDefault(_parse);
 
@@ -822,6 +825,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
     name,
     control
   });
+  const theme = _material.useTheme.call(void 0, );
   const multiSelectRef = _react.useRef.call(void 0, null);
   const [selectedOptions, setSelectedOptions] = _react.useState.call(void 0, []);
   const [inputValue, setInputValue] = _react.useState.call(void 0, "");
@@ -946,10 +950,11 @@ var Component7 = function AsyncSelectMultiElement(props) {
           },
           variant: variant ? variant : "outlined",
           sx: {
-            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            }
+            },
+            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+            ...sx
           }
         }
       ),
@@ -995,87 +1000,61 @@ 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,
+    labelKey,
+    valueKey,
     ...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);
-  _react.useEffect.call(void 0, () => {
-    if (options.length === 1 && field.value == null && !hasAutoSelected) {
-      field.onChange(options[0].Value);
+  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) {
+        const option = options[0];
+        field.onChange(option);
+        setHasAutoSelected(true);
+      }
     }
   }, [options, field.value, field.onChange, hasAutoSelected]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _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: {
-            ...sx,
-            "& .MuiInputBase-input": {
-              cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
-          }
-        }
-      )
+      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 })
     }
   );
 };
@@ -1203,6 +1182,7 @@ var SelectMultiElement_default = SelectMultiElement2;
 
 
 
+
 var Component10 = function SelectCascadeElement(props) {
   const {
     name,
@@ -1219,6 +1199,7 @@ var Component10 = function SelectCascadeElement(props) {
     initialValue,
     variant,
     sx,
+    isEdit = false,
     ...rest
   } = props;
   const {
@@ -1228,13 +1209,14 @@ var Component10 = function SelectCascadeElement(props) {
     name,
     control
   });
+  const theme = _material.useTheme.call(void 0, );
   const { field: dependentField } = _reacthookform.useController.call(void 0, {
     name: dependsOn,
     control
   });
   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]);
@@ -1243,6 +1225,18 @@ var Component10 = function SelectCascadeElement(props) {
       field.onChange(initialValue);
     }
   }, [initialValue]);
+  const [hasAutoSelected, setHasAutoSelected] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (isEdit && !disabled && options.length === 1 && field.value == null && !hasAutoSelected) {
+      field.onChange(options[0].Value);
+      setHasAutoSelected(true);
+    } else {
+      if (options.length === 1 && field.value == null && !hasAutoSelected) {
+        field.onChange(options[0].Value);
+        setHasAutoSelected(true);
+      }
+    }
+  }, [options, field.value, field.onChange, hasAutoSelected, isEdit]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
     {
@@ -1281,10 +1275,11 @@ var Component10 = function SelectCascadeElement(props) {
           label,
           variant: variant ? variant : "outlined",
           sx: {
-            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            }
+            },
+            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+            ...sx
           }
         }
       )
@@ -1395,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-MRZZQRKX.mjs → chunk-TMGF3IR4.mjs}

@@ -455,12 +455,12 @@ var Component4 = function TextFieldElement(props) {
       variant: variant ? variant : "outlined",
       size: "small",
       sx: {
-        ...sx,
         "& .MuiInputLabel-asterisk": { color: "red" },
         "& .MuiInputBase-input": {
           cursor: disabled ? "not-allowed" : "default"
         },
-        bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+        bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+        ...sx
       }
     }
   );
@@ -582,7 +582,7 @@ import {
   useState as useState2
 } from "react";
 import { useController as useController6 } from "react-hook-form";
-import { CircularProgress, Grid2 as Grid26 } from "@mui/material";
+import { CircularProgress, Grid2 as Grid26, useTheme as useTheme3 } from "@mui/material";
 import { jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
 var Component6 = function AsyncSelectElement(props) {
   const {
@@ -606,6 +606,7 @@ var Component6 = function AsyncSelectElement(props) {
     name,
     control
   });
+  const theme = useTheme3();
   const [loading, setLoading] = useState2(false);
   const [selectedOption, setSelectedOption] = useState2(null);
   const [inputValue, setInputValue] = useState2("");
@@ -753,10 +754,11 @@ var Component6 = function AsyncSelectElement(props) {
           },
           variant: variant ? variant : "outlined",
           sx: {
-            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            }
+            },
+            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+            ...sx
           }
         }
       ),
@@ -794,7 +796,8 @@ import {
   Autocomplete as Autocomplete2,
   CircularProgress as CircularProgress2,
   Grid2 as Grid27,
-  TextField as TextField4
+  TextField as TextField4,
+  useTheme as useTheme4
 } from "@mui/material";
 import { useController as useController7 } from "react-hook-form";
 import match from "autosuggest-highlight/match";
@@ -822,6 +825,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
     name,
     control
   });
+  const theme = useTheme4();
   const multiSelectRef = useRef2(null);
   const [selectedOptions, setSelectedOptions] = useState3([]);
   const [inputValue, setInputValue] = useState3("");
@@ -946,10 +950,11 @@ var Component7 = function AsyncSelectMultiElement(props) {
           },
           variant: variant ? variant : "outlined",
           sx: {
-            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            }
+            },
+            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+            ...sx
           }
         }
       ),
@@ -987,95 +992,69 @@ var AsyncMultiSelect_default = AsyncSelectMultiElement2;
 // src/wrappers/SelectElement/SelectElement.tsx
 import {
   Autocomplete as Autocomplete3,
-  Grid2 as Grid28,
   TextField as TextField5,
-  useTheme as useTheme3
+  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,
+    labelKey,
+    valueKey,
     ...rest
   } = props;
-  const {
-    field,
-    fieldState: { error }
-  } = useController8({
+  const { field } = useController8({
     name,
     control
   });
-  const theme = useTheme3();
   const [hasAutoSelected, setHasAutoSelected] = useState4(false);
-  useEffect4(() => {
-    if (options.length === 1 && field.value == null && !hasAutoSelected) {
-      field.onChange(options[0].Value);
+  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) {
+        const option = options[0];
+        field.onChange(option);
+        setHasAutoSelected(true);
+      }
+    }
   }, [options, field.value, field.onChange, hasAutoSelected]);
   return /* @__PURE__ */ jsx8(
     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: {
-            ...sx,
-            "& .MuiInputBase-input": {
-              cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
-          }
-        }
-      )
+      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 })
     }
   );
 };
@@ -1196,9 +1175,10 @@ var SelectMultiElement_default = SelectMultiElement2;
 import {
   Autocomplete as Autocomplete5,
   Grid2 as Grid210,
-  TextField as TextField7
+  TextField as TextField7,
+  useTheme as useTheme5
 } from "@mui/material";
-import { useEffect as useEffect5, useRef as useRef3 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState6 } from "react";
 import {
   useController as useController10
 } from "react-hook-form";
@@ -1219,6 +1199,7 @@ var Component10 = function SelectCascadeElement(props) {
     initialValue,
     variant,
     sx,
+    isEdit = false,
     ...rest
   } = props;
   const {
@@ -1228,6 +1209,7 @@ var Component10 = function SelectCascadeElement(props) {
     name,
     control
   });
+  const theme = useTheme5();
   const { field: dependentField } = useController10({
     name: dependsOn,
     control
@@ -1243,6 +1225,18 @@ var Component10 = function SelectCascadeElement(props) {
       field.onChange(initialValue);
     }
   }, [initialValue]);
+  const [hasAutoSelected, setHasAutoSelected] = useState6(false);
+  useEffect5(() => {
+    if (isEdit && !disabled && options.length === 1 && field.value == null && !hasAutoSelected) {
+      field.onChange(options[0].Value);
+      setHasAutoSelected(true);
+    } else {
+      if (options.length === 1 && field.value == null && !hasAutoSelected) {
+        field.onChange(options[0].Value);
+        setHasAutoSelected(true);
+      }
+    }
+  }, [options, field.value, field.onChange, hasAutoSelected, isEdit]);
   return /* @__PURE__ */ jsx10(
     Autocomplete5,
     {
@@ -1281,10 +1275,11 @@ var Component10 = function SelectCascadeElement(props) {
           label,
           variant: variant ? variant : "outlined",
           sx: {
-            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            }
+            },
+            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+            ...sx
           }
         }
       )
@@ -1379,7 +1374,7 @@ import {
   FormHelperText as FormHelperText3,
   Grid2 as Grid212
 } from "@mui/material";
-import { useEffect as useEffect6, useState as useState6 } from "react";
+import { useEffect as useEffect6, useState as useState7 } from "react";
 import {
   useController as useController12
 } from "react-hook-form";
@@ -1394,7 +1389,7 @@ var Component12 = function CheckboxGroup(props) {
     control,
     disabled: rest.disabled
   });
-  const [selectedValues, setSelectedValues] = useState6(
+  const [selectedValues, setSelectedValues] = useState7(
     options.filter((c) => field.value?.includes(c.Value)).map((c) => c.Value) || []
   );
   useEffect6(() => {

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,10 +13,10 @@ require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunk4E6AXVK7js = require('./chunk-4E6AXVK7.js');
+var _chunkSTC2BZ2Ljs = require('./chunk-STC2BZ2L.js');
 
 
-var _chunkSTC2BZ2Ljs = require('./chunk-STC2BZ2L.js');
+var _chunkF5QWH3Y5js = require('./chunk-F5QWH3Y5.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -53,4 +53,4 @@ var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
 
 
 
-exports.AuthorizedView = _chunkWEPRO2OOjs.AuthorizedView_default; exports.ClearButton = _chunkWEPRO2OOjs.ClearButton_default; exports.Field = _chunk4E6AXVK7js.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 = _chunkF5QWH3Y5js.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

@@ -11,12 +11,12 @@ import {
 } from "./chunk-KM5TYX5L.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
-import {
-  Field_default
-} from "./chunk-MRZZQRKX.mjs";
 import {
   Field_default as Field_default2
 } from "./chunk-34X2YRTY.mjs";
+import {
+  Field_default
+} from "./chunk-TMGF3IR4.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.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;
@@ -73,6 +54,7 @@ type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, T
     initialValue?: number | null;
     variant?: TextFieldVariants$1;
     sx?: SxProps$1;
+    isEdit?: boolean;
 };
 
 type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
@@ -92,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>;
@@ -107,6 +83,9 @@ type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName ex
     label?: string;
     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"> & {
@@ -219,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;
@@ -247,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;
@@ -73,6 +54,7 @@ type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, T
     initialValue?: number | null;
     variant?: TextFieldVariants$1;
     sx?: SxProps$1;
+    isEdit?: boolean;
 };
 
 type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
@@ -92,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>;
@@ -107,6 +83,9 @@ type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName ex
     label?: string;
     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"> & {
@@ -219,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;
@@ -247,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 _chunk4E6AXVK7js = require('../chunk-4E6AXVK7.js');
+var _chunkF5QWH3Y5js = require('../chunk-F5QWH3Y5.js');
 require('../chunk-6JZ35VQJ.js');
 require('../chunk-DKBPCLEC.js');
 
 
-exports.Field = _chunk4E6AXVK7js.Field_default;
+exports.Field = _chunkF5QWH3Y5js.Field_default;

package/dist/wrappers/index.mjs

@@ -1,6 +1,6 @@
 import {
   Field_default
-} from "../chunk-MRZZQRKX.mjs";
+} from "../chunk-TMGF3IR4.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.33",
+  "version": "2.18.35",
   "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 };