@gnwebsoft/ui 2.18.6 → 2.18.7

package/dist/OptionItem-CzX7oHfv.d.mts

@@ -0,0 +1,23 @@
+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

@@ -0,0 +1,23 @@
+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/{chunk-GS2RM6YK.js → chunk-BITOV242.js}

@@ -589,7 +589,6 @@ var Component6 = function AsyncSelectElement(props) {
     !initialValue ? true : !(initialValue != null && initialValue > 0)
   );
   const fieldValue = _react.useRef.call(void 0, field.value);
-  console.log(initialValue, field.value);
   const fetchData = _react.useMemo.call(void 0, 
     () => _utils.debounce.call(void 0, 
       (payload, callback) => {
@@ -621,10 +620,10 @@ var Component6 = function AsyncSelectElement(props) {
     fetchData(payload, (results) => {
       if (active) {
         if (!!results && results.length > 0) {
-          fillOptions(_optionalChain([results, 'optionalAccess', _19 => _19.filter, 'call', _20 => _20((c) => c.value == initialValue)]));
+          fillOptions(_optionalChain([results, 'optionalAccess', _19 => _19.filter, 'call', _20 => _20((c) => c.Value == initialValue)]));
           setSelectedOption(results[0]);
-          field.onChange(results[0].value);
-          fieldValue.current = results[0].value;
+          field.onChange(results[0].Value);
+          fieldValue.current = results[0].Value;
         }
         initialValueLoaded.current = true;
         setLoading(false);
@@ -667,8 +666,8 @@ var Component6 = function AsyncSelectElement(props) {
     } else if (reason === "selectOption" || reason === "removeOption") {
       if (selectedOption2) {
         setSelectedOption(selectedOption2);
-        field.onChange(selectedOption2.value);
-        fieldValue.current = selectedOption2.value;
+        field.onChange(selectedOption2.Value);
+        fieldValue.current = selectedOption2.Value;
       }
     }
     setOptions([]);
@@ -680,9 +679,9 @@ var Component6 = function AsyncSelectElement(props) {
       ref: selectRef,
       fullWidth: true,
       loading,
-      getOptionLabel: (option) => option.label,
-      getOptionKey: (option) => option.value,
-      isOptionEqualToValue: (option, val) => option.value === val.value,
+      getOptionLabel: (option) => option.Label,
+      getOptionKey: (option) => option.Value,
+      isOptionEqualToValue: (option, val) => option.Value === val.Value,
       autoComplete: true,
       includeInputInList: true,
       options,
@@ -713,7 +712,7 @@ var Component6 = function AsyncSelectElement(props) {
       ),
       renderOption: (props2, option) => {
         const { key, ...optionProps } = props2;
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ...optionProps, children: option.label }, key);
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ...optionProps, children: option.Label }, key);
       }
     }
   );
@@ -748,8 +747,6 @@ 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);
 
@@ -805,7 +802,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
       const newlyAdded = _lodash2.default.differenceBy(
         results,
         selectedOptions,
-        (c) => c.value
+        (c) => c.Value
       );
       newOptions = [...newOptions, ...newlyAdded];
     }
@@ -823,7 +820,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
     fetchData(payload, (results) => {
       if (active) {
         setSelectedOptions([...results]);
-        field.onChange([...results.map((c) => c.value)]);
+        field.onChange([...results.map((c) => c.Value)]);
         initialValuesLoaded.current = true;
         setLoading(false);
       }
@@ -858,7 +855,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
       field.onChange([]);
     } else if (reason === "selectOption" || reason === "removeOption") {
       setSelectedOptions(selectedOptions2);
-      field.onChange(selectedOptions2.map((c) => c.value));
+      field.onChange(selectedOptions2.map((c) => c.Value));
     }
     setOptions([]);
   };
@@ -868,9 +865,9 @@ var Component7 = function AsyncSelectMultiElement(props) {
       ref: multiSelectRef,
       multiple: true,
       loading,
-      getOptionLabel: (option) => option.label,
-      getOptionKey: (option) => option.value,
-      isOptionEqualToValue: (option, val) => option.value === val.value,
+      getOptionLabel: (option) => option.Label,
+      getOptionKey: (option) => option.Value,
+      isOptionEqualToValue: (option, val) => option.Value === val.Value,
       options,
       value: selectedOptions,
       filterSelectedOptions: true,
@@ -899,8 +896,8 @@ var Component7 = function AsyncSelectMultiElement(props) {
       ),
       renderOption: (props2, option, { inputValue: inputValue3 }) => {
         const { key, ...optionProps } = props2;
-        const matches = _match2.default.call(void 0, option.label, inputValue3, { insideWords: true });
-        const parts = _parse2.default.call(void 0, option.label, matches);
+        const matches = _match2.default.call(void 0, option.Label, inputValue3, { insideWords: true });
+        const parts = _parse2.default.call(void 0, option.Label, matches);
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ...optionProps, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { children: parts.map((part, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "span",
           {
@@ -965,16 +962,16 @@ var Component8 = function SelectElement(props) {
     {
       ...rest,
       value: field.value ? _nullishCoalesce(options.find((option) => {
-        return field.value === option.value;
+        return field.value === option.Value;
       }), () => ( null)) : null,
       loading,
       options,
-      getOptionLabel: (c) => c.label,
-      isOptionEqualToValue: (option, value) => option.value === value.value,
+      getOptionLabel: (c) => c.Label,
+      isOptionEqualToValue: (option, Value) => option.Value === Value.Value,
       ref: field.ref,
       disabled: field.disabled,
       onChange: (event, newValue, reason) => {
-        field.onChange(newValue ? newValue.value : null);
+        field.onChange(newValue ? newValue.Value : null);
         if (onChange && typeof onChange === "function") {
           onChange(event, newValue, reason);
         }
@@ -1052,7 +1049,7 @@ var Component9 = function SelectMultiElement(props) {
       field.onChange([]);
     } else if (reason === "selectOption" || reason === "removeOption") {
       setSelectedOptions(selectedOptions2);
-      field.onChange(selectedOptions2.map((c) => c.value));
+      field.onChange(selectedOptions2.map((c) => c.Value));
     }
   };
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1062,8 +1059,7 @@ var Component9 = function SelectMultiElement(props) {
       value: selectedOptions,
       loading,
       options,
-      getOptionLabel: (c) => c.label,
-      isOptionEqualToValue: (option, value) => option.value === value.value,
+      getOptionLabel: (c) => c.Label,
       filterSelectedOptions: true,
       ref: field.ref,
       disabled: field.disabled,

package/dist/{chunk-2U3XPDVH.mjs → chunk-LZG7ZAMH.mjs}

@@ -589,7 +589,6 @@ var Component6 = function AsyncSelectElement(props) {
     !initialValue ? true : !(initialValue != null && initialValue > 0)
   );
   const fieldValue = useRef(field.value);
-  console.log(initialValue, field.value);
   const fetchData = useMemo(
     () => debounce(
       (payload, callback) => {
@@ -621,10 +620,10 @@ var Component6 = function AsyncSelectElement(props) {
     fetchData(payload, (results) => {
       if (active) {
         if (!!results && results.length > 0) {
-          fillOptions(results?.filter((c) => c.value == initialValue));
+          fillOptions(results?.filter((c) => c.Value == initialValue));
           setSelectedOption(results[0]);
-          field.onChange(results[0].value);
-          fieldValue.current = results[0].value;
+          field.onChange(results[0].Value);
+          fieldValue.current = results[0].Value;
         }
         initialValueLoaded.current = true;
         setLoading(false);
@@ -667,8 +666,8 @@ var Component6 = function AsyncSelectElement(props) {
     } else if (reason === "selectOption" || reason === "removeOption") {
       if (selectedOption2) {
         setSelectedOption(selectedOption2);
-        field.onChange(selectedOption2.value);
-        fieldValue.current = selectedOption2.value;
+        field.onChange(selectedOption2.Value);
+        fieldValue.current = selectedOption2.Value;
       }
     }
     setOptions([]);
@@ -680,9 +679,9 @@ var Component6 = function AsyncSelectElement(props) {
       ref: selectRef,
       fullWidth: true,
       loading,
-      getOptionLabel: (option) => option.label,
-      getOptionKey: (option) => option.value,
-      isOptionEqualToValue: (option, val) => option.value === val.value,
+      getOptionLabel: (option) => option.Label,
+      getOptionKey: (option) => option.Value,
+      isOptionEqualToValue: (option, val) => option.Value === val.Value,
       autoComplete: true,
       includeInputInList: true,
       options,
@@ -713,7 +712,7 @@ var Component6 = function AsyncSelectElement(props) {
       ),
       renderOption: (props2, option) => {
         const { key, ...optionProps } = props2;
-        return /* @__PURE__ */ jsx6("li", { ...optionProps, children: option.label }, key);
+        return /* @__PURE__ */ jsx6("li", { ...optionProps, children: option.Label }, key);
       }
     }
   );
@@ -747,9 +746,7 @@ import {
   Grid2 as Grid27,
   TextField as TextField4
 } from "@mui/material";
-import {
-  useController as useController7
-} from "react-hook-form";
+import { useController as useController7 } from "react-hook-form";
 import match from "autosuggest-highlight/match";
 import parse from "autosuggest-highlight/parse";
 import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -805,7 +802,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
       const newlyAdded = _.differenceBy(
         results,
         selectedOptions,
-        (c) => c.value
+        (c) => c.Value
       );
       newOptions = [...newOptions, ...newlyAdded];
     }
@@ -823,7 +820,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
     fetchData(payload, (results) => {
       if (active) {
         setSelectedOptions([...results]);
-        field.onChange([...results.map((c) => c.value)]);
+        field.onChange([...results.map((c) => c.Value)]);
         initialValuesLoaded.current = true;
         setLoading(false);
       }
@@ -858,7 +855,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
       field.onChange([]);
     } else if (reason === "selectOption" || reason === "removeOption") {
       setSelectedOptions(selectedOptions2);
-      field.onChange(selectedOptions2.map((c) => c.value));
+      field.onChange(selectedOptions2.map((c) => c.Value));
     }
     setOptions([]);
   };
@@ -868,9 +865,9 @@ var Component7 = function AsyncSelectMultiElement(props) {
       ref: multiSelectRef,
       multiple: true,
       loading,
-      getOptionLabel: (option) => option.label,
-      getOptionKey: (option) => option.value,
-      isOptionEqualToValue: (option, val) => option.value === val.value,
+      getOptionLabel: (option) => option.Label,
+      getOptionKey: (option) => option.Value,
+      isOptionEqualToValue: (option, val) => option.Value === val.Value,
       options,
       value: selectedOptions,
       filterSelectedOptions: true,
@@ -899,8 +896,8 @@ var Component7 = function AsyncSelectMultiElement(props) {
       ),
       renderOption: (props2, option, { inputValue: inputValue3 }) => {
         const { key, ...optionProps } = props2;
-        const matches = match(option.label, inputValue3, { insideWords: true });
-        const parts = parse(option.label, matches);
+        const matches = match(option.Label, inputValue3, { insideWords: true });
+        const parts = parse(option.Label, matches);
         return /* @__PURE__ */ jsx7("li", { ...optionProps, children: /* @__PURE__ */ jsx7("div", { children: parts.map((part, index) => /* @__PURE__ */ jsx7(
           "span",
           {
@@ -965,16 +962,16 @@ var Component8 = function SelectElement(props) {
     {
       ...rest,
       value: field.value ? options.find((option) => {
-        return field.value === option.value;
+        return field.value === option.Value;
       }) ?? null : null,
       loading,
       options,
-      getOptionLabel: (c) => c.label,
-      isOptionEqualToValue: (option, value) => option.value === value.value,
+      getOptionLabel: (c) => c.Label,
+      isOptionEqualToValue: (option, Value) => option.Value === Value.Value,
       ref: field.ref,
       disabled: field.disabled,
       onChange: (event, newValue, reason) => {
-        field.onChange(newValue ? newValue.value : null);
+        field.onChange(newValue ? newValue.Value : null);
         if (onChange && typeof onChange === "function") {
           onChange(event, newValue, reason);
         }
@@ -1052,7 +1049,7 @@ var Component9 = function SelectMultiElement(props) {
       field.onChange([]);
     } else if (reason === "selectOption" || reason === "removeOption") {
       setSelectedOptions(selectedOptions2);
-      field.onChange(selectedOptions2.map((c) => c.value));
+      field.onChange(selectedOptions2.map((c) => c.Value));
     }
   };
   return /* @__PURE__ */ jsx9(
@@ -1062,8 +1059,7 @@ var Component9 = function SelectMultiElement(props) {
       value: selectedOptions,
       loading,
       options,
-      getOptionLabel: (c) => c.label,
-      isOptionEqualToValue: (option, value) => option.value === value.value,
+      getOptionLabel: (c) => c.Label,
       filterSelectedOptions: true,
       ref: field.ref,
       disabled: field.disabled,

package/dist/index.d.mts

@@ -1,9 +1,9 @@
 export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.mjs';
 export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.mjs';
-export { ApiResponse, AsyncMultiSelectPayload, ListResponse, OperationResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel } from './types/index.mjs';
+export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel } from './types/index.mjs';
 export { api, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.mjs';
 export { Field } from './wrappers/index.mjs';
-export { A as AsyncSelectPayload } from './AsyncSelectPayload-DHN-R3gc.mjs';
+export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from './OptionItem-CzX7oHfv.mjs';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-hook-form';

package/dist/index.d.ts

@@ -1,9 +1,9 @@
 export { ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleToolbar } from './components/index.js';
 export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.js';
-export { ApiResponse, AsyncMultiSelectPayload, ListResponse, OperationResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel } from './types/index.js';
+export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel } from './types/index.js';
 export { api, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.js';
 export { Field } from './wrappers/index.js';
-export { A as AsyncSelectPayload } from './AsyncSelectPayload-DHN-R3gc.js';
+export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from './OptionItem-CzX7oHfv.js';
 import 'react/jsx-runtime';
 import 'react';
 import 'react-hook-form';

package/dist/index.js

@@ -11,7 +11,7 @@ require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkGS2RM6YKjs = require('./chunk-GS2RM6YK.js');
+var _chunkBITOV242js = require('./chunk-BITOV242.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -43,4 +43,4 @@ var _chunkKTAQRRS7js = require('./chunk-KTAQRRS7.js');
 
 
 
-exports.ClearButton = _chunkFP2QMQOOjs.ClearButton_default; exports.Field = _chunkGS2RM6YKjs.Field_default; exports.FilterButton = _chunkFP2QMQOOjs.FilterButton_default; exports.FilterWrapper = _chunkFP2QMQOOjs.FilterWrapper_default; exports.FormWrapper = _chunkFP2QMQOOjs.FormWrapper_default; exports.LabelText = _chunkFP2QMQOOjs.LabelText_default; exports.ListWrapper = _chunkFP2QMQOOjs.ListWrapper_default; exports.SimpleToolbar = _chunkFP2QMQOOjs.SimpleToolbar_default; exports.api = _chunkKTAQRRS7js.api; exports.flattenObjectKeys = _chunkKTAQRRS7js.flattenObjectKeys; exports.getTimezone = _chunkKTAQRRS7js.getTimezone; exports.handleServerErrors = _chunkKTAQRRS7js.handleServerErrors; exports.propertyExists = _chunkKTAQRRS7js.propertyExists; exports.readValueAsDate = _chunkKTAQRRS7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkKTAQRRS7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunkKTAQRRS7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+exports.ClearButton = _chunkFP2QMQOOjs.ClearButton_default; exports.Field = _chunkBITOV242js.Field_default; exports.FilterButton = _chunkFP2QMQOOjs.FilterButton_default; exports.FilterWrapper = _chunkFP2QMQOOjs.FilterWrapper_default; exports.FormWrapper = _chunkFP2QMQOOjs.FormWrapper_default; exports.LabelText = _chunkFP2QMQOOjs.LabelText_default; exports.ListWrapper = _chunkFP2QMQOOjs.ListWrapper_default; exports.SimpleToolbar = _chunkFP2QMQOOjs.SimpleToolbar_default; exports.api = _chunkKTAQRRS7js.api; exports.flattenObjectKeys = _chunkKTAQRRS7js.flattenObjectKeys; exports.getTimezone = _chunkKTAQRRS7js.getTimezone; exports.handleServerErrors = _chunkKTAQRRS7js.handleServerErrors; exports.propertyExists = _chunkKTAQRRS7js.propertyExists; exports.readValueAsDate = _chunkKTAQRRS7js.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkKTAQRRS7js.removeLeadingTrailingSlashes; exports.schemaTools = _chunkKTAQRRS7js.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -11,7 +11,7 @@ import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default
-} from "./chunk-2U3XPDVH.mjs";
+} from "./chunk-LZG7ZAMH.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.mjs";

package/dist/types/index.d.mts

@@ -1,5 +1,5 @@
 import { GridSortModel } from '@mui/x-data-grid';
-export { A as AsyncSelectPayload } from '../AsyncSelectPayload-DHN-R3gc.mjs';
+export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from '../OptionItem-CzX7oHfv.mjs';
 
 type ValidationErrors = {
     [field: string]: string | string[] | boolean | {
@@ -18,19 +18,6 @@ type ApiResponse<TModel> = {
     apiData?: TModel;
 };
 
-type OptionItem = {
-    label: string;
-    value: string;
-};
-type AsyncMultiSelectPayload = {
-    query: string | null;
-    initialValues?: number[] | null;
-};
-type OptionItem2 = {
-    label: string;
-    value: number;
-};
-
 type OperationResponse = {
     id?: number;
     rowsAffected: number;
@@ -53,4 +40,4 @@ type ValueLabel = {
     label: number;
 };
 
-export type { ApiResponse, AsyncMultiSelectPayload, ListResponse, OperationResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel };
+export type { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel };

package/dist/types/index.d.ts

@@ -1,5 +1,5 @@
 import { GridSortModel } from '@mui/x-data-grid';
-export { A as AsyncSelectPayload } from '../AsyncSelectPayload-DHN-R3gc.js';
+export { b as AsyncMultiSelectPayload, a as AsyncSelectMultiPayload, A as AsyncSelectPayload, O as OptionItem, c as OptionItem2 } from '../OptionItem-CzX7oHfv.js';
 
 type ValidationErrors = {
     [field: string]: string | string[] | boolean | {
@@ -18,19 +18,6 @@ type ApiResponse<TModel> = {
     apiData?: TModel;
 };
 
-type OptionItem = {
-    label: string;
-    value: string;
-};
-type AsyncMultiSelectPayload = {
-    query: string | null;
-    initialValues?: number[] | null;
-};
-type OptionItem2 = {
-    label: string;
-    value: number;
-};
-
 type OperationResponse = {
     id?: number;
     rowsAffected: number;
@@ -53,4 +40,4 @@ type ValueLabel = {
     label: number;
 };
 
-export type { ApiResponse, AsyncMultiSelectPayload, ListResponse, OperationResponse, OptionItem, OptionItem2, PostModel, ValidationErrors, ValueLabel };
+export type { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel };

package/dist/utils/index.d.mts

@@ -4,7 +4,7 @@ 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 '../AsyncSelectPayload-DHN-R3gc.mjs';
+import '../OptionItem-CzX7oHfv.mjs';
 
 declare class api {
     static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<T>>;

package/dist/utils/index.d.ts

@@ -4,7 +4,7 @@ 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 '../AsyncSelectPayload-DHN-R3gc.js';
+import '../OptionItem-CzX7oHfv.js';
 
 declare class api {
     static filter<T, TFilter>(url: string, postModel: PostModel<TFilter>): Promise<ApiResponse<T>>;

package/dist/wrappers/index.d.mts

@@ -1,19 +1,35 @@
-import { A as AsyncSelectPayload } from '../AsyncSelectPayload-DHN-R3gc.mjs';
 import { ChipTypeMap, AutocompleteProps, Grid2Props, TextFieldProps, IconButtonProps, FormControlLabelProps, FormLabelProps, RadioProps, CheckboxProps, 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 * 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';
 
+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>;
+};
+
 type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    value: number;
-    label: string;
+    Value: number;
+    Label: string;
 } = {
-    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>;
@@ -41,11 +57,11 @@ type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, T
 };
 
 type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    value: number;
-    label: string;
+    Value: number;
+    Label: string;
 } = {
-    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" | "multiple" | "onChange" | "value"> & {
     rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
@@ -56,11 +72,11 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
 };
 
 type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    value: number;
-    label: string;
+    Value: number;
+    Label: string;
 } = {
-    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"> & {
     rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
@@ -177,18 +193,18 @@ declare const Field: {
     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;
     } = {
-        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;
     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;
+        Value: number;
+        Label: string;
     } = {
-        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: SelectMultiElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectCascade: <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 | boolean;
@@ -198,19 +214,19 @@ declare const Field: {
         Label: string;
     }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectCascadeElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     AsyncSelect: <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;
     } = {
-        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: 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;
     } = {
-        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: AsyncSelectMultiElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+        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;
 };
 
 export { Field };

package/dist/wrappers/index.d.ts

@@ -1,19 +1,35 @@
-import { A as AsyncSelectPayload } from '../AsyncSelectPayload-DHN-R3gc.js';
 import { ChipTypeMap, AutocompleteProps, Grid2Props, TextFieldProps, IconButtonProps, FormControlLabelProps, FormLabelProps, RadioProps, CheckboxProps, 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 * 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';
 
+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>;
+};
+
 type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    value: number;
-    label: string;
+    Value: number;
+    Label: string;
 } = {
-    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>;
@@ -41,11 +57,11 @@ type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, T
 };
 
 type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    value: number;
-    label: string;
+    Value: number;
+    Label: string;
 } = {
-    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" | "multiple" | "onChange" | "value"> & {
     rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
@@ -56,11 +72,11 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
 };
 
 type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
-    value: number;
-    label: string;
+    Value: number;
+    Label: string;
 } = {
-    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"> & {
     rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
@@ -177,18 +193,18 @@ declare const Field: {
     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;
     } = {
-        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;
     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;
+        Value: number;
+        Label: string;
     } = {
-        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: SelectMultiElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectCascade: <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 | boolean;
@@ -198,19 +214,19 @@ declare const Field: {
         Label: string;
     }, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectCascadeElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     AsyncSelect: <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;
     } = {
-        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: 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;
     } = {
-        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: AsyncSelectMultiElementProps<TFieldValues, TName, TValue, Multiple, DisableClearable, FreeSolo, ChipComponent>) => JSX.Element;
+        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;
 };
 
 export { Field };

package/dist/wrappers/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkGS2RM6YKjs = require('../chunk-GS2RM6YK.js');
+var _chunkBITOV242js = require('../chunk-BITOV242.js');
 require('../chunk-6JZ35VQJ.js');
 require('../chunk-KTAQRRS7.js');
 
 
-exports.Field = _chunkGS2RM6YKjs.Field_default;
+exports.Field = _chunkBITOV242js.Field_default;

package/dist/wrappers/index.mjs

@@ -1,6 +1,6 @@
 import {
   Field_default
-} from "../chunk-2U3XPDVH.mjs";
+} from "../chunk-LZG7ZAMH.mjs";
 import "../chunk-GFSTK7KN.mjs";
 import "../chunk-NIG6OXKY.mjs";
 export {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gnwebsoft/ui",
-  "version": "2.18.6",
+  "version": "2.18.7",
   "description": "A set of reusable wrappers for MUI v6",
   "author": "GNWebsoft Private Limited",
   "license": "",

package/dist/AsyncSelectPayload-DHN-R3gc.d.mts

@@ -1,6 +0,0 @@
-type AsyncSelectPayload = {
-    query: string | null;
-    initialValue?: number | null;
-};
-
-export type { AsyncSelectPayload as A };

package/dist/AsyncSelectPayload-DHN-R3gc.d.ts

@@ -1,6 +0,0 @@
-type AsyncSelectPayload = {
-    query: string | null;
-    initialValue?: number | null;
-};
-
-export type { AsyncSelectPayload as A };