@m4l/components 0.1.28 → 0.1.30

package/components/hook-form/RHFAutocomplete/{index.59a68f9f.js → index.de93fe01.js}

@@ -1,31 +1,10 @@
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useFormContext, Controller } from "react-hook-form";
-import { Skeleton, Autocomplete, TextField, CircularProgress } from "@mui/material";
+import { styled as styled$1, Skeleton, Autocomplete, TextField, CircularProgress } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { I as Image } from "../../Image/index.93d5f37f.js";
 import { useMemo, useState, useEffect } from "react";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-const SKTRHFAutocompleteWrapper = styled("div")(() => ({
-  display: "flex",
-  width: "100%",
-  flexDirection: "column"
-}));
-const SKTInputText = styled("div")(({
-  theme
-}) => ({
-  width: "100%",
-  display: "grid",
-  gridTemplateColumns: "1fr auto",
-  gridGap: theme.spacing(2),
-  alignItems: "center",
-  height: `${theme.spacing(4.5)}`,
-  border: `1px solid ${theme.palette.divider}`,
-  borderRadius: `${theme.spacing(1)}`,
-  padding: `0 ${theme.spacing(2)}`,
-  [theme.breakpoints.down("md")]: {
-    width: "100%"
-  }
-}));
 const WrapperAutocomplete = styled("div")(({
   theme
 }) => ({
@@ -57,6 +36,83 @@ function withRenderOption(getUrlImage, imageWidth, imageHeight) {
     });
   };
 }
+const WrapperSkeletonRHFAutocomplete = styled$1("div")(({
+  theme
+}) => ({
+  width: "100%",
+  display: "flex",
+  justifyContent: "space-between",
+  alignItems: "center",
+  height: `${theme.spacing(4.5)}`,
+  border: `1px solid ${theme.palette.divider}`,
+  borderRadius: `${theme.spacing(1)}`,
+  padding: `0 ${theme.spacing(2)}`,
+  overflow: "hidden",
+  [theme.breakpoints.down("md")]: {
+    width: "100%"
+  }
+}));
+const SkeletonContainerText = styled$1("div")(({
+  theme
+}) => ({
+  width: "100%",
+  height: "auto",
+  overflow: "hidden",
+  margin: theme.spacing(1.5)
+}));
+const SkeletonRHFAutocomplete = (props) => {
+  const {
+    withImage,
+    skeletonWidth,
+    skeletonHeight,
+    imageWidth,
+    imageHeight
+  } = props;
+  if (withImage) {
+    return /* @__PURE__ */ jsxs(WrapperSkeletonRHFAutocomplete, {
+      children: [/* @__PURE__ */ jsx(Skeleton, {
+        variant: "circular",
+        width: imageWidth,
+        height: imageHeight,
+        sx: {
+          minWidth: imageWidth
+        }
+      }), /* @__PURE__ */ jsx(SkeletonContainerText, {
+        children: /* @__PURE__ */ jsx(Skeleton, {
+          variant: "text",
+          width: skeletonWidth,
+          height: skeletonHeight
+        })
+      }), /* @__PURE__ */ jsx(Skeleton, {
+        variant: "circular",
+        width: 16,
+        height: 16,
+        sx: {
+          minWidth: "16px"
+        }
+      })]
+    });
+  }
+  return /* @__PURE__ */ jsxs(WrapperSkeletonRHFAutocomplete, {
+    children: [/* @__PURE__ */ jsx(SkeletonContainerText, {
+      sx: {
+        marginLeft: "0px"
+      },
+      children: /* @__PURE__ */ jsx(Skeleton, {
+        variant: "text",
+        width: skeletonWidth,
+        height: skeletonHeight
+      })
+    }), /* @__PURE__ */ jsx(Skeleton, {
+      variant: "circular",
+      width: 16,
+      height: 16,
+      sx: {
+        minWidth: "16px"
+      }
+    })]
+  });
+};
 function RHFAutocomplete(props) {
   const {
     name,
@@ -114,18 +170,12 @@ function RHFAutocomplete(props) {
     return isOptionEqualToValue(option, value);
   };
   if (isSkeleton) {
-    return /* @__PURE__ */ jsx(SKTRHFAutocompleteWrapper, {
-      children: /* @__PURE__ */ jsxs(SKTInputText, {
-        children: [/* @__PURE__ */ jsx(Skeleton, {
-          variant: "text",
-          width: skeletonWidth,
-          height: skeletonHeight
-        }, "sk1"), /* @__PURE__ */ jsx(Skeleton, {
-          variant: "circular",
-          width: 16,
-          height: 16
-        }, "sk2")]
-      })
+    return /* @__PURE__ */ jsx(SkeletonRHFAutocomplete, {
+      withImage,
+      skeletonWidth,
+      skeletonHeight,
+      imageWidth,
+      imageHeight
     });
   }
   return /* @__PURE__ */ jsx(Controller, {
@@ -149,9 +199,14 @@ function RHFAutocomplete(props) {
           onChangeFilterParmsLocal(getOptionLabelLocal(value), "reset");
         }
       }, [value]);
+      const checkKeyDown = (e) => {
+        if (e.code === "Enter")
+          e.preventDefault();
+      };
       return /* @__PURE__ */ jsx(WrapperAutocomplete, {
         className: "m4l_rhf_autocomplete",
         children: /* @__PURE__ */ jsx(Autocomplete, {
+          onKeyDown: checkKeyDown,
           autoComplete: true,
           autoSelect: false,
           options,

package/components/hook-form/RHFAutocomplete/styles.d.ts

@@ -1,4 +1,2 @@
 /// <reference types="react" />
-export declare const SKTRHFAutocompleteWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SKTInputText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const WrapperAutocomplete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFAutocomplete/subcomponents/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SkeletonRHFAutocompleteProps } from './types';
+export declare const SkeletonRHFAutocomplete: (props: SkeletonRHFAutocompleteProps) => JSX.Element;

package/components/hook-form/RHFAutocomplete/subcomponents/Skeleton/styles.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const WrapperSkeletonRHFAutocomplete: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const SkeletonContainerText: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/hook-form/RHFAutocomplete/subcomponents/Skeleton/types.d.ts

@@ -0,0 +1,4 @@
+import { RHFAutocompleteProps } from '../../types';
+export interface SkeletonRHFAutocompleteProps extends Pick<RHFAutocompleteProps<any>, 'skeletonWidth' | 'skeletonHeight' | 'imageWidth' | 'imageHeight'> {
+    withImage: boolean;
+}

package/components/hook-form/RHFAutocompleteAsync/{index.c3083062.js → index.ca696cce.js}

@@ -1,7 +1,7 @@
 import { useState, useCallback, useEffect } from "react";
 import { useNetwork, getPropertyByString } from "@m4l/core";
 import debounce from "lodash/debounce";
-import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.59a68f9f.js";
+import { R as RHFAutocomplete, g as getRHFAutocompleteComponentsDictionary } from "../RHFAutocomplete/index.de93fe01.js";
 import { jsx } from "react/jsx-runtime";
 function RHFAutocompleteAsync(props) {
   const {

package/components/hook-form/RHFDateTime/{index.9231a7c7.js → index.e70d2de3.js}

@@ -1,9 +1,10 @@
 import { useFormContext, Controller } from "react-hook-form";
 import { Skeleton, TextField } from "@mui/material";
 import { DateTimePicker } from "@mui/x-date-pickers";
-import { useModuleSkeleton, useEnvironment } from "@m4l/core";
+import { useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
 import { jsxs, jsx } from "react/jsx-runtime";
+import { useFormatter } from "@m4l/graphics";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({
@@ -38,18 +39,19 @@ function RHFDateTime(props) {
     name,
     autoComplete = "off",
     skeletonWidth = "50%",
-    skeletonHeight = 14
+    skeletonHeight = 14,
+    withMask = true
   } = props;
   const isSkeleton = useModuleSkeleton();
   const {
     control
   } = useFormContext();
   const {
-    dfnsFormat: {
-      datetime_format,
-      datetime_mask
+    dateFormatter: {
+      datetimeFormat,
+      datetimeMask
     }
-  } = useEnvironment();
+  } = useFormatter();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(SkeletonRHFDateTime, {
       skeletonWidth,
@@ -60,31 +62,42 @@ function RHFDateTime(props) {
     name,
     control,
     render: ({
-      field,
+      field: {
+        value,
+        onChange
+      },
       fieldState: {
         error
       }
     }) => {
+      console.log("RHFDateTime", value, datetimeFormat, datetimeMask);
       return /* @__PURE__ */ jsx(DateTimePicker, {
         ampm: false,
-        inputFormat: datetime_format,
-        mask: datetime_mask,
+        ...(() => {
+          return withMask ? {
+            inputFormat: datetimeFormat,
+            mask: datetimeMask
+          } : {};
+        })(),
         label: "",
-        value: field.value,
-        onChange: (value) => {
-          if (!isNaN(value)) {
-            field.onChange(value);
-          } else {
-            field.onChange(void 0);
-          }
+        value,
+        onChange: (newValue) => {
+          onChange(newValue);
         },
-        renderInput: (params) => /* @__PURE__ */ jsx(TextField, {
-          autoComplete,
-          fullWidth: true,
-          error: !!error,
-          helperText: error?.message,
-          ...params
-        })
+        renderInput: (params) => {
+          const checkKeyDown = (e) => {
+            if (e.code === "Enter")
+              e.preventDefault();
+          };
+          return /* @__PURE__ */ jsx(TextField, {
+            ...params,
+            autoComplete,
+            fullWidth: true,
+            error: !!error,
+            helperText: error?.message,
+            onKeyDown: checkKeyDown
+          });
+        }
       });
     }
   });

package/components/hook-form/RHFDateTime/types.d.ts

@@ -2,4 +2,5 @@ export interface RHFDateTimeProps {
     skeletonWidth?: string | number;
     skeletonHeight?: string | number;
     name: string;
+    withMask?: boolean;
 }

package/components/hook-form/RHFPeriod/{index.64a228d5.js → index.fa8426ac.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
 import { E as ErrorLabel } from "../../ErrorLabel/index.c8615f16.js";
-import { P as Period } from "../../Period/index.2941fbda.js";
+import { P as Period } from "../../Period/index.111600f2.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/index.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { RHFTextFieldProps } from './types';
-export declare const RHFTextField: import("react").ForwardRefExoticComponent<(Pick<RHFTextFieldProps & import("@mui/material").StandardTextFieldProps, "value" | "error" | "select" | "dir" | "label" | "slot" | "style" | "title" | "onChange" | "disabled" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "rows" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "type" | "hidden" | "name" | "placeholder" | "maxRows" | "minRows" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "classes" | "color" | "margin" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "autoFocus" | "required" | "size" | "focused" | "variant" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "SelectProps" | "skeletonVariant" | "skeletonWidth" | "skeletonHeight"> | Pick<RHFTextFieldProps & import("@mui/material").FilledTextFieldProps, "value" | "error" | "select" | "dir" | "label" | "slot" | "style" | "title" | "onChange" | "disabled" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "rows" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "type" | "hidden" | "name" | "placeholder" | "maxRows" | "minRows" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "classes" | "color" | "margin" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "autoFocus" | "required" | "size" | "focused" | "variant" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "SelectProps" | "skeletonVariant" | "skeletonWidth" | "skeletonHeight"> | Pick<RHFTextFieldProps & import("@mui/material").OutlinedTextFieldProps, "value" | "error" | "select" | "dir" | "label" | "slot" | "style" | "title" | "onChange" | "disabled" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "rows" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "type" | "hidden" | "name" | "placeholder" | "maxRows" | "minRows" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "classes" | "color" | "margin" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "autoFocus" | "required" | "size" | "focused" | "variant" | "inputProps" | "inputRef" | "fullWidth" | "hiddenLabel" | "InputProps" | "FormHelperTextProps" | "helperText" | "InputLabelProps" | "multiline" | "SelectProps" | "skeletonVariant" | "skeletonWidth" | "skeletonHeight">) & import("react").RefAttributes<HTMLInputElement>>;
+export declare const RHFTextField: import("react").ForwardRefExoticComponent<(Omit<RHFTextFieldProps & import("@mui/material").StandardTextFieldProps, "ref"> | Omit<RHFTextFieldProps & import("@mui/material").FilledTextFieldProps, "ref"> | Omit<RHFTextFieldProps & import("@mui/material").OutlinedTextFieldProps, "ref">) & import("react").RefAttributes<HTMLInputElement>>;

package/components/mui_extended/Avatar/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { AvatarProps } from './types';
-export declare const Avatar: import("react").ForwardRefExoticComponent<Pick<AvatarProps, "dir" | "slot" | "style" | "title" | "onChange" | "children" | "aria-label" | "aria-labelledby" | "tabIndex" | "key" | "onFocus" | "className" | "onMouseEnter" | "id" | "aria-rowindex" | "onScroll" | "onCopy" | "onPaste" | "aria-describedby" | "onResize" | "hidden" | "src" | "placeholder" | "aria-hidden" | "onDragStart" | "onDrag" | "onMouseDown" | "onMouseUp" | "onTouchStart" | "onTouchEnd" | "classes" | "color" | "translate" | "sx" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "draggable" | "lang" | "nonce" | "spellCheck" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-invalid" | "aria-keyshortcuts" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "alt" | "sizes" | "srcSet" | "variant" | "imgProps"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Avatar: import("react").ForwardRefExoticComponent<Omit<AvatarProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export default Avatar;

package/components/mui_extended/Button/{index.53b56958.js → index.1d13f53b.js}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
 import { I as IconButton } from "../IconButton/index.a321e5cb.js";
 import { styled as styled$1, alpha } from "@mui/material/styles";
-import { u as useBase } from "../../DynamicFilter/index.342ba5fe.js";
+import { u as useBase } from "../../DynamicFilter/index.31876c9f.js";
 import { useMemo } from "react";
 import { I as Image } from "../../Image/index.93d5f37f.js";
 const Button = (props) => {

package/components/mui_extended/MenuActions/styles.d.ts

@@ -6,7 +6,7 @@ export declare const WrapperMenuActions: import("@emotion/styled").StyledCompone
     disabled?: boolean | undefined;
     disableFocusRipple?: boolean | undefined;
     edge?: false | "end" | "start" | undefined;
-    size?: "small" | "medium" | "large" | undefined;
+    size?: "small" | "large" | "medium" | undefined;
     sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
 } & Omit<{
     action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
@@ -24,7 +24,7 @@ export declare const WrapperMenuActions: import("@emotion/styled").StyledCompone
     tabIndex?: number | undefined;
     TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
     touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "key" | keyof import("react").ButtonHTMLAttributes<HTMLButtonElement>> & {
+}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
 }, "disabled" | "children" | "tabIndex" | "action" | keyof import("@mui/material/OverridableComponent").CommonProps | "color" | "sx" | "size" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const LabelMemuItem: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/mui_extended/Pager/{index.c0865b70.js → index.72b43352.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
-import { P as PagerActions } from "../../CommonActions/components/Actions/index.0645e30f.js";
+import { P as PagerActions } from "../../CommonActions/components/Actions/index.2ce05d29.js";
 import { styled } from "@mui/material/styles";
 import { jsxs, jsx } from "react/jsx-runtime";
 styled("div")(() => ({

package/components/mui_extended/Popover/{index.705275a4.js → index.028756ac.js}

@@ -12,9 +12,9 @@ import "react-router-dom";
 import "@mui/material/Button";
 import { C as CircularProgress } from "../CircularProgress/index.ad569afd.js";
 import "@mui/lab";
-import { I as ImageButton } from "../Button/index.53b56958.js";
-import "../../CommonActions/components/Actions/index.0645e30f.js";
-import "../Pager/index.c0865b70.js";
+import { I as ImageButton } from "../Button/index.1d13f53b.js";
+import "../../CommonActions/components/Actions/index.2ce05d29.js";
+import "../Pager/index.72b43352.js";
 import "../Tab/index.e0653a0a.js";
 const ArrowStyle = styled("span")(({
   arrowType,

package/contexts/ModalContext/{index.b92fa565.js → index.cc3690d3.js}

@@ -4,9 +4,9 @@ import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { B as BoxIcon } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as ModalDialog } from "../../components/ModalDialog/index.9ea10764.js";
-import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.60ef7bd7.js";
-import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.e498eeb2.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.3e5675c4.js";
+import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.591a8195.js";
+import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.a57fcfae.js";
 import { b as getVariantColor } from "../../utils/index.214d9542.js";
 const WrapperContentConfirm = styled("div")(() => ({
   display: "flex",
@@ -86,10 +86,11 @@ function ModalProvider({
     title: "",
     iconComponent: void 0,
     contentComponent: void 0,
-    variant: void 0
+    variant: void 0,
+    fullScreen: false
   });
-  const [hasChanges, setHasChanges] = useState(false);
   const openModal = (modalOpenProps) => {
+    console.log("modal props", modalOpenProps);
     setModalOptions({
       open: true,
       ...modalOpenProps
@@ -130,19 +131,13 @@ function ModalProvider({
       ...last,
       open: false
     }));
-    setHasChanges(false);
-  };
-  const setChanges = () => {
-    setHasChanges(true);
   };
   return /* @__PURE__ */ jsxs(ModalContext.Provider, {
     value: {
       ...modalOptions,
       openModal,
       openModalConfirm,
-      closeModal,
-      hasChanges,
-      setChanges
+      closeModal
     },
     children: [children, /* @__PURE__ */ jsx(ModalDialog, {})]
   });

package/contexts/ModalContext/types.d.ts

@@ -16,6 +16,7 @@ export interface ModalOpenOptions {
     withClose?: boolean;
     variant?: VariantColor;
     onQueryClose?: () => void;
+    fullScreen?: boolean;
     title: string;
     iconComponent?: ReactNode;
     contentComponent?: ((props?: any) => JSX.Element) | ReactNode;
@@ -37,6 +38,4 @@ export interface ModalContextProps extends ModalState {
     openModal: (modalProps: ModalOpenOptions) => void;
     openModalConfirm: (modalOpenProps: OpenModalConfirmProps) => void;
     closeModal: () => void;
-    setChanges?: () => void;
-    hasChanges: boolean;
 }

package/contexts/RHFormContext/{index.b142190a.js → index.f8c00745.js}

@@ -52,6 +52,7 @@ function RHFormProvider(props) {
   return /* @__PURE__ */ jsx(FormProvider, {
     ...methods,
     children: /* @__PURE__ */ jsx(WrapperFormProvider, {
+      className: "m4l_FormProvider",
       id: "formProvider",
       onSubmit: methods.handleSubmit(onSubmit),
       children

package/hooks/useModal/{index.5fee01a3.js → index.78ee58f3.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.b92fa565.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.cc3690d3.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)

package/index.js

@@ -7,46 +7,46 @@ import "react-router-dom";
 import { L } from "./components/animate/LoadingScreen/index.1d0c4307.js";
 import "@m4l/core";
 import "react-hook-form";
-import { R, g } from "./components/hook-form/RHFAutocomplete/index.59a68f9f.js";
+import { R, g } from "./components/hook-form/RHFAutocomplete/index.de93fe01.js";
 import "react";
 import { I as I2 } from "./components/Image/index.93d5f37f.js";
 import "lodash/debounce";
 import { R as R2 } from "./components/hook-form/RHFCheckbox/index.6dcec9e2.js";
 import "@mui/x-date-pickers";
-import { R as R3 } from "./components/hook-form/RHFDateTime/index.9231a7c7.js";
+import { R as R3 } from "./components/hook-form/RHFDateTime/index.e70d2de3.js";
+import "@m4l/graphics";
 import { R as R4, a as a2 } from "./components/hook-form/RHFTextField/index.f9aaaa90.js";
 import { I as I3 } from "./components/Icon/index.619c31c4.js";
-import { R as R5 } from "./components/hook-form/RHFPeriod/index.64a228d5.js";
+import { R as R5 } from "./components/hook-form/RHFPeriod/index.fa8426ac.js";
 import { E } from "./components/ErrorLabel/index.c8615f16.js";
-import { P, g as g2 } from "./components/Period/index.2941fbda.js";
-import { b, M, d, g as g3 } from "./components/CommonActions/components/Actions/index.0645e30f.js";
+import { P, g as g2 } from "./components/Period/index.111600f2.js";
+import { b, M, d, g as g3 } from "./components/CommonActions/components/Actions/index.2ce05d29.js";
 import "@mui/material/Button";
-import { M as M2, a as a3 } from "./contexts/ModalContext/index.b92fa565.js";
+import { M as M2, a as a3 } from "./contexts/ModalContext/index.cc3690d3.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
 import { R as R6 } from "./components/hook-form/RHFUpload/index.d5cc7c13.js";
 import { A } from "./components/mui_extended/Accordion/index.a02ac6ae.js";
 import { A as A2 } from "./components/mui_extended/Avatar/index.fe06afd7.js";
-import { B, L as L2 } from "./components/mui_extended/Button/index.53b56958.js";
-import { L as L3, P as P2 } from "./components/mui_extended/Popover/index.705275a4.js";
-import { P as P3, g as g4 } from "./components/mui_extended/Pager/index.c0865b70.js";
+import { B, L as L2 } from "./components/mui_extended/Button/index.1d13f53b.js";
+import { L as L3, P as P2 } from "./components/mui_extended/Popover/index.028756ac.js";
+import { P as P3, g as g4 } from "./components/mui_extended/Pager/index.72b43352.js";
 import { T } from "./components/mui_extended/Tab/index.e0653a0a.js";
-import { D, N, T as T2, g as g5 } from "./components/DataGrid/index.76d8fd25.js";
+import { D, N, T as T2, g as g5 } from "./components/DataGrid/index.07162c02.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
-import "@m4l/graphics";
 import { S } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as D2, d as d2, g as g6 } from "./components/DynamicFilter/index.342ba5fe.js";
+import { D as D2, d as d2, g as g6 } from "./components/DynamicFilter/index.31876c9f.js";
 import "simplebar/dist/simplebar.min.css";
 import "@hookform/resolvers/yup";
-import { R as R7 } from "./contexts/RHFormContext/index.b142190a.js";
+import { R as R7 } from "./contexts/RHFormContext/index.f8c00745.js";
 import "yup";
 import "./react-draggable.20e95c61.js";
-import { M as M3, d as d3, g as g7 } from "./components/ModalDialog/index.9ea10764.js";
+import { M as M3, d as d3, g as g7 } from "./components/ModalDialog/index.3e5675c4.js";
 import { R as R8 } from "./components/Resizeable/index.45995d2b.js";
 import { N as N2, d as d4, g as g8 } from "./components/NoItemSelected/index.46d2f632.js";
-import { O, d as d5, g as g9 } from "./components/ObjectLogs/index.f941fb79.js";
+import { O, d as d5, g as g9 } from "./components/ObjectLogs/index.35dbf836.js";
 import "./react-json-view.f56a7f8e.js";
 import { P as P4 } from "./components/PaperForm/index.ec9cb8c9.js";
 import { H } from "./components/Page/index.4237c241.js";
@@ -59,7 +59,7 @@ import { v as v3 } from "./components/animate/variants/container.11f82b76.js";
 import { v as v4, a as a4, b as b2 } from "./components/animate/variants/transition.bd46b9ce.js";
 import { M as M4 } from "./components/animate/MotionContainer/index.8d9f9d80.js";
 import { M as M5 } from "./components/animate/MotionLazyContainer/index.572dd012.js";
-import { R as R9, g as g10 } from "./components/hook-form/RHFAutocompleteAsync/index.c3083062.js";
+import { R as R9, g as g10 } from "./components/hook-form/RHFAutocompleteAsync/index.ca696cce.js";
 import { R as R10 } from "./components/hook-form/RHFMultiCheckbox/index.2680b3b6.js";
 import { R as R11 } from "./components/hook-form/RHFSelect/index.b6ca8bb2.js";
 import { R as R12 } from "./components/hook-form/RHFRadioGroup/index.b3335e13.js";
@@ -68,17 +68,17 @@ import { B as B3 } from "./components/mui_extended/Breadcrumbs/index.5e37d903.js
 import { C } from "./components/mui_extended/CircularProgress/index.ad569afd.js";
 import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.16436ab8.js";
 import { T as T3 } from "./components/mui_extended/Typography/index.e5494696.js";
-import { B as B4, c } from "./components/formatters/BooleanFormatter/index.8da35c9c.js";
-import { D as D3, c as c2 } from "./components/formatters/DateFormatter/index.1b9baacc.js";
-import { P as P6, a as a5, U, e, b as b3, c as c3, d as d6, g as g11 } from "./components/formatters/index.689a8086.js";
-import { A as A3 } from "./components/CommonActions/components/ActionCancel/index.e498eeb2.js";
-import { A as A4 } from "./components/CommonActions/components/ActionIntro/index.60ef7bd7.js";
-import { A as A5 } from "./components/CommonActions/components/ActionFormCancel/index.4ff0ad73.js";
+import { B as B4, c } from "./components/formatters/BooleanFormatter/index.ae70b54f.js";
+import { D as D3, c as c2 } from "./components/formatters/DateFormatter/index.ed73f8ae.js";
+import { P as P6, a as a5, U, e, b as b3, c as c3, d as d6, g as g11 } from "./components/formatters/index.9bd10770.js";
+import { A as A3 } from "./components/CommonActions/components/ActionCancel/index.a57fcfae.js";
+import { A as A4 } from "./components/CommonActions/components/ActionIntro/index.591a8195.js";
+import { A as A5 } from "./components/CommonActions/components/ActionFormCancel/index.b8215cd2.js";
 import { A as A6 } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
 import { L as L5 } from "./components/Loadable/index.f5518558.js";
 import { S as S3 } from "./components/ScrollToTop/index.e06f98f6.js";
 import { u } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as u2 } from "./hooks/useModal/index.5fee01a3.js";
+import { u as u2 } from "./hooks/useModal/index.78ee58f3.js";
 import { L as L6 } from "./assets/Logo/index.228dcb5a.js";
 import "./utils/index.214d9542.js";
 import "./react-data-grid.d46d625e.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.28",
+  "version": "0.1.30",
   "license": "UNLICENSED",
   "dependencies": {
     "@hookform/resolvers": "^2.9.10",