@m4l/components 0.1.28 → 0.1.29

package/components/CommonActions/components/ActionCancel/{index.e498eeb2.js → index.a57fcfae.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.53b56958.js";
+import { B as Button } from "../../../mui_extended/Button/index.1d13f53b.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.4ff0ad73.js → index.b8215cd2.js}

@@ -2,9 +2,9 @@ import { useFormContext, useFormState } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.53b56958.js";
+import { B as Button } from "../../../mui_extended/Button/index.1d13f53b.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.5fee01a3.js";
+import { u as useModal } from "../../../../hooks/useModal/index.78ee58f3.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormCancel(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.60ef7bd7.js → index.591a8195.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.53b56958.js";
+import { B as Button } from "../../../mui_extended/Button/index.1d13f53b.js";
 import { jsx } from "react/jsx-runtime";
 const ActionIntro = (props) => {
   const {

package/components/CommonActions/components/Actions/{index.0645e30f.js → index.2ce05d29.js}

@@ -6,16 +6,16 @@ import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
 import { useState, useMemo, forwardRef, useRef, useImperativeHandle, useEffect, useCallback } from "react";
-import "../../../../contexts/ModalContext/index.b92fa565.js";
+import "../../../../contexts/ModalContext/index.cc3690d3.js";
 import "@mui/lab";
 import { I as IconButton$1 } from "../../../mui_extended/IconButton/index.a321e5cb.js";
-import { u as useBase, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.76d8fd25.js";
-import { P as Pager } from "../../../mui_extended/Pager/index.c0865b70.js";
+import { u as useBase, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.07162c02.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.72b43352.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
-import { u as useModal } from "../../../../hooks/useModal/index.5fee01a3.js";
-import { A as ActionCancel } from "../ActionCancel/index.e498eeb2.js";
-import { A as ActionIntro } from "../ActionIntro/index.60ef7bd7.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.705275a4.js";
+import { u as useModal } from "../../../../hooks/useModal/index.78ee58f3.js";
+import { A as ActionCancel } from "../ActionCancel/index.a57fcfae.js";
+import { A as ActionIntro } from "../ActionIntro/index.591a8195.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.028756ac.js";
 import { I as Icon } from "../../../Icon/index.619c31c4.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const WrapperStandarActions = styled("div")(({

package/components/DataGrid/{index.76d8fd25.js → index.07162c02.js}

@@ -6,9 +6,9 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton } from "@mui/material";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "../CommonActions/components/Actions/index.0645e30f.js";
-import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.9ea10764.js";
-import { g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.c0865b70.js";
+import { A as ActionsColumn, a as Actions } from "../CommonActions/components/Actions/index.2ce05d29.js";
+import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.3e5675c4.js";
+import { g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.72b43352.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/DynamicFilter/components/PopupEditFilter/styles.d.ts

@@ -3,3 +3,4 @@ export declare const WrapperPopupEditFilter: import("@emotion/styled").StyledCom
 export declare const PopperActionsContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const TitleContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const HeaderContainer: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperEditFilter: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DynamicFilter/components/fieldstypes/DateTimeFilter/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import { FilterFieldApply, Field } from '../../../types';
-import type { HostToolsType } from '@m4l/core';
-export declare const getDefaultDateTimeFilter: (field: Field, fixed: boolean, getLabel: (key: string) => string, hostTools: HostToolsType) => FilterFieldApply;
+import { Formatters } from '@m4l/graphics';
+export declare const getDefaultDateTimeFilter: (field: Field, fixed: boolean, getLabel: (key: string) => string, formatters: Formatters) => FilterFieldApply;
 export declare function DateTimeFilter(): JSX.Element;

package/components/DynamicFilter/components/fieldstypes/factory.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import type { FilterFieldApply, Field } from '../../types';
-import type { HostToolsType } from '@m4l/core';
-export declare const getDefaultFilterValues: (field: Field, fixed: boolean, getLabel: (key: string) => string, hostTools: HostToolsType) => FilterFieldApply;
+import { Formatters } from '@m4l/graphics';
+export declare const getDefaultFilterValues: (field: Field, fixed: boolean, getLabel: (key: string) => string, formatters: Formatters) => FilterFieldApply;
 export declare const PopupEditFilterComponent: (props: {
     filter: FilterFieldApply;
 }) => JSX.Element;

package/components/DynamicFilter/{index.342ba5fe.js → index.31876c9f.js}

@@ -1,25 +1,26 @@
 import { S as ScrollBar } from "../ScrollBar/index.39eeb2de.js";
 import { styled } from "@mui/material/styles";
 import { useRef, useState, useMemo, useCallback, useEffect, createContext, useContext } from "react";
-import { useModuleDictionary, useHostTools, useEnvironment, voidFunction, useFlagsPresent } from "@m4l/core";
+import { useModuleDictionary, voidFunction, useEnvironment, useHostTools, useFlagsPresent } from "@m4l/core";
 import * as Yup from "yup";
 import { useFormContext, useWatch } from "react-hook-form";
-import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.59a68f9f.js";
+import { R as RHFAutocomplete } from "../hook-form/RHFAutocomplete/index.de93fe01.js";
 import "lodash/debounce";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../hook-form/RHFCheckbox/index.6dcec9e2.js";
-import { alpha, styled as styled$1, Skeleton, MenuItem, useTheme, Popper } from "@mui/material";
+import { alpha, styled as styled$1, Skeleton, MenuItem, useTheme, Popper, ClickAwayListener } from "@mui/material";
 import "@mui/x-date-pickers";
-import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.9231a7c7.js";
+import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.e70d2de3.js";
+import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { R as RHFTextField } from "../hook-form/RHFTextField/index.f9aaaa90.js";
 import { I as Icon } from "../Icon/index.619c31c4.js";
-import "../hook-form/RHFPeriod/index.64a228d5.js";
+import "../hook-form/RHFPeriod/index.fa8426ac.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.2941fbda.js";
-import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.0645e30f.js";
+import "../Period/index.111600f2.js";
+import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
 import "@mui/material/Button";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.b92fa565.js";
+import "../../contexts/ModalContext/index.cc3690d3.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
@@ -27,12 +28,11 @@ import "../Image/index.93d5f37f.js";
 import "../hook-form/RHFUpload/index.d5cc7c13.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.a321e5cb.js";
 import "simplebar/dist/simplebar.min.css";
-import { F as FilterButton } from "../mui_extended/Button/index.53b56958.js";
-import { P as Popover } from "../mui_extended/Popover/index.705275a4.js";
-import { R as RHFormProvider } from "../../contexts/RHFormContext/index.b142190a.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e498eeb2.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.60ef7bd7.js";
-import { useResponsiveDesktop } from "@m4l/graphics";
+import { F as FilterButton } from "../mui_extended/Button/index.1d13f53b.js";
+import { P as Popover } from "../mui_extended/Popover/index.028756ac.js";
+import { R as RHFormProvider } from "../../contexts/RHFormContext/index.f8c00745.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a57fcfae.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.591a8195.js";
 const WrapperApplyedFilters = styled("div")(({
   theme
 }) => ({
@@ -378,9 +378,12 @@ const verifyDateTime = (filter) => {
   }
   return true;
 };
-const getDefaultDateTimeFilter = (field, fixed, getLabel, hostTools) => {
+const getDefaultDateTimeFilter = (field, fixed, getLabel, formatters) => {
   const defaultStartDate = new Date();
   const defaultEndDate = new Date();
+  const {
+    dateFormatter
+  } = formatters;
   let dfop1 = field.defaultOperand1;
   let dfop2 = field.defaultOperand2;
   const defaultFilter = {
@@ -416,7 +419,7 @@ const getDefaultDateTimeFilter = (field, fixed, getLabel, hostTools) => {
   }
   defaultFilter.o1 = defaultStartDate.toISOString();
   defaultFilter.o2 = defaultEndDate.toISOString();
-  defaultFilter.labelOperands = `${hostTools.formatDate(defaultStartDate, "yyyy-MM-dd HH:mm:ss")} - ${hostTools.formatDate(defaultEndDate, "yyyy-MM-dd HH:mm:ss")}`;
+  defaultFilter.labelOperands = `${dateFormatter.formatDate(defaultStartDate, formatters.dateFormatter.datetimeFormat)} - ${dateFormatter.formatDate(defaultEndDate, dateFormatter.datetimeFormat)}`;
   defaultFilter.labelOperator = getLabel(`dynamic_filter.operator_${defaultFilter.o}`);
   return defaultFilter;
 };
@@ -430,13 +433,8 @@ function DateTimeFilter() {
     getLabel
   } = useModuleDictionary();
   const {
-    formatDate
-  } = useHostTools();
-  const {
-    dfnsFormat: {
-      datetime_format
-    }
-  } = useEnvironment();
+    dateFormatter
+  } = useFormatter();
   const {
     popupData: {
       filter,
@@ -471,10 +469,10 @@ function DateTimeFilter() {
     };
     if (data.valueOperator.id === "b") {
       newFilter.o2 = data.valueOperand2.toISOString();
-      newFilter.labelOperands = `${formatDate(data.valueOperand1, datetime_format)} - ${formatDate(data.valueOperand2, datetime_format)}`;
+      newFilter.labelOperands = `${dateFormatter.formatDate(data.valueOperand1, dateFormatter.datetimeFormat)} - ${dateFormatter.formatDate(data.valueOperand2, dateFormatter.datetimeFormat)}`;
     } else {
       newFilter.o2 = newFilter.o2 ? newFilter.o2 : newFilter.o1;
-      newFilter.labelOperands = formatDate(data.valueOperand1, datetime_format);
+      newFilter.labelOperands = dateFormatter.formatDate(data.valueOperand1, dateFormatter.datetimeFormat);
     }
     return newFilter;
   }, []);
@@ -482,14 +480,10 @@ function DateTimeFilter() {
     if (!isLoaded) {
       setPoupEditValidationSchema({
         valueOperator: Yup.object().nullable().required(getLabel(`operator_required`)),
-        valueOperand1: Yup.date().test("valueOperand1", getLabel(`dynamic_filter.error_invalid_date`), (value) => {
-          return Boolean(value);
-        }),
-        valueOperand2: Yup.date().when(["valueOperator.id"], {
+        valueOperand1: Yup.date().required(getLabel(`dynamic_filter.error_invalid_date`)).typeError(getLabel(`dynamic_filter.error_invalid_date`)),
+        valueOperand2: Yup.mixed().when(["valueOperator.id"], {
           is: "b",
-          then: Yup.date().test("DOB", getLabel(`dynamic_filter.error_invalid_date`), (value) => {
-            return Boolean(value);
-          })
+          then: Yup.date().typeError(getLabel(`dynamic_filter.error_invalid_date`)).min(Yup.ref("valueOperand1"), getLabel(`dynamic_filter.error_less_than_start`))
         })
       });
     }
@@ -651,8 +645,8 @@ function NumberFilter() {
   useEffect(() => {
     inputRef.current?.focus();
   }, [isLoaded]);
-  return /* @__PURE__ */ jsxs(WrapperStringFilter, {
-    children: [isLoaded && /* @__PURE__ */ jsxs(Fragment, {
+  return /* @__PURE__ */ jsx(WrapperStringFilter, {
+    children: isLoaded && /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx(WrapperAutoComplete, {
         children: /* @__PURE__ */ jsx(RHFAutocomplete, {
           name: "valueOperator",
@@ -665,12 +659,14 @@ function NumberFilter() {
       }), /* @__PURE__ */ jsx(RHFTextField, {
         name: "valueOperand1",
         ref: inputRef,
+        type: "number",
         focused: true
       }), operator && operator.id === "b" && /* @__PURE__ */ jsx(RHFTextField, {
         name: "valueOperand2",
-        ref: inputRef
+        ref: inputRef,
+        type: "number"
       })]
-    }), "x"]
+    })
   });
 }
 const strategiesDefaultFilterValues = {
@@ -682,9 +678,9 @@ const strategiesDefaultFilterValues = {
     throw new Error("Type no defined");
   }
 };
-const getDefaultFilterValues = (field, fixed, getLabel, hostTools) => {
+const getDefaultFilterValues = (field, fixed, getLabel, formatters) => {
   const transformer = strategiesDefaultFilterValues[field.type] ?? strategiesDefaultFilterValues.__default__;
-  return transformer(field, fixed, getLabel, hostTools);
+  return transformer(field, fixed, getLabel, formatters);
 };
 const strategiesEditFilterComponent = {
   string: StringFilter,
@@ -762,7 +758,7 @@ const formatToRawFilter = (applyedFilter) => {
     o2: af.o2
   }));
 };
-const getInitialFilters = (fields, filters, getFieldByName, getLabel, hostTools) => {
+const getInitialFilters = (fields, filters, getFieldByName, getLabel, formatters) => {
   const newFilters = [];
   const fixedFields = [];
   for (let index = 0; index < filters.length; index++) {
@@ -812,7 +808,7 @@ const getInitialFilters = (fields, filters, getFieldByName, getLabel, hostTools)
     const field = fields[index];
     if (field.presence === "initialized" || field.presence === "fixed") {
       if (!filters.find((f) => f.n === field.name)) {
-        const newFilter = getDefaultFilterValues(field, field.presence === "fixed", getLabel, hostTools);
+        const newFilter = getDefaultFilterValues(field, field.presence === "fixed", getLabel, formatters);
         newFilter.id = newFilters.length + 1;
         newFilters.push(newFilter);
       }
@@ -845,7 +841,7 @@ function BaseProvider(props) {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  const hostTools = useHostTools();
+  const formatter = useFormatter();
   const all_fields = useMemo(() => {
     return {
       ...ALL_FIELDS,
@@ -867,7 +863,7 @@ function BaseProvider(props) {
   const getLabelOperator = useCallback((operator) => {
     return getLabel(`dynamic_filter.operator_${operator}`);
   }, [getLabel]);
-  const [applyedFilters, setApplyedFilters] = useState(getInitialFilters(fields, initialFilters, getFieldByName, getLabel, hostTools));
+  const [applyedFilters, setApplyedFilters] = useState(getInitialFilters(fields, initialFilters, getFieldByName, getLabel, formatter));
   const availableFields = useMemo(() => {
     const newFields = [];
     for (let index = 0; index < fields.length; index++) {
@@ -956,6 +952,7 @@ function BaseProvider(props) {
     setInEdition(true);
   }, [applyedFilters]);
   const closeMenuFields = useCallback(() => {
+    console.log("closeMenuFields");
     setOpenAnchorEl(null);
     setInEdition(false);
   }, []);
@@ -974,7 +971,7 @@ function BaseProvider(props) {
   const showPopupForAddFilter = useCallback((anchorEl, field) => {
     setPopupData({
       popupAnchorEl: anchorEl,
-      filter: getDefaultFilterValues(field, false, getLabel, hostTools),
+      filter: getDefaultFilterValues(field, false, getLabel, formatter),
       field
     });
     setInEdition(true);
@@ -1397,6 +1394,12 @@ const HeaderContainer = styled("div")(({
   alignItems: "center",
   borderBottom: `1px solid ${theme.palette.divider}`
 }));
+const WrapperEditFilter = styled("div")(() => ({
+  "& .m4l_FormProvider": {
+    padding: "0px",
+    margin: "0px"
+  }
+}));
 const PopupEditFilter = () => {
   const {
     popupValidationSchema,
@@ -1444,32 +1447,34 @@ const PopupEditFilter = () => {
     hidePopupEdit(false);
   };
   return /* @__PURE__ */ jsx(Popper, {
-    id: "Popover",
     open: Boolean(popupAnchorEl),
     anchorEl: popupAnchorEl,
     sx: {
       boxShadow: theme.customShadows.dropdown,
       borderRadius: 1
     },
-    children: /* @__PURE__ */ jsx(Fragment, {
-      children: filter && /* @__PURE__ */ jsx(RHFormProvider, {
-        onSubmit,
-        values,
-        validationSchema: popupValidationSchema,
-        children: /* @__PURE__ */ jsxs(WrapperPopupEditFilter, {
-          children: [/* @__PURE__ */ jsxs(HeaderContainer, {
-            children: [field?.urlIcon && /* @__PURE__ */ jsx(Icon, {
-              src: field.urlIcon
-            }), /* @__PURE__ */ jsx(TitleContainer, {
-              children: field?.label
+    children: /* @__PURE__ */ jsx(ClickAwayListener, {
+      onClickAway: onClose,
+      children: /* @__PURE__ */ jsx(WrapperEditFilter, {
+        children: filter && /* @__PURE__ */ jsx(RHFormProvider, {
+          onSubmit,
+          values,
+          validationSchema: popupValidationSchema,
+          children: /* @__PURE__ */ jsxs(WrapperPopupEditFilter, {
+            children: [/* @__PURE__ */ jsxs(HeaderContainer, {
+              children: [field?.urlIcon && /* @__PURE__ */ jsx(Icon, {
+                src: field.urlIcon
+              }), /* @__PURE__ */ jsx(TitleContainer, {
+                children: field?.label
+              })]
+            }), /* @__PURE__ */ jsx(PopupEditFilterComponent, {
+              filter
+            }), /* @__PURE__ */ jsxs(Actions, {
+              children: [/* @__PURE__ */ jsx(ActionCancel, {
+                onClick: onClose
+              }), /* @__PURE__ */ jsx(ActionIntro, {})]
             })]
-          }), /* @__PURE__ */ jsx(PopupEditFilterComponent, {
-            filter
-          }), /* @__PURE__ */ jsxs(Actions, {
-            children: [/* @__PURE__ */ jsx(ActionCancel, {
-              onClick: onClose
-            }), /* @__PURE__ */ jsx(ActionIntro, {})]
-          })]
+          })
         })
       })
     })

package/components/ModalDialog/{index.9ea10764.js → index.3e5675c4.js}

@@ -1,6 +1,6 @@
 import { Dialog, IconButton, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.20e95c61.js";
-import { u as useModal } from "../../hooks/useModal/index.5fee01a3.js";
+import { u as useModal } from "../../hooks/useModal/index.78ee58f3.js";
 import { styled } from "@mui/material/styles";
 import { a as getThemeVariantColor } from "../../utils/index.214d9542.js";
 import { R as Resizeable } from "../Resizeable/index.45995d2b.js";
@@ -8,7 +8,7 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { I as Icon } from "../Icon/index.619c31c4.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.0645e30f.js";
+import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",
@@ -129,7 +129,8 @@ const ModalDialog = () => {
     closeModal,
     iconComponent,
     actions,
-    variant
+    variant,
+    fullScreen
   } = useModal();
   const isDesktop = useResponsiveDesktop();
   const onCloseModal = () => {
@@ -162,6 +163,7 @@ const ModalDialog = () => {
     PaperComponent: isDesktop ? DragabblePaperComponent : PaperComponent,
     maxWidth: false,
     fullWidth: !isDesktop,
+    fullScreen,
     children: [isDesktop && /* @__PURE__ */ jsx(Resizeable, {
       width: initialWidth,
       height: initialHeigth,

package/components/ObjectLogs/{index.f941fb79.js → index.35dbf836.js}

@@ -1,14 +1,15 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.76d8fd25.js";
-import { D as DateFormatter } from "../formatters/DateFormatter/index.1b9baacc.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.07162c02.js";
+import { D as DateFormatter } from "../formatters/DateFormatter/index.ed73f8ae.js";
 import { Tooltip, IconButton } from "@mui/material";
+import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.f56a7f8e.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.5fee01a3.js";
+import { u as useModal } from "../../hooks/useModal/index.78ee58f3.js";
 import { I as Icon } from "../Icon/index.619c31c4.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.342ba5fe.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.31876c9f.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",
@@ -60,6 +61,9 @@ function DetailDialog(props) {
   const {
     networkOperation
   } = useNetwork();
+  const {
+    hostThemeOptions
+  } = useHostTheme();
   const [detail, setDetail] = useState({});
   useEffect(() => {
     let mounted = true;
@@ -76,9 +80,11 @@ function DetailDialog(props) {
       mounted = false;
     };
   }, []);
+  const modeTheme = hostThemeOptions.palette?.mode;
   return /* @__PURE__ */ jsx(Container, {
     id: "objectLogsDetail",
     children: /* @__PURE__ */ jsx(ReactJson, {
+      theme: modeTheme === "dark" ? "summerfruit" : "rjv-default",
       name: null,
       sortKeys: true,
       displayDataTypes: false,
@@ -102,6 +108,7 @@ function DetailFormatter(props) {
     host_static_assets,
     environment_assets
   } = useEnvironment();
+  const isDesktop = useResponsiveDesktop();
   const onClickDetail = () => {
     openModal({
       onQueryClose: () => closeModal(),
@@ -111,7 +118,8 @@ function DetailFormatter(props) {
       }),
       contentComponent: /* @__PURE__ */ jsx(DetailDialog, {
         log_id
-      })
+      }),
+      fullScreen: !isDesktop ? true : false
     });
   };
   return /* @__PURE__ */ jsx(Tooltip, {
@@ -162,11 +170,13 @@ function ObjectLogs(props) {
   }, {
     key: "resource_name",
     name: getLabel("object_logs.resource_name"),
-    type: "string"
+    type: "string",
+    width: 120
   }, {
     key: "log_preview",
     name: getLabel("object_logs.log_preview"),
-    type: "string"
+    type: "string",
+    width: 250
   }, {
     key: "Detail",
     name: getLabel("object_logs.log_detail"),
@@ -175,7 +185,8 @@ function ObjectLogs(props) {
   }, {
     key: "ip",
     name: getLabel("object_logs.ip"),
-    type: "string"
+    type: "string",
+    width: 120
   }], [getLabel]);
   const {
     pagerState,

package/components/Period/{index.2941fbda.js → index.111600f2.js}

@@ -3,11 +3,11 @@ import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
 import { I as Icon } from "../Icon/index.619c31c4.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.0645e30f.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.2ce05d29.js";
 import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.b92fa565.js";
+import "../../contexts/ModalContext/index.cc3690d3.js";
 import "@mui/lab";
 const ContainerPeriod = styled("div")(({
   theme,

package/components/formatters/BooleanFormatter/{index.8da35c9c.js → index.ae70b54f.js}

@@ -2,6 +2,7 @@ import { useModuleDictionary, useEnvironment, getPropertyByString } from "@m4l/c
 import React from "react";
 import { I as Icon } from "../../Icon/index.619c31c4.js";
 import { jsx } from "react/jsx-runtime";
+import "@m4l/graphics";
 function BooleanFormatter(props) {
   const {
     presentationType,

package/components/formatters/DateFormatter/{index.1b9baacc.js → index.ed73f8ae.js}

@@ -1,8 +1,9 @@
 import React from "react";
-import { useEnvironment, useHostTools, getPropertyByString } from "@m4l/core";
+import { getPropertyByString } from "@m4l/core";
 import "../../Icon/index.619c31c4.js";
 import "@mui/material/styles";
 import { jsx, Fragment } from "react/jsx-runtime";
+import { useFormatter } from "@m4l/graphics";
 function DateFormatter(props) {
   const {
     presentationType,
@@ -11,12 +12,9 @@ function DateFormatter(props) {
     Component = React.Fragment
   } = props;
   const {
-    dfnsFormat
-  } = useEnvironment();
-  const {
-    formatDate
-  } = useHostTools();
-  let finalFormat = format || dfnsFormat.datetime_format;
+    dateFormatter
+  } = useFormatter();
+  let finalFormat = format || dateFormatter.datetimeFormat;
   let result;
   let resultDate;
   if (value === void 0 || value === null) {
@@ -26,13 +24,13 @@ function DateFormatter(props) {
   }
   switch (presentationType) {
     case "datetime":
-      finalFormat = format || dfnsFormat.datetime_format;
+      finalFormat = format || dateFormatter.datetimeFormat;
       break;
     case "date":
-      finalFormat = format || dfnsFormat.date_format;
+      finalFormat = format || dateFormatter.dateFormat;
       break;
     case "time":
-      finalFormat = format || dfnsFormat.time_format;
+      finalFormat = format || dateFormatter.timeFormat;
       break;
   }
   try {
@@ -41,7 +39,7 @@ function DateFormatter(props) {
     } else {
       resultDate = value;
     }
-    result = formatDate(resultDate, finalFormat);
+    result = dateFormatter.formatDate(resultDate, finalFormat);
   } catch (e) {
     result = "err_typing";
   }

package/components/formatters/{index.689a8086.js → index.9bd10770.js}

@@ -3,6 +3,7 @@ import { jsx, Fragment } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import "../Icon/index.619c31c4.js";
 import "@mui/material/styles";
+import "@m4l/graphics";
 function UncertaintyFormatter(props) {
   const {
     value,

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/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/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.29",
   "license": "UNLICENSED",
   "dependencies": {
     "@hookform/resolvers": "^2.9.10",