@m4l/components 0.1.31 → 0.1.32

package/components/CommonActions/components/ActionCancel/{index.01a86ee6.js → index.641ea102.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.6bdb0b2d.js";
+import { B as Button } from "../../../mui_extended/Button/index.bd85b59c.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.e18a3161.js → index.3b9e5121.js}

@@ -2,9 +2,9 @@ import { useFormContext, useFormState } from "react-hook-form";
 import { useNavigate } from "react-router-dom";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.6bdb0b2d.js";
+import { B as Button } from "../../../mui_extended/Button/index.bd85b59c.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.ee8b9d9f.js";
+import { u as useModal } from "../../../../hooks/useModal/index.2a92d33a.js";
 import { jsx } from "react/jsx-runtime";
 function ActionFormCancel(props) {
   const {

package/components/CommonActions/components/ActionIntro/{index.fdd7e34d.js → index.d53e0d31.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.6bdb0b2d.js";
+import { B as Button } from "../../../mui_extended/Button/index.bd85b59c.js";
 import { jsx } from "react/jsx-runtime";
 const ActionIntro = (props) => {
   const {

package/components/CommonActions/components/Actions/{index.c87086ac.js → index.545d7067.js}

@@ -1,21 +1,21 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
-import { useEnvironment, useModuleDictionary } from "@m4l/core";
+import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { IconButton, Tooltip, MenuItem, Skeleton, Checkbox } from "@mui/material";
 import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
 import { useState, useMemo, forwardRef, useRef, useImperativeHandle, useEffect, useCallback } from "react";
-import "../../../../contexts/ModalContext/index.6d1021d4.js";
+import "../../../../contexts/ModalContext/index.9a44cced.js";
 import "@mui/lab";
 import { I as IconButton$1 } from "../../../mui_extended/IconButton/index.25ff14bd.js";
-import { u as useBase, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.fc1ace65.js";
-import { P as Pager } from "../../../mui_extended/Pager/index.66593ad3.js";
+import { u as useDataGrid, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.b6a45f67.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.a98c43cc.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.d46d625e.js";
-import { u as useModal } from "../../../../hooks/useModal/index.ee8b9d9f.js";
-import { A as ActionCancel } from "../ActionCancel/index.01a86ee6.js";
-import { A as ActionIntro } from "../ActionIntro/index.fdd7e34d.js";
-import { P as Popover } from "../../../mui_extended/Popover/index.4c70cdba.js";
+import { u as useModal } from "../../../../hooks/useModal/index.2a92d33a.js";
+import { A as ActionCancel } from "../ActionCancel/index.641ea102.js";
+import { A as ActionIntro } from "../ActionIntro/index.d53e0d31.js";
+import { P as Popover } from "../../../mui_extended/Popover/index.f38042fc.js";
 import { I as Icon } from "../../../Icon/index.619fa9ad.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
 const WrapperStandarActions = styled("div")(({
@@ -219,7 +219,7 @@ const ACTIONS_COLUMN_KEY = "actions-row";
 function ActionsFormatter(props) {
   const {
     rowActionsGetter
-  } = useBase();
+  } = useDataGrid();
   if (rowActionsGetter === void 0) {
     return /* @__PURE__ */ jsx(Fragment, {});
   }
@@ -260,9 +260,7 @@ const SKTWrapperFilter = styled("div")(({
   height: theme.spacing(3.75)
 }));
 function Filter() {
-  const {
-    isSkeleton
-  } = useBase();
+  const isSkeleton = useModuleSkeleton();
   const {
     activeFilters,
     setActiveFilters
@@ -612,9 +610,8 @@ function Settings() {
   } = useModal();
   const {
     columnsConfig,
-    onChangeColumnsConfig,
-    isSkeleton
-  } = useBase();
+    onChangeColumnsConfig
+  } = useDataGrid();
   const {
     getLabel
   } = useModuleDictionary();
@@ -622,6 +619,7 @@ function Settings() {
     host_static_assets,
     environment_assets
   } = useEnvironment();
+  const isSkeleton = useModuleSkeleton();
   const ref = useRef(null);
   const onCloseSettings = useCallback(() => {
     closeModal();
@@ -683,12 +681,12 @@ const InsetLabel = styled("span")(({ theme }) => ({
 }));
 function RowsCount() {
   const {
-    rowsCount,
-    isSkeleton
-  } = useBase();
+    rowsCount
+  } = useDataGrid();
   const {
     getLabel
   } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
   if (isSkeleton) {
     return /* @__PURE__ */ jsxs(Container, {
       children: [/* @__PURE__ */ jsx(RowsLabel, {
@@ -737,12 +735,12 @@ function Density() {
   const {
     rowHeights,
     currentRowHeightVariant,
-    setRowHeightVariant,
-    isSkeleton
-  } = useBase();
+    setRowHeightVariant
+  } = useDataGrid();
   const {
     getLabel
   } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
   const menuActions = useMemo(() => {
     if (typeof rowHeights === "number") {
       return [];
@@ -831,9 +829,9 @@ const WrapperActions = styled("div")(({ theme }) => ({
 function Actions(props) {
   const isDesktop = useResponsiveDesktop();
   const {
-    rowHeights,
-    isSkeleton
-  } = useBase();
+    rowHeights
+  } = useDataGrid();
+  const isSkeleton = useModuleSkeleton();
   const {
     withRowsCount = true,
     withPager = true,

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DataGridContextProps, DataGridProviderProps } from './types';
+declare const DataGridContext: import("react").Context<DataGridContextProps<any, any> | null>;
+declare function DataGridProvider<TRow, TSummaryRow>(props: DataGridProviderProps<TRow, TSummaryRow>): JSX.Element;
+export { DataGridProvider, DataGridContext };

package/components/DataGrid/contexts/{BaseContext → DataGridContext}/types.d.ts

@@ -1,8 +1,6 @@
-import { MenuAction } from '../../../mui_extended/MenuActions/types';
 import { ReactNode } from 'react';
-import { Column } from 'react-data-grid';
 import { Maybe } from '@m4l/core';
-import { RowKey, RowHeights, RowHeightVariants } from '../../types';
+import { RowKey, RowHeightVariants, GridProps } from '../../types';
 export interface IConfigColumn {
     key: string;
     visible: boolean;
@@ -18,29 +16,19 @@ export interface IGridConfig {
     columnsConfig: IConfigColumn[];
     columnsWidths: Map<string, Maybe<RowKey>>;
 }
-export declare type BaseProviderProps<TRow, TSummaryRow> = {
+export interface DataGridProviderProps<TRow, TSummaryRow> extends Pick<GridProps<TRow, TSummaryRow>, 'rows' | 'columns' | 'rowActionsGetter' | 'rowHeaderHeights' | 'rowHeights' | 'initialRowHeightVariant' | 'checkedRows' | 'onCheckedRowsChange' | 'rowKeyGetter'> {
     id: number | string;
-    isSkeleton: boolean;
     children: ReactNode;
-    columns: readonly Column<TRow, TSummaryRow>[];
     remoteConfig?: IGridConfig;
     rowsCount: number;
-    rowActionsGetter?: ((row: TRow) => MenuAction[]) | undefined;
-    rowHeaderHeights: RowHeights;
-    rowHeights: RowHeights;
-    initialRowHeightVariant: RowHeightVariants;
-};
+}
 export declare type RowHeightState = {
     rowHVariant: RowHeightVariants;
     rowHeight: number;
     rowHeaderHeight: number;
 };
-export interface BaseContextProps extends IGridConfig {
-    rowsCount: number;
-    isSkeleton: boolean;
+export interface DataGridContextProps<TRow, TSummaryRow> extends IGridConfig, Pick<DataGridProviderProps<TRow, TSummaryRow>, 'rows' | 'checkedRows' | 'onCheckedRowsChange' | 'rowHeights' | 'rowsCount' | 'rowActionsGetter' | 'rowKeyGetter'> {
     setRowsCount: (newRowsCount: number) => void;
-    rowActionsGetter?: ((row: any) => MenuAction[]) | undefined;
-    rowHeights: RowHeights;
     currentRowHeaderHeight: number;
     currentRowHeight: number;
     currentRowHeightVariant: RowHeightVariants;

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

@@ -1,11 +1,15 @@
-import { RowKey } from '../../types';
+import { Column } from 'react-data-grid';
+export interface ColumnFilter {
+    value: string;
+    customFilter?: (row: any, value: string) => boolean;
+}
 export interface FilterContextProps {
     activeFilters: boolean;
-    filters?: Map<RowKey, string>;
-    onChangeFilter?: (key: string, value: string) => void;
+    filters?: Map<string, ColumnFilter>;
+    onChangeFilter?: (column: Column<any, any>, value: string) => void;
     setActiveFilters: (active: boolean) => void;
 }
 export interface IFilterState {
     activeFilters: boolean;
-    filters?: Map<RowKey, string>;
+    filters?: Map<string, ColumnFilter>;
 }

package/components/DataGrid/hooks/useDataGrid.d.ts

@@ -0,0 +1,3 @@
+import { DataGridContextProps } from '../contexts/DataGridContext/types';
+export declare function useDataGrid<TRow, TSummaryRow>(): DataGridContextProps<TRow, TSummaryRow>;
+export default useDataGrid;