@gnwebsoft/ui 2.18.28 → 2.18.30

package/dist/{chunk-P3IAT24P.js → chunk-AZOXVTXB.js}

@@ -9,6 +9,9 @@ var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
 
 
 var _reacthookform = require('react-hook-form');
+
+
+
 var _material = require('@mui/material');
 
 
@@ -30,6 +33,8 @@ var Component = function DatePickerElement(props) {
     slotProps,
     transform,
     datePickerProps = {},
+    variant,
+    sx,
     ...rest
   } = props;
   const adapter = _internals.useLocalizationContext.call(void 0, );
@@ -74,6 +79,7 @@ var Component = function DatePickerElement(props) {
           datePickerProps.onChange(newValue, context);
         }
       },
+      sx,
       slotProps: {
         ...slotProps,
         textField: {
@@ -373,6 +379,8 @@ var Component4 = function TextFieldElement(props) {
     label,
     placeholder,
     textFieldProps = {},
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -443,12 +451,14 @@ var Component4 = function TextFieldElement(props) {
       error: !!error,
       helperText: error ? error.message : helperText,
       inputRef: handleInputRef,
+      variant: variant ? variant : "outlined",
       size: "small",
       sx: {
+        ...sx,
+        "& .MuiInputLabel-asterisk": { color: "red" },
         "& .MuiInputBase-input": {
           cursor: disabled ? "not-allowed" : "default"
-        },
-        bgcolor: disabled ? "#EEF1F5" : "transparent"
+        }
       }
     }
   );
@@ -583,6 +593,8 @@ var Component6 = function AsyncSelectElement(props) {
     initialValue,
     label,
     queryFn,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -738,11 +750,12 @@ var Component6 = function AsyncSelectElement(props) {
               ] })
             }
           },
+          variant: variant ? variant : "outlined",
           sx: {
+            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       ),
@@ -797,6 +810,8 @@ var Component7 = function AsyncSelectMultiElement(props) {
     initialValues,
     label,
     queryFn,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -928,11 +943,12 @@ var Component7 = function AsyncSelectMultiElement(props) {
               ] })
             }
           },
+          variant: variant ? variant : "outlined",
           sx: {
+            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       ),
@@ -989,6 +1005,8 @@ var Component8 = function SelectElement(props) {
     loading = false,
     placeholder,
     label,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -996,22 +1014,24 @@ var Component8 = function SelectElement(props) {
     fieldState: { error }
   } = _reacthookform.useController.call(void 0, {
     name,
-    control,
-    disabled
+    control
   });
+  if (options.length === 1 && !field.value) {
+    field.onChange(options[0].Value);
+  }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
     {
       ...rest,
-      value: field.value ? _nullishCoalesce(options.find((option) => {
+      value: field.value !== null ? _nullishCoalesce(options.find((option) => {
         return field.value === option.Value;
-      }), () => ( null)) : null,
+      }), () => ( null)) : options.length === 1 ? options[0] : null,
       loading,
       options,
       getOptionLabel: (c) => c.Label,
       isOptionEqualToValue: (option, Value) => option.Value === Value.Value,
       ref: field.ref,
-      disabled: field.disabled,
+      disabled,
       onChange: (event, newValue, reason) => {
         field.onChange(newValue ? newValue.Value : null);
         if (onChange && typeof onChange === "function") {
@@ -1034,12 +1054,12 @@ var Component8 = function SelectElement(props) {
           helperText: error ? error.message : "",
           placeholder,
           label,
-          variant: "outlined",
+          variant: variant ? variant : "outlined",
           sx: {
+            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       )
@@ -1080,6 +1100,8 @@ var Component9 = function SelectMultiElement(props) {
     loading = false,
     placeholder,
     label,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -1135,6 +1157,10 @@ var Component9 = function SelectMultiElement(props) {
                 params.InputProps.endAdornment
               ] })
             }
+          },
+          variant: variant ? variant : "outlined",
+          sx: {
+            ...sx
           }
         }
       ),
@@ -1179,6 +1205,8 @@ var Component10 = function SelectCascadeElement(props) {
     label,
     dependsOn,
     initialValue,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -1186,13 +1214,11 @@ var Component10 = function SelectCascadeElement(props) {
     fieldState: { error }
   } = _reacthookform.useController.call(void 0, {
     name,
-    control,
-    disabled
+    control
   });
   const { field: dependentField } = _reacthookform.useController.call(void 0, {
     name: dependsOn,
-    control,
-    disabled
+    control
   });
   const parentValueRef = _react.useRef.call(void 0, _nullishCoalesce(dependentField.value, () => ( null)));
   _react.useEffect.call(void 0, () => {
@@ -1218,7 +1244,7 @@ var Component10 = function SelectCascadeElement(props) {
       getOptionLabel: (c) => c.Label,
       isOptionEqualToValue: (option, value) => option.Value === value.Value,
       ref: field.ref,
-      disabled: field.disabled,
+      disabled,
       onChange: (event, newValue, reason) => {
         field.onChange(newValue ? newValue.Value : null);
         if (onChange && typeof onChange === "function") {
@@ -1241,12 +1267,12 @@ var Component10 = function SelectCascadeElement(props) {
           helperText: error ? error.message : "",
           placeholder,
           label,
-          variant: "outlined",
+          variant: variant ? variant : "outlined",
           sx: {
+            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       )

package/dist/{chunk-IXBVE2GN.js → chunk-CKJEER4L.js}

@@ -77,8 +77,7 @@ var Component = function DatePickerElement(props) {
       sx: {
         "& .MuiInputBase-input": {
           cursor: disabled ? "not-allowed" : "default"
-        },
-        bgcolor: disabled ? "#EEF1F5" : "transparent"
+        }
       },
       slotProps: {
         ...slotProps,
@@ -453,8 +452,7 @@ var Component4 = function TextFieldElement(props) {
       sx: {
         "& .MuiInputBase-input": {
           cursor: disabled ? "not-allowed" : "default"
-        },
-        bgcolor: disabled ? "#EEF1F5" : "transparent"
+        }
       }
     }
   );
@@ -702,7 +700,7 @@ var Component6 = function AsyncSelectElement(props) {
       ref: selectRef,
       fullWidth: true,
       loading,
-      getOptionLabel: (option) => option.Label,
+      getOptionLabel: (option) => option.label,
       getOptionKey: (option) => option.value,
       isOptionEqualToValue: (option, val) => option.value === val.value,
       autoComplete: true,
@@ -735,14 +733,13 @@ var Component6 = function AsyncSelectElement(props) {
           sx: {
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       ),
       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);
       }
     }
   );
@@ -926,8 +923,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
           sx: {
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       ),
@@ -1037,8 +1033,7 @@ var Component8 = function SelectElement(props) {
           sx: {
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       )
@@ -1244,8 +1239,7 @@ var Component10 = function SelectCascadeElement(props) {
           sx: {
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       )

package/dist/{chunk-QA44AL2X.js → chunk-LNMCA2OM.js}

@@ -103,11 +103,18 @@ var FilterWrapper_default = FilterWrapper;
 
 
 
-var FormWrapper = ({ children, title, editMode }) => {
+var FormWrapper = ({
+  children,
+  title,
+  editMode,
+  cardSx,
+  textSx
+}) => {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
     _material.Card,
     {
       sx: {
+        ...cardSx,
         position: "relative",
         borderRadius: "0px"
       },
@@ -124,7 +131,7 @@ var FormWrapper = ({ children, title, editMode }) => {
                 alignSelf: "center"
               }
             },
-            title: _nullishCoalesce(title, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { variant: "h5", children: editMode ? `Edit ${title}` : `Create ${title}` })))
+            title: _nullishCoalesce(title, () => ( /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Typography, { color: "primary", sx: textSx, children: editMode ? `Edit ${title}` : `Create ${title}` })))
           }
         ),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Divider, { sx: { mt: 0 } }),

package/dist/{chunk-A6OSZDDG.mjs → chunk-LWAM2GIC.mjs}

@@ -77,8 +77,7 @@ var Component = function DatePickerElement(props) {
       sx: {
         "& .MuiInputBase-input": {
           cursor: disabled ? "not-allowed" : "default"
-        },
-        bgcolor: disabled ? "#EEF1F5" : "transparent"
+        }
       },
       slotProps: {
         ...slotProps,
@@ -453,8 +452,7 @@ var Component4 = function TextFieldElement(props) {
       sx: {
         "& .MuiInputBase-input": {
           cursor: disabled ? "not-allowed" : "default"
-        },
-        bgcolor: disabled ? "#EEF1F5" : "transparent"
+        }
       }
     }
   );
@@ -702,7 +700,7 @@ var Component6 = function AsyncSelectElement(props) {
       ref: selectRef,
       fullWidth: true,
       loading,
-      getOptionLabel: (option) => option.Label,
+      getOptionLabel: (option) => option.label,
       getOptionKey: (option) => option.value,
       isOptionEqualToValue: (option, val) => option.value === val.value,
       autoComplete: true,
@@ -735,14 +733,13 @@ var Component6 = function AsyncSelectElement(props) {
           sx: {
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       ),
       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);
       }
     }
   );
@@ -926,8 +923,7 @@ var Component7 = function AsyncSelectMultiElement(props) {
           sx: {
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       ),
@@ -1037,8 +1033,7 @@ var Component8 = function SelectElement(props) {
           sx: {
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       )
@@ -1244,8 +1239,7 @@ var Component10 = function SelectCascadeElement(props) {
           sx: {
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       )

package/dist/{chunk-D2GQZWHC.mjs → chunk-TXO5AC4B.mjs}

@@ -9,7 +9,10 @@ import {
 import {
   useController
 } from "react-hook-form";
-import { Grid2, useForkRef } from "@mui/material";
+import {
+  Grid2,
+  useForkRef
+} from "@mui/material";
 import {
   DatePicker
 } from "@mui/x-date-pickers";
@@ -30,6 +33,8 @@ var Component = function DatePickerElement(props) {
     slotProps,
     transform,
     datePickerProps = {},
+    variant,
+    sx,
     ...rest
   } = props;
   const adapter = useLocalizationContext();
@@ -74,6 +79,7 @@ var Component = function DatePickerElement(props) {
           datePickerProps.onChange(newValue, context);
         }
       },
+      sx,
       slotProps: {
         ...slotProps,
         textField: {
@@ -373,6 +379,8 @@ var Component4 = function TextFieldElement(props) {
     label,
     placeholder,
     textFieldProps = {},
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -443,12 +451,14 @@ var Component4 = function TextFieldElement(props) {
       error: !!error,
       helperText: error ? error.message : helperText,
       inputRef: handleInputRef,
+      variant: variant ? variant : "outlined",
       size: "small",
       sx: {
+        ...sx,
+        "& .MuiInputLabel-asterisk": { color: "red" },
         "& .MuiInputBase-input": {
           cursor: disabled ? "not-allowed" : "default"
-        },
-        bgcolor: disabled ? "#EEF1F5" : "transparent"
+        }
       }
     }
   );
@@ -583,6 +593,8 @@ var Component6 = function AsyncSelectElement(props) {
     initialValue,
     label,
     queryFn,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -738,11 +750,12 @@ var Component6 = function AsyncSelectElement(props) {
               ] })
             }
           },
+          variant: variant ? variant : "outlined",
           sx: {
+            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       ),
@@ -797,6 +810,8 @@ var Component7 = function AsyncSelectMultiElement(props) {
     initialValues,
     label,
     queryFn,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -928,11 +943,12 @@ var Component7 = function AsyncSelectMultiElement(props) {
               ] })
             }
           },
+          variant: variant ? variant : "outlined",
           sx: {
+            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       ),
@@ -989,6 +1005,8 @@ var Component8 = function SelectElement(props) {
     loading = false,
     placeholder,
     label,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -996,22 +1014,24 @@ var Component8 = function SelectElement(props) {
     fieldState: { error }
   } = useController8({
     name,
-    control,
-    disabled
+    control
   });
+  if (options.length === 1 && !field.value) {
+    field.onChange(options[0].Value);
+  }
   return /* @__PURE__ */ jsx8(
     Autocomplete3,
     {
       ...rest,
-      value: field.value ? options.find((option) => {
+      value: field.value !== null ? options.find((option) => {
         return field.value === option.Value;
-      }) ?? null : null,
+      }) ?? null : options.length === 1 ? options[0] : null,
       loading,
       options,
       getOptionLabel: (c) => c.Label,
       isOptionEqualToValue: (option, Value) => option.Value === Value.Value,
       ref: field.ref,
-      disabled: field.disabled,
+      disabled,
       onChange: (event, newValue, reason) => {
         field.onChange(newValue ? newValue.Value : null);
         if (onChange && typeof onChange === "function") {
@@ -1034,12 +1054,12 @@ var Component8 = function SelectElement(props) {
           helperText: error ? error.message : "",
           placeholder,
           label,
-          variant: "outlined",
+          variant: variant ? variant : "outlined",
           sx: {
+            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       )
@@ -1080,6 +1100,8 @@ var Component9 = function SelectMultiElement(props) {
     loading = false,
     placeholder,
     label,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -1135,6 +1157,10 @@ var Component9 = function SelectMultiElement(props) {
                 params.InputProps.endAdornment
               ] })
             }
+          },
+          variant: variant ? variant : "outlined",
+          sx: {
+            ...sx
           }
         }
       ),
@@ -1179,6 +1205,8 @@ var Component10 = function SelectCascadeElement(props) {
     label,
     dependsOn,
     initialValue,
+    variant,
+    sx,
     ...rest
   } = props;
   const {
@@ -1186,13 +1214,11 @@ var Component10 = function SelectCascadeElement(props) {
     fieldState: { error }
   } = useController10({
     name,
-    control,
-    disabled
+    control
   });
   const { field: dependentField } = useController10({
     name: dependsOn,
-    control,
-    disabled
+    control
   });
   const parentValueRef = useRef3(dependentField.value ?? null);
   useEffect4(() => {
@@ -1218,7 +1244,7 @@ var Component10 = function SelectCascadeElement(props) {
       getOptionLabel: (c) => c.Label,
       isOptionEqualToValue: (option, value) => option.Value === value.Value,
       ref: field.ref,
-      disabled: field.disabled,
+      disabled,
       onChange: (event, newValue, reason) => {
         field.onChange(newValue ? newValue.Value : null);
         if (onChange && typeof onChange === "function") {
@@ -1241,12 +1267,12 @@ var Component10 = function SelectCascadeElement(props) {
           helperText: error ? error.message : "",
           placeholder,
           label,
-          variant: "outlined",
+          variant: variant ? variant : "outlined",
           sx: {
+            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
-            },
-            bgcolor: disabled ? "#EEF1F5" : "transparent"
+            }
           }
         }
       )

package/dist/{chunk-N3AI2OIO.mjs → chunk-VNMKBB4P.mjs}

@@ -103,11 +103,18 @@ import {
   Typography as Typography2
 } from "@mui/material";
 import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
-var FormWrapper = ({ children, title, editMode }) => {
+var FormWrapper = ({
+  children,
+  title,
+  editMode,
+  cardSx,
+  textSx
+}) => {
   return /* @__PURE__ */ jsxs2(
     Card2,
     {
       sx: {
+        ...cardSx,
         position: "relative",
         borderRadius: "0px"
       },
@@ -124,7 +131,7 @@ var FormWrapper = ({ children, title, editMode }) => {
                 alignSelf: "center"
               }
             },
-            title: title ?? /* @__PURE__ */ jsx4(Typography2, { variant: "h5", children: editMode ? `Edit ${title}` : `Create ${title}` })
+            title: title ?? /* @__PURE__ */ jsx4(Typography2, { color: "primary", sx: textSx, children: editMode ? `Edit ${title}` : `Create ${title}` })
           }
         ),
         /* @__PURE__ */ jsx4(Divider2, { sx: { mt: 0 } }),

package/dist/components/index.d.mts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-import { ButtonTypeMap } from '@mui/material';
+import { SxProps, ButtonTypeMap } from '@mui/material';
+import { PropsWithChildren, ReactNode } from 'react';
 import { OverrideProps } from '@mui/material/OverridableComponent';
 
 type ClearButtonProps = {
@@ -19,14 +19,18 @@ declare const FilterButton: ({ isSubmitting, show, title, icon, }: FilterButtonP
 
 type FilterWrapperProps = PropsWithChildren<{
     title: string;
+    cardSx?: SxProps;
 }>;
 declare const FilterWrapper: ({ children, title }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
 
 type FormWrapper = PropsWithChildren<{
     title: string;
     editMode: boolean;
+    icon?: ReactNode;
+    cardSx?: SxProps;
+    textSx?: SxProps;
 }>;
-declare const FormWrapper: ({ children, title, editMode }: FormWrapper) => react_jsx_runtime.JSX.Element;
+declare const FormWrapper: ({ children, title, editMode, cardSx, textSx, }: FormWrapper) => react_jsx_runtime.JSX.Element;
 
 type LabelTextProps = {
     label: string;

package/dist/components/index.d.ts

@@ -1,6 +1,6 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { PropsWithChildren } from 'react';
-import { ButtonTypeMap } from '@mui/material';
+import { SxProps, ButtonTypeMap } from '@mui/material';
+import { PropsWithChildren, ReactNode } from 'react';
 import { OverrideProps } from '@mui/material/OverridableComponent';
 
 type ClearButtonProps = {
@@ -19,14 +19,18 @@ declare const FilterButton: ({ isSubmitting, show, title, icon, }: FilterButtonP
 
 type FilterWrapperProps = PropsWithChildren<{
     title: string;
+    cardSx?: SxProps;
 }>;
 declare const FilterWrapper: ({ children, title }: FilterWrapperProps) => react_jsx_runtime.JSX.Element;
 
 type FormWrapper = PropsWithChildren<{
     title: string;
     editMode: boolean;
+    icon?: ReactNode;
+    cardSx?: SxProps;
+    textSx?: SxProps;
 }>;
-declare const FormWrapper: ({ children, title, editMode }: FormWrapper) => react_jsx_runtime.JSX.Element;
+declare const FormWrapper: ({ children, title, editMode, cardSx, textSx, }: FormWrapper) => react_jsx_runtime.JSX.Element;
 
 type LabelTextProps = {
     label: string;

package/dist/components/index.js

@@ -8,7 +8,7 @@
 
 
 
-var _chunkQA44AL2Xjs = require('../chunk-QA44AL2X.js');
+var _chunkLNMCA2OMjs = require('../chunk-LNMCA2OM.js');
 
 
 
@@ -19,4 +19,4 @@ var _chunkQA44AL2Xjs = require('../chunk-QA44AL2X.js');
 
 
 
-exports.AuthorizedView = _chunkQA44AL2Xjs.AuthorizedView_default; exports.ClearButton = _chunkQA44AL2Xjs.ClearButton_default; exports.FilterButton = _chunkQA44AL2Xjs.FilterButton_default; exports.FilterWrapper = _chunkQA44AL2Xjs.FilterWrapper_default; exports.FormWrapper = _chunkQA44AL2Xjs.FormWrapper_default; exports.LabelText = _chunkQA44AL2Xjs.LabelText_default; exports.ListWrapper = _chunkQA44AL2Xjs.ListWrapper_default; exports.SimpleButton = _chunkQA44AL2Xjs.SimpleButton_default; exports.SimpleToolbar = _chunkQA44AL2Xjs.SimpleToolbar_default;
+exports.AuthorizedView = _chunkLNMCA2OMjs.AuthorizedView_default; exports.ClearButton = _chunkLNMCA2OMjs.ClearButton_default; exports.FilterButton = _chunkLNMCA2OMjs.FilterButton_default; exports.FilterWrapper = _chunkLNMCA2OMjs.FilterWrapper_default; exports.FormWrapper = _chunkLNMCA2OMjs.FormWrapper_default; exports.LabelText = _chunkLNMCA2OMjs.LabelText_default; exports.ListWrapper = _chunkLNMCA2OMjs.ListWrapper_default; exports.SimpleButton = _chunkLNMCA2OMjs.SimpleButton_default; exports.SimpleToolbar = _chunkLNMCA2OMjs.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -8,7 +8,7 @@ import {
   ListWrapper_default,
   SimpleButton_default,
   SimpleToolbar_default
-} from "../chunk-N3AI2OIO.mjs";
+} from "../chunk-VNMKBB4P.mjs";
 export {
   AuthorizedView_default as AuthorizedView,
   ClearButton_default as ClearButton,

package/dist/index.d.mts

@@ -6,8 +6,8 @@ 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';
 import 'react/jsx-runtime';
-import 'react';
 import '@mui/material';
+import 'react';
 import '@mui/material/OverridableComponent';
 import 'react-hook-form';
 import '@mui/x-data-grid';

package/dist/index.d.ts

@@ -6,8 +6,8 @@ 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';
 import 'react/jsx-runtime';
-import 'react';
 import '@mui/material';
+import 'react';
 import '@mui/material/OverridableComponent';
 import 'react-hook-form';
 import '@mui/x-data-grid';

package/dist/index.js

@@ -8,15 +8,15 @@
 
 
 
-var _chunkQA44AL2Xjs = require('./chunk-QA44AL2X.js');
+var _chunkLNMCA2OMjs = require('./chunk-LNMCA2OM.js');
 require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkP3IAT24Pjs = require('./chunk-P3IAT24P.js');
+var _chunkCKJEER4Ljs = require('./chunk-CKJEER4L.js');
 
 
-var _chunkIXBVE2GNjs = require('./chunk-IXBVE2GN.js');
+var _chunkAZOXVTXBjs = require('./chunk-AZOXVTXB.js');
 
 
 var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
@@ -53,4 +53,4 @@ var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
 
 
 
-exports.AuthorizedView = _chunkQA44AL2Xjs.AuthorizedView_default; exports.ClearButton = _chunkQA44AL2Xjs.ClearButton_default; exports.Field = _chunkP3IAT24Pjs.Field_default; exports.Field2 = _chunkIXBVE2GNjs.Field_default; exports.FilterButton = _chunkQA44AL2Xjs.FilterButton_default; exports.FilterWrapper = _chunkQA44AL2Xjs.FilterWrapper_default; exports.FormWrapper = _chunkQA44AL2Xjs.FormWrapper_default; exports.LabelText = _chunkQA44AL2Xjs.LabelText_default; exports.ListWrapper = _chunkQA44AL2Xjs.ListWrapper_default; exports.SimpleButton = _chunkQA44AL2Xjs.SimpleButton_default; exports.SimpleToolbar = _chunkQA44AL2Xjs.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 = _chunkLNMCA2OMjs.AuthorizedView_default; exports.ClearButton = _chunkLNMCA2OMjs.ClearButton_default; exports.Field = _chunkAZOXVTXBjs.Field_default; exports.Field2 = _chunkCKJEER4Ljs.Field_default; exports.FilterButton = _chunkLNMCA2OMjs.FilterButton_default; exports.FilterWrapper = _chunkLNMCA2OMjs.FilterWrapper_default; exports.FormWrapper = _chunkLNMCA2OMjs.FormWrapper_default; exports.LabelText = _chunkLNMCA2OMjs.LabelText_default; exports.ListWrapper = _chunkLNMCA2OMjs.ListWrapper_default; exports.SimpleButton = _chunkLNMCA2OMjs.SimpleButton_default; exports.SimpleToolbar = _chunkLNMCA2OMjs.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

@@ -8,15 +8,15 @@ import {
   ListWrapper_default,
   SimpleButton_default,
   SimpleToolbar_default
-} from "./chunk-N3AI2OIO.mjs";
+} from "./chunk-VNMKBB4P.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
-import {
-  Field_default
-} from "./chunk-D2GQZWHC.mjs";
 import {
   Field_default as Field_default2
-} from "./chunk-A6OSZDDG.mjs";
+} from "./chunk-LWAM2GIC.mjs";
+import {
+  Field_default
+} from "./chunk-TXO5AC4B.mjs";
 import {
   useTransform
 } from "./chunk-GFSTK7KN.mjs";

package/dist/wrappers/index.d.mts

@@ -1,4 +1,4 @@
-import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
+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';
@@ -34,6 +34,8 @@ type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues
     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 {
@@ -50,6 +52,8 @@ type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     label?: string;
     initialValue?: number | null;
     queryFn: (data: AsyncSelectPayload) => Promise<TValue[] | undefined>;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
@@ -67,6 +71,8 @@ type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, T
     placeholder?: string;
     label?: string;
     initialValue?: number | null;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
@@ -82,6 +88,8 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     gridProps?: Grid2Props;
     placeholder?: string;
     label?: string;
+    variant?: TextFieldVariants;
+    sx?: SxProps;
 };
 
 type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
@@ -97,6 +105,8 @@ type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName ex
     gridProps?: Grid2Props;
     placeholder?: string;
     label?: string;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 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"> & {
@@ -172,6 +182,8 @@ type DatePickerElementProps<TFieldValues extends FieldValues = FieldValues, TNam
     };
     gridProps?: Grid2Props;
     datePickerProps?: Omit<DatePickerProps<TValue, TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 type CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<CheckboxProps, "name"> & {
@@ -196,6 +208,8 @@ type TextFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName
     placeholder?: string;
     textFieldProps?: Omit<TextFieldProps, "name">;
     gridProps?: Grid2Props;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 declare const Field: {

package/dist/wrappers/index.d.ts

@@ -1,4 +1,4 @@
-import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
+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';
@@ -34,6 +34,8 @@ type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues
     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 {
@@ -50,6 +52,8 @@ type AsyncSelectElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     label?: string;
     initialValue?: number | null;
     queryFn: (data: AsyncSelectPayload) => Promise<TValue[] | undefined>;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
@@ -67,6 +71,8 @@ type SelectCascadeElementProps<TFieldValues extends FieldValues = FieldValues, T
     placeholder?: string;
     label?: string;
     initialValue?: number | null;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
@@ -82,6 +88,8 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     gridProps?: Grid2Props;
     placeholder?: string;
     label?: string;
+    variant?: TextFieldVariants;
+    sx?: SxProps;
 };
 
 type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends {
@@ -97,6 +105,8 @@ type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName ex
     gridProps?: Grid2Props;
     placeholder?: string;
     label?: string;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 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"> & {
@@ -172,6 +182,8 @@ type DatePickerElementProps<TFieldValues extends FieldValues = FieldValues, TNam
     };
     gridProps?: Grid2Props;
     datePickerProps?: Omit<DatePickerProps<TValue, TEnableAccessibleFieldDOMStructure>, "value" | "slotProps">;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 type CheckboxElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = unknown> = Omit<CheckboxProps, "name"> & {
@@ -196,6 +208,8 @@ type TextFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName
     placeholder?: string;
     textFieldProps?: Omit<TextFieldProps, "name">;
     gridProps?: Grid2Props;
+    variant?: TextFieldVariants$1;
+    sx?: SxProps$1;
 };
 
 declare const Field: {

package/dist/wrappers/index.js

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

package/dist/wrappers/index.mjs

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

package/dist/wrappers2/index.d.mts

@@ -37,11 +37,11 @@ type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues
 };
 
 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>;

package/dist/wrappers2/index.d.ts

@@ -37,11 +37,11 @@ type AsyncMultiSelectElementProps<TFieldValues extends FieldValues = FieldValues
 };
 
 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>;

package/dist/wrappers2/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIXBVE2GNjs = require('../chunk-IXBVE2GN.js');
+var _chunkCKJEER4Ljs = require('../chunk-CKJEER4L.js');
 require('../chunk-6JZ35VQJ.js');
 require('../chunk-DKBPCLEC.js');
 
 
-exports.Field2 = _chunkIXBVE2GNjs.Field_default;
+exports.Field2 = _chunkCKJEER4Ljs.Field_default;

package/dist/wrappers2/index.mjs

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

package/package.json

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