@gnwebsoft/ui 2.18.45 → 2.18.47

package/dist/{chunk-BWQUYXUW.mjs → chunk-7HVI5RBL.mjs}

@@ -1202,7 +1202,13 @@ import { Fragment as Fragment3 } from "react";
 import { useController as useController9 } from "react-hook-form";
 import CheckBoxIcon from "@mui/icons-material/CheckBox";
 import CheckBoxOutlineBlankIcon from "@mui/icons-material/CheckBoxOutlineBlank";
-import { Grid2 as Grid29, Checkbox, TextField as TextField6, Autocomplete as Autocomplete4, CircularProgress as CircularProgress3 } from "@mui/material";
+import {
+  Grid2 as Grid29,
+  Checkbox,
+  TextField as TextField6,
+  Autocomplete as Autocomplete4,
+  CircularProgress as CircularProgress3
+} from "@mui/material";
 import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
 var Component9 = function SelectMultiElement(props) {
   const {
@@ -1270,7 +1276,14 @@ var Component9 = function SelectMultiElement(props) {
       renderOption: (props1, option, { selected }) => {
         const { key, ...optionProps } = props1;
         return /* @__PURE__ */ jsxs4("li", { ...optionProps, children: [
-          /* @__PURE__ */ jsx9(Checkbox, { icon, checkedIcon, checked: selected }),
+          /* @__PURE__ */ jsx9(
+            Checkbox,
+            {
+              icon,
+              checkedIcon,
+              checked: selected
+            }
+          ),
           getOptionLabel(option)
         ] }, key);
       },
@@ -1306,7 +1319,13 @@ var SelectMultiElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx9(Grid29, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx9(Component9, { ...props }) });
+    return /* @__PURE__ */ jsx9(
+      Grid29,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ jsx9(Component9, { ...props })
+      }
+    );
   }
   return /* @__PURE__ */ jsx9(Component9, { ...props });
 };
@@ -1348,7 +1367,8 @@ var Component10 = function SelectCascadeElement(props) {
   const { required } = textFieldProps;
   const getOptionKey = useCallback5(
     (option) => {
-      if (typeof option === "string" || typeof option === "number") return 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) : "";
     },
@@ -1407,7 +1427,9 @@ var Component10 = function SelectCascadeElement(props) {
     Autocomplete5,
     {
       ...rest,
-      value: options.map((option) => getOptionKey(option) === field.value ? option : null).find(Boolean) || null,
+      value: options.map(
+        (option) => getOptionKey(option) === field.value ? option : null
+      ).find(Boolean) || null,
       size: "small",
       loading,
       options,
@@ -1460,7 +1482,13 @@ var SelectCascadeElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ jsx10(Grid210, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ jsx10(Component10, { ...props }) });
+    return /* @__PURE__ */ jsx10(
+      Grid210,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ jsx10(Component10, { ...props })
+      }
+    );
   }
   return /* @__PURE__ */ jsx10(Component10, { ...props });
 };
@@ -1612,6 +1640,205 @@ var CheckboxGroup2 = ({
 CheckboxGroup2.displayName = "CheckboxGroup";
 var CheckboxGroup_default = CheckboxGroup2;
 
+// src/wrappers/SelectMultiCascadeElement/SelectMultiCascadeElement.tsx
+import { useController as useController13 } from "react-hook-form";
+import { useRef as useRef4, Fragment as Fragment4, useState as useState6, useEffect as useEffect7, useCallback as useCallback6 } from "react";
+import CheckBoxIcon2 from "@mui/icons-material/CheckBox";
+import CheckBoxOutlineBlankIcon2 from "@mui/icons-material/CheckBoxOutlineBlank";
+import {
+  Chip,
+  Grid2 as Grid213,
+  Checkbox as Checkbox4,
+  TextField as TextField8,
+  Autocomplete as Autocomplete6,
+  CircularProgress as CircularProgress4
+} from "@mui/material";
+import { jsx as jsx13, jsxs as jsxs7 } from "react/jsx-runtime";
+var Component13 = function SelectMultiCascadeElement(props) {
+  const {
+    name,
+    control,
+    dependsOn,
+    onBlur,
+    disabled,
+    options,
+    loading = false,
+    placeholder,
+    label,
+    variant,
+    sx,
+    labelKey = "Label",
+    valueKey = "Value",
+    multiple = true,
+    isEdit = false,
+    initialValue,
+    ...rest
+  } = props;
+  const {
+    field,
+    fieldState: { error }
+  } = useController13({
+    name,
+    control,
+    defaultValue: initialValue
+  });
+  const { field: dependentField } = useController13({
+    name: dependsOn,
+    control
+  });
+  const parentValueRef = useRef4(dependentField.value ?? null);
+  const [hasAutoSelected, setHasAutoSelected] = useState6(false);
+  const getOptionValue = useCallback6(
+    (option) => {
+      if (typeof option === "string") return option;
+      return option ? option[valueKey] : null;
+    },
+    [valueKey]
+  );
+  const getOptionLabel = useCallback6(
+    (option) => {
+      if (typeof option === "string") return option;
+      return option ? option[labelKey] : "";
+    },
+    [labelKey]
+  );
+  useEffect7(() => {
+    if (parentValueRef.current !== dependentField.value) {
+      parentValueRef.current = dependentField.value;
+      field.onChange(multiple ? [] : null);
+      setHasAutoSelected(false);
+    }
+  }, [dependentField.value, field, multiple]);
+  useEffect7(() => {
+    if (!dependentField.value) return;
+    if (isEdit) {
+      if (field.value && (multiple ? field.value.length > 0 : field.value))
+        return;
+      if (options.length === 1 && !hasAutoSelected) {
+        field.onChange(
+          multiple ? [getOptionValue(options[0])] : getOptionValue(options[0])
+        );
+        setHasAutoSelected(true);
+      }
+    } else {
+      if (options.length === 1 && (!field.value || field.value.length === 0) && !hasAutoSelected) {
+        field.onChange(
+          multiple ? [getOptionValue(options[0])] : getOptionValue(options[0])
+        );
+        setHasAutoSelected(true);
+      }
+    }
+  }, [
+    isEdit,
+    options,
+    field.value,
+    dependentField.value,
+    multiple,
+    getOptionValue,
+    hasAutoSelected,
+    field
+  ]);
+  const selectedValue = multiple ? Array.isArray(field.value) ? options.filter((opt) => field.value.includes(getOptionValue(opt))) : [] : options.find((opt) => getOptionValue(opt) === field.value) ?? null;
+  const handleChange = (_2, selected, reason) => {
+    if (multiple) {
+      if (reason === "clear") {
+        field.onChange([]);
+      } else {
+        const newValues = selected.map((opt) => getOptionValue(opt));
+        field.onChange(newValues);
+      }
+    } else {
+      field.onChange(selected ? getOptionValue(selected) : null);
+    }
+  };
+  const icon = /* @__PURE__ */ jsx13(CheckBoxOutlineBlankIcon2, { fontSize: "small" });
+  const checkedIcon = /* @__PURE__ */ jsx13(CheckBoxIcon2, { fontSize: "small" });
+  return /* @__PURE__ */ jsx13(
+    Autocomplete6,
+    {
+      multiple,
+      value: selectedValue,
+      loading,
+      options,
+      getOptionLabel,
+      isOptionEqualToValue: (option, value) => getOptionValue(option) === getOptionValue(value),
+      filterSelectedOptions: multiple,
+      disableCloseOnSelect: multiple,
+      ref: field.ref,
+      disabled: !dependentField.value || disabled,
+      onChange: handleChange,
+      onBlur: (event) => {
+        field.onBlur();
+        if (typeof onBlur === "function") {
+          onBlur(event);
+        }
+      },
+      fullWidth: true,
+      renderOption: (props1, option, { selected }) => multiple ? /* @__PURE__ */ jsxs7("li", { ...props1, children: [
+        /* @__PURE__ */ jsx13(
+          Checkbox4,
+          {
+            icon,
+            checkedIcon,
+            checked: selected
+          }
+        ),
+        getOptionLabel(option)
+      ] }) : /* @__PURE__ */ jsx13("li", { ...props1, children: getOptionLabel(option) }),
+      renderTags: (tagValue, getTagProps) => tagValue.map((option, index) => /* @__PURE__ */ jsx13(
+        Chip,
+        {
+          ...getTagProps({ index }),
+          label: getOptionLabel(option),
+          size: "small",
+          variant: "filled"
+        }
+      )),
+      renderInput: (params) => /* @__PURE__ */ jsx13(
+        TextField8,
+        {
+          ...params,
+          label,
+          error: !!error,
+          helperText: error ? error.message : "",
+          placeholder,
+          slotProps: {
+            input: {
+              ...params.InputProps,
+              endAdornment: /* @__PURE__ */ jsxs7(Fragment4, { children: [
+                loading ? /* @__PURE__ */ jsx13(CircularProgress4, { color: "inherit", size: 20 }) : null,
+                params.InputProps.endAdornment
+              ] })
+            }
+          },
+          variant: variant ? variant : "outlined",
+          sx: {
+            ...sx
+          }
+        }
+      ),
+      ...rest
+    }
+  );
+};
+var SelectMultiCascadeElement2 = ({
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
+  ...props
+}) => {
+  if (gridProps) {
+    return /* @__PURE__ */ jsx13(
+      Grid213,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ jsx13(Component13, { ...props })
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx13(Component13, { ...props });
+};
+SelectMultiCascadeElement2.displayName = "SelectMultiCascadeElement";
+var SelectMultiCascadeElement_default = SelectMultiCascadeElement2;
+
 // src/wrappers/Field/index.ts
 var Field = {
   Text: TextFieldElement_default,
@@ -1625,7 +1852,8 @@ var Field = {
   SelectCascade: SelectCascadeElement_default,
   AsyncSelect: AsyncSelectElement_default,
   AsyncMultiSelect: AsyncMultiSelect_default,
-  CheckboxGroup: CheckboxGroup_default
+  CheckboxGroup: CheckboxGroup_default,
+  SelectMultiCascadeElement: SelectMultiCascadeElement_default
 };
 var Field_default = Field;
 

package/dist/{chunk-D3J7MWAU.js → chunk-PTW4AAPV.js}

@@ -1204,6 +1204,12 @@ var _CheckBox = require('@mui/icons-material/CheckBox'); var _CheckBox2 = _inter
 var _CheckBoxOutlineBlank = require('@mui/icons-material/CheckBoxOutlineBlank'); var _CheckBoxOutlineBlank2 = _interopRequireDefault(_CheckBoxOutlineBlank);
 
 
+
+
+
+
+
+
 var Component9 = function SelectMultiElement(props) {
   const {
     name,
@@ -1270,7 +1276,14 @@ var Component9 = function SelectMultiElement(props) {
       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 }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            _material.Checkbox,
+            {
+              icon,
+              checkedIcon,
+              checked: selected
+            }
+          ),
           getOptionLabel(option)
         ] }, key);
       },
@@ -1306,7 +1319,13 @@ var SelectMultiElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component9, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Grid2,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component9, { ...props })
+      }
+    );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component9, { ...props });
 };
@@ -1348,7 +1367,8 @@ var Component10 = function SelectCascadeElement(props) {
   const { required } = textFieldProps;
   const getOptionKey = _react.useCallback.call(void 0, 
     (option) => {
-      if (typeof option === "string" || typeof option === "number") return 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) : "";
     },
@@ -1407,7 +1427,9 @@ var Component10 = function SelectCascadeElement(props) {
     _material.Autocomplete,
     {
       ...rest,
-      value: options.map((option) => getOptionKey(option) === field.value ? option : null).find(Boolean) || null,
+      value: options.map(
+        (option) => getOptionKey(option) === field.value ? option : null
+      ).find(Boolean) || null,
       size: "small",
       loading,
       options,
@@ -1460,7 +1482,13 @@ var SelectCascadeElement2 = ({
   ...props
 }) => {
   if (gridProps) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.Grid2, { ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component10, { ...props }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Grid2,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component10, { ...props })
+      }
+    );
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component10, { ...props });
 };
@@ -1612,6 +1640,205 @@ var CheckboxGroup2 = ({
 CheckboxGroup2.displayName = "CheckboxGroup";
 var CheckboxGroup_default = CheckboxGroup2;
 
+// src/wrappers/SelectMultiCascadeElement/SelectMultiCascadeElement.tsx
+
+
+
+
+
+
+
+
+
+
+
+
+
+var Component13 = function SelectMultiCascadeElement(props) {
+  const {
+    name,
+    control,
+    dependsOn,
+    onBlur,
+    disabled,
+    options,
+    loading = false,
+    placeholder,
+    label,
+    variant,
+    sx,
+    labelKey = "Label",
+    valueKey = "Value",
+    multiple = true,
+    isEdit = false,
+    initialValue,
+    ...rest
+  } = props;
+  const {
+    field,
+    fieldState: { error }
+  } = _reacthookform.useController.call(void 0, {
+    name,
+    control,
+    defaultValue: initialValue
+  });
+  const { field: dependentField } = _reacthookform.useController.call(void 0, {
+    name: dependsOn,
+    control
+  });
+  const parentValueRef = _react.useRef.call(void 0, _nullishCoalesce(dependentField.value, () => ( null)));
+  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 ? option[labelKey] : "";
+    },
+    [labelKey]
+  );
+  _react.useEffect.call(void 0, () => {
+    if (parentValueRef.current !== dependentField.value) {
+      parentValueRef.current = dependentField.value;
+      field.onChange(multiple ? [] : null);
+      setHasAutoSelected(false);
+    }
+  }, [dependentField.value, field, multiple]);
+  _react.useEffect.call(void 0, () => {
+    if (!dependentField.value) return;
+    if (isEdit) {
+      if (field.value && (multiple ? field.value.length > 0 : field.value))
+        return;
+      if (options.length === 1 && !hasAutoSelected) {
+        field.onChange(
+          multiple ? [getOptionValue(options[0])] : getOptionValue(options[0])
+        );
+        setHasAutoSelected(true);
+      }
+    } else {
+      if (options.length === 1 && (!field.value || field.value.length === 0) && !hasAutoSelected) {
+        field.onChange(
+          multiple ? [getOptionValue(options[0])] : getOptionValue(options[0])
+        );
+        setHasAutoSelected(true);
+      }
+    }
+  }, [
+    isEdit,
+    options,
+    field.value,
+    dependentField.value,
+    multiple,
+    getOptionValue,
+    hasAutoSelected,
+    field
+  ]);
+  const selectedValue = multiple ? Array.isArray(field.value) ? options.filter((opt) => field.value.includes(getOptionValue(opt))) : [] : _nullishCoalesce(options.find((opt) => getOptionValue(opt) === field.value), () => ( null));
+  const handleChange = (_2, selected, reason) => {
+    if (multiple) {
+      if (reason === "clear") {
+        field.onChange([]);
+      } else {
+        const newValues = selected.map((opt) => getOptionValue(opt));
+        field.onChange(newValues);
+      }
+    } else {
+      field.onChange(selected ? getOptionValue(selected) : null);
+    }
+  };
+  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,
+      value: selectedValue,
+      loading,
+      options,
+      getOptionLabel,
+      isOptionEqualToValue: (option, value) => getOptionValue(option) === getOptionValue(value),
+      filterSelectedOptions: multiple,
+      disableCloseOnSelect: multiple,
+      ref: field.ref,
+      disabled: !dependentField.value || disabled,
+      onChange: handleChange,
+      onBlur: (event) => {
+        field.onBlur();
+        if (typeof onBlur === "function") {
+          onBlur(event);
+        }
+      },
+      fullWidth: true,
+      renderOption: (props1, option, { selected }) => multiple ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "li", { ...props1, children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _material.Checkbox,
+          {
+            icon,
+            checkedIcon,
+            checked: selected
+          }
+        ),
+        getOptionLabel(option)
+      ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ...props1, children: getOptionLabel(option) }),
+      renderTags: (tagValue, getTagProps) => tagValue.map((option, index) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _material.Chip,
+        {
+          ...getTagProps({ index }),
+          label: getOptionLabel(option),
+          size: "small",
+          variant: "filled"
+        }
+      )),
+      renderInput: (params) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _material.TextField,
+        {
+          ...params,
+          label,
+          error: !!error,
+          helperText: error ? error.message : "",
+          placeholder,
+          slotProps: {
+            input: {
+              ...params.InputProps,
+              endAdornment: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _react.Fragment, { children: [
+                loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _material.CircularProgress, { color: "inherit", size: 20 }) : null,
+                params.InputProps.endAdornment
+              ] })
+            }
+          },
+          variant: variant ? variant : "outlined",
+          sx: {
+            ...sx
+          }
+        }
+      ),
+      ...rest
+    }
+  );
+};
+var SelectMultiCascadeElement2 = ({
+  gridProps = { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } },
+  ...props
+}) => {
+  if (gridProps) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _material.Grid2,
+      {
+        ...{ size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 }, ...gridProps },
+        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component13, { ...props })
+      }
+    );
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Component13, { ...props });
+};
+SelectMultiCascadeElement2.displayName = "SelectMultiCascadeElement";
+var SelectMultiCascadeElement_default = SelectMultiCascadeElement2;
+
 // src/wrappers/Field/index.ts
 var Field = {
   Text: TextFieldElement_default,
@@ -1625,7 +1852,8 @@ var Field = {
   SelectCascade: SelectCascadeElement_default,
   AsyncSelect: AsyncSelectElement_default,
   AsyncMultiSelect: AsyncMultiSelect_default,
-  CheckboxGroup: CheckboxGroup_default
+  CheckboxGroup: CheckboxGroup_default,
+  SelectMultiCascadeElement: SelectMultiCascadeElement_default
 };
 var Field_default = Field;
 

package/dist/index.js

@@ -11,10 +11,10 @@
 
 var _chunkJKUOV3MNjs = require('./chunk-JKUOV3MN.js');
 require('./chunk-7M2VOCYN.js');
-require('./chunk-6BGQA4BQ.js');
 
 
-var _chunkD3J7MWAUjs = require('./chunk-D3J7MWAU.js');
+var _chunkPTW4AAPVjs = require('./chunk-PTW4AAPV.js');
+require('./chunk-6BGQA4BQ.js');
 
 
 var _chunk6NOXJGU2js = require('./chunk-6NOXJGU2.js');
@@ -55,4 +55,4 @@ var _chunkI7EIUZKKjs = require('./chunk-I7EIUZKK.js');
 
 
 
-exports.AuthorizedView = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.Field = _chunkD3J7MWAUjs.Field_default; exports.Field2 = _chunk6NOXJGU2js.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 = _chunkI7EIUZKKjs.api; exports.api2 = _chunkI7EIUZKKjs.api2; exports.flattenObjectKeys = _chunkI7EIUZKKjs.flattenObjectKeys; exports.getTimezone = _chunkI7EIUZKKjs.getTimezone; exports.handleServerErrors = _chunkI7EIUZKKjs.handleServerErrors; exports.propertyExists = _chunkI7EIUZKKjs.propertyExists; exports.readValueAsDate = _chunkI7EIUZKKjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkI7EIUZKKjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkI7EIUZKKjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;
+exports.AuthorizedView = _chunkJKUOV3MNjs.AuthorizedView_default; exports.CancelButton = _chunkJKUOV3MNjs.CancelButton_default; exports.ClearButton = _chunkJKUOV3MNjs.ClearButton_default; exports.Field = _chunkPTW4AAPVjs.Field_default; exports.Field2 = _chunk6NOXJGU2js.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 = _chunkI7EIUZKKjs.api; exports.api2 = _chunkI7EIUZKKjs.api2; exports.flattenObjectKeys = _chunkI7EIUZKKjs.flattenObjectKeys; exports.getTimezone = _chunkI7EIUZKKjs.getTimezone; exports.handleServerErrors = _chunkI7EIUZKKjs.handleServerErrors; exports.propertyExists = _chunkI7EIUZKKjs.propertyExists; exports.readValueAsDate = _chunkI7EIUZKKjs.readValueAsDate; exports.removeLeadingTrailingSlashes = _chunkI7EIUZKKjs.removeLeadingTrailingSlashes; exports.schemaTools = _chunkI7EIUZKKjs.schemaTools; exports.useTransform = _chunk6JZ35VQJjs.useTransform;

package/dist/index.mjs

@@ -11,10 +11,10 @@ import {
   SimpleToolbar_default
 } from "./chunk-FSU3H777.mjs";
 import "./chunk-2JFL7TS5.mjs";
-import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default
-} from "./chunk-BWQUYXUW.mjs";
+} from "./chunk-7HVI5RBL.mjs";
+import "./chunk-EVPUCTZA.mjs";
 import {
   Field_default as Field_default2
 } from "./chunk-5HOGPCEO.mjs";

package/dist/wrappers/index.d.mts

@@ -1,12 +1,30 @@
-import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldVariants, SxProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, Control, Path, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
+import { FieldValues, FieldPath, UseControllerProps, Control, Path, FieldError, PathValue } from 'react-hook-form';
+import { ChipTypeMap, AutocompleteProps, Grid2Props, TextFieldVariants, SxProps, CheckboxProps, FormControlLabelProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import { A as AsyncSelectPayload } from '../AsyncSelectPayload-Cz4bgak0.mjs';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, PickerValidDate as PickerValidDate$1, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 
+type BaseAutocompleteProps$1<TOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "onChange" | "value">;
+type SelectMultiCascadeElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = BaseAutocompleteProps$1<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    name: TName;
+    dependsOn: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: Grid2Props;
+    placeholder?: string;
+    label?: string;
+    variant?: TextFieldVariants;
+    sx?: SxProps;
+    labelKey?: keyof TOption;
+    valueKey?: keyof TOption;
+    multiple?: Multiple;
+    isEdit?: boolean;
+    initialValue?: any;
+};
+
 type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends number[] = number[]> = Omit<CheckboxProps, "name"> & {
     name: TName;
     control?: Control<TFieldValues>;
@@ -33,8 +51,8 @@ type AsyncSelectElementProps<TOption extends Record<string, any> = Record<string
     valueKey?: string;
 };
 
-type SelectCascadeElementProps<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' | 'disabled'> & {
-    rules?: UseControllerProps<TFieldValues, TName>['rules'];
+type SelectCascadeElementProps<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" | "disabled"> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     dependsOn: TName;
     control?: Control<TFieldValues>;
@@ -47,12 +65,12 @@ type SelectCascadeElementProps<TOption, TFieldValues extends FieldValues = Field
     isEdit?: boolean;
     labelKey?: keyof TOption;
     valueKey?: keyof TOption;
-    textFieldProps?: Omit<TextFieldProps, 'name'>;
+    textFieldProps?: Omit<TextFieldProps, "name">;
 };
 
-type BaseAutocompleteProps<TOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'multiple' | 'onChange' | 'value'>;
-type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = BaseAutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
-    rules?: UseControllerProps<TFieldValues, TName>['rules'];
+type BaseAutocompleteProps<TOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "multiple" | "onChange" | "value">;
+type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = BaseAutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     control?: Control<TFieldValues>;
     gridProps?: Grid2Props;
@@ -196,6 +214,7 @@ declare const Field: {
     AsyncSelect: <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.Path<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     AsyncMultiSelect: any;
     CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
+    SelectMultiCascadeElement: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectMultiCascadeElementProps<TFieldValues, TName, TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
 };
 
 export { Field };

package/dist/wrappers/index.d.ts

@@ -1,12 +1,30 @@
-import { CheckboxProps, FormControlLabelProps, Grid2Props, ChipTypeMap, AutocompleteProps, TextFieldVariants, SxProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import * as react_hook_form from 'react-hook-form';
-import { FieldValues, FieldPath, Control, Path, UseControllerProps, FieldError, PathValue } from 'react-hook-form';
+import { FieldValues, FieldPath, UseControllerProps, Control, Path, FieldError, PathValue } from 'react-hook-form';
+import { ChipTypeMap, AutocompleteProps, Grid2Props, TextFieldVariants, SxProps, CheckboxProps, FormControlLabelProps, TextFieldProps, IconButtonProps, FormLabelProps, RadioProps, TextField } from '@mui/material';
 import { A as AsyncSelectPayload } from '../AsyncSelectPayload-Cz4bgak0.js';
 import * as react from 'react';
 import { ReactNode, ChangeEvent } from 'react';
 import { TimePickerProps, TimePickerSlotProps, PickerChangeHandlerContext, TimeValidationError, PickerValidDate as PickerValidDate$1, DateValidationError, DatePickerSlotProps, DatePickerProps } from '@mui/x-date-pickers';
 import { PickerValidDate } from '@mui/x-date-pickers/models';
 
+type BaseAutocompleteProps$1<TOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "onChange" | "value">;
+type SelectMultiCascadeElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = BaseAutocompleteProps$1<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
+    name: TName;
+    dependsOn: TName;
+    control?: Control<TFieldValues>;
+    gridProps?: Grid2Props;
+    placeholder?: string;
+    label?: string;
+    variant?: TextFieldVariants;
+    sx?: SxProps;
+    labelKey?: keyof TOption;
+    valueKey?: keyof TOption;
+    multiple?: Multiple;
+    isEdit?: boolean;
+    initialValue?: any;
+};
+
 type CheckboxGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue extends number[] = number[]> = Omit<CheckboxProps, "name"> & {
     name: TName;
     control?: Control<TFieldValues>;
@@ -33,8 +51,8 @@ type AsyncSelectElementProps<TOption extends Record<string, any> = Record<string
     valueKey?: string;
 };
 
-type SelectCascadeElementProps<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' | 'disabled'> & {
-    rules?: UseControllerProps<TFieldValues, TName>['rules'];
+type SelectCascadeElementProps<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" | "disabled"> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     dependsOn: TName;
     control?: Control<TFieldValues>;
@@ -47,12 +65,12 @@ type SelectCascadeElementProps<TOption, TFieldValues extends FieldValues = Field
     isEdit?: boolean;
     labelKey?: keyof TOption;
     valueKey?: keyof TOption;
-    textFieldProps?: Omit<TextFieldProps, 'name'>;
+    textFieldProps?: Omit<TextFieldProps, "name">;
 };
 
-type BaseAutocompleteProps<TOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'multiple' | 'onChange' | 'value'>;
-type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = BaseAutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
-    rules?: UseControllerProps<TFieldValues, TName>['rules'];
+type BaseAutocompleteProps<TOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, "name" | "renderInput" | "multiple" | "onChange" | "value">;
+type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap["defaultComponent"]> = BaseAutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
+    rules?: UseControllerProps<TFieldValues, TName>["rules"];
     name: TName;
     control?: Control<TFieldValues>;
     gridProps?: Grid2Props;
@@ -196,6 +214,7 @@ declare const Field: {
     AsyncSelect: <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.Path<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: AsyncSelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
     AsyncMultiSelect: any;
     CheckboxGroup: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TValue extends number[] = number[]>(props: CheckboxGroupProps<TFieldValues, TName, TValue>) => JSX.Element;
+    SelectMultiCascadeElement: <TFieldValues extends react_hook_form.FieldValues = react_hook_form.FieldValues, TName extends react_hook_form.FieldPath<TFieldValues> = react_hook_form.FieldPath<TFieldValues>, TOption extends Record<string, any> = Record<string, any>, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">(props: SelectMultiCascadeElementProps<TFieldValues, TName, TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>) => react.JSX.Element;
 };
 
 export { Field };

package/dist/wrappers/index.js

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkD3J7MWAUjs = require('../chunk-D3J7MWAU.js');
+var _chunkPTW4AAPVjs = require('../chunk-PTW4AAPV.js');
 require('../chunk-6JZ35VQJ.js');
 require('../chunk-I7EIUZKK.js');
 
 
-exports.Field = _chunkD3J7MWAUjs.Field_default;
+exports.Field = _chunkPTW4AAPVjs.Field_default;

package/dist/wrappers/index.mjs

@@ -1,6 +1,6 @@
 import {
   Field_default
-} from "../chunk-BWQUYXUW.mjs";
+} from "../chunk-7HVI5RBL.mjs";
 import "../chunk-GFSTK7KN.mjs";
 import "../chunk-RQS44YC7.mjs";
 export {

package/package.json

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