@m4l/components 0.1.79 → 0.1.81

package/@types/export.d.ts

@@ -53,7 +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 +107,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,7 +143,7 @@ declare module '@mui/material/styles' {
         M4LModalDialog: ModalClassesKey;
         M4LPaperForm: PaperFormClassesKey;
         M4LTooltip: TooltipClassesKey;
-        
+        M4LPager: PagerClassesKey;
     }
 
     interface Components {
@@ -179,6 +183,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 +231,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 +368,14 @@ declare module '@mui/material/styles' {
             styleOverrides?: ComponentsOverrides<Theme>['M4LTooltip'];
             defaultProps?: ComponentsProps['M4LTooltip'];
         };
+        M4LPager?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPager'];
+            defaultProps?: ComponentsProps['M4LPager'];
+        };
 
+        M4LGridLayout?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LGridLayout'];
+            defaultProps?: ComponentsProps['M4LGridLayout'];
+        };
     }
 }

package/components/AccountPopover/{index.d541e4e6.js → index.fea740a5.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.e8ba0755.js";
+import "../mui_extended/Accordion/index.fa658639.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.3c005df1.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.f94d233e.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.f90014de.js → index.6bdee075.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.e8ba0755.js";
+import "../mui_extended/Accordion/index.fa658639.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.3c005df1.js";
+import "../mui_extended/Pager/index.82e89328.js";
+import "../mui_extended/Tab/index.f94d233e.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.92536832.js → index.6928b5ae.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.5732847f.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.265d99c8.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.7fb1ed8d.js → index.28d32483.js}

@@ -3,39 +3,40 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
 import { B as Button } from "../../../mui_extended/Button/index.4288f9fc.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.6d238807.js";
+import { u as useModal } from "../../../../hooks/useModal/index.61968b84.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.cd34ddb3.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.835f8d13.js";
+import "../../../modal/index.c8e23b8d.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.1a8c8c21.js";
 import "../../../mui_extended/IconButton/index.12f1a3c3.js";
-import "../../../mui_extended/Accordion/index.e8ba0755.js";
+import "../../../mui_extended/Accordion/index.fa658639.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.3c005df1.js";
+import "../../../mui_extended/Pager/index.82e89328.js";
+import "../../../mui_extended/Tab/index.f94d233e.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.1213c3ef.js";
-import "../../../areas/components/AreasAdmin/index.31905078.js";
+import "../../../areas/contexts/AreasContext/index.4bf1eabe.js";
+import "../../../areas/components/AreasAdmin/index.5562f65f.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.fe18bdbc.js";
+import "../../../areas/components/AreasViewer/index.1004b7a0.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.5732847f.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.265d99c8.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionFormIntro/{index.bebc0c94.js → index.f044e93c.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.5732847f.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.265d99c8.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormIntro(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.aa4e432e.js → index.8b1b3afc.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.5732847f.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.265d99c8.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.5732847f.js → index.265d99c8.js}

@@ -10,31 +10,32 @@ import "../../../mui_extended/Button/index.4288f9fc.js";
 import "clsx";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.feded672.js";
+import "../../../../contexts/ModalContext/index.66e060a3.js";
 import "../../../../react-draggable.7abb5d0a.js";
 import "../../../Resizeable/index.9a9c79a4.js";
 import "@m4l/graphics";
 import "../../../Icon/index.9fcd1476.js";
-import "../../../modal/index.cd34ddb3.js";
+import "../../../modal/index.c8e23b8d.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.e8ba0755.js";
+import "../../../mui_extended/Accordion/index.fa658639.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.3c005df1.js";
+import "../../../mui_extended/Pager/index.82e89328.js";
+import "../../../mui_extended/Tab/index.f94d233e.js";
 import "../../../mui_extended/Tooltip/index.5a795dcd.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.1213c3ef.js";
-import "../../../areas/components/AreasAdmin/index.31905078.js";
+import "../../../areas/contexts/AreasContext/index.4bf1eabe.js";
+import "../../../areas/components/AreasAdmin/index.5562f65f.js";
 import "zustand/shallow";
 import "../../../ScrollBar/index.bbe48f4d.js";
-import "../../../areas/components/AreasViewer/index.fe18bdbc.js";
+import "../../../areas/components/AreasViewer/index.1004b7a0.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;