@gnwebsoft/ui 2.18.38 → 2.18.40

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

@@ -6,38 +6,45 @@ var _chunk6JZ35VQJjs = require('./chunk-6JZ35VQJ.js');
 var _chunkDKBPCLECjs = require('./chunk-DKBPCLEC.js');
 
 // src/wrappers/DatePickerElement/DatePickerElement.tsx
-
-
+var _react = require('react'); var React = _interopRequireWildcard(_react);
 var _reacthookform = require('react-hook-form');
-
-
-
-var _material = require('@mui/material');
-
-
 var _xdatepickers = require('@mui/x-date-pickers');
-var _internals = require('@mui/x-date-pickers/internals');
+var _material = require('@mui/material');
 var _jsxruntime = require('react/jsx-runtime');
+function useTransform2(options) {
+  const value = _react.useMemo.call(void 0, 
+    () => typeof _optionalChain([options, 'access', _3 => _3.transform, 'optionalAccess', _4 => _4.input]) === "function" ? options.transform.input(options.value) : options.value,
+    [options.transform, options.value]
+  );
+  const onChange = _react.useCallback.call(void 0, 
+    (...event) => {
+      if (typeof _optionalChain([options, 'access', _5 => _5.transform, 'optionalAccess', _6 => _6.output]) === "function") {
+        options.onChange(options.transform.output(...event));
+      } else {
+        options.onChange(...event);
+      }
+    },
+    [options]
+  );
+  return {
+    value,
+    onChange
+  };
+}
 var Component = function DatePickerElement(props) {
   const {
-    parseError,
     name,
     required,
-    rules = {},
     inputProps,
     control,
     textReadOnly,
     label,
     placeholder,
-    gridProps,
     slotProps,
-    transform,
     datePickerProps = {},
-    variant,
     sx,
     ...rest
   } = props;
-  const adapter = _internals.useLocalizationContext.call(void 0, );
   const { disabled, inputRef, onClose, ...restDatePickerProps } = datePickerProps;
   const {
     field,
@@ -47,12 +54,15 @@ var Component = function DatePickerElement(props) {
     control,
     defaultValue: null
   });
-  const { value, onChange } = _chunk6JZ35VQJjs.useTransform.call(void 0, {
+  const { value, onChange } = useTransform2({
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _3 => _3.input]) === "function" ? transform.input : (newValue) => _chunkDKBPCLECjs.readValueAsDate.call(void 0, adapter, newValue),
-      output: typeof _optionalChain([transform, 'optionalAccess', _4 => _4.output]) === "function" ? transform.output : (newValue) => newValue
+      //@ts-ignore
+      output: (outputValue, context) => {
+        if (outputValue === null) return null;
+        return outputValue;
+      }
     }
   });
   const handleInputRef = _material.useForkRef.call(void 0, field.ref, inputRef);
@@ -82,6 +92,9 @@ var Component = function DatePickerElement(props) {
       sx,
       slotProps: {
         ...slotProps,
+        actionBar: {
+          actions: ["clear", "today", "cancel", "accept"]
+        },
         textField: {
           ...inputProps,
           required,
@@ -89,15 +102,15 @@ var Component = function DatePickerElement(props) {
           fullWidth: true,
           onBlur: (event) => {
             field.onBlur();
-            if (typeof _optionalChain([inputProps, 'optionalAccess', _5 => _5.onBlur]) === "function") {
+            if (typeof _optionalChain([inputProps, 'optionalAccess', _7 => _7.onBlur]) === "function") {
               inputProps.onBlur(event);
             }
           },
           error: !!error,
-          helperText: error ? error.message : _optionalChain([inputProps, 'optionalAccess', _6 => _6.helperText]) || rest.helperText,
+          helperText: error ? error.message : _optionalChain([inputProps, 'optionalAccess', _8 => _8.helperText]) || rest.helperText,
           inputProps: {
             readOnly: !!textReadOnly,
-            ..._optionalChain([inputProps, 'optionalAccess', _7 => _7.inputProps])
+            ..._optionalChain([inputProps, 'optionalAccess', _9 => _9.inputProps])
           }
         }
       }
@@ -117,7 +130,7 @@ DatePickerElement2.displayName = "DatePickerElement";
 var DatePickerElement_default = DatePickerElement2;
 
 // src/wrappers/PasswordElement/PasswordElement.tsx
-var _react = require('react'); var React = _interopRequireWildcard(_react);
+
 
 
 
@@ -193,7 +206,7 @@ var Component2 = function PasswordEl(props) {
           ...slotProps,
           input: {
             endAdornment,
-            ..._optionalChain([slotProps, 'optionalAccess', _8 => _8.input])
+            ..._optionalChain([slotProps, 'optionalAccess', _10 => _10.input])
           }
         }
       },
@@ -267,10 +280,10 @@ var Component3 = function RadioButtonGroup(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _9 => _9.input]) === "function" ? transform.input : (value2) => {
+      input: typeof _optionalChain([transform, 'optionalAccess', _11 => _11.input]) === "function" ? transform.input : (value2) => {
         return value2 || "";
       },
-      output: typeof _optionalChain([transform, 'optionalAccess', _10 => _10.output]) === "function" ? _optionalChain([transform, 'optionalAccess', _11 => _11.output]) : (_event, value2) => {
+      output: typeof _optionalChain([transform, 'optionalAccess', _12 => _12.output]) === "function" ? _optionalChain([transform, 'optionalAccess', _13 => _13.output]) : (_event, value2) => {
         if (value2 && type === "number") {
           return Number(value2);
         }
@@ -315,7 +328,7 @@ var Component3 = function RadioButtonGroup(props) {
             option
           );
         }
-        let val = returnObject ? _optionalChain([value, 'optionalAccess', _12 => _12[valueKey]]) : value;
+        let val = returnObject ? _optionalChain([value, 'optionalAccess', _14 => _14[valueKey]]) : value;
         if (type === "number") {
           val = Number(val);
         }
@@ -405,10 +418,10 @@ var Component4 = function TextFieldElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _13 => _13.input]) === "function" ? transform.input : (value2) => {
+      input: typeof _optionalChain([transform, 'optionalAccess', _15 => _15.input]) === "function" ? transform.input : (value2) => {
         return _nullishCoalesce(value2, () => ( ""));
       },
-      output: typeof _optionalChain([transform, 'optionalAccess', _14 => _14.output]) === "function" ? transform.output : (event) => {
+      output: typeof _optionalChain([transform, 'optionalAccess', _16 => _16.output]) === "function" ? transform.output : (event) => {
         const value2 = event.target.value;
         if (type !== "number") {
           return value2;
@@ -485,7 +498,7 @@ var TextFieldElement_default = TextFieldElement2;
 
 
 
-
+var _internals = require('@mui/x-date-pickers/internals');
 
 var Component5 = function TimePickerElement(props) {
   const {
@@ -515,8 +528,8 @@ var Component5 = function TimePickerElement(props) {
     value: field.value,
     onChange: field.onChange,
     transform: {
-      input: typeof _optionalChain([transform, 'optionalAccess', _15 => _15.input]) === "function" ? transform.input : (newValue) => _chunkDKBPCLECjs.readValueAsDate.call(void 0, adapter, newValue),
-      output: typeof _optionalChain([transform, 'optionalAccess', _16 => _16.output]) === "function" ? transform.output : (newValue) => newValue
+      input: typeof _optionalChain([transform, 'optionalAccess', _17 => _17.input]) === "function" ? transform.input : (newValue) => _chunkDKBPCLECjs.readValueAsDate.call(void 0, adapter, newValue),
+      output: typeof _optionalChain([transform, 'optionalAccess', _18 => _18.output]) === "function" ? transform.output : (newValue) => newValue
     }
   });
   const handleInputRef = _material.useForkRef.call(void 0, field.ref, inputRef);
@@ -546,10 +559,10 @@ var Component5 = function TimePickerElement(props) {
           required,
           fullWidth: true,
           error: !!error,
-          helperText: error ? error.message : _optionalChain([inputProps, 'optionalAccess', _17 => _17.helperText]) || rest.helperText,
+          helperText: error ? error.message : _optionalChain([inputProps, 'optionalAccess', _19 => _19.helperText]) || rest.helperText,
           inputProps: {
             readOnly: textReadOnly,
-            ..._optionalChain([inputProps, 'optionalAccess', _18 => _18.inputProps])
+            ..._optionalChain([inputProps, 'optionalAccess', _20 => _20.inputProps])
           }
         }
       }
@@ -651,7 +664,7 @@ var Component6 = function AsyncSelectElement(props) {
     fetchData(payload, (results) => {
       if (active) {
         if (!!results && results.length > 0) {
-          fillOptions(_optionalChain([results, 'optionalAccess', _19 => _19.filter, 'call', _20 => _20((c) => c.Value == initialValue)]));
+          fillOptions(_optionalChain([results, 'optionalAccess', _21 => _21.filter, 'call', _22 => _22((c) => c.Value == initialValue)]));
           setSelectedOption(results[0]);
           field.onChange(results[0].Value);
           fieldValue.current = results[0].Value;
@@ -996,13 +1009,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,
@@ -1011,50 +1017,89 @@ var Component8 = function SelectElement(props) {
     isEdit,
     options,
     label,
+    sx,
+    variant,
+    disabled,
     labelKey = "Label",
     valueKey = "Value",
+    placeholder,
+    textFieldProps = {},
     ...rest
   } = props;
-  const { field } = _reacthookform.useController.call(void 0, {
+  const { required } = textFieldProps;
+  const {
+    field,
+    fieldState: { error }
+  } = _reacthookform.useController.call(void 0, {
     name,
     control
   });
-  const [hasAutoSelected, setHasAutoSelected] = _react.useState.call(void 0, false);
+  const theme = _material.useTheme.call(void 0, );
+  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);
-    }
-    _optionalChain([onChange, 'optionalCall', _21 => _21(event, newValue, reason)]);
+    const option = newValue;
+    field.onChange(option ? getOptionValue(option) : null);
+    _optionalChain([onChange, 'optionalCall', _23 => _23(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]);
+  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 })
+      disabled,
+      getOptionLabel: (option) => getOptionLabel(option),
+      ref: field.ref,
+      isOptionEqualToValue: (option, value) => getOptionValue(option) === getOptionValue(value),
+      renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _material.TextField,
+        {
+          ...params,
+          fullWidth: true,
+          required,
+          error: !!error,
+          helperText: error ? error.message : "",
+          label,
+          placeholder,
+          variant: variant ? variant : "outlined",
+          sx: {
+            "& .MuiOutlinedInput-root": {
+              bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+            },
+            "& .MuiInputLabel-asterisk": { color: "red" },
+            "& .MuiInputBase-input": {
+              cursor: disabled ? "not-allowed" : "default"
+            },
+            ...sx
+          }
+        }
+      )
     }
   );
 };
@@ -1073,27 +1118,24 @@ var SelectElement_default = SelectElement2;
 // src/wrappers/SelectMultiElement/SelectMultiElement.tsx
 
 
-
-
-
-
-
-
-
+var _CheckBox = require('@mui/icons-material/CheckBox'); var _CheckBox2 = _interopRequireDefault(_CheckBox);
+var _CheckBoxOutlineBlank = require('@mui/icons-material/CheckBoxOutlineBlank'); var _CheckBoxOutlineBlank2 = _interopRequireDefault(_CheckBoxOutlineBlank);
 
 
 var Component9 = function SelectMultiElement(props) {
   const {
     name,
+    control,
     onBlur,
     disabled,
     options,
-    control,
     loading = false,
     placeholder,
     label,
     variant,
     sx,
+    labelKey = "Label",
+    valueKey = "Value",
     ...rest
   } = props;
   const {
@@ -1103,27 +1145,38 @@ var Component9 = function SelectMultiElement(props) {
     name,
     control
   });
-  const [selectedOptions, setSelectedOptions] = _react.useState.call(void 0, []);
-  const handleChange = (_2, selectedOptions2, reason) => {
+  const getOptionValue = (option) => {
+    if (typeof option === "string") return option;
+    return option ? option[valueKey] : null;
+  };
+  const getOptionLabel = (option) => {
+    if (typeof option === "string") return option;
+    return option ? option[labelKey] : "";
+  };
+  const selectedValue = field.value && Array.isArray(field.value) ? options.filter((option) => field.value.includes(getOptionValue(option))) : [];
+  const handleChange = (_2, selectedOptions, reason) => {
     if (reason === "clear") {
-      setSelectedOptions([]);
       field.onChange([]);
     } else if (reason === "selectOption" || reason === "removeOption") {
-      setSelectedOptions(selectedOptions2);
-      field.onChange(selectedOptions2.map((c) => c.Value));
+      const newValues = selectedOptions.map((option) => getOptionValue(option));
+      field.onChange(newValues);
     }
   };
+  const icon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CheckBoxOutlineBlank2.default, { fontSize: "small" });
+  const checkedIcon = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CheckBox2.default, { fontSize: "small" });
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
     {
       multiple: true,
-      value: selectedOptions,
+      value: selectedValue,
       loading,
       options,
-      getOptionLabel: (c) => c.Label,
+      getOptionLabel,
+      isOptionEqualToValue: (option, value) => getOptionValue(option) === getOptionValue(value),
       filterSelectedOptions: true,
+      disableCloseOnSelect: true,
       ref: field.ref,
-      disabled: field.disabled,
+      disabled: _nullishCoalesce(disabled, () => ( field.disabled)),
       onChange: handleChange,
       onBlur: (event) => {
         field.onBlur();
@@ -1132,6 +1185,13 @@ var Component9 = function SelectMultiElement(props) {
         }
       },
       fullWidth: true,
+      renderOption: (props1, option, { selected }) => {
+        const { key, ...optionProps } = props1;
+        return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { ...optionProps, children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Checkbox, { icon, checkedIcon, checked: selected }),
+          getOptionLabel(option)
+        ] }, key);
+      },
       renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         _material.TextField,
         {
@@ -1183,25 +1243,43 @@ var SelectMultiElement_default = SelectMultiElement2;
 
 
 
-var Component10 = function SelectCascadeElement(props) {
+var Component10 = function SelectCascadeElement2(props) {
   const {
+    labelKey = "Label",
+    valueKey = "Value",
     name,
     onBlur,
     onChange,
     disabled,
     options,
     control,
-    gridProps,
     loading = false,
     placeholder,
     label,
     dependsOn,
-    initialValue,
+    textFieldProps = {},
     variant,
     sx,
     isEdit = false,
     ...rest
   } = props;
+  const { required } = textFieldProps;
+  const getOptionKey = _react.useCallback.call(void 0, 
+    (option) => {
+      if (typeof option === "string" || typeof option === "number") return option;
+      const key = option ? option[valueKey] : void 0;
+      return key !== void 0 && key !== null ? String(key) : "";
+    },
+    [valueKey]
+  );
+  const getOptionLabel = _react.useCallback.call(void 0, 
+    (option) => {
+      if (typeof option === "string") return option;
+      return option ? String(option[labelKey]) : "";
+    },
+    [labelKey]
+  );
+  const isOptionEqualToValue = (option, value) => getOptionKey(option) === getOptionKey(value);
   const {
     field,
     fieldState: { error }
@@ -1216,43 +1294,46 @@ var Component10 = function SelectCascadeElement(props) {
   });
   const parentValueRef = _react.useRef.call(void 0, _nullishCoalesce(dependentField.value, () => ( null)));
   _react.useEffect.call(void 0, () => {
-    if (!!dependentField.value && _optionalChain([parentValueRef, 'optionalAccess', _22 => _22.current, 'optionalAccess', _23 => _23.Value]) !== dependentField.value || dependentField.value === null) {
+    if (!!dependentField.value && _optionalChain([parentValueRef, 'optionalAccess', _24 => _24.current]) !== dependentField.value || dependentField.value === null) {
       field.onChange(null);
     }
-  }, [dependentField.value]);
-  _react.useEffect.call(void 0, () => {
-    if (initialValue) {
-      field.onChange(initialValue);
-    }
-  }, [initialValue]);
+  }, [dependentField.value, field]);
   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);
+      field.onChange(getOptionKey(options[0]));
       setHasAutoSelected(true);
     } else {
       if (options.length === 1 && field.value == null && !hasAutoSelected) {
-        field.onChange(options[0].Value);
+        field.onChange(getOptionKey(options[0]));
         setHasAutoSelected(true);
       }
     }
-  }, [options, field.value, field.onChange, hasAutoSelected, isEdit]);
+  }, [
+    options,
+    field.value,
+    field.onChange,
+    hasAutoSelected,
+    isEdit,
+    disabled,
+    field,
+    getOptionKey
+  ]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _material.Autocomplete,
     {
       ...rest,
-      value: field.value !== null ? _nullishCoalesce(options.find((option) => {
-        return field.value === option.Value;
-      }), () => ( null)) : null,
+      value: options.map((option) => getOptionKey(option) === field.value ? option : null).find(Boolean) || null,
       size: "small",
       loading,
       options,
-      getOptionLabel: (c) => c.Label,
-      isOptionEqualToValue: (option, value) => option.Value === value.Value,
+      getOptionKey,
+      getOptionLabel,
+      isOptionEqualToValue,
       ref: field.ref,
       disabled,
       onChange: (event, newValue, reason) => {
-        field.onChange(newValue ? newValue.Value : null);
+        field.onChange(newValue ? getOptionKey(newValue) : null);
         if (onChange && typeof onChange === "function") {
           onChange(event, newValue, reason);
         }
@@ -1270,15 +1351,19 @@ var Component10 = function SelectCascadeElement(props) {
           ...params,
           fullWidth: true,
           error: !!error,
+          required,
           helperText: error ? error.message : "",
           placeholder,
           label,
           variant: variant ? variant : "outlined",
           sx: {
+            "& .MuiOutlinedInput-root": {
+              bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent"
+            },
+            "& .MuiInputLabel-asterisk": { color: "red" },
             "& .MuiInputBase-input": {
               cursor: disabled ? "not-allowed" : "default"
             },
-            bgcolor: disabled ? theme.palette.action.disabledBackground : "transparent",
             ...sx
           }
         }
@@ -1286,7 +1371,7 @@ var Component10 = function SelectCascadeElement(props) {
     }
   );
 };
-var SelectCascadeElement2 = ({
+var SelectCascadeElement = ({
   gridProps,
   ...props
 }) => {
@@ -1295,8 +1380,8 @@ var SelectCascadeElement2 = ({
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component10, { ...props });
 };
-SelectCascadeElement2.displayName = "SelectCascadeElement";
-var SelectCascadeElement_default = SelectCascadeElement2;
+SelectCascadeElement.displayName = "SelectCascadeElement";
+var SelectCascadeElement_default = SelectCascadeElement;
 
 // src/wrappers/CheckboxElement/CheckboxElement.tsx
 
@@ -1390,7 +1475,7 @@ var Component12 = function CheckboxGroup(props) {
     disabled: rest.disabled
   });
   const [selectedValues, setSelectedValues] = _react.useState.call(void 0, 
-    options.filter((c) => _optionalChain([field, 'access', _24 => _24.value, 'optionalAccess', _25 => _25.includes, 'call', _26 => _26(c.Value)])).map((c) => c.Value) || []
+    options.filter((c) => _optionalChain([field, 'access', _25 => _25.value, 'optionalAccess', _26 => _26.includes, 'call', _27 => _27(c.Value)])).map((c) => c.Value) || []
   );
   _react.useEffect.call(void 0, () => {
     field.onChange(selectedValues ? [...selectedValues] : []);

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 _chunkRWMC36UOjs = require('../chunk-RWMC36UO.js');
 
+var _chunkJKUOV3MNjs = require('../chunk-JKUOV3MN.js');
 
 
 
@@ -19,4 +19,6 @@ var _chunkRWMC36UOjs = require('../chunk-RWMC36UO.js');
 
 
 
-exports.AuthorizedView = _chunkRWMC36UOjs.AuthorizedView_default; exports.ClearButton = _chunkRWMC36UOjs.ClearButton_default; exports.FilterButton = _chunkRWMC36UOjs.FilterButton_default; exports.FilterWrapper = _chunkRWMC36UOjs.FilterWrapper_default; exports.FormWrapper = _chunkRWMC36UOjs.FormWrapper_default; exports.LabelText = _chunkRWMC36UOjs.LabelText_default; exports.ListWrapper = _chunkRWMC36UOjs.ListWrapper_default; exports.SimpleButton = _chunkRWMC36UOjs.SimpleButton_default; exports.SimpleToolbar = _chunkRWMC36UOjs.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-KADZH5FM.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';