@gnwebsoft/ui 2.18.33 → 2.18.34

package/dist/{chunk-MRZZQRKX.mjs → chunk-KTFNE7FP.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
           }
         }
       ),
@@ -989,7 +994,7 @@ import {
   Autocomplete as Autocomplete3,
   Grid2 as Grid28,
   TextField as TextField5,
-  useTheme as useTheme3
+  useTheme as useTheme5
 } from "@mui/material";
 import {
   useController as useController8
@@ -1010,6 +1015,7 @@ var Component8 = function SelectElement(props) {
     label,
     variant,
     sx,
+    isEdit = false,
     ...rest
   } = props;
   const {
@@ -1019,12 +1025,16 @@ var Component8 = function SelectElement(props) {
     name,
     control
   });
-  const theme = useTheme3();
+  const theme = useTheme5();
   const [hasAutoSelected, setHasAutoSelected] = useState4(false);
   useEffect4(() => {
-    if (options.length === 1 && field.value == null && !hasAutoSelected) {
-      field.onChange(options[0].Value);
-      setHasAutoSelected(true);
+    if (isEdit) {
+      return;
+    } else {
+      if (options.length === 1 && field.value == null && !hasAutoSelected) {
+        field.onChange(options[0].Value);
+        setHasAutoSelected(true);
+      }
     }
   }, [options, field.value, field.onChange, hasAutoSelected]);
   return /* @__PURE__ */ jsx8(
@@ -1068,11 +1078,11 @@ var Component8 = function SelectElement(props) {
           label,
           variant: variant ? variant : "outlined",
           sx: {
-            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
             },
-            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+            ...sx
           }
         }
       )
@@ -1196,9 +1206,10 @@ var SelectMultiElement_default = SelectMultiElement2;
 import {
   Autocomplete as Autocomplete5,
   Grid2 as Grid210,
-  TextField as TextField7
+  TextField as TextField7,
+  useTheme as useTheme6
 } 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 +1230,7 @@ var Component10 = function SelectCascadeElement(props) {
     initialValue,
     variant,
     sx,
+    isEdit = false,
     ...rest
   } = props;
   const {
@@ -1228,6 +1240,7 @@ var Component10 = function SelectCascadeElement(props) {
     name,
     control
   });
+  const theme = useTheme6();
   const { field: dependentField } = useController10({
     name: dependsOn,
     control
@@ -1243,6 +1256,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 +1306,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 +1405,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 +1420,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/{chunk-4E6AXVK7.js → chunk-TYB6OIU3.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
           }
         }
       ),
@@ -1010,6 +1015,7 @@ var Component8 = function SelectElement(props) {
     label,
     variant,
     sx,
+    isEdit = false,
     ...rest
   } = props;
   const {
@@ -1022,9 +1028,13 @@ var Component8 = function SelectElement(props) {
   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);
-      setHasAutoSelected(true);
+    if (isEdit) {
+      return;
+    } else {
+      if (options.length === 1 && field.value == null && !hasAutoSelected) {
+        field.onChange(options[0].Value);
+        setHasAutoSelected(true);
+      }
     }
   }, [options, field.value, field.onChange, hasAutoSelected]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1068,11 +1078,11 @@ var Component8 = function SelectElement(props) {
           label,
           variant: variant ? variant : "outlined",
           sx: {
-            ...sx,
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
             },
-            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
+            ...sx
           }
         }
       )
@@ -1203,6 +1213,7 @@ var SelectMultiElement_default = SelectMultiElement2;
 
 
 
+
 var Component10 = function SelectCascadeElement(props) {
   const {
     name,
@@ -1219,6 +1230,7 @@ var Component10 = function SelectCascadeElement(props) {
     initialValue,
     variant,
     sx,
+    isEdit = false,
     ...rest
   } = props;
   const {
@@ -1228,6 +1240,7 @@ 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
@@ -1243,6 +1256,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 +1306,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
           }
         }
       )

package/dist/index.js

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

package/dist/index.mjs

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

package/dist/wrappers/index.d.mts

@@ -73,6 +73,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 {
@@ -107,6 +108,7 @@ type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName ex
     label?: string;
     variant?: TextFieldVariants$1;
     sx?: SxProps$1;
+    isEdit?: boolean;
 };
 
 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"> & {

package/dist/wrappers/index.d.ts

@@ -73,6 +73,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 {
@@ -107,6 +108,7 @@ type SelectElementProps<TFieldValues extends FieldValues = FieldValues, TName ex
     label?: string;
     variant?: TextFieldVariants$1;
     sx?: SxProps$1;
+    isEdit?: boolean;
 };
 
 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"> & {

package/dist/wrappers/index.js

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

package/dist/wrappers/index.mjs

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

package/package.json

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