@m4l/components 0.1.78 → 0.1.80

package/@types/export.d.ts

@@ -53,6 +53,8 @@ import { ModalClassesKey } from '..index/components/modal/classes/types';
 import { PaperFormClassesKey } from '../components/PaperForm/classes/types';
 import { TooltipClassesKey } from '../components/mui_extended/Tooltip/classes/types';
 import { BadgeProps } from '../components/mui_extended/Badge';
+import { BadgeClassesKey } from '../components/DataGrid/classes/types';
+import { CheckboxClassesKey } from '../components/mui_extended/CheckBox/classes/types';
 
 
 export {};
@@ -106,7 +108,10 @@ declare module '@mui/material/styles' {
         M4LImage: ImageClassesKey;
         M4LBadge: BadgeProps;
         M4LPopover: PopoverClassesKey;
-        M4LRHFCheckbox: RHFCheckboxClassesKey;
+        M4LRHFCheckBox: RHFCheckboxClassesKey;
+        M4LCheckBox: CheckboxClassesKey;
+        M4LDataGrid: BadgeClassesKey;
+        M4LDataGridDensityPopover: BadgeClassesKey;
         M4LErrorLabel: ErrorLabelClassesKey;
         M4LTypography: TypographyClassesKey;
         M4LButton: ButtonBaseClassKey;
@@ -139,6 +144,7 @@ declare module '@mui/material/styles' {
         M4LModalDialog: ModalClassesKey;
         M4LPaperForm: PaperFormClassesKey;
         M4LTooltip: TooltipClassesKey;
+        M4LPager: PagerClassesKey;
         
     }
 
@@ -179,6 +185,10 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LRHFAutocomplete'];
             defaultProps?: ComponentsProps['M4LRHFAutocomplete'];
         };
+        M4LRHFAutocompletePopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFAutocompletePopover'];
+            defaultProps?: ComponentsProps['M4LRHFAutocompletePopover'];
+        };
         M4LRHFAutocompleteAsync?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LRHFAutocompleteAsync'];
             defaultProps?: ComponentsProps['M4LRHFAutocompleteAsync'];
@@ -223,6 +233,22 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LRHFCheckbox'];
             defaultProps?: ComponentsProps['M4LRHFCheckbox'];
         };
+        M4LCheckBox?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LCheckBox'];
+            defaultProps?: ComponentsProps['M4LCheckBox'];
+        };
+        M4LDataGrid?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDataGrid'];
+            defaultProps?: ComponentsProps['M4LDataGrid'];
+        };
+        M4LDataGridDensityPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDataGridDensityPopover'];
+            defaultProps?: ComponentsProps['M4LDataGridDensityPopover'];
+        };
+        M4LDataGridActionsFormatter?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDataGridActionsFormatter'];
+            defaultProps?: ComponentsProps['M4LDataGridActionsFormatter'];
+        };
         M4LErrorLabel?: {
             styleOverrides?: ComponentsOverrides<Theme>['M4LErrorLabel'];
             defaultProps?: ComponentsProps['M4LErrorLabel'];
@@ -344,6 +370,10 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];
             defaultProps?: ComponentsProps['M4LTooltip'];
         };
+        M4LPager?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPager'];
+            defaultProps?: ComponentsProps['M4LPager'];
+        };
 
     }
 }

package/components/AccountPopover/{index.7e76dbb7.js → index.00d1d15f.js}

@@ -7,20 +7,21 @@ import "clsx";
 import { jsx, jsxs } from "react/jsx-runtime";
 import "../mui_extended/IconButton/index.12f1a3c3.js";
 import "@m4l/graphics";
-import "../mui_extended/Accordion/index.9877f7bf.js";
+import "../mui_extended/Accordion/index.a6447bf8.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.4288f9fc.js";
+import "../mui_extended/CheckBox.5f6c78b0.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.ad569afd.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import { P as Popover } from "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.7c82e43d.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { unstable_composeClasses } from "@mui/base";
 const componentName = "M4LAccountPopover";
@@ -134,13 +135,14 @@ const MenuPopOver = (props) => {
     setOpen(event.currentTarget);
   };
   return /* @__PURE__ */ jsxs("div", {
+    role: "presentation",
     className: classes.containerAvatarPopover,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerAvatarPopover")
     } : {},
-    onClick: handleOpen,
     children: [/* @__PURE__ */ jsx(MyAvatar, {
-      className: classes.myAvatar
+      className: classes.myAvatar,
+      onClick: handleOpen
     }), /* @__PURE__ */ jsxs(Popover, {
       open: Boolean(open2),
       anchorEl: open2,
@@ -190,6 +192,7 @@ const MenuPopOver = (props) => {
           [TEST_PROP_ID]: getAccountPopoverClassesUtilityClass("containerMenuItems")
         } : {},
         children: data ? data.length !== 0 && data.map((option) => /* @__PURE__ */ jsx("div", {
+          role: "presentation",
           onClick: () => handleClick(option),
           className: classes.menuItem,
           ...process.env.NODE_ENV !== "production" ? {
@@ -206,6 +209,7 @@ const MenuPopOver = (props) => {
           })
         })
       }), /* @__PURE__ */ jsx("div", {
+        role: "presentation",
         onClick: handleLogOut,
         className: classes.logOut,
         ...process.env.NODE_ENV !== "production" ? {

package/components/AppBar/{index.06858422.js → index.c85b100d.js}

@@ -3,7 +3,7 @@ import { useEnvironment } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { I as IconButton } from "../mui_extended/IconButton/index.12f1a3c3.js";
-import "../mui_extended/Accordion/index.9877f7bf.js";
+import "../mui_extended/Accordion/index.a6447bf8.js";
 import "../Icon/index.9fcd1476.js";
 import "react";
 import "clsx";
@@ -13,13 +13,14 @@ import "../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.4288f9fc.js";
-import "../mui_extended/Badge/index.8c2b8b66.js";
+import "../mui_extended/CheckBox.5f6c78b0.js";
+import "../mui_extended/Badge/index.cad260fe.js";
 import "../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../mui_extended/Popover/index.9f35d0eb.js";
-import "../mui_extended/Pager/index.2f6d6d7d.js";
-import "../mui_extended/Tab/index.7c82e43d.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.c39a6681.js";
 import "../mui_extended/Tooltip/index.5a795dcd.js";
 import { styled } from "@mui/material/styles";
 import { unstable_composeClasses } from "@mui/base";

package/components/CommonActions/components/ActionCancel/{index.d536ccfa.js → index.1051a117.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
 import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.52125041.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.19d67bc6.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.a915b105.js → index.a0d727b2.js}

@@ -2,40 +2,41 @@ import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
 import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
-import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.8e85f7ae.js";
+import { useCallback, useEffect } from "react";
+import { u as useModal } from "../../../../hooks/useModal/index.e1c5c31e.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
 import "../../../Icon/index.9fcd1476.js";
 import "clsx";
-import "../../../modal/index.00efea85.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.6c063f2d.js";
+import "../../../modal/index.b0a7236c.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.12a9608a.js";
 import "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.9877f7bf.js";
+import "../../../mui_extended/Accordion/index.a6447bf8.js";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../../mui_extended/Badge/index.cad260fe.js";
 import "../../../Image/index.c18ebf5a.js";
 import "@mui/lab";
 import "../../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.2f6d6d7d.js";
-import "../../../mui_extended/Tab/index.7c82e43d.js";
+import "../../../mui_extended/Pager/index.82e89328.js";
+import "../../../mui_extended/Tab/index.c39a6681.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.02c4e7be.js";
-import "../../../areas/components/AreasAdmin/index.43ecd998.js";
+import "../../../areas/contexts/AreasContext/index.0a08a08b.js";
+import "../../../areas/components/AreasAdmin/index.7a0dabbe.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.14e62059.js";
+import "../../../areas/components/AreasViewer/index.fd49f06c.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.52125041.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.19d67bc6.js";
 function ActionFormCancel() {
   const {
     getLabel
@@ -45,7 +46,8 @@ function ActionFormCancel() {
     openModal
   } = useModal();
   const {
-    close: closeWindow
+    close: closeWindow,
+    setFnQueryClose: setQueryClose
   } = useWindowToolsMF();
   const {
     control
@@ -73,6 +75,9 @@ function ActionFormCancel() {
       onConfirmQuit();
     }
   }, [getLabel, isDirty, openModal]);
+  useEffect(() => {
+    setQueryClose(onClickCancel);
+  }, [onClickCancel]);
   const classes = useCommonActionsUtilityClasses();
   if (isSkeleton) {
     return /* @__PURE__ */ jsx(Skeleton, {

package/components/CommonActions/components/ActionFormIntro/{index.14e65d6c.js → index.a20dc88d.js}

@@ -2,7 +2,7 @@ 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.4288f9fc.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.52125041.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.19d67bc6.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.aa1648eb.js → index.bfe3256c.js}

@@ -1,7 +1,7 @@
 import { useModuleDictionary } from "@m4l/core";
 import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.52125041.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.19d67bc6.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.52125041.js → index.19d67bc6.js}

@@ -10,31 +10,32 @@ import "../../../mui_extended/Button/index.4288f9fc.js";
 import "clsx";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.e9a7ba4a.js";
+import "../../../../contexts/ModalContext/index.89805978.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
 import "../../../Icon/index.9fcd1476.js";
-import "../../../modal/index.00efea85.js";
+import "../../../modal/index.b0a7236c.js";
 import "@mui/lab";
 import "../../../mui_extended/Typography/index.443590d6.js";
 import "../../../Image/index.c18ebf5a.js";
 import "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.9877f7bf.js";
+import "../../../mui_extended/Accordion/index.a6447bf8.js";
 import "../../../mui_extended/Avatar/index.75e6ed57.js";
 import "react-router-dom";
-import "../../../mui_extended/Badge/index.8c2b8b66.js";
+import "../../../mui_extended/CheckBox.5f6c78b0.js";
+import "../../../mui_extended/Badge/index.cad260fe.js";
 import "../../../mui_extended/MenuActions/index.43a2e1ae.js";
 import "../../../mui_extended/Popover/index.9f35d0eb.js";
-import "../../../mui_extended/Pager/index.2f6d6d7d.js";
-import "../../../mui_extended/Tab/index.7c82e43d.js";
+import "../../../mui_extended/Pager/index.82e89328.js";
+import "../../../mui_extended/Tab/index.c39a6681.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.02c4e7be.js";
-import "../../../areas/components/AreasAdmin/index.43ecd998.js";
+import "../../../areas/contexts/AreasContext/index.0a08a08b.js";
+import "../../../areas/components/AreasAdmin/index.7a0dabbe.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.14e62059.js";
+import "../../../areas/components/AreasViewer/index.fd49f06c.js";
 import "../../../LinearProgressIndeterminate/index.60dabc06.js";
 import "../../../areas/contexts/WindowToolsMFContext/index.8f3e2a04.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.1607c78e.js";

package/components/DataGrid/classes/constants.d.ts

@@ -0,0 +1 @@
+export declare const componentName = "M4LDataGrid";

package/components/DataGrid/classes/index.d.ts

@@ -0,0 +1,27 @@
+import { DataGridClassesType } from './types';
+import { OwnerState } from '../types';
+export declare const dataGridClasses: DataGridClassesType;
+export declare function getDataGridUtilityClass(slot: string): string;
+export declare const dataGridUtilityClasses: (ownerState: OwnerState) => {
+    rowsCount: string;
+    root: string;
+    actions: string;
+    rowsCountLabel: string;
+    rowsCountValue: string;
+    densitySkeleton: string;
+    densityRoot: string;
+    densityPopover: string;
+    actionFilter: string;
+    actionDensityPopover: string;
+    tableContaniner: string;
+    wrapperDataGridCss: string;
+    columnsConfigContainer: string;
+    columnsLabelSetColumns: string;
+    columnsConfigContent: string;
+    columnsConfigGrid: string;
+    columnsConfigActions: string;
+    formatterColumn: string;
+    skeletonFormatter: string;
+    actionsFormatter: string;
+    actionSettings: string;
+};

package/components/DataGrid/classes/types.d.ts

@@ -0,0 +1,27 @@
+import { dataGridUtilityClasses } from ".";
+export interface DataGridClassesType {
+    root: string;
+    actions: string;
+    withPager: string;
+    withNoPager: string;
+    rowsCount: string;
+    rowsCountLabel: string;
+    rowsCountValue: string;
+    densitySkeleton: string;
+    actionDensityPopover: string;
+    actionFilter: string;
+    actionSettings: string;
+    tableContaniner: string;
+    wrapperDataGridCss: string;
+    columnsConfigContainer: string;
+    columnsLabelSetColumns: string;
+    columnsConfigContent: string;
+    columnsConfigGrid: string;
+    columnsConfigActions: string;
+    formatterColumn: string;
+    skeletonFormatter: string;
+    actionsFormatter: string;
+    withActions: string;
+}
+export declare type BadgeClassesKey = keyof DataGridClassesType;
+export declare type Classes = ReturnType<typeof dataGridUtilityClasses>;

package/components/DataGrid/contexts/DataGridContext/types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { Maybe } from '@m4l/core';
 import { RowKey, RowHeightVariants, GridProps } from '../../types';
+import { Classes } from '../../classes/types';
 export interface IConfigColumn {
     key: string;
     visible: boolean;
@@ -21,13 +22,14 @@ export interface DataGridProviderProps<TRow, TSummaryRow> extends Pick<GridProps
     children: ReactNode;
     remoteConfig?: IGridConfig;
     rowsCount: number;
+    classes: Classes;
 }
 export declare type RowHeightState = {
     rowHVariant: RowHeightVariants;
     rowHeight: number;
     rowHeaderHeight: number;
 };
-export interface DataGridContextProps<TRow, TSummaryRow> extends IGridConfig, Pick<DataGridProviderProps<TRow, TSummaryRow>, 'rows' | 'checkedRows' | 'onCheckedRowsChange' | 'rowHeights' | 'rowsCount' | 'rowActionsGetter' | 'rowKeyGetter'> {
+export interface DataGridContextProps<TRow, TSummaryRow> extends IGridConfig, Pick<DataGridProviderProps<TRow, TSummaryRow>, 'rows' | 'checkedRows' | 'onCheckedRowsChange' | 'rowHeights' | 'rowsCount' | 'rowActionsGetter' | 'rowKeyGetter' | 'classes'> {
     setRowsCount: (newRowsCount: number) => void;
     currentRowHeaderHeight: number;
     currentRowHeight: number;