@m4l/components 0.1.16 → 0.1.18

package/components/CommonActions/components/ActionCancel/{index.da4bb535.js → index.7e947996.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary as n } from "@m4l/core";
-import { B as r } from "../../../mui_extended/Button/index.ce236540.js";
+import { B as r } from "../../../mui_extended/Button/index.3debb608.js";
 import { jsx as i } from "react/jsx-runtime";
 const m = (o) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.9362b6d7.js → index.63405f6c.js}

@@ -2,9 +2,9 @@ import { useFormContext as f, useFormState as p } from "react-hook-form";
 import { useNavigate as C } from "react-router-dom";
 import { useModuleDictionary as g, useModuleSkeleton as d } from "@m4l/core";
 import { Skeleton as k } from "@mui/material";
-import { B as _ } from "../../../mui_extended/Button/index.ce236540.js";
+import { B as _ } from "../../../mui_extended/Button/index.3debb608.js";
 import { useCallback as v } from "react";
-import { u as h } from "../../../../hooks/useModal/index.d72accf7.js";
+import { u as h } from "../../../../hooks/useModal/index.cdd84702.js";
 import { jsx as r } from "react/jsx-runtime";
 function A(n) {
   const {

package/components/CommonActions/components/ActionIntro/{index.4f20aab4.js → index.bac90f39.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary as r } from "@m4l/core";
-import { B as n } from "../../../mui_extended/Button/index.ce236540.js";
+import { B as n } from "../../../mui_extended/Button/index.3debb608.js";
 import { jsx as i } from "react/jsx-runtime";
 const e = (o) => {
   const {

package/components/CommonActions/components/Actions/{index.2dd9c528.js → index.6b25caed.js}

@@ -2,20 +2,20 @@ import { jsx as e, jsxs as b, Fragment as W } from "react/jsx-runtime";
 import { styled as p } from "@mui/material/styles";
 import { useEnvironment as k, useModuleDictionary as T } from "@m4l/core";
 import "@mui/material/Button";
-import "../../../mui_extended/Button/index.ce236540.js";
+import "../../../mui_extended/Button/index.3debb608.js";
 import "react-hook-form";
 import "react-router-dom";
 import { IconButton as nt, Tooltip as et, MenuItem as it, Skeleton as S, Checkbox as ot } from "@mui/material";
 import { useState as L, useMemo as w, forwardRef as st, useRef as B, useImperativeHandle as rt, useEffect as at, useCallback as j } from "react";
-import "../../../../contexts/ModalContext/index.0f9e02ca.js";
+import "../../../../contexts/ModalContext/index.1688a07c.js";
 import "@mui/lab";
 import { I as v } from "../../../mui_extended/IconButton/index.88f3aadb.js";
-import { u as I, a as lt, O as ct } from "../../../DataGrid/index.551f8e82.js";
-import { P as dt } from "../../../mui_extended/Pager/index.b636ff30.js";
+import { u as I, a as lt, O as ct } from "../../../DataGrid/index.091572bf.js";
+import { P as dt } from "../../../mui_extended/Pager/index.f0911163.js";
 import { D as pt } from "../../../../react-data-grid.d46d625e.js";
-import { u as gt } from "../../../../hooks/useModal/index.d72accf7.js";
-import { A as ft } from "../ActionCancel/index.da4bb535.js";
-import { A as ut } from "../ActionIntro/index.4f20aab4.js";
+import { u as gt } from "../../../../hooks/useModal/index.cdd84702.js";
+import { A as ft } from "../ActionCancel/index.7e947996.js";
+import { A as ut } from "../ActionIntro/index.bac90f39.js";
 import { M as mt } from "../../../mui_extended/MenuPopover/index.488fc536.js";
 import { I as N } from "../../../Icon/index.cbca79b0.js";
 import { useResponsiveDesktop as ht } from "@m4l/graphics";

package/components/DataGrid/{index.551f8e82.js → index.091572bf.js}

@@ -6,9 +6,9 @@ import { HTML5Backend as ge } from "react-dnd-html5-backend";
 import { SvgIcon as B, Checkbox as fe, InputBase as he, Skeleton as pe } from "@mui/material";
 import { jsx as d, jsxs as Q } from "react/jsx-runtime";
 import { voidFunction as I, useModuleDictionary as we, useModuleSkeleton as me } from "@m4l/core";
-import { A as ye, a as Ce } from "../CommonActions/components/Actions/index.2dd9c528.js";
-import { g as be, d as ve } from "../ModalDialog/index.79c802d0.js";
-import { g as xe, d as Re } from "../mui_extended/Pager/index.b636ff30.js";
+import { A as ye, a as Ce } from "../CommonActions/components/Actions/index.6b25caed.js";
+import { g as be, d as ve } from "../ModalDialog/index.0ddffae6.js";
+import { g as xe, d as Re } from "../mui_extended/Pager/index.f0911163.js";
 const Se = A("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/DynamicFilter/{index.1fbc198a.js → index.7efecd5d.js}

@@ -4,7 +4,7 @@ import { useRef as me, useState as S, useMemo as E, useCallback as _, useEffect
 import { useModuleDictionary as $, useHostTools as z, useEnvironment as j, voidFunction as V, useFlagsPresent as He } from "@m4l/core";
 import * as w from "yup";
 import { useFormContext as M, useWatch as ge } from "react-hook-form";
-import { F as Ke } from "../hook-form/FormProvider/index.257acd9f.js";
+import { F as Ke } from "../hook-form/FormProvider/index.936cbb98.js";
 import { jsx as r, jsxs as C, Fragment as A } from "react/jsx-runtime";
 import { R } from "../hook-form/RHFAutocomplete/index.6ed76d4c.js";
 import { alpha as ze, styled as be, Skeleton as Fe, MenuItem as Ye, useTheme as Ge, Popper as Ue } from "@mui/material";
@@ -13,15 +13,15 @@ import "../hook-form/RHFCheckbox/index.f9ce6c39.js";
 import { R as ee } from "../hook-form/RHFDateTime/index.fc5cbafe.js";
 import "@mui/x-date-pickers";
 import { R as Y } from "../hook-form/RHFTextField/index.4c455f75.js";
-import "../hook-form/RHFPeriod/index.342a725f.js";
+import "../hook-form/RHFPeriod/index.0b982ae8.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.4e2d0244.js";
+import "../Period/index.8423f865.js";
 import { I as he } from "../Icon/index.cbca79b0.js";
-import { L as Je, b as Qe, g as Xe } from "../CommonActions/components/Actions/index.2dd9c528.js";
+import { L as Je, b as Qe, g as Xe } from "../CommonActions/components/Actions/index.6b25caed.js";
 import "@mui/material/Button";
-import { F as te } from "../mui_extended/Button/index.ce236540.js";
+import { F as te } from "../mui_extended/Button/index.3debb608.js";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.0f9e02ca.js";
+import "../../contexts/ModalContext/index.1688a07c.js";
 import "@mui/lab";
 import "../../lodash.e09401f0.js";
 import "react-dropzone";
@@ -31,8 +31,8 @@ import "../hook-form/RHFUpload/index.ed3d739f.js";
 import { I as G } from "../mui_extended/IconButton/index.88f3aadb.js";
 import "simplebar/dist/simplebar.min.css";
 import { M as Ze } from "../mui_extended/MenuPopover/index.488fc536.js";
-import { A as et } from "../CommonActions/components/ActionCancel/index.da4bb535.js";
-import { A as tt } from "../CommonActions/components/ActionIntro/index.4f20aab4.js";
+import { A as et } from "../CommonActions/components/ActionCancel/index.7e947996.js";
+import { A as tt } from "../CommonActions/components/ActionIntro/index.bac90f39.js";
 import { useResponsiveDesktop as rt } from "@m4l/graphics";
 const re = h("div")(({
   theme: e

package/components/LanguagePopover/{index.f28a7043.js → index.15f7dea7.js}

@@ -10,11 +10,11 @@ import "../mui_extended/Accordion/index.2116e423.js";
 import "../mui_extended/Avatar/index.0a2a4523.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.ce236540.js";
+import "../mui_extended/Button/index.3debb608.js";
 import "@mui/lab";
 import { M as k } from "../mui_extended/MenuPopover/index.488fc536.js";
-import "../CommonActions/components/Actions/index.2dd9c528.js";
-import "../mui_extended/Pager/index.b636ff30.js";
+import "../CommonActions/components/Actions/index.6b25caed.js";
+import "../mui_extended/Pager/index.f0911163.js";
 import "../mui_extended/Tab/index.e0653a0a.js";
 const I = d("div")(({
   theme: t

package/components/ModalDialog/{index.79c802d0.js → index.0ddffae6.js}

@@ -1,6 +1,6 @@
 import { Dialog as b, IconButton as w, Paper as v } from "@mui/material";
 import { c as D } from "../../react-draggable.20e95c61.js";
-import { u as $ } from "../../hooks/useModal/index.d72accf7.js";
+import { u as $ } from "../../hooks/useModal/index.cdd84702.js";
 import { styled as s } from "@mui/material/styles";
 import { a as x } from "../../utils/index.214d9542.js";
 import { R as M } from "../Resizeable/index.45995d2b.js";
@@ -8,7 +8,7 @@ import { useResponsiveDesktop as H } from "@m4l/graphics";
 import { useEnvironment as I } from "@m4l/core";
 import { I as C } from "../Icon/index.cbca79b0.js";
 import { jsxs as h, jsx as n } from "react/jsx-runtime";
-import { b as W, g as _ } from "../CommonActions/components/Actions/index.2dd9c528.js";
+import { b as W, g as _ } from "../CommonActions/components/Actions/index.6b25caed.js";
 const j = s(b)(() => ({})), k = s("div")(({ theme: o }) => ({
   display: "flex",
   flexDirection: "column",

package/components/ObjectLogs/{index.be4e5cd2.js → index.64f06b3d.js}

@@ -1,14 +1,14 @@
 import { useState as _, useEffect as f, useCallback as d, useMemo as $ } from "react";
 import { useNetwork as k, useModuleDictionary as y, useEnvironment as h, usePaginate as O } from "@m4l/core";
 import { styled as g } from "@mui/material/styles";
-import { D as R, g as I } from "../DataGrid/index.551f8e82.js";
+import { D as R, g as I } from "../DataGrid/index.091572bf.js";
 import { D as L } from "../formatters/DateFormatter/index.ad8d9b8e.js";
 import { Tooltip as G, IconButton as M } from "@mui/material";
 import { R as S } from "../../react-json-view.f56a7f8e.js";
 import { jsx as t, jsxs as A } from "react/jsx-runtime";
-import { u as T } from "../../hooks/useModal/index.d72accf7.js";
+import { u as T } from "../../hooks/useModal/index.cdd84702.js";
 import { I as u } from "../Icon/index.cbca79b0.js";
-import { D as E, g as K } from "../DynamicFilter/index.1fbc198a.js";
+import { D as E, g as K } from "../DynamicFilter/index.7efecd5d.js";
 const q = g("div")(() => ({
   height: "100%",
   width: "100%",

package/components/Period/{index.4e2d0244.js → index.8423f865.js}

@@ -3,12 +3,12 @@ import { styled as a, Skeleton as d, Autocomplete as $, TextField as x } from "@
 import { useMemo as D } from "react";
 import { I as v } from "../Icon/index.cbca79b0.js";
 import { jsxs as u, jsx as n } from "react/jsx-runtime";
-import { g as O } from "../CommonActions/components/Actions/index.2dd9c528.js";
+import { g as O } from "../CommonActions/components/Actions/index.6b25caed.js";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.ce236540.js";
+import "../mui_extended/Button/index.3debb608.js";
 import "react-hook-form";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.0f9e02ca.js";
+import "../../contexts/ModalContext/index.1688a07c.js";
 import "@mui/lab";
 const S = a("div")(({
   theme: t,

package/components/hook-form/FormProvider/{index.257acd9f.js → index.936cbb98.js}

@@ -2,21 +2,21 @@ import { useEffect as l } from "react";
 import { useForm as f, FormProvider as m } from "react-hook-form";
 import { o as c } from "../../../node_modules.168cb897.js";
 import { styled as n } from "@mui/material/styles";
-import { jsx as d } from "react/jsx-runtime";
-const p = n("form")(({
+import { jsx as a } from "react/jsx-runtime";
+const h = n("form")(({
   theme: e
 }) => ({
   display: "flex",
-  paddingTop: e.spacing(1),
   marginBottom: e.spacing(1),
   flexDirection: "column",
   width: "100%",
-  overflow: "scroll"
+  overflow: "scroll",
+  maxWidth: e.stretch ? "unset" : "900px"
 }));
 function V(e) {
   const {
-    children: i,
-    onSubmit: t,
+    children: d,
+    onSubmit: i,
     values: s,
     validationSchema: u,
     statusLoad: o = "ready"
@@ -26,8 +26,8 @@ function V(e) {
   });
   return l(() => {
     if (console.log("useEffect FormProvider reload_values_provider===", o), o === "reload_values_provider") {
-      Object.keys(s).forEach((a) => {
-        r.setValue(a, s[a], {
+      Object.keys(s).forEach((t) => {
+        r.setValue(t, s[t], {
           shouldValidate: !1,
           shouldDirty: !1,
           shouldTouch: !1
@@ -41,12 +41,12 @@ function V(e) {
       shouldDirty: !1,
       shouldTouch: !1
     }));
-  }, [o]), /* @__PURE__ */ d(m, {
+  }, [o]), /* @__PURE__ */ a(m, {
     ...r,
-    children: /* @__PURE__ */ d(p, {
+    children: /* @__PURE__ */ a(h, {
       id: "formProvider",
-      onSubmit: r.handleSubmit(t),
-      children: i
+      onSubmit: r.handleSubmit(i),
+      children: d
     })
   });
 }

package/components/hook-form/RHFPeriod/{index.342a725f.js → index.0b982ae8.js}

@@ -1,7 +1,7 @@
 import { styled as m } from "@mui/material";
 import { useFormContext as a, Controller as l } from "react-hook-form";
 import { E as f } from "../../ErrorLabel/index.c8615f16.js";
-import { P as p } from "../../Period/index.4e2d0244.js";
+import { P as p } from "../../Period/index.8423f865.js";
 import { jsx as t, jsxs as c } from "react/jsx-runtime";
 const d = m("div")(({
   theme: e

package/components/mui_extended/Button/{index.ce236540.js → index.3debb608.js}

@@ -5,7 +5,7 @@ import { jsx as i } from "react/jsx-runtime";
 import { LoadingButton as h } from "@mui/lab";
 import { styled as s, alpha as g } from "@mui/material/styles";
 import { I as y } from "../IconButton/index.88f3aadb.js";
-import { u as B } from "../../DynamicFilter/index.1fbc198a.js";
+import { u as B } from "../../DynamicFilter/index.7efecd5d.js";
 import { useMemo as v } from "react";
 const S = f(a)(({
   theme: t

package/components/mui_extended/Pager/{index.b636ff30.js → index.f0911163.js}

@@ -1,6 +1,6 @@
 import { useMemo as y } from "react";
 import { Skeleton as i, TablePagination as R } from "@mui/material";
-import { P as S } from "../../CommonActions/components/Actions/index.2dd9c528.js";
+import { P as S } from "../../CommonActions/components/Actions/index.6b25caed.js";
 import { styled as a } from "@mui/material/styles";
 import { jsxs as l, jsx as e } from "react/jsx-runtime";
 a("div")(() => ({

package/contexts/ModalContext/{index.0f9e02ca.js → index.1688a07c.js}

@@ -4,9 +4,9 @@ import { Typography as I } from "@mui/material";
 import { styled as c } from "@mui/material/styles";
 import { B as _ } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx as t, jsxs as f, Fragment as k } from "react/jsx-runtime";
-import { M as $ } from "../../components/ModalDialog/index.79c802d0.js";
-import { A as b } from "../../components/CommonActions/components/ActionIntro/index.4f20aab4.js";
-import { A } from "../../components/CommonActions/components/ActionCancel/index.da4bb535.js";
+import { M as $ } from "../../components/ModalDialog/index.0ddffae6.js";
+import { A as b } from "../../components/CommonActions/components/ActionIntro/index.bac90f39.js";
+import { A } from "../../components/CommonActions/components/ActionCancel/index.7e947996.js";
 import { b as j } from "../../utils/index.214d9542.js";
 const D = c("div")(() => ({
   display: "flex",

package/hooks/useModal/{index.d72accf7.js → index.cdd84702.js}

@@ -1,5 +1,5 @@
 import { useContext as o } from "react";
-import { M as t } from "../../contexts/ModalContext/index.0f9e02ca.js";
+import { M as t } from "../../contexts/ModalContext/index.1688a07c.js";
 const s = () => o(t);
 export {
   s as u

package/index.js

@@ -5,7 +5,7 @@ import "react/jsx-runtime";
 import { L as U } from "./components/animate/LoadingScreen/index.f1cec7db.js";
 import "react";
 import "react-hook-form";
-import { F as k } from "./components/hook-form/FormProvider/index.257acd9f.js";
+import { F as k } from "./components/hook-form/FormProvider/index.936cbb98.js";
 import "@m4l/core";
 import { R as z } from "./components/hook-form/RHFAutocomplete/index.6ed76d4c.js";
 import { R as W } from "./components/hook-form/RHFAutocompleteAsync/index.8f2c97ea.js";
@@ -13,16 +13,16 @@ import { R as w } from "./components/hook-form/RHFCheckbox/index.f9ce6c39.js";
 import { R as K } from "./components/hook-form/RHFDateTime/index.fc5cbafe.js";
 import "@mui/x-date-pickers";
 import { R as X } from "./components/hook-form/RHFTextField/index.4c455f75.js";
-import { R as Z } from "./components/hook-form/RHFPeriod/index.342a725f.js";
+import { R as Z } from "./components/hook-form/RHFPeriod/index.0b982ae8.js";
 import { E as $ } from "./components/ErrorLabel/index.c8615f16.js";
-import { P as ro, g as to } from "./components/Period/index.4e2d0244.js";
+import { P as ro, g as to } from "./components/Period/index.8423f865.js";
 import { I as eo } from "./components/Icon/index.cbca79b0.js";
 import "@mui/material/styles";
-import { b as so, M as po, d as io, g as no } from "./components/CommonActions/components/Actions/index.2dd9c528.js";
+import { b as so, M as po, d as io, g as no } from "./components/CommonActions/components/Actions/index.6b25caed.js";
 import "@mui/material/Button";
-import { B as fo, L as co } from "./components/mui_extended/Button/index.ce236540.js";
+import { B as fo, L as co } from "./components/mui_extended/Button/index.3debb608.js";
 import "react-router-dom";
-import { M as go, a as uo } from "./contexts/ModalContext/index.0f9e02ca.js";
+import { M as go, a as uo } from "./contexts/ModalContext/index.1688a07c.js";
 import "@mui/lab";
 import "./lodash.e09401f0.js";
 import "react-dropzone";
@@ -32,23 +32,23 @@ import { R as Ro } from "./components/hook-form/RHFUpload/index.ed3d739f.js";
 import { A as Po } from "./components/mui_extended/Accordion/index.2116e423.js";
 import { A as Lo } from "./components/mui_extended/Avatar/index.0a2a4523.js";
 import { M as vo } from "./components/mui_extended/MenuPopover/index.488fc536.js";
-import { P as Bo, g as Io } from "./components/mui_extended/Pager/index.b636ff30.js";
+import { P as Bo, g as Io } from "./components/mui_extended/Pager/index.f0911163.js";
 import { T as Ho } from "./components/mui_extended/Tab/index.e0653a0a.js";
 import "@m4l/graphics";
 import { C as Eo } from "./components/CompanyLogo/index.f81c179c.js";
-import { D as ho, N as Oo, T as Uo, g as jo } from "./components/DataGrid/index.551f8e82.js";
+import { D as ho, N as Oo, T as Uo, g as jo } from "./components/DataGrid/index.091572bf.js";
 import "react-dnd";
 import "react-dnd-html5-backend";
 import { S as Go } from "./components/ScrollBar/index.39eeb2de.js";
-import { D as Vo, d as Wo, g as qo } from "./components/DynamicFilter/index.1fbc198a.js";
+import { D as Vo, d as Wo, g as qo } from "./components/DynamicFilter/index.7efecd5d.js";
 import "simplebar/dist/simplebar.min.css";
 import "yup";
-import { L as Jo } from "./components/LanguagePopover/index.f28a7043.js";
+import { L as Jo } from "./components/LanguagePopover/index.15f7dea7.js";
 import "./react-draggable.20e95c61.js";
-import { M as Qo, d as Xo, g as Yo } from "./components/ModalDialog/index.79c802d0.js";
+import { M as Qo, d as Xo, g as Yo } from "./components/ModalDialog/index.0ddffae6.js";
 import { R as _o } from "./components/Resizeable/index.45995d2b.js";
 import { N as or, d as rr, g as tr } from "./components/NoItemSelected/index.12f0ca67.js";
-import { O as er, d as mr, g as sr } from "./components/ObjectLogs/index.be4e5cd2.js";
+import { O as er, d as mr, g as sr } from "./components/ObjectLogs/index.64f06b3d.js";
 import "./react-json-view.f56a7f8e.js";
 import { P as ir } from "./components/PaperForm/index.d7c74064.js";
 import { P as xr } from "./components/Page/index.6d69977e.js";
@@ -71,14 +71,14 @@ import { T as Vr } from "./components/mui_extended/Typography/index.0c4604b3.js"
 import { B as qr, c as wr } from "./components/formatters/BooleanFormatter/index.cca53b7f.js";
 import { D as Kr, c as Qr } from "./components/formatters/DateFormatter/index.ad8d9b8e.js";
 import { P as Yr, a as Zr, U as _r, e as $r, b as ot, c as rt, d as tt, g as at } from "./components/formatters/index.55856d65.js";
-import { A as mt } from "./components/CommonActions/components/ActionCancel/index.da4bb535.js";
-import { A as pt } from "./components/CommonActions/components/ActionIntro/index.4f20aab4.js";
-import { A as nt } from "./components/CommonActions/components/ActionFormCancel/index.9362b6d7.js";
+import { A as mt } from "./components/CommonActions/components/ActionCancel/index.7e947996.js";
+import { A as pt } from "./components/CommonActions/components/ActionIntro/index.bac90f39.js";
+import { A as nt } from "./components/CommonActions/components/ActionFormCancel/index.63405f6c.js";
 import { A as ft } from "./components/CommonActions/components/ActionFormIntro/index.ca4d2674.js";
 import { L as lt } from "./components/Loadable/index.f5518558.js";
 import { S as gt } from "./components/ScrollToTop/index.e06f98f6.js";
 import { u as Ft } from "./hooks/useFormAddEdit/index.d4845f1a.js";
-import { u as yt } from "./hooks/useModal/index.d72accf7.js";
+import { u as yt } from "./hooks/useModal/index.cdd84702.js";
 import { L as At } from "./assets/Logo/index.228dcb5a.js";
 import "./node_modules.168cb897.js";
 import "./utils/index.214d9542.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "0.1.16",
+  "version": "0.1.18",
   "license": "UNLICENSED",
   "dependencies": {
     "@m4l/core": "*",
@@ -17,7 +17,6 @@
     "@types/react": "^17.0.0 || ^18.0.0",
     "@types/react-dom": "^17.0.0 || ^18.0.0",
     "framer-motion": "^6.5.0",
-    "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-dropzone": "^14.2.2",
     "react-helmet-async": "^1.3.0",