@m4l/components 9.2.56 → 9.2.58

package/components/DataGrid/DataGrid.js

@@ -1,15 +1,18 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { T as Table } from "./subcomponents/Table/index.js";
-import { A as Actions } from "./subcomponents/Actions/index.js";
+import { H as HeaderActions } from "./subcomponents/HeaderActions/index.js";
 import { F as FilterProvider } from "./contexts/FilterContext/index.js";
 import { D as DataGridProvider } from "./contexts/DataGridContext/index.js";
 import { T as TEST_PROP_COLUMNS } from "./types.js";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.js";
 import { a as getNameDataTestId } from "../../test/getNameDataTestId.js";
-import { D as DATAGRID_PREFIX_NAME } from "./constants.js";
+import { T as TEST_SKELETON, D as DATAGRID_PREFIX_NAME } from "./constants.js";
 import { D as DataGridRootStyled, C as CustomHeaderStyled } from "./slots/DataGridSlot.js";
 import { a as getComponentSlotRoot } from "../../utils/getComponentSlotRoot.js";
 import { useRef } from "react";
+import { C as ControlNavigate } from "./subcomponents/ControlNavigate/ControlNavigate.js";
+import { useModuleSkeleton } from "@m4l/core";
+import { u as useComponentSize } from "../../hooks/useComponentSize/useComponentSize.js";
 function DataGrid(props) {
   const {
     id,
@@ -31,13 +34,28 @@ function DataGrid(props) {
     customHeader: CustomHeader,
     visibleCustomHeader = true,
     defaultUserColumns,
-    onChangeUserColumns
+    onChangeUserColumns,
+    size
   } = props;
+  const {
+    withSettings,
+    settingsProps,
+    // TotalRecords
+    withRowsCount,
+    // WithLocalFilters
+    withLocalFilters,
+    leftActions,
+    rightActions,
+    withPager,
+    pagerOptions
+  } = actionsProps;
+  const { currentSize } = useComponentSize(size);
   const refDataGrid = useRef(null);
   const classRoot = getComponentSlotRoot(DATAGRID_PREFIX_NAME);
   const ownerState = {
     visibleCustomHeader
   };
+  const isSkeleton = useModuleSkeleton();
   return /* @__PURE__ */ jsx(
     DataGridRootStyled,
     {
@@ -45,7 +63,8 @@ function DataGrid(props) {
       className: classRoot,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROP_COLUMNS]: JSON.stringify(columns),
-        [TEST_PROP_ID]: getNameDataTestId(DATAGRID_PREFIX_NAME, "root", dataTestId)
+        [TEST_PROP_ID]: getNameDataTestId(DATAGRID_PREFIX_NAME, "root", dataTestId),
+        [TEST_SKELETON]: isSkeleton ? true : false
       } : {},
       children: /* @__PURE__ */ jsx(
         DataGridProvider,
@@ -63,11 +82,20 @@ function DataGrid(props) {
           rows,
           onChangeUserColumns,
           defaultUserColumns,
+          size: currentSize,
           children: /* @__PURE__ */ jsxs(FilterProvider, { initialActiveFilters: false, children: [
             withActions && actionsProps && /* @__PURE__ */ jsx(
-              Actions,
+              HeaderActions,
               {
-                ...actionsProps
+                withSettings,
+                settingsProps,
+                withRowsCount,
+                withLocalFilters,
+                leftActions,
+                rightActions,
+                withPager,
+                columns,
+                size: currentSize
               }
             ),
             CustomHeader ? /* @__PURE__ */ jsx(CustomHeaderStyled, { ownerState, children: CustomHeader }) : null,
@@ -83,7 +111,8 @@ function DataGrid(props) {
                 rowKeyGetter,
                 onRowsChange
               }
-            )
+            ),
+            withPager && /* @__PURE__ */ jsx(ControlNavigate, { size: currentSize, ...{ withPager, pagerOptions } })
           ] })
         }
       )