@m4l/components 0.1.69 → 0.1.70

package/components/hook-form/RHFDateTime/{index.166250d8.js → index.7b815072.js}

@@ -6,21 +6,21 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { useFormatter } from "@m4l/graphics";
 import { useState, useEffect } from "react";
 import clsx from "clsx";
-import "../../Icon/index.952f0635.js";
-import "../../mui_extended/IconButton/index.917f0d3c.js";
-import "../../mui_extended/Accordion/index.51feece8.js";
+import "../../Icon/index.caaed284.js";
+import "../../mui_extended/IconButton/index.57824447.js";
+import "../../mui_extended/Accordion/index.437bb3f8.js";
 import "../../mui_extended/Avatar/index.fe06afd7.js";
 import "react-router-dom";
 import "@mui/material/Button";
-import "../../mui_extended/Button/index.b34c8b68.js";
-import "../../Image/index.f30f79f0.js";
+import "../../mui_extended/Button/index.f8ce9ccd.js";
+import "../../Image/index.82a6cd46.js";
 import "@mui/lab";
-import { T as Typography } from "../../mui_extended/Typography/index.79e2b06f.js";
+import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
 import "../../mui_extended/Popover/index.226f247e.js";
-import "../../mui_extended/MenuActions/index.651dec44.js";
-import "../../mui_extended/Pager/index.e0663072.js";
+import "../../mui_extended/MenuActions/index.37043326.js";
+import "../../mui_extended/Pager/index.eeed3bd5.js";
 import "../../mui_extended/Tab/index.e0653a0a.js";
-import { H as HelperText } from "../../HelperText/index.742d547d.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
 const SKTRHFWrapperTextField = styled("div")(({

package/components/hook-form/RHFPeriod/{index.61baf76f.js → index.3c7d393c.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
-import { H as HelperText } from "../../HelperText/index.742d547d.js";
-import { P as Period } from "../../Period/index.3ff6f53b.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
+import { P as Period } from "../../Period/index.fbf074d3.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/hook-form/RHFTextField/{index.55687a39.js → index.d4c39859.js}

@@ -1,17 +1,17 @@
 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.917f0d3c.js";
-import { T as TEST_PROP_ID } from "../../../vendor.6a33c6d2.js";
+import { I as IconButton } from "../../mui_extended/IconButton/index.57824447.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import "../../Icon/index.952f0635.js";
+import "../../Icon/index.caaed284.js";
 import "clsx";
 import { useFormContext, Controller } from "react-hook-form";
 import { styled as styled$1 } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../utils/index.b5c62ef0.js";
-import { T as Typography } from "../../mui_extended/Typography/index.79e2b06f.js";
-import { H as HelperText } from "../../HelperText/index.742d547d.js";
+import { g as getComponentUtilityClass } from "../../../utils/index.a2312a73.js";
+import { T as Typography } from "../../mui_extended/Typography/index.b3c6e71c.js";
+import { H as HelperText } from "../../HelperText/index.a69e9509.js";
 const SkeletonTextFieldRoot = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -308,7 +308,6 @@ const RHFTextFieldPassword = (props) => {
     environment_assets
   } = useEnvironment();
   const classes = useUtilityClasses();
-  console.log("label----", label);
   return /* @__PURE__ */ jsx(RHFTextFieldPasswordRoot, {
     className: classes.root,
     ...process.env.NODE_ENV !== "production" ? {

package/components/hook-form/RHFUpload/{index.eb4d0dac.js → index.31044674.js}

@@ -4,7 +4,7 @@ import { useFormContext, Controller } from "react-hook-form";
 import isString from "lodash/isString";
 import { useDropzone } from "react-dropzone";
 import { styled, alpha } from "@mui/material/styles";
-import { I as Image } from "../../Image/index.f30f79f0.js";
+import { I as Image } from "../../Image/index.82a6cd46.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 const WrapperUploadImage = styled("div")(({

package/components/modal/WindowBase/subcomponents/Header/types.d.ts

@@ -1,2 +1,2 @@
 import { WindowBaseProps } from '../../types';
-export declare type HeaderProps = Pick<WindowBaseProps, 'title' | 'variant' | 'onClickCancel'>;
+export declare type HeaderProps = Pick<WindowBaseProps, 'title' | 'variant' | 'onClickCancel' | 'urlIcon'>;

package/components/modal/WindowBase/types.d.ts

@@ -4,6 +4,7 @@ export interface WindowBaseProps {
     title: string;
     variant?: VariantColor;
     children: ReactNode;
+    urlIcon?: string;
     onClickCancel?: () => void;
 }
 export declare type VariantProps = Pick<WindowBaseProps, 'variant'>;

package/components/modal/{WindowBase.7ce0b21e.js → WindowBase.6a40a945.js}

@@ -1,17 +1,31 @@
 import { useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.043e419b.js";
+import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
 import { styled } from "@mui/material/styles";
-import { a as getThemeVariantColor } from "../../utils/index.b5c62ef0.js";
-import { IconButton } from "@mui/material";
-import { I as Icon } from "../Icon/index.952f0635.js";
+import { a as getThemeVariantColor } from "../../utils/index.a2312a73.js";
+import { I as Icon } from "../Icon/index.caaed284.js";
+import "@mui/material";
+import { I as IconButton } from "../mui_extended/IconButton/index.57824447.js";
+import "../mui_extended/Accordion/index.437bb3f8.js";
 import { jsxs, jsx } from "react/jsx-runtime";
+import "../mui_extended/Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f8ce9ccd.js";
+import "clsx";
+import "../Image/index.82a6cd46.js";
+import "@mui/lab";
+import "../mui_extended/Typography/index.b3c6e71c.js";
+import "../mui_extended/Popover/index.226f247e.js";
+import "../mui_extended/MenuActions/index.37043326.js";
+import "../mui_extended/Pager/index.eeed3bd5.js";
+import "../mui_extended/Tab/index.e0653a0a.js";
 const WrapperWindowBase = styled("div")(({ theme }) => ({
   display: "flex",
   flexDirection: "column",
   height: "100%",
   overflow: "hidden",
-  padding: theme.spacing(3)
+  padding: theme.spacing(0.5)
 }));
 const WrapperHeader = styled("div")(({
   theme
@@ -65,38 +79,32 @@ const Header = (props) => {
   const {
     variant,
     title,
-    onClickCancel
+    onClickCancel,
+    urlIcon
   } = props;
-  const iconSrcWarning = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/warning.svg`;
-  const iconSrcError = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/error.svg`;
-  const iconSrcInfo = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/info.svg`;
-  const iconDefault = `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/icon_bar_title.svg`;
   return /* @__PURE__ */ jsxs(WrapperHeader, {
     id: "Header",
     className: "m4l_draggable_handle",
-    children: [/* @__PURE__ */ jsx(IconHeader, {
+    children: [urlIcon && /* @__PURE__ */ jsx(IconHeader, {
       variant,
       children: /* @__PURE__ */ jsx(Icon, {
-        src: variant === "warning" ? iconSrcWarning : variant === "delete" ? iconSrcError : variant === "info" ? iconSrcInfo : iconDefault
+        src: urlIcon
       })
     }), /* @__PURE__ */ jsx(ModalTitle, {
       variant,
       children: title
     }), /* @__PURE__ */ jsx(IconButton, {
+      src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`,
       onClick: onClickCancel,
-      "aria-label": "click",
-      children: /* @__PURE__ */ jsx(Icon, {
-        src: `${host_static_assets}/${environment_assets}/frontend/components/dialog/assets/icons/close.svg`
-      })
+      "aria-label": "click"
     })]
   });
 };
 const WindowBase = (props) => {
   const {
-    variant,
-    title,
     children,
-    onClickCancel
+    onClickCancel,
+    ...other
   } = props;
   const {
     closeModal
@@ -108,8 +116,7 @@ const WindowBase = (props) => {
   return /* @__PURE__ */ jsxs(WrapperWindowBase, {
     id: "WrapperWindowBase",
     children: [/* @__PURE__ */ jsx(Header, {
-      variant,
-      title,
+      ...other,
       onClickCancel: onCloseCancel
     }), children]
   });

package/components/modal/{WindowConfirm.7ae1326f.js → WindowConfirm.e21763cb.js}

@@ -1,30 +1,32 @@
 import { useModuleDictionary, useEnvironment } from "@m4l/core";
 import "react";
-import { u as useModal } from "../../hooks/useModal/index.043e419b.js";
-import { A as Actions } from "../CommonActions/components/Actions/index.1b2a0921.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.e83053da.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.b8d5c8ee.js";
+import { u as useModal } from "../../hooks/useModal/index.d590f506.js";
+import { A as Actions } from "../CommonActions/components/Actions/index.154d7cb6.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.9d521b2a.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.1ba5b02b.js";
 import "react-hook-form";
 import { Typography } from "@mui/material";
 import "@mui/material/Button";
-import "../mui_extended/Button/index.b34c8b68.js";
+import "../mui_extended/Button/index.f8ce9ccd.js";
 import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
-import "../../react-draggable.de1aac90.js";
-import "../ModalDialog/index.4d663d0a.js";
-import "../Resizeable/index.ff97422e.js";
+import "../../react-draggable.0d64c8b1.js";
+import "../ModalDialog/index.cdfd1ae8.js";
+import "../Resizeable/index.aafda79e.js";
 import "@m4l/graphics";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../Icon/index.952f0635.js";
-import { b as getVariantColor } from "../../utils/index.b5c62ef0.js";
-import { W as WindowBase } from "./WindowBase.7ce0b21e.js";
-import "../mui_extended/IconButton/index.917f0d3c.js";
+import { I as Icon } from "../Icon/index.caaed284.js";
+import { b as getVariantColor } from "../../utils/index.a2312a73.js";
+import { W as WindowBase } from "./WindowBase.6a40a945.js";
+import "../mui_extended/IconButton/index.57824447.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.7c12b512.js";
-import "../areas/components/index.ffb147c7.js";
+import "../areas/contexts/AreasContext/index.de8b4e78.js";
+import "../areas/components/index.359c2b18.js";
 import "zustand/shallow";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import "@mui/lab";
-import "../mui_extended/Typography/index.79e2b06f.js";
+import "../mui_extended/Typography/index.b3c6e71c.js";
 const WrapperMessageIlustration = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/modal/index.438777d9.js

@@ -0,0 +1,34 @@
+import "@mui/material";
+import "../../react-draggable.0d64c8b1.js";
+import "react";
+import "../../contexts/ModalContext/index.8e3cd7a8.js";
+import "../ModalDialog/index.cdfd1ae8.js";
+import "../Resizeable/index.aafda79e.js";
+import "react/jsx-runtime";
+import "@m4l/graphics";
+import "@m4l/core";
+import "../CommonActions/components/Actions/index.154d7cb6.js";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f8ce9ccd.js";
+import "clsx";
+import "react-hook-form";
+import "./WindowBase.6a40a945.js";
+import "../Icon/index.caaed284.js";
+import "../mui_extended/IconButton/index.57824447.js";
+import "../mui_extended/Accordion/index.437bb3f8.js";
+import "../mui_extended/Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "../Image/index.82a6cd46.js";
+import "@mui/lab";
+import "../mui_extended/Typography/index.b3c6e71c.js";
+import "../mui_extended/Popover/index.226f247e.js";
+import "../mui_extended/MenuActions/index.37043326.js";
+import "../mui_extended/Pager/index.eeed3bd5.js";
+import "../mui_extended/Tab/index.e0653a0a.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.de8b4e78.js";
+import "../areas/components/index.359c2b18.js";
+import "zustand/shallow";
+import "../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "./WindowConfirm.e21763cb.js";

package/components/mui_extended/Accordion/{index.51feece8.js → index.437bb3f8.js}

@@ -1,7 +1,7 @@
 import { Skeleton, Accordion as Accordion$1, AccordionSummary, AccordionDetails } from "@mui/material";
-import { I as IconButton } from "../IconButton/index.917f0d3c.js";
+import { I as IconButton } from "../IconButton/index.57824447.js";
 import { useEnvironment, useModuleSkeleton } from "@m4l/core";
-import { I as Icon } from "../../Icon/index.952f0635.js";
+import { I as Icon } from "../../Icon/index.caaed284.js";
 import { styled } from "@mui/material/styles";
 import { jsx, jsxs } from "react/jsx-runtime";
 styled("div")(({

package/components/mui_extended/Button/{index.b34c8b68.js → index.f8ce9ccd.js}

@@ -4,11 +4,11 @@ import MuiButton from "@mui/material/Button";
 import clsx from "clsx";
 import { jsx } from "react/jsx-runtime";
 import { useMemo } from "react";
-import { I as Image } from "../../Image/index.f30f79f0.js";
+import { I as Image } from "../../Image/index.82a6cd46.js";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../../../vendor.6a33c6d2.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
-import { T as Typography } from "../Typography/index.79e2b06f.js";
+import { T as Typography } from "../Typography/index.b3c6e71c.js";
 const ButtonRoot = styled("div")(({
   theme
 }) => ({

package/components/mui_extended/IconButton/{index.917f0d3c.js → index.57824447.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.952f0635.js";
+import { I as Icon } from "../../Icon/index.caaed284.js";
 import { jsx, Fragment } from "react/jsx-runtime";
 import clsx from "clsx";
 import { unstable_composeClasses } from "@mui/base";
@@ -78,11 +78,9 @@ const IconButton = (props) => {
   }, [tooltip, dictionaryTooltipId, getLabel]);
   const [isfocus, setIsFocus] = useState(false);
   const handlerOnFocus = () => {
-    console.log("focus active");
     setIsFocus(true);
   };
   const handlerOnBlur = () => {
-    console.log("focus blur");
     setIsFocus(false);
   };
   const ownerState = {

package/components/mui_extended/MenuActions/{index.651dec44.js → index.37043326.js}

@@ -3,8 +3,8 @@ import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { IconButton, MenuItem } from "@mui/material";
 import { P as Popover } from "../Popover/index.226f247e.js";
 import { styled } from "@mui/material/styles";
-import { I as Icon } from "../../Icon/index.952f0635.js";
-import { I as IconButton$1 } from "../IconButton/index.917f0d3c.js";
+import { I as Icon } from "../../Icon/index.caaed284.js";
+import { I as IconButton$1 } from "../IconButton/index.57824447.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 styled(IconButton)(() => ({}));
 const LabelMemuItem = styled("div")(({

package/components/mui_extended/Pager/{index.e0663072.js → index.eeed3bd5.js}

@@ -1,7 +1,7 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
 import { styled } from "@mui/material/styles";
-import { I as IconButton } from "../IconButton/index.917f0d3c.js";
+import { I as IconButton } from "../IconButton/index.57824447.js";
 import { useEnvironment } from "@m4l/core";
 import { jsxs, jsx } from "react/jsx-runtime";
 const WrapperPagerActions = styled("div")(({ theme }) => ({

package/components/mui_extended/Typography/{index.79e2b06f.js → index.b3c6e71c.js}

@@ -2,7 +2,7 @@ import { useModuleSkeleton } from "@m4l/core";
 import { styled, Skeleton, generateUtilityClasses, generateUtilityClass, Typography as Typography$1 } from "@mui/material";
 import { jsx } from "react/jsx-runtime";
 import clsx from "clsx";
-import { T as TEST_PROP_ID } from "../../../vendor.6a33c6d2.js";
+import { T as TEST_PROP_ID } from "../../../vendor.8edaef93.js";
 import { unstable_composeClasses } from "@mui/base";
 const WarpperTypography = styled("div")(({
   theme

package/components/mui_extended/index.dacbb059.js

@@ -0,0 +1,19 @@
+import "@mui/material";
+import "react";
+import "@m4l/core";
+import "../Icon/index.caaed284.js";
+import "react/jsx-runtime";
+import "./IconButton/index.57824447.js";
+import "clsx";
+import "./Accordion/index.437bb3f8.js";
+import "./Avatar/index.fe06afd7.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "./Button/index.f8ce9ccd.js";
+import "../Image/index.82a6cd46.js";
+import "@mui/lab";
+import "./Typography/index.b3c6e71c.js";
+import "./Popover/index.226f247e.js";
+import "./MenuActions/index.37043326.js";
+import "./Pager/index.eeed3bd5.js";
+import "./Tab/index.e0653a0a.js";

package/contexts/ModalContext/{index.76d5ccee.js → index.8e3cd7a8.js}

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

package/contexts/index.d.ts

@@ -1,4 +1,4 @@
-export { DynamicMFParmsProvider, DynamicMFParmsContext, MemonizedDynamicMFParmsProvider, } from '../components/areas/components/AreasViewer/subcomponents/Area/subcomponents/Window/contexts/DynamicMFParmsContext';
+export { DynamicMFParmsProvider, DynamicMFParmsContext, MemonizedDynamicMFParmsProvider, } from '../components/areas/contexts/DynamicMFParmsContext';
 export * from './ModalContext/index';
 export * from './ModalContext/types';
 export type { FormInitialValues, FormStatusLoad } from './RHFormContext/types';

package/hooks/useModal/{index.043e419b.js → index.d590f506.js}

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