@m4l/components 0.2.7 → 0.2.9

package/components/AccountPopover/{index.2604c389.js → index.8a11a7b6.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.3e247bd4.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.9b37fadc.js";
+import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.4c797c00.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.966d5162.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.3e247bd4.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.9b37fadc.js";
+import "../mui_extended/Popover/index.9f35d0eb.js";
+import "../mui_extended/Stack/index.0e53197c.js";
+import "../mui_extended/Tab/index.4c797c00.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.68bf349a.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.b61826a4.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/index.728bb37d.js

@@ -0,0 +1,146 @@
+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.97742698.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.ea3a21cb.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.355df4de.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.9c8e3b41.js";
+import "../../../areas/components/AreasAdmin/index.6024578a.js";
+import "zustand/shallow";
+import "../../../ScrollBar/index.010f1b9d.js";
+import "../../../mui_extended/Accordion/index.3e247bd4.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.9b37fadc.js";
+import "../../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.4c797c00.js";
+import "../../../mui_extended/Pager/index.78dea971.js";
+import "../../../mui_extended/Tooltip/index.5a795dcd.js";
+import "../../../areas/components/AreasViewer/index.41e89676.js";
+import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "../../../LoadingError/index.1426339a.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.e830f749.js";
+import "../../../HelperText/index.a6a02c79.js";
+import "../../../../node_modules.56dca1cf.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import "../../../hook-form/RHFColorPicker/index.e292aa86.js";
+import "lodash/debounce";
+import "../../../hook-form/RHFAutocompleteAsync/index.12580722.js";
+import "../../../hook-form/RHFCheckbox/index.938321c1.js";
+import "@mui/x-date-pickers";
+import "../../../hook-form/RHFDateTime/index.321e4b87.js";
+import "../../../hook-form/RHFTextField/index.d08c142b.js";
+import "../../../hook-form/RHFPeriod/index.98b2667a.js";
+import "../../../Period/index.df612223.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.b61826a4.js";
+import "lodash/isString";
+import "react-dropzone";
+import "../../../hook-form/RHFUpload/index.cdb2e584.js";
+import "../../../formatters/index.57f0da1b.js";
+import "../../../DataGrid/index.3a2e683c.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "../../../DataGrid/subcomponents/Actions/index.063a0197.js";
+import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
+import "../../../DynamicFilter/index.a5197d85.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.0319d6a8.js";
+import "../../../MFLoader/index.cbd2e5af.js";
+import "../../../NavLink/index.618dabfb.js";
+import "../../../NoItemSelected/index.50d06852.js";
+import "../../../ObjectLogs/index.fb34f372.js";
+import "../../../../react-json-view.5636414a.js";
+import "../../../PaperForm/index.6859d4e8.js";
+import "../../../PDFViewer/index.ec8d0f79.js";
+import "../../../Page/index.5aefe8f7.js";
+import "../../../PropertyValue/index.df683b35.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.966d5162.js";
+import "../../../AccountPopover/index.8a11a7b6.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.a7e8711b.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.b61826a4.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.3e8a2e60.js → index.7cc0a393.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.b61826a4.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/index.b61826a4.js

@@ -0,0 +1,163 @@
+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.6d2dda38.js";
+import "../../../../react-draggable.ee21cb7e.js";
+import "../../../Resizeable/index.6478d7d8.js";
+import "@m4l/graphics";
+import "../../../modal/index.ea3a21cb.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.9c8e3b41.js";
+import "../../../areas/components/AreasAdmin/index.6024578a.js";
+import "zustand/shallow";
+import "../../../ScrollBar/index.010f1b9d.js";
+import "../../../mui_extended/Accordion/index.3e247bd4.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.9b37fadc.js";
+import "../../../mui_extended/Popover/index.9f35d0eb.js";
+import "../../../mui_extended/Stack/index.0e53197c.js";
+import "../../../mui_extended/Tab/index.4c797c00.js";
+import "../../../mui_extended/Pager/index.78dea971.js";
+import "../../../mui_extended/Tooltip/index.5a795dcd.js";
+import "../../../areas/components/AreasViewer/index.41e89676.js";
+import "../../../LinearProgressIndeterminate/index.a0ad2d9e.js";
+import "../../../LoadingError/index.1426339a.js";
+import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
+import "zustand/middleware/immer";
+import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
+import "../../../hook-form/RHFAutocomplete/index.e830f749.js";
+import "../../../HelperText/index.a6a02c79.js";
+import "../../../../node_modules.56dca1cf.js";
+import "lodash-es/debounce";
+import "lodash-es/each";
+import "../../../hook-form/RHFColorPicker/index.e292aa86.js";
+import "lodash/debounce";
+import "../../../hook-form/RHFAutocompleteAsync/index.12580722.js";
+import "../../../hook-form/RHFCheckbox/index.938321c1.js";
+import "@mui/x-date-pickers";
+import "../../../hook-form/RHFDateTime/index.321e4b87.js";
+import "../../../hook-form/RHFTextField/index.d08c142b.js";
+import "../../../hook-form/RHFPeriod/index.98b2667a.js";
+import "../../../Period/index.df612223.js";
+import "lodash/isString";
+import "react-dropzone";
+import "../../../hook-form/RHFUpload/index.cdb2e584.js";
+import "../../../formatters/index.57f0da1b.js";
+import "../../../DataGrid/index.3a2e683c.js";
+import "react-dnd";
+import "react-dnd-html5-backend";
+import "../../../DataGrid/subcomponents/Actions/index.063a0197.js";
+import "../../../DataGrid/subcomponents/editors/TextEditor/index.91380a55.js";
+import "../../../DynamicFilter/index.a5197d85.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.0319d6a8.js";
+import "../../../MFLoader/index.cbd2e5af.js";
+import "../../../NavLink/index.618dabfb.js";
+import "../../../NoItemSelected/index.50d06852.js";
+import "../../../ObjectLogs/index.fb34f372.js";
+import "../../../../react-json-view.5636414a.js";
+import "../../../PaperForm/index.6859d4e8.js";
+import "../../../PDFViewer/index.ec8d0f79.js";
+import "../../../Page/index.5aefe8f7.js";
+import "../../../PropertyValue/index.df683b35.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.966d5162.js";
+import "../../../AccountPopover/index.8a11a7b6.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
+};

package/components/DataGrid/constants.d.ts

@@ -1 +1,3 @@
 export declare const DATAGRID_PREFIX_NAME = "M4LDataGrid";
+export declare const DATAGRID_SELECT_COLUMN_KEY = "M4LDataGrid-CheckedColumn";
+export declare const DATAGRID_ACTIONS_COLUMN_KEY = "M4LDataGrid-ActionsColumn";