@m4l/components 0.2.8 → 0.2.10

package/components/AccountPopover/{index.2604c389.js → index.bfacb05d.js}

@@ -1,14 +1,30 @@
 import { useEnvironment, useModuleDictionary, useNetwork } from "@m4l/core";
 import { useState, useEffect } from "react";
-import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
+import { I as Icon } from "../Icon/index.29065051.js";
 import { jsx, jsxs } from "react/jsx-runtime";
+import "../mui_extended/IconButton/index.e295aa1f.js";
+import clsx from "clsx";
+import "@m4l/graphics";
+import "../mui_extended/Accordion/index.d28e2432.js";
+import "../mui_extended/Typography/index.443590d6.js";
 import { A as Avatar } from "../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f538e360.js";
+import "../mui_extended/CheckBox.38abccd8.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
-import { P as Popover } from "../mui_extended/Popover/index.b3eca6b1.js";
-import { I as Icon } from "../Icon/index.05984e7f.js";
-import clsx from "clsx";
+import "../mui_extended/Badge/index.b09524fe.js";
+import "../Image/index.cf640615.js";
+import "@mui/lab";
+import "../mui_extended/MenuActions/index.69ac3618.js";
+import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.51a68bcd.js";
+import "../mui_extended/Pager/index.78dea971.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(componentName, [
   "root",
@@ -97,7 +113,6 @@ const MenuPopOver = (props) => {
     host_static_assets,
     environment_assets
   } = useEnvironment();
-  console.log("MenuPopOver", data);
   const {
     avatar_url,
     first_name,
@@ -119,8 +134,6 @@ const MenuPopOver = (props) => {
   const handleOpen = (event) => {
     setOpen(event.currentTarget);
   };
-  const dataIsArray = Array.isArray(data) && data.length > 0;
-  console.log("dataIsArray", dataIsArray);
   return /* @__PURE__ */ jsxs("div", {
     role: "presentation",
     className: classes.containerAvatarPopover,
@@ -279,7 +292,6 @@ const AccountPopover = (props) => {
     };
   }, [open]);
   const accountPopoverClasses = useAccountPopoverUtilityClasses();
-  console.log("user data", userData);
   return /* @__PURE__ */ jsx(AcountPopOverRoot, {
     className: clsx(accountPopoverClasses.root, className),
     ...process.env.NODE_ENV !== "production" ? {

package/components/AppBar/{index.9522f237.js → index.0821efbc.js}

@@ -1,13 +1,30 @@
-import { styled } from "@mui/material/styles";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
+import { I as IconButton } from "../mui_extended/IconButton/index.e295aa1f.js";
+import "../mui_extended/Accordion/index.d28e2432.js";
+import "../Icon/index.29065051.js";
+import "react";
+import "clsx";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { I as Image } from "../Image/index.bf37e923.js";
-import { T as Typography } from "../mui_extended/Typography/index.379dd374.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.26de70bd.js";
+import { T as Typography } from "../mui_extended/Typography/index.443590d6.js";
+import "../mui_extended/Avatar/index.75e6ed57.js";
+import "react-router-dom";
+import "@mui/material/Button";
+import "../mui_extended/Button/index.f538e360.js";
+import "../mui_extended/CheckBox.38abccd8.js";
+import "../mui_extended/Badge/index.b09524fe.js";
+import { I as Image } from "../Image/index.cf640615.js";
+import "@mui/lab";
+import "../mui_extended/MenuActions/index.69ac3618.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.51a68bcd.js";
+import "../mui_extended/Pager/index.78dea971.js";
+import "../mui_extended/Tooltip/index.5a795dcd.js";
+import { styled } from "@mui/material/styles";
+import { unstable_composeClasses } from "@mui/base";
 const AppBarRoot = styled("header")(({
   theme
 }) => ({

package/components/CommonActions/components/ActionCancel/{index.06539086.js → index.5606420f.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.570fd3a4.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
+import { B as Button } from "../../../mui_extended/Button/index.f538e360.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.9bf6a051.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/index.c8f9d47d.js

@@ -0,0 +1,144 @@
+import { useFormContext, useFormState } from "react-hook-form";
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.f538e360.js";
+import { useCallback, useEffect } from "react";
+import { u as useModal } from "../../../../hooks/useModal/index.8741e50f.js";
+import "@mui/material";
+import "../../../../react-draggable.ee21cb7e.js";
+import "../../../Resizeable/index.6478d7d8.js";
+import { jsx } from "react/jsx-runtime";
+import "@m4l/graphics";
+import "../../../modal/index.e956af6b.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.0c7d6afb.js";
+import "../../../animate/index.4e9774a6.js";
+import "framer-motion";
+import "@mui/material/styles";
+import "react-router-dom";
+import "../../../animate/LoadingScreen/index.1d0c4307.js";
+import "../../../animate/PropagateLoader/index.7fab43c8.js";
+import "../../../Icon/index.29065051.js";
+import "clsx";
+import "../../../mui_extended/IconButton/index.e295aa1f.js";
+import "zustand";
+import "../../../areas/contexts/AreasContext/index.32bf901d.js";
+import "../../../areas/components/AreasAdmin/index.3b2795c4.js";
+import "zustand/shallow";
+import "../../../ScrollBar/index.010f1b9d.js";
+import "../../../mui_extended/Accordion/index.d28e2432.js";
+import "../../../mui_extended/Typography/index.443590d6.js";
+import "../../../mui_extended/Avatar/index.75e6ed57.js";
+import "../../../mui_extended/CheckBox.38abccd8.js";
+import "../../../mui_extended/Badge/index.b09524fe.js";
+import "../../../Image/index.cf640615.js";
+import "@mui/lab";
+import "../../../mui_extended/MenuActions/index.69ac3618.js";
+import "../../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.51a68bcd.js";
+import "../../../mui_extended/Pager/index.78dea971.js";
+import "../../../mui_extended/Tooltip/index.5a795dcd.js";
+import "../../../areas/components/AreasViewer/index.26f5cb46.js";
+import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "../../../LoadingError/index.209dc4ff.js";
+import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand/middleware/immer";
+import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
+import "../../../hook-form/RHFAutocomplete/index.b2e17b00.js";
+import "../../../HelperText/index.207eea15.js";
+import "../../../../node_modules.56dca1cf.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import "../../../hook-form/RHFColorPicker/index.7170bbf9.js";
+import "lodash/debounce";
+import "../../../hook-form/RHFAutocompleteAsync/index.4cd318d2.js";
+import "../../../hook-form/RHFCheckbox/index.f6b8a161.js";
+import "@mui/x-date-pickers";
+import "../../../hook-form/RHFDateTime/index.082312da.js";
+import "../../../hook-form/RHFTextField/index.11acfb14.js";
+import "../../../hook-form/RHFPeriod/index.fcf1fadc.js";
+import "../../../Period/index.08e6f781.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.9bf6a051.js";
+import "lodash/isString";
+import "react-dropzone";
+import "../../../hook-form/RHFUpload/index.426af663.js";
+import "../../../formatters/index.57f0da1b.js";
+import "../../../DataGrid/index.35e65d9b.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "../../../DynamicFilter/index.e1ad0e47.js";
+import "yup";
+import "../../../../contexts/RHFormContext/index.7769076a.js";
+import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
+import "../../../GridLayout/index.68093cfb.js";
+import "fast-equals";
+import "lodash";
+import "../../../PrintingSystem/index.73dd98b3.js";
+import "../../../LanguagePopover/index.df17bd3b.js";
+import "../../../MFLoader/index.7e274375.js";
+import "../../../NavLink/index.35759d66.js";
+import "../../../NoItemSelected/index.50d06852.js";
+import "../../../ObjectLogs/index.5c07c159.js";
+import "../../../../react-json-view.5636414a.js";
+import "../../../PaperForm/index.6859d4e8.js";
+import "../../../PDFViewer/index.5e4d01af.js";
+import "../../../Page/index.5aefe8f7.js";
+import "../../../PropertyValue/index.c1d519a2.js";
+import "../../../SplitLayout/index.30fd5861.js";
+import "../../../../react-splitter-layout.c5d98bf7.js";
+import "../../../ToastContainer/index.f67795cb.js";
+import "../../../SideBar/index.f322ee0b.js";
+import "../../../AppBar/index.0821efbc.js";
+import "../../../AccountPopover/index.bfacb05d.js";
+function ActionFormCancel() {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    openModal
+  } = useModal();
+  const {
+    close: closeWindow,
+    setFnQueryClose: setQueryClose
+  } = useWindowToolsMF();
+  const {
+    control
+  } = useFormContext();
+  const {
+    isDirty
+  } = useFormState({
+    control
+  });
+  const onConfirmQuit = useCallback(() => {
+    closeWindow();
+  }, []);
+  const onClickCancel = useCallback(() => {
+    if (isDirty) {
+      openModal({
+        window: /* @__PURE__ */ jsx(WindowConfirm, {
+          variant: "warning",
+          title: getLabel("common_actions.confirm_quit_title"),
+          msg: getLabel("common_actions.confirm_quit_msg"),
+          onClickIntro: onConfirmQuit
+        }),
+        variant: "warning"
+      });
+    } else {
+      onConfirmQuit();
+    }
+  }, [getLabel, isDirty, openModal]);
+  useEffect(() => {
+    setQueryClose(onClickCancel);
+  }, [onClickCancel]);
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "outlined",
+    color: "inherit",
+    onClick: onClickCancel,
+    className: classes.actionFormCancel,
+    children: getLabel("common_actions.cancel")
+  });
+}
+export {
+  ActionFormCancel as A
+};

package/components/CommonActions/components/ActionFormIntro/{index.5a719043.js → index.1e141999.js}

@@ -1,8 +1,8 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.570fd3a4.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.f538e360.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.9bf6a051.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.3e8a2e60.js → index.f85266eb.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.570fd3a4.js";
+import { B as Button } from "../../../mui_extended/Button/index.f538e360.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.2f6286eb.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.9bf6a051.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/index.9bf6a051.js

@@ -0,0 +1,161 @@
+import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
+import { jsx } from "react/jsx-runtime";
+import { generateUtilityClasses } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../../utils/index.de903261.js";
+import { styled } from "@mui/material/styles";
+import "@m4l/core";
+import "@mui/material/Button";
+import "../../../mui_extended/Button/index.f538e360.js";
+import "clsx";
+import "react-hook-form";
+import "react";
+import "../../../../contexts/ModalContext/index.6fe8dc84.js";
+import "../../../../react-draggable.ee21cb7e.js";
+import "../../../Resizeable/index.6478d7d8.js";
+import "@m4l/graphics";
+import "../../../modal/index.e956af6b.js";
+import "../../../animate/index.4e9774a6.js";
+import "framer-motion";
+import "react-router-dom";
+import "../../../animate/LoadingScreen/index.1d0c4307.js";
+import "../../../animate/PropagateLoader/index.7fab43c8.js";
+import "../../../Icon/index.29065051.js";
+import "../../../mui_extended/IconButton/index.e295aa1f.js";
+import "zustand";
+import "../../../areas/contexts/AreasContext/index.32bf901d.js";
+import "../../../areas/components/AreasAdmin/index.3b2795c4.js";
+import "zustand/shallow";
+import "../../../ScrollBar/index.010f1b9d.js";
+import "../../../mui_extended/Accordion/index.d28e2432.js";
+import "../../../mui_extended/Typography/index.443590d6.js";
+import "../../../mui_extended/Avatar/index.75e6ed57.js";
+import "../../../mui_extended/CheckBox.38abccd8.js";
+import "../../../mui_extended/Badge/index.b09524fe.js";
+import "../../../Image/index.cf640615.js";
+import "@mui/lab";
+import "../../../mui_extended/MenuActions/index.69ac3618.js";
+import "../../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.51a68bcd.js";
+import "../../../mui_extended/Pager/index.78dea971.js";
+import "../../../mui_extended/Tooltip/index.5a795dcd.js";
+import "../../../areas/components/AreasViewer/index.26f5cb46.js";
+import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "../../../LoadingError/index.209dc4ff.js";
+import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand/middleware/immer";
+import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "../../../hook-form/RHFAutocomplete/index.b2e17b00.js";
+import "../../../HelperText/index.207eea15.js";
+import "../../../../node_modules.56dca1cf.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import "../../../hook-form/RHFColorPicker/index.7170bbf9.js";
+import "lodash/debounce";
+import "../../../hook-form/RHFAutocompleteAsync/index.4cd318d2.js";
+import "../../../hook-form/RHFCheckbox/index.f6b8a161.js";
+import "@mui/x-date-pickers";
+import "../../../hook-form/RHFDateTime/index.082312da.js";
+import "../../../hook-form/RHFTextField/index.11acfb14.js";
+import "../../../hook-form/RHFPeriod/index.fcf1fadc.js";
+import "../../../Period/index.08e6f781.js";
+import "lodash/isString";
+import "react-dropzone";
+import "../../../hook-form/RHFUpload/index.426af663.js";
+import "../../../formatters/index.57f0da1b.js";
+import "../../../DataGrid/index.35e65d9b.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "../../../DynamicFilter/index.e1ad0e47.js";
+import "yup";
+import "../../../../contexts/RHFormContext/index.7769076a.js";
+import "../../../GridLayout/subcomponents/Griditem/index.8e4af155.js";
+import "../../../GridLayout/index.68093cfb.js";
+import "fast-equals";
+import "lodash";
+import "../../../PrintingSystem/index.73dd98b3.js";
+import "../../../LanguagePopover/index.df17bd3b.js";
+import "../../../MFLoader/index.7e274375.js";
+import "../../../NavLink/index.35759d66.js";
+import "../../../NoItemSelected/index.50d06852.js";
+import "../../../ObjectLogs/index.5c07c159.js";
+import "../../../../react-json-view.5636414a.js";
+import "../../../PaperForm/index.6859d4e8.js";
+import "../../../PDFViewer/index.5e4d01af.js";
+import "../../../Page/index.5aefe8f7.js";
+import "../../../PropertyValue/index.c1d519a2.js";
+import "../../../SplitLayout/index.30fd5861.js";
+import "../../../../react-splitter-layout.c5d98bf7.js";
+import "../../../ToastContainer/index.f67795cb.js";
+import "../../../SideBar/index.f322ee0b.js";
+import "../../../AppBar/index.0821efbc.js";
+import "../../../AccountPopover/index.bfacb05d.js";
+const componentName = "M4LCommonActions";
+generateUtilityClasses(componentName, [
+  "root",
+  "skeleton",
+  "actionCancel",
+  "actionFormCancel",
+  "actionFormIntro",
+  "actionIntro",
+  "wrapperActions"
+]);
+const useCommonActionsUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"],
+    actionCancel: ["actionCancel"],
+    actionFormCancel: ["actionFormCancel"],
+    actionFormIntro: ["actionFormIntro"],
+    actionIntro: ["actionIntro"],
+    wrapperActions: ["wrapperActions"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+};
+const WrapperStandarActions = styled("div")(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(3),
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-end",
+  "& > button": {
+    marginLeft: "10px"
+  },
+  ...theme.components?.M4LCommonActions?.styleOverrides
+}));
+const COMMONACTIONS_PREFIX = "M4LCommonActions";
+const getNameCommonActionsDataTestId = (KEY) => {
+  return `${COMMONACTIONS_PREFIX}-${KEY}`;
+};
+const Actions = (props) => {
+  const {
+    children
+  } = props;
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(WrapperStandarActions, {
+    className: classes.root,
+    ...process.env.NODE_ENV !== "production" ? {
+      [TEST_PROP_ID]: getNameCommonActionsDataTestId("root")
+    } : {},
+    children
+  });
+};
+function getCommonActionsDictionary() {
+  return ["common_actions"];
+}
+const defaultCommonActionsDictionary = {
+  common_actions: {
+    cancel: "Cancel",
+    intro: "Intro",
+    confirm_quit_title: "Confirm",
+    confirm_quit_msg: "Are your sure exit?"
+  }
+};
+export {
+  Actions as A,
+  defaultCommonActionsDictionary as d,
+  getCommonActionsDictionary as g,
+  useCommonActionsUtilityClasses as u
+};