@m4l/components 0.2.19 → 0.2.21

package/components/hook-form/RHFColorPicker/{index.bcc1eced.js → index.c069ef4d.js}

@@ -1,7 +1,7 @@
 import { useState } from "react";
-import { useFormContext, Controller } from "react-hook-form";
+import { useFormContext, useWatch, Controller } from "react-hook-form";
 import { useModuleSkeleton, useEnvironment, useModuleDictionary } from "@m4l/core";
-import { S as SketchPicker } from "../../../node_modules.bb836860.js";
+import { S as SketchPicker } from "../../../node_modules.448153f1.js";
 import "lodash-es/debounce";
 import "lodash-es/each";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -10,8 +10,8 @@ import { generateUtilityClasses, generateUtilityClass, styled, Skeleton as Skele
 import { unstable_composeClasses } from "@mui/base";
 import { useTheme } from "@mui/material/styles";
 import { P as Popover } from "../../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../../Icon/index.282c5b58.js";
-import { B as Button } from "../../mui_extended/Button/index.5c68764a.js";
+import { I as Icon } from "../../Icon/index.770f86ae.js";
+import { B as Button } from "../../mui_extended/Button/index.928f05b7.js";
 const componentName = "M4LRHFColorPicker";
 const colorPickerClasses = generateUtilityClasses(componentName, [
   "root",
@@ -55,8 +55,7 @@ const RHFColorPicker = (props) => {
   } = props;
   const {
     control,
-    setValue,
-    getValues
+    setValue
   } = useFormContext();
   const isSkeleton = useModuleSkeleton();
   const {
@@ -64,13 +63,17 @@ const RHFColorPicker = (props) => {
     environment_assets
   } = useEnvironment();
   const theme = useTheme();
-  const currentColor = getValues(name);
+  const currentColor = useWatch({
+    name,
+    control
+  });
   const [tempColor, setTempColor] = useState(() => currentColor || "#ffffff");
   const [anchorEl, setAnchorEl] = useState(null);
   const {
     getLabel
   } = useModuleDictionary();
   const handleColorChange = (color) => {
+    console.log("react color pick", color.hex);
     setTempColor(color.hex);
   };
   const handleApprove = () => {

package/components/hook-form/RHFDateTime/{index.fa80a8cb.js → index.97bd36d7.js}

@@ -11,7 +11,7 @@ import clsx from "clsx";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { I as Icon } from "../../Icon/index.282c5b58.js";
+import { I as Icon } from "../../Icon/index.770f86ae.js";
 const SKTRHFWrapperTextField = styled("div")(({
   theme
 }) => ({

package/components/hook-form/RHFPeriod/{index.d320e56f.js → index.4e10efa3.js}

@@ -3,7 +3,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { unstable_composeClasses } from "@mui/base";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { P as Period } from "../../Period/index.8e118051.js";
+import { P as Period } from "../../Period/index.3c7e8590.js";
 const RHFPeriodRoot = styled("div")(({
   theme
 }) => ({
@@ -55,7 +55,6 @@ const RHFPeriod = (props) => {
         error
       }
     }) => {
-      console.log("value RHFPeriod", value);
       return /* @__PURE__ */ jsxs(RHFPeriodRoot, {
         className: classes.root,
         children: [/* @__PURE__ */ jsx(Period, {

package/components/hook-form/RHFTextField/{index.ab689d7d.js → index.78934e84.js}

@@ -1,13 +1,13 @@
 import { useModuleSkeleton, useEnvironment } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, TextField, InputAdornment, generateUtilityClass } from "@mui/material";
 import { forwardRef, useState, useEffect } from "react";
-import { I as IconButton } from "../../mui_extended/IconButton/index.a719445f.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.023c369f.js";
 import { useFormContext, Controller } from "react-hook-form";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.9ad3909a.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.79b6a2c1.js";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 import { useResponsiveDesktop } from "@m4l/graphics";

package/components/hook-form/RHFUpload/{index.e251c9b6.js → index.7178a50b.js}

@@ -2,7 +2,7 @@ import { useCallback } from "react";
 import { useFormContext, Controller } from "react-hook-form";
 import require$$0 from "lodash/isString";
 import { useDropzone } from "react-dropzone";
-import { I as Image } from "../../Image/index.8915f577.js";
+import { I as Image } from "../../Image/index.6dd3b128.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass, styled as styled$1 } from "@mui/material";
@@ -10,7 +10,7 @@ import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import { T as Typography } from "../../mui_extended/Typography/index.379dd374.js";
-import { B as Button } from "../../mui_extended/Button/index.5c68764a.js";
+import { B as Button } from "../../mui_extended/Button/index.928f05b7.js";
 import { H as HelperText } from "../../HelperText/index.7d2afdb3.js";
 const UploadImageRoot = styled("div")(({
   theme

package/components/index.d.ts

@@ -24,7 +24,6 @@ export * from './LanguagePopover';
 export * from './LinearProgressIndeterminate';
 export * from './Image/Image';
 export * from './Loadable';
-export * from './maps';
 export * from './modal';
 export * from './LoadingError';
 export * from './MFLoader';

package/components/modal/{WindowBase.779aa7a5.js → WindowBase.14255209.js}

@@ -2,9 +2,9 @@ import { m as modalUtilityClasses } from "./index.61389369.js";
 import { useEnvironment } from "@m4l/core";
 import clsx from "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as IconButton } from "../mui_extended/IconButton/index.a719445f.js";
-import { I as Icon } from "../Icon/index.282c5b58.js";
-import { u as useModal } from "../../hooks/useModal/index.1c88654a.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.023c369f.js";
+import { I as Icon } from "../Icon/index.770f86ae.js";
+import { u as useModal } from "../../hooks/useModal/index.50b23c06.js";
 const Header = (props) => {
   const {
     title,

package/components/modal/{WindowConfirm.ec73ba4f.js → WindowConfirm.f79ee169.js}

@@ -1,13 +1,13 @@
-import { A as Actions } from "../CommonActions/components/Actions/index.8368ac0f.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.b8a1d42a.js";
 import { Typography } from "@mui/material";
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
-import { u as useModal } from "../../hooks/useModal/index.1c88654a.js";
+import { u as useModal } from "../../hooks/useModal/index.50b23c06.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.8915f577.js";
+import { I as Image } from "../Image/index.6dd3b128.js";
 import { m as modalUtilityClasses } from "./index.61389369.js";
-import { W as WindowBase } from "./WindowBase.779aa7a5.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.106c5327.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.bd2a14b2.js";
+import { W as WindowBase } from "./WindowBase.14255209.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.bd595785.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.64498081.js";
 const dictionary = {
   MESSAGE: "common_actions.confirm_quit_msg"
 };

package/components/mui_extended/Accordion/{index.e15e10d9.js → index.fb6849e8.js}

@@ -1,12 +1,12 @@
 import { generateUtilityClasses, generateUtilityClass, styled, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.a719445f.js";
+import { I as IconButton } from "../IconButton/index.023c369f.js";
 import { useEnvironment } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../../test/getNameDataTestId.14875ec7.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { I as Icon } from "../../Icon/index.282c5b58.js";
+import { I as Icon } from "../../Icon/index.770f86ae.js";
 import { T as Typography } from "../Typography/index.379dd374.js";
 const componentName = "M4LAccordion";
 generateUtilityClasses(componentName, [

package/components/mui_extended/Button/{index.5c68764a.js → index.928f05b7.js}

@@ -5,7 +5,7 @@ import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.8915f577.js";
+import { I as Image } from "../../Image/index.6dd3b128.js";
 import { T as TEST_PROP_ID } from "../../../test/constants_no_mock.86c553a9.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
 import { T as Typography } from "../Typography/index.379dd374.js";

package/components/mui_extended/IconButton/{index.a719445f.js → index.023c369f.js}

@@ -1,7 +1,7 @@
 import { useMemo, useState } from "react";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton, styled, generateUtilityClasses, generateUtilityClass, Tooltip, IconButton as IconButton$1 } from "@mui/material";
-import { I as Icon } from "../../Icon/index.282c5b58.js";
+import { I as Icon } from "../../Icon/index.770f86ae.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";

package/components/mui_extended/MenuActions/{index.62359120.js → index.34293162.js}

@@ -3,12 +3,12 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, generateUtilityClasses, generateUtilityClass, useTheme, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.b3eca6b1.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.282c5b58.js";
+import { I as Icon } from "../../Icon/index.770f86ae.js";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { B as Badge } from "../Badge/index.09f5aee5.js";
-import { I as IconButton$1 } from "../IconButton/index.a719445f.js";
+import { I as IconButton$1 } from "../IconButton/index.023c369f.js";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({
   theme

package/components/mui_extended/Pager/{index.fa5f5ded.js → index.212ee603.js}

@@ -2,7 +2,7 @@ import { useMemo } from "react";
 import { styled } from "@mui/material/styles";
 import { generateUtilityClasses, generateUtilityClass, useTheme, Select, InputBase, MenuItem } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as IconButton } from "../IconButton/index.a719445f.js";
+import { I as IconButton } from "../IconButton/index.023c369f.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
@@ -126,7 +126,6 @@ function PagerActions(props) {
   return /* @__PURE__ */ jsxs(WrapperPagerActions, {
     className: classes.pagerActions,
     children: [/* @__PURE__ */ jsx(IconButton, {
-      id: "test_bruce",
       dictionaryTooltipId: "pager.first",
       onClick: handleFirstPageButtonClick,
       disabled: page === 0,

package/components/mui_extended/Tab/{index.cefe27e7.js → index.409b9c74.js}

@@ -149,9 +149,9 @@ function TabProvider(props) {
   });
 }
 export {
-  Tabs as T,
+  TabContext as T,
   Tab as a,
-  TabContent as b,
-  TabProvider as c,
-  TabContext as d
+  Tabs as b,
+  TabContent as c,
+  TabProvider as d
 };

package/components/mui_extended/ToggleButton/{index.5aa6ea58.js → index.cb0fb441.js}

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { B as Button, b as buttonClasses } from "../Button/index.5c68764a.js";
+import { B as Button, b as buttonClasses } from "../Button/index.928f05b7.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.e44eb0da.js";
 import { jsx } from "react/jsx-runtime";
 const ToggleAbleButton = ({

package/components/mui_extended/ToggleIconButton/{index.47ddefd4.js → index.49390b68.js}

@@ -1,5 +1,5 @@
 import clsx from "clsx";
-import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.a719445f.js";
+import { I as IconButton, i as iconButtonClasses } from "../IconButton/index.023c369f.js";
 import { w as withToggle } from "../../../hocs/withToggle/index.e44eb0da.js";
 import { jsx } from "react/jsx-runtime";
 const ToggleAbleIconButton = ({

package/contexts/ModalContext/{index.6085b148.js → index.e8f5ad3e.js}

@@ -1,5 +1,5 @@
 import { createContext, useState } from "react";
-import { M as ModalDialog } from "../../components/ModalDialog/index.690c82a4.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.9ac45602.js";
 import { jsxs, jsx } from "react/jsx-runtime";
 const ModalContext = createContext(null);
 function ModalProvider({

package/hooks/useFormAddEdit/{index.59821a33.js → index.5e748884.js}

@@ -1,8 +1,8 @@
 import { useNetwork, useFlags, useModuleDictionary } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { u as useModal } from "../useModal/index.1c88654a.js";
+import { u as useModal } from "../useModal/index.50b23c06.js";
 import { jsx } from "react/jsx-runtime";
-import { W as WindowConfirm } from "../../components/modal/WindowConfirm.ec73ba4f.js";
+import { W as WindowConfirm } from "../../components/modal/WindowConfirm.f79ee169.js";
 function useFormAddEdit(props) {
   const {
     initialValues,
@@ -27,11 +27,9 @@ function useFormAddEdit(props) {
   const {
     getLabel
   } = useModuleDictionary();
-  console.log("statusLoad", statusLoad);
   const setRefresh = () => {
     if (statusLoad === "ready") {
       setStatusLoad("edit");
-      console.log("useFormAddEdit statusLoad", statusLoad);
     }
   };
   useEffect(() => {

package/hooks/useModal/{index.1c88654a.js → index.50b23c06.js}

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

package/hooks/useTab/{index.500c048b.js → index.eee18a49.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { d as TabContext } from "../../components/mui_extended/Tab/index.cefe27e7.js";
+import { T as TabContext } from "../../components/mui_extended/Tab/index.409b9c74.js";
 const useTab = () => {
   const context = useContext(TabContext);
   if (context === null) {