@gnwebsoft/ui 2.18.37 → 2.18.39

package/dist/{chunk-3FIGBVYK.mjs → chunk-FSU3H777.mjs}

@@ -273,8 +273,8 @@ var LabelText = ({
                   textOverflow: "ellipsis",
                   WebkitLineClamp: 2,
                   WebkitBoxOrient: "vertical",
-                  color: "#078dee !important",
-                  ...valueSx
+                  ...valueSx,
+                  color: "#078dee"
                 },
                 children: value ? value : "-"
               }
@@ -438,6 +438,27 @@ var AuthorizedView = ({ children, show }) => {
 };
 var AuthorizedView_default = AuthorizedView;
 
+// src/components/CancelButton/CancelButton.tsx
+import { Button as Button3 } from "@mui/material";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var CancelButton = ({
+  isSubmitting,
+  handleCancel,
+  sx
+}) => {
+  return /* @__PURE__ */ jsx10(
+    Button3,
+    {
+      variant: "outlined",
+      onClick: handleCancel,
+      disabled: isSubmitting,
+      sx,
+      children: "Cancel"
+    }
+  );
+};
+var CancelButton_default = CancelButton;
+
 export {
   ClearButton_default,
   FilterButton_default,
@@ -447,5 +468,6 @@ export {
   ListWrapper_default,
   SimpleToolbar_default,
   SimpleButton_default,
-  AuthorizedView_default
+  AuthorizedView_default,
+  CancelButton_default
 };

package/dist/{chunk-LFOEF54W.js → chunk-JKUOV3MN.js}

@@ -273,8 +273,8 @@ var LabelText = ({
                   textOverflow: "ellipsis",
                   WebkitLineClamp: 2,
                   WebkitBoxOrient: "vertical",
-                  color: "#078dee !important",
-                  ...valueSx
+                  ...valueSx,
+                  color: "#078dee"
                 },
                 children: value ? value : "-"
               }
@@ -438,6 +438,28 @@ var AuthorizedView = ({ children, show }) => {
 };
 var AuthorizedView_default = AuthorizedView;
 
+// src/components/CancelButton/CancelButton.tsx
+
+
+var CancelButton = ({
+  isSubmitting,
+  handleCancel,
+  sx
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _material.Button,
+    {
+      variant: "outlined",
+      onClick: handleCancel,
+      disabled: isSubmitting,
+      sx,
+      children: "Cancel"
+    }
+  );
+};
+var CancelButton_default = CancelButton;
+
+
 
 
 
@@ -448,4 +470,4 @@ var AuthorizedView_default = AuthorizedView;
 
 
 
-exports.ClearButton_default = ClearButton_default; exports.FilterButton_default = FilterButton_default; exports.FilterWrapper_default = FilterWrapper_default; exports.FormWrapper_default = FormWrapper_default; exports.LabelText_default = LabelText_default; exports.ListWrapper_default = ListWrapper_default; exports.SimpleToolbar_default = SimpleToolbar_default; exports.SimpleButton_default = SimpleButton_default; exports.AuthorizedView_default = AuthorizedView_default;
+exports.ClearButton_default = ClearButton_default; exports.FilterButton_default = FilterButton_default; exports.FilterWrapper_default = FilterWrapper_default; exports.FormWrapper_default = FormWrapper_default; exports.LabelText_default = LabelText_default; exports.ListWrapper_default = ListWrapper_default; exports.SimpleToolbar_default = SimpleToolbar_default; exports.SimpleButton_default = SimpleButton_default; exports.AuthorizedView_default = AuthorizedView_default; exports.CancelButton_default = CancelButton_default;

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

@@ -997,12 +997,6 @@ var AsyncMultiSelect_default = AsyncSelectMultiElement2;
 
 
 
-
-
-
-function isOptionType(option, key) {
-  return typeof option === "object" && option !== null && key in option;
-}
 var Component8 = function SelectElement(props) {
   const {
     name,
@@ -1013,48 +1007,70 @@ var Component8 = function SelectElement(props) {
     label,
     labelKey = "Label",
     valueKey = "Value",
+    textFieldProps = {},
     ...rest
   } = props;
+  const { required, disabled } = textFieldProps;
   const { field } = _reacthookform.useController.call(void 0, {
     name,
     control
   });
-  const [hasAutoSelected, setHasAutoSelected] = _react.useState.call(void 0, false);
+  const getOptionValue = _react.useCallback.call(void 0, 
+    (option) => {
+      if (typeof option === "string") return option;
+      return option ? option[valueKey] : null;
+    },
+    [valueKey]
+  );
+  const getOptionLabel = _react.useCallback.call(void 0, 
+    (option) => {
+      if (typeof option === "string") return option;
+      return option ? String(option[labelKey]) : "";
+    },
+    [labelKey]
+  );
   const handleChange = (event, newValue, reason) => {
-    if (reason === "clear") {
-      field.onChange(null);
-      setHasAutoSelected(true);
-    } else {
-      const option = newValue;
-      field.onChange(_nullishCoalesce(option[valueKey], () => ( null)));
-      setHasAutoSelected(true);
-    }
+    const option = newValue;
+    field.onChange(option ? getOptionValue(option) : null);
     _optionalChain([onChange, 'optionalCall', _21 => _21(event, newValue, reason)]);
   };
   _react.useEffect.call(void 0, () => {
-    if (isEdit) {
-      return;
-    } else {
-      if (options.length === 1 && field.value == null && !hasAutoSelected) {
-        const option = options[0];
-        field.onChange(option);
-        setHasAutoSelected(true);
-      }
+    if (!isEdit && options.length === 1 && (field.value == null || field.value == void 0 || field.value === "")) {
+      const defaultOption = options[0];
+      const defaultValue = getOptionValue(defaultOption);
+      field.onChange(defaultValue);
     }
-  }, [options, field.value, field.onChange, hasAutoSelected]);
+  }, [isEdit, options, field.value, field.onChange, getOptionValue, field]);
+  const autocompleteValue = _react.useMemo.call(void 0, 
+    () => _nullishCoalesce(options.find((option) => getOptionValue(option) === field.value), () => ( null)),
+    [field.value, options, getOptionValue]
+  );
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
     {
       ...rest,
       filterSelectedOptions: false,
       options,
-      value: field.value !== null ? _nullishCoalesce(options.find(
-        (option) => isOptionType(option, valueKey) && field.value === option[valueKey]
-      ), () => ( null)) : null,
+      value: autocompleteValue,
       onChange: handleChange,
-      getOptionLabel: (option) => isOptionType(option, labelKey) ? String(option[labelKey]) : typeof option === "string" ? option : "",
-      isOptionEqualToValue: (option, value) => isOptionType(option, valueKey) && isOptionType(value, valueKey) ? option[valueKey] === value[valueKey] : false,
-      renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.TextField, { ...params, label })
+      getOptionLabel: (option) => getOptionLabel(option),
+      isOptionEqualToValue: (option, value) => getOptionValue(option) === getOptionValue(value),
+      renderInput: (params) => {
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.TextField,
+          {
+            ...params,
+            required,
+            label,
+            sx: {
+              "& .MuiInputLabel-asterisk": { color: "red" },
+              "& .MuiInputBase-input": {
+                cursor: disabled ? "not-allowed" : "default"
+              }
+            }
+          }
+        );
+      }
     }
   );
 };

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

@@ -990,19 +990,13 @@ AsyncSelectMultiElement2.displayName = "AsyncSelectMulti";
 var AsyncMultiSelect_default = AsyncSelectMultiElement2;
 
 // src/wrappers/SelectElement/SelectElement.tsx
-import {
-  Autocomplete as Autocomplete3,
-  TextField as TextField5,
-  Grid2 as Grid28
-} from "@mui/material";
-import { useEffect as useEffect4, useState as useState4 } from "react";
+import { useMemo as useMemo3, useCallback as useCallback3 } from "react";
+import { useEffect as useEffect4 } from "react";
 import {
   useController as useController8
 } from "react-hook-form";
+import { Grid2 as Grid28, TextField as TextField5, Autocomplete as Autocomplete3 } from "@mui/material";
 import { jsx as jsx8 } from "react/jsx-runtime";
-function isOptionType(option, key) {
-  return typeof option === "object" && option !== null && key in option;
-}
 var Component8 = function SelectElement(props) {
   const {
     name,
@@ -1013,48 +1007,70 @@ var Component8 = function SelectElement(props) {
     label,
     labelKey = "Label",
     valueKey = "Value",
+    textFieldProps = {},
     ...rest
   } = props;
+  const { required, disabled } = textFieldProps;
   const { field } = useController8({
     name,
     control
   });
-  const [hasAutoSelected, setHasAutoSelected] = useState4(false);
+  const getOptionValue = useCallback3(
+    (option) => {
+      if (typeof option === "string") return option;
+      return option ? option[valueKey] : null;
+    },
+    [valueKey]
+  );
+  const getOptionLabel = useCallback3(
+    (option) => {
+      if (typeof option === "string") return option;
+      return option ? String(option[labelKey]) : "";
+    },
+    [labelKey]
+  );
   const handleChange = (event, newValue, reason) => {
-    if (reason === "clear") {
-      field.onChange(null);
-      setHasAutoSelected(true);
-    } else {
-      const option = newValue;
-      field.onChange(option[valueKey] ?? null);
-      setHasAutoSelected(true);
-    }
+    const option = newValue;
+    field.onChange(option ? getOptionValue(option) : null);
     onChange?.(event, newValue, reason);
   };
   useEffect4(() => {
-    if (isEdit) {
-      return;
-    } else {
-      if (options.length === 1 && field.value == null && !hasAutoSelected) {
-        const option = options[0];
-        field.onChange(option);
-        setHasAutoSelected(true);
-      }
+    if (!isEdit && options.length === 1 && (field.value == null || field.value == void 0 || field.value === "")) {
+      const defaultOption = options[0];
+      const defaultValue = getOptionValue(defaultOption);
+      field.onChange(defaultValue);
     }
-  }, [options, field.value, field.onChange, hasAutoSelected]);
+  }, [isEdit, options, field.value, field.onChange, getOptionValue, field]);
+  const autocompleteValue = useMemo3(
+    () => options.find((option) => getOptionValue(option) === field.value) ?? null,
+    [field.value, options, getOptionValue]
+  );
   return /* @__PURE__ */ jsx8(
     Autocomplete3,
     {
       ...rest,
       filterSelectedOptions: false,
       options,
-      value: field.value !== null ? options.find(
-        (option) => isOptionType(option, valueKey) && field.value === option[valueKey]
-      ) ?? null : null,
+      value: autocompleteValue,
       onChange: handleChange,
-      getOptionLabel: (option) => isOptionType(option, labelKey) ? String(option[labelKey]) : typeof option === "string" ? option : "",
-      isOptionEqualToValue: (option, value) => isOptionType(option, valueKey) && isOptionType(value, valueKey) ? option[valueKey] === value[valueKey] : false,
-      renderInput: (params) => /* @__PURE__ */ jsx8(TextField5, { ...params, label })
+      getOptionLabel: (option) => getOptionLabel(option),
+      isOptionEqualToValue: (option, value) => getOptionValue(option) === getOptionValue(value),
+      renderInput: (params) => {
+        return /* @__PURE__ */ jsx8(
+          TextField5,
+          {
+            ...params,
+            required,
+            label,
+            sx: {
+              "& .MuiInputLabel-asterisk": { color: "red" },
+              "& .MuiInputBase-input": {
+                cursor: disabled ? "not-allowed" : "default"
+              }
+            }
+          }
+        );
+      }
     }
   );
 };
@@ -1080,7 +1096,7 @@ import {
 import {
   useController as useController9
 } from "react-hook-form";
-import { Fragment as Fragment3, useState as useState5 } from "react";
+import { Fragment as Fragment3, useState as useState4 } from "react";
 import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var Component9 = function SelectMultiElement(props) {
   const {
@@ -1103,7 +1119,7 @@ var Component9 = function SelectMultiElement(props) {
     name,
     control
   });
-  const [selectedOptions, setSelectedOptions] = useState5([]);
+  const [selectedOptions, setSelectedOptions] = useState4([]);
   const handleChange = (_2, selectedOptions2, reason) => {
     if (reason === "clear") {
       setSelectedOptions([]);
@@ -1178,7 +1194,7 @@ import {
   TextField as TextField7,
   useTheme as useTheme5
 } from "@mui/material";
-import { useEffect as useEffect5, useRef as useRef3, useState as useState6 } from "react";
+import { useEffect as useEffect5, useRef as useRef3, useState as useState5 } from "react";
 import {
   useController as useController10
 } from "react-hook-form";
@@ -1225,7 +1241,7 @@ var Component10 = function SelectCascadeElement(props) {
       field.onChange(initialValue);
     }
   }, [initialValue]);
-  const [hasAutoSelected, setHasAutoSelected] = useState6(false);
+  const [hasAutoSelected, setHasAutoSelected] = useState5(false);
   useEffect5(() => {
     if (isEdit && !disabled && options.length === 1 && field.value == null && !hasAutoSelected) {
       field.onChange(options[0].Value);
@@ -1374,7 +1390,7 @@ import {
   FormHelperText as FormHelperText3,
   Grid2 as Grid212
 } from "@mui/material";
-import { useEffect as useEffect6, useState as useState7 } from "react";
+import { useEffect as useEffect6, useState as useState6 } from "react";
 import {
   useController as useController12
 } from "react-hook-form";
@@ -1389,7 +1405,7 @@ var Component12 = function CheckboxGroup(props) {
     control,
     disabled: rest.disabled
   });
-  const [selectedValues, setSelectedValues] = useState7(
+  const [selectedValues, setSelectedValues] = useState6(
     options.filter((c) => field.value?.includes(c.Value)).map((c) => c.Value) || []
   );
   useEffect6(() => {

package/dist/components/index.d.mts

@@ -93,4 +93,11 @@ type AuthorizedViewProps = PropsWithChildren & {
 };
 declare const AuthorizedView: ({ children, show }: AuthorizedViewProps) => react_jsx_runtime.JSX.Element;
 
-export { AuthorizedView, ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleButton, SimpleToolbar };
+type CancelButtonProps = {
+    isSubmitting: boolean;
+    handleCancel: () => void;
+    sx?: SxProps;
+};
+declare const CancelButton: ({ isSubmitting, handleCancel, sx, }: CancelButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { AuthorizedView, CancelButton, ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleButton, SimpleToolbar };

package/dist/components/index.d.ts

@@ -93,4 +93,11 @@ type AuthorizedViewProps = PropsWithChildren & {
 };
 declare const AuthorizedView: ({ children, show }: AuthorizedViewProps) => react_jsx_runtime.JSX.Element;
 
-export { AuthorizedView, ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleButton, SimpleToolbar };
+type CancelButtonProps = {
+    isSubmitting: boolean;
+    handleCancel: () => void;
+    sx?: SxProps;
+};
+declare const CancelButton: ({ isSubmitting, handleCancel, sx, }: CancelButtonProps) => react_jsx_runtime.JSX.Element;
+
+export { AuthorizedView, CancelButton, ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleButton, SimpleToolbar };

package/dist/components/index.js

@@ -8,8 +8,8 @@
 
 
 
-var _chunkLFOEF54Wjs = require('../chunk-LFOEF54W.js');
 
+var _chunkJKUOV3MNjs = require('../chunk-JKUOV3MN.js');
 
 
 
@@ -19,4 +19,6 @@ var _chunkLFOEF54Wjs = require('../chunk-LFOEF54W.js');
 
 
 
-exports.AuthorizedView = _chunkLFOEF54Wjs.AuthorizedView_default; exports.ClearButton = _chunkLFOEF54Wjs.ClearButton_default; exports.FilterButton = _chunkLFOEF54Wjs.FilterButton_default; exports.FilterWrapper = _chunkLFOEF54Wjs.FilterWrapper_default; exports.FormWrapper = _chunkLFOEF54Wjs.FormWrapper_default; exports.LabelText = _chunkLFOEF54Wjs.LabelText_default; exports.ListWrapper = _chunkLFOEF54Wjs.ListWrapper_default; exports.SimpleButton = _chunkLFOEF54Wjs.SimpleButton_default; exports.SimpleToolbar = _chunkLFOEF54Wjs.SimpleToolbar_default;
+
+
+exports.AuthorizedView = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.FilterButton = _chunkJKUOV3MNjs.FilterButton_default; exports.FilterWrapper = _chunkJKUOV3MNjs.FilterWrapper_default; exports.FormWrapper = _chunkJKUOV3MNjs.FormWrapper_default; exports.LabelText = _chunkJKUOV3MNjs.LabelText_default; exports.ListWrapper = _chunkJKUOV3MNjs.ListWrapper_default; exports.SimpleButton = _chunkJKUOV3MNjs.SimpleButton_default; exports.SimpleToolbar = _chunkJKUOV3MNjs.SimpleToolbar_default;

package/dist/components/index.mjs

@@ -1,5 +1,6 @@
 import {
   AuthorizedView_default,
+  CancelButton_default,
   ClearButton_default,
   FilterButton_default,
   FilterWrapper_default,
@@ -8,9 +9,10 @@ import {
   ListWrapper_default,
   SimpleButton_default,
   SimpleToolbar_default
-} from "../chunk-3FIGBVYK.mjs";
+} from "../chunk-FSU3H777.mjs";
 export {
   AuthorizedView_default as AuthorizedView,
+  CancelButton_default as CancelButton,
   ClearButton_default as ClearButton,
   FilterButton_default as FilterButton,
   FilterWrapper_default as FilterWrapper,

package/dist/index.d.mts

@@ -1,4 +1,4 @@
-export { AuthorizedView, ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleButton, SimpleToolbar } from './components/index.mjs';
+export { AuthorizedView, CancelButton, ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleButton, SimpleToolbar } from './components/index.mjs';
 export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.mjs';
 export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel } from './types/index.mjs';
 export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.mjs';

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { AuthorizedView, ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleButton, SimpleToolbar } from './components/index.js';
+export { AuthorizedView, CancelButton, ClearButton, FilterButton, FilterWrapper, FormWrapper, LabelText, ListWrapper, SimpleButton, SimpleToolbar } from './components/index.js';
 export { UseTransformOptions, UseTransformReturn, useTransform } from './hooks/index.js';
 export { ApiResponse, ListResponse, OperationResponse, PostModel, ValidationErrors, ValueLabel } from './types/index.js';
 export { api, api2, flattenObjectKeys, getTimezone, handleServerErrors, propertyExists, readValueAsDate, removeLeadingTrailingSlashes, schemaTools } from './utils/index.js';

package/dist/index.js

@@ -8,12 +8,13 @@
 
 
 
-var _chunkLFOEF54Wjs = require('./chunk-LFOEF54W.js');
+
+var _chunkJKUOV3MNjs = require('./chunk-JKUOV3MN.js');
 require('./chunk-7M2VOCYN.js');
 require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkDIGNPXO5js = require('./chunk-DIGNPXO5.js');
+var _chunkNTUP43A7js = require('./chunk-NTUP43A7.js');
 
 
 var _chunkSTC2BZ2Ljs = require('./chunk-STC2BZ2L.js');
@@ -53,4 +54,5 @@ var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
 
 
 
-exports.AuthorizedView = _chunkLFOEF54Wjs.AuthorizedView_default; exports.ClearButton = _chunkLFOEF54Wjs.ClearButton_default; exports.Field = _chunkDIGNPXO5js.Field_default; exports.Field2 = _chunkSTC2BZ2Ljs.Field_default; exports.FilterButton = _chunkLFOEF54Wjs.FilterButton_default; exports.FilterWrapper = _chunkLFOEF54Wjs.FilterWrapper_default; exports.FormWrapper = _chunkLFOEF54Wjs.FormWrapper_default; exports.LabelText = _chunkLFOEF54Wjs.LabelText_default; exports.ListWrapper = _chunkLFOEF54Wjs.ListWrapper_default; exports.SimpleButton = _chunkLFOEF54Wjs.SimpleButton_default; exports.SimpleToolbar = _chunkLFOEF54Wjs.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 = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.Field = _chunkNTUP43A7js.Field_default; exports.Field2 = _chunkSTC2BZ2Ljs.Field_default; exports.FilterButton = _chunkJKUOV3MNjs.FilterButton_default; exports.FilterWrapper = _chunkJKUOV3MNjs.FilterWrapper_default; exports.FormWrapper = _chunkJKUOV3MNjs.FormWrapper_default; exports.LabelText = _chunkJKUOV3MNjs.LabelText_default; exports.ListWrapper = _chunkJKUOV3MNjs.ListWrapper_default; exports.SimpleButton = _chunkJKUOV3MNjs.SimpleButton_default; exports.SimpleToolbar = _chunkJKUOV3MNjs.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

@@ -1,5 +1,6 @@
 import {
   AuthorizedView_default,
+  CancelButton_default,
   ClearButton_default,
   FilterButton_default,
   FilterWrapper_default,
@@ -8,12 +9,12 @@ import {
   ListWrapper_default,
   SimpleButton_default,
   SimpleToolbar_default
-} from "./chunk-3FIGBVYK.mjs";
+} from "./chunk-FSU3H777.mjs";
 import "./chunk-2JFL7TS5.mjs";
 import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default
-} from "./chunk-VOOWINZA.mjs";
+} from "./chunk-OHRT3LMC.mjs";
 import {
   Field_default as Field_default2
 } from "./chunk-34X2YRTY.mjs";
@@ -33,6 +34,7 @@ import {
 } from "./chunk-AVNKSUE5.mjs";
 export {
   AuthorizedView_default as AuthorizedView,
+  CancelButton_default as CancelButton,
   ClearButton_default as ClearButton,
   Field_default as Field,
   Field_default2 as Field2,

package/dist/wrappers/index.d.mts

@@ -3,7 +3,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
 import { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.mjs';
 import * as react from 'react';
-import { ReactNode, ChangeEvent } from 'react';
+import react__default, { ReactNode, ChangeEvent } from 'react';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 
@@ -74,7 +74,7 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     sx?: SxProps;
 };
 
-type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
+type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends react__default.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
     rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     control?: Control<TFieldValues>;
@@ -84,8 +84,9 @@ type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues,
     variant?: TextFieldVariants$1;
     sx?: SxProps$1;
     isEdit?: boolean;
-    labelKey?: keyof TOption;
+    labelKey?: string;
     valueKey?: keyof TOption;
+    textFieldProps?: Omit<TextFieldProps, "name">;
 };
 
 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"> & {
@@ -198,7 +199,7 @@ declare const Field: {
     RadioGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: RadioButtonGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
     Password: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>(props: PasswordElementProps<TFieldValues, TName>) => JSX.Element;
     Time: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: TimePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
-    Select: <TOption, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
+    Select: <TOption extends Record<string, any> = Record<string, any>, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
         Value: number;
         Label: string;

package/dist/wrappers/index.d.ts

@@ -3,7 +3,7 @@ import * as react_hook_form from 'react-hook-form';
 import { FieldValues, FieldPath, Control, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
 import { A as AsyncSelectPayload } from '../AsyncSelectPayload-CiwoX8EE.js';
 import * as react from 'react';
-import { ReactNode, ChangeEvent } from 'react';
+import react__default, { ReactNode, ChangeEvent } from 'react';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 
@@ -74,7 +74,7 @@ type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TNa
     sx?: SxProps;
 };
 
-type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
+type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends react__default.ElementType = ChipTypeMap["defaultComponent"]> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "isOptionEqualToValue" | "getOptionLabel"> & {
     rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     control?: Control<TFieldValues>;
@@ -84,8 +84,9 @@ type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues,
     variant?: TextFieldVariants$1;
     sx?: SxProps$1;
     isEdit?: boolean;
-    labelKey?: keyof TOption;
+    labelKey?: string;
     valueKey?: keyof TOption;
+    textFieldProps?: Omit<TextFieldProps, "name">;
 };
 
 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"> & {
@@ -198,7 +199,7 @@ declare const Field: {
     RadioGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue = unknown>(props: RadioButtonGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
     Password: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>>(props: PasswordElementProps<TFieldValues, TName>) => JSX.Element;
     Time: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends unknown = any>(props: TimePickerElementProps<TFieldValues, TName, TValue>) => JSX.Element;
-    Select: <TOption, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
+    Select: <TOption extends Record<string, any> = Record<string, any>, TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     SelectMulti: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends {
         Value: number;
         Label: string;

package/dist/wrappers/index.js

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

package/dist/wrappers/index.mjs

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

package/package.json

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