@m4l/components 9.2.56-beta.2 → 9.2.57

package/components/DataGrid/DataGrid.js

@@ -1,18 +1,15 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { T as Table } from "./subcomponents/Table/index.js";
-import { H as HeaderActions } from "./subcomponents/HeaderActions/index.js";
+import { A as Actions } from "./subcomponents/Actions/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 { T as TEST_SKELETON, D as DATAGRID_PREFIX_NAME } from "./constants.js";
+import { 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,
@@ -34,28 +31,13 @@ function DataGrid(props) {
     customHeader: CustomHeader,
     visibleCustomHeader = true,
     defaultUserColumns,
-    onChangeUserColumns,
-    size
+    onChangeUserColumns
   } = 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,
     {
@@ -63,8 +45,7 @@ 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_SKELETON]: isSkeleton ? true : false
+        [TEST_PROP_ID]: getNameDataTestId(DATAGRID_PREFIX_NAME, "root", dataTestId)
       } : {},
       children: /* @__PURE__ */ jsx(
         DataGridProvider,
@@ -82,13 +63,12 @@ function DataGrid(props) {
           rows,
           onChangeUserColumns,
           defaultUserColumns,
-          size: currentSize,
           children: /* @__PURE__ */ jsxs(FilterProvider, { initialActiveFilters: false, children: [
             withActions && actionsProps && /* @__PURE__ */ jsx(
-              HeaderActions,
+              Actions,
               {
-                ...{ withSettings, settingsProps, withRowsCount, withLocalFilters, leftActions, rightActions, withPager, pagerOptions },
-                size: currentSize
+                ...actionsProps,
+                columns
               }
             ),
             CustomHeader ? /* @__PURE__ */ jsx(CustomHeaderStyled, { ownerState, children: CustomHeader }) : null,
@@ -104,8 +84,7 @@ function DataGrid(props) {
                 rowKeyGetter,
                 onRowsChange
               }
-            ),
-            withPager && /* @__PURE__ */ jsx(ControlNavigate, { size: currentSize, ...{ withPager, pagerOptions } })
+            )
           ] })
         }
       )

package/components/DataGrid/constants.d.ts

@@ -1,7 +1,6 @@
 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";
-export declare const TEST_SKELETON = "data-skeleton";
 export declare enum DATAGRID_SEMANTIC_WIDTHS {
     actions = 40,
     bigChip = 190,

package/components/DataGrid/constants.js

@@ -1,7 +1,6 @@
 const DATAGRID_PREFIX_NAME = "M4LDataGrid";
 const DATAGRID_SELECT_COLUMN_KEY = "M4LDataGrid-CheckedColumn";
 const DATAGRID_ACTIONS_COLUMN_KEY = "M4LDataGrid-ActionsColumn";
-const TEST_SKELETON = "data-skeleton";
 var DATAGRID_SEMANTIC_WIDTHS = /* @__PURE__ */ ((DATAGRID_SEMANTIC_WIDTHS2) => {
   DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["actions"] = 40] = "actions";
   DATAGRID_SEMANTIC_WIDTHS2[DATAGRID_SEMANTIC_WIDTHS2["bigChip"] = 190] = "bigChip";
@@ -26,7 +25,6 @@ var DATAGRID_SEMANTIC_WIDTHS = /* @__PURE__ */ ((DATAGRID_SEMANTIC_WIDTHS2) => {
 })(DATAGRID_SEMANTIC_WIDTHS || {});
 export {
   DATAGRID_PREFIX_NAME as D,
-  TEST_SKELETON as T,
   DATAGRID_SELECT_COLUMN_KEY as a,
   DATAGRID_SEMANTIC_WIDTHS as b,
   DATAGRID_ACTIONS_COLUMN_KEY as c

package/components/DataGrid/contexts/DataGridContext/index.js

@@ -2,9 +2,7 @@ import { jsx } from "react/jsx-runtime";
 import { useState, useMemo, useEffect, useCallback, createContext } from "react";
 import { c as castMapColumnsWidthToRecord } from "../../helpers/castMapColumnsWidthToRecord.js";
 import { useFirstRender } from "@m4l/graphics";
-import { g as getComponentClasses } from "../../../../utils/getComponentSlotRoot.js";
-import { D as DATAGRID_PREFIX_NAME } from "../../constants.js";
-import { C as ControlNavigateSlots, a as ColumnsConfigSlots, T as TextEditorSlots, b as TableSlots, R as RowsCountSlots, A as ActionsSlots, D as DataGridSlots } from "../../slots/DataGridEnum.js";
+import { deepEqual } from "fast-equals";
 const DataGridContext = createContext(null);
 const getColumnConfigByKey = (key, storeColumnsConfig) => {
   let indexFind = -1;
@@ -42,7 +40,7 @@ function getColumnsConfig(id, columns, defaultUserColumns = void 0) {
       index: columnConfigIndex > -1 ? columnConfigIndex : index,
       visible: columnConfig.visible === void 0 ? true : columnConfig.visible,
       frozen: columnConfig.frozen ?? false,
-      orginalIndex: index,
+      originalIndex: index,
       originalVisible: column.visible === void 0 ? true : column.visible,
       originalFrozen: column.frozen ?? false
     };
@@ -110,28 +108,15 @@ function DataGridProvider(props) {
     rows,
     rowsCount,
     rowActionsGetter,
-    rowHeights = [32, 40, 48],
-    rowHeaderHeights = [32, 40, 48],
-    initialRowHeightVariant = "standard",
+    rowHeights = [28, 32, 40],
+    rowHeaderHeights = [28, 32, 40],
+    initialRowHeightVariant = "compact",
     checkedRows,
     onCheckedRowsChange,
     rowKeyGetter,
-    onChangeUserColumns,
-    size
+    onChangeUserColumns
   } = props;
-  const isFirstRender = useFirstRender();
-  const classes = getComponentClasses(
-    DATAGRID_PREFIX_NAME,
-    {
-      ...DataGridSlots,
-      ...ActionsSlots,
-      ...RowsCountSlots,
-      ...TableSlots,
-      ...TextEditorSlots,
-      ...ColumnsConfigSlots,
-      ...ControlNavigateSlots
-    }
-  );
+  const isFirstRender = useFirstRender([columns, id]);
   const [columnsWidths, setColumnsWidths] = useState(
     /* @__PURE__ */ new Map()
   );
@@ -170,13 +155,43 @@ function DataGridProvider(props) {
   }, [defaultUserColumns]);
   useEffect(() => {
     if (!isFirstRender) {
+      const finalColumnsConfig = [];
+      for (let i = 0; i < columnsConfig.length; i++) {
+        const columnIndex = columns.findIndex((c) => c.key === columnsConfig[i]?.key);
+        if (columnIndex !== -1) {
+          const column = columns[columnIndex];
+          finalColumnsConfig.push({
+            ...columnsConfig[i],
+            // name: column.name as string,
+            originalIndex: columnIndex,
+            originalFrozen: column.frozen ?? false,
+            originalVisible: column.visible ?? true
+          });
+        }
+      }
       const newColumns = columns.filter((column, index) => column.key !== columnsConfig[index]?.key);
-      const newColConfig = getColumnsConfig(id, newColumns).map((column, index) => {
-        const indexNewCol = index + columnsConfig.length;
-        return { ...column, index: indexNewCol, orginalIndex: indexNewCol };
-      });
-      columnsConfig.push(...newColConfig);
-      setColumnsWidths((prevColumnsWidth) => new Map([...prevColumnsWidth, ...getColumnsWidth(id, newColumns, defaultUserColumns)]));
+      if (newColumns.length > 0) {
+        const colLength = finalColumnsConfig.length;
+        const newColConfig = getColumnsConfig(id, newColumns).map((columnConfig, index) => {
+          const columnIndex = columns.findIndex((c) => c.key === newColumns[index].key);
+          const column = newColumns[index];
+          const indexNewCol = index + colLength;
+          return {
+            ...columnConfig,
+            index: indexNewCol,
+            name: column.name,
+            originalIndex: columnIndex,
+            originalFrozen: column.frozen ?? false,
+            originalVisible: column.visible ?? true
+          };
+        });
+        finalColumnsConfig.push(...newColConfig);
+      }
+      if (deepEqual(columnsConfig, finalColumnsConfig)) {
+        return;
+      }
+      console.log("useEffect columnsConfig changed", columnsConfig, finalColumnsConfig);
+      setColumnsConfigOptions(finalColumnsConfig);
     }
   }, [columns, id]);
   const onChangeColumnsConfig = useCallback(
@@ -250,9 +265,7 @@ function DataGridProvider(props) {
         setRowHeightVariant: setCurrentRowHeightInternal,
         onCheckedRowsChange,
         rowKeyGetter,
-        onChangeUserColumns,
-        classes,
-        size
+        onChangeUserColumns
       },
       children
     }

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

@@ -1,17 +1,15 @@
 import { ReactNode } from 'react';
 import { RowKey, RowHeightVariants, GridProps } from '../../types';
 import { Maybe } from '@m4l/core';
-import { ActionsSlots, ColumnsConfigSlots, ControlNavigateSlots, DataGridSlots, RowsCountSlots, TableSlots, TextEditorSlots } from '../../slots/DataGridEnum';
 export interface BaseConfigColumn {
     key: string;
     visible: boolean;
     index: number;
     frozen: boolean;
-    name: string;
 }
 export interface IConfigColumn extends BaseConfigColumn {
     hidden: boolean;
-    orginalIndex: number;
+    originalIndex: number;
     originalVisible: boolean;
     originalFrozen: boolean;
 }
@@ -23,7 +21,6 @@ export interface DataGridProviderProps<TRow, TSummaryRow, TKey extends RowKey =
     id: number | string;
     children: ReactNode;
     rowsCount: number;
-    size: GridProps<any, any, any>['size'];
 }
 export type RowHeightState = {
     rowHVariant: RowHeightVariants;
@@ -41,6 +38,4 @@ export interface DataGridContextProps<TRow, TSummaryRow, TKey extends RowKey = R
     onChangeColumnsConfig: (newColumnsConfig: IConfigColumn[]) => void;
     onChangeColumnsOrder: (sourceKey: string, targetKey: string) => void;
     onChangeColumnWidth: (columnKey: string, width: number) => void;
-    classes?: Record<DataGridSlots | ActionsSlots | RowsCountSlots | TableSlots | TextEditorSlots | ColumnsConfigSlots | ControlNavigateSlots, string>;
-    size: GridProps<any, any, any>['size'];
 }

package/components/DataGrid/dictionary.d.ts

@@ -1,8 +1,9 @@
+export declare const DATAGRID_DICTIONARY_ID = "data_grid";
 /**
  * TODO: Documentar
  */
 export declare function getDataGridComponentsDictionary(): string[];
-export declare const dictionary: {
+export declare const DICTIONARY: {
     LABEL_ACTIONS: string;
     LABEL_ROWS_PER_PAGE: string;
     LABEL_OF: string;

package/components/DataGrid/dictionary.js

@@ -1,30 +1,31 @@
 import { g as getMenuActionsComponentsDictionary } from "../MenuActions/dictionary.js";
 import { g as getModalDictionary } from "../ModalDialog/dictionary.js";
 import { g as getPagerComponentsDictionary } from "../Pager/dicctionary.js";
+const DATAGRID_DICTIONARY_ID = "data_grid";
 function getDataGridComponentsDictionary() {
-  return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getMenuActionsComponentsDictionary()).concat(getModalDictionary());
+  return [DATAGRID_DICTIONARY_ID].concat(getPagerComponentsDictionary()).concat(getMenuActionsComponentsDictionary()).concat(getModalDictionary());
 }
-const dictionary = {
-  DENSITY_COMPACT: `${getDataGridComponentsDictionary()[0]}.density_compact`,
-  DENSITY_STANDARD: `${getDataGridComponentsDictionary()[0]}.density_standard`,
-  DENSITY_CONFORTABLE: `${getDataGridComponentsDictionary()[0]}.density_confortable`,
-  DENSITY_TOOLTIP: `${getDataGridComponentsDictionary()[0]}.tooltip_density`,
-  TOOLTIP_FILTER_HIDE: `${getDataGridComponentsDictionary()[0]}.tooltip_filter_hide`,
-  TOOLTIP_FILTER_SHOW: `${getDataGridComponentsDictionary()[0]}.tooltip_filter_show`,
-  SETTINGS_COLUMN_NAME: `${getDataGridComponentsDictionary()[0]}.settings_column_name`,
-  SETTINGS_COLUMN_POSITION: `${getDataGridComponentsDictionary()[0]}.settings_column_position`,
-  SETTINGS_COLUMN_VISIBLE: `${getDataGridComponentsDictionary()[0]}.settings_column_visible`,
-  SETTINGS_COLUMNS_FROZEN: `${getDataGridComponentsDictionary()[0]}.settings_column_frozen`,
-  SETTINGS_SEL_COLUMNS: `${getDataGridComponentsDictionary()[0]}.settings_sel_columns`,
-  SETTINGS_MOVE_FIRST: `${getDataGridComponentsDictionary()[0]}.settings_move_first`,
-  SETTINGS_MOVE_UP: `${getDataGridComponentsDictionary()[0]}.settings_move_up`,
-  SETTINGS_MOVE_LAST: `${getDataGridComponentsDictionary()[0]}.settings_move_last`,
-  SETTINGS_MOVE_DOWN: `${getDataGridComponentsDictionary()[0]}.settings_move_down`,
-  SETTINGS_VISIBLE_ALL: `${getDataGridComponentsDictionary()[0]}.settings_visible_all`,
-  SETTINGS_NO_VISIBLE_ALL: `${getDataGridComponentsDictionary()[0]}.settings_no_visible_all`,
-  SETTINGS_RESTORE: `${getDataGridComponentsDictionary()[0]}.settings_restore`
+const DICTIONARY = {
+  DENSITY_COMPACT: `${DATAGRID_DICTIONARY_ID}.density_compact`,
+  DENSITY_STANDARD: `${DATAGRID_DICTIONARY_ID}.density_standard`,
+  DENSITY_CONFORTABLE: `${DATAGRID_DICTIONARY_ID}.density_confortable`,
+  DENSITY_TOOLTIP: `${DATAGRID_DICTIONARY_ID}.tooltip_density`,
+  TOOLTIP_FILTER_HIDE: `${DATAGRID_DICTIONARY_ID}.tooltip_filter_hide`,
+  TOOLTIP_FILTER_SHOW: `${DATAGRID_DICTIONARY_ID}.tooltip_filter_show`,
+  SETTINGS_COLUMN_NAME: `${DATAGRID_DICTIONARY_ID}.settings_column_name`,
+  SETTINGS_COLUMN_POSITION: `${DATAGRID_DICTIONARY_ID}.settings_column_position`,
+  SETTINGS_COLUMN_VISIBLE: `${DATAGRID_DICTIONARY_ID}.settings_column_visible`,
+  SETTINGS_COLUMNS_FROZEN: `${DATAGRID_DICTIONARY_ID}.settings_column_frozen`,
+  SETTINGS_SEL_COLUMNS: `${DATAGRID_DICTIONARY_ID}.settings_sel_columns`,
+  SETTINGS_MOVE_FIRST: `${DATAGRID_DICTIONARY_ID}.settings_move_first`,
+  SETTINGS_MOVE_UP: `${DATAGRID_DICTIONARY_ID}.settings_move_up`,
+  SETTINGS_MOVE_LAST: `${DATAGRID_DICTIONARY_ID}.settings_move_last`,
+  SETTINGS_MOVE_DOWN: `${DATAGRID_DICTIONARY_ID}.settings_move_down`,
+  SETTINGS_VISIBLE_ALL: `${DATAGRID_DICTIONARY_ID}.settings_visible_all`,
+  SETTINGS_NO_VISIBLE_ALL: `${DATAGRID_DICTIONARY_ID}.settings_no_visible_all`,
+  SETTINGS_RESTORE: `${DATAGRID_DICTIONARY_ID}.settings_restore`
 };
 export {
-  dictionary as d,
+  DICTIONARY as D,
   getDataGridComponentsDictionary as g
 };

package/components/DataGrid/formatters/ColumnIconFormatter/formatter.js

@@ -24,6 +24,7 @@ function ColumnIconFormatter(props) {
           children: /* @__PURE__ */ jsx(
             IconStyled,
             {
+              ownerState: {},
               src: iconUrl,
               onClick,
               tooltipContent: tooltip,
@@ -37,6 +38,7 @@ function ColumnIconFormatter(props) {
     return /* @__PURE__ */ jsx(
       IconStyled,
       {
+        ownerState: {},
         src: iconUrl,
         onClick,
         tooltipContent: tooltip,

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/formatter.js

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { C as CheckBox } from "../../../mui_extended/CheckBox/CheckBox.js";
+import { Checkbox } from "@mui/material";
 function ColumnInteractiveCheckFormatter(props) {
   const { row, onRowChange, column } = props;
   const handleChange = () => {
@@ -8,7 +8,7 @@ function ColumnInteractiveCheckFormatter(props) {
     onRowChange(newRow);
   };
   return /* @__PURE__ */ jsx(
-    CheckBox,
+    Checkbox,
     {
       size: "small",
       checked: row[column.key] || false,

package/components/DataGrid/icons.d.ts

@@ -12,5 +12,4 @@ export declare const pathIcons: {
     checkAll: string;
     uncheckAll: string;
     restoreColumns: string;
-    search: string;
 };

package/components/DataGrid/icons.js

@@ -2,8 +2,8 @@ const pathIcons = {
   compact: "frontend/components/data_grid/assets/icons/compact.svg",
   standard: "frontend/components/data_grid/assets/icons/standard.svg",
   confortable: "frontend/components/data_grid/assets/icons/confortable.svg",
-  filter: "frontend/components/data_grid/assets/icons/list-filter.svg",
-  configuration: "frontend/components/data_grid/assets/icons/settings.svg",
+  filter: "frontend/components/data_grid/assets/icons/filter.svg",
+  configuration: "frontend/components/data_grid/assets/icons/configuration.svg",
   menu: "frontend/components/data_grid/assets/icons/menu.svg",
   moveFirstPlace: "frontend/components/data_grid/assets/icons/move_first_place.svg",
   moveUpPlace: "frontend/components/data_grid/assets/icons/move_up_place.svg",
@@ -11,8 +11,7 @@ const pathIcons = {
   moveDownPlace: "frontend/components/data_grid/assets/icons/move_down_place.svg",
   checkAll: "frontend/components/data_grid/assets/icons/check_all.svg",
   uncheckAll: "frontend/components/data_grid/assets/icons/uncheck_all.svg",
-  restoreColumns: "frontend/components/data_grid/assets/icons/restore_columns.svg",
-  search: "frontend/components/data_grid/assets/icons/search.svg"
+  restoreColumns: "frontend/components/data_grid/assets/icons/restore_columns.svg"
 };
 export {
   pathIcons as p

package/components/DataGrid/slots/DataGridEnum.d.ts

@@ -4,8 +4,6 @@ export declare enum DataGridSlots {
 }
 export declare enum ActionsSlots {
     actionsRoot = "actionsRoot",
-    containerLeftActions = "containerLeftActions",
-    containerRightActions = "containerRightActions",
     actionsConfigContainer = "actionsConfigContainer"
 }
 export declare enum RowsCountSlots {
@@ -17,7 +15,6 @@ export declare enum TableSlots {
     tableContaniner = "tableContaniner",
     tableWrapperDataGrid = "tableWrapperDataGrid",
     draggableHeaderRoot = "draggableHeaderRoot",
-    iconSearch = "iconSearch",
     draggableWrapperInputBase = "draggableWrapperInputBase",
     headerInputBase = "headerInputBase",
     wrapperSkeleton = "wrapperSkeleton",
@@ -32,6 +29,3 @@ export declare enum ColumnsConfigSlots {
     columnsConfigDataGrid = "columnsConfigDataGrid",
     columnsConfigActios = "columnsConfigActios"
 }
-export declare enum ControlNavigateSlots {
-    controlNavigate = "controlNavigate"
-}

package/components/DataGrid/slots/DataGridEnum.js

@@ -5,8 +5,6 @@ var DataGridSlots = /* @__PURE__ */ ((DataGridSlots2) => {
 })(DataGridSlots || {});
 var ActionsSlots = /* @__PURE__ */ ((ActionsSlots2) => {
   ActionsSlots2["actionsRoot"] = "actionsRoot";
-  ActionsSlots2["containerLeftActions"] = "containerLeftActions";
-  ActionsSlots2["containerRightActions"] = "containerRightActions";
   ActionsSlots2["actionsConfigContainer"] = "actionsConfigContainer";
   return ActionsSlots2;
 })(ActionsSlots || {});
@@ -20,7 +18,6 @@ var TableSlots = /* @__PURE__ */ ((TableSlots2) => {
   TableSlots2["tableContaniner"] = "tableContaniner";
   TableSlots2["tableWrapperDataGrid"] = "tableWrapperDataGrid";
   TableSlots2["draggableHeaderRoot"] = "draggableHeaderRoot";
-  TableSlots2["iconSearch"] = "iconSearch";
   TableSlots2["draggableWrapperInputBase"] = "draggableWrapperInputBase";
   TableSlots2["headerInputBase"] = "headerInputBase";
   TableSlots2["wrapperSkeleton"] = "wrapperSkeleton";
@@ -38,16 +35,11 @@ var ColumnsConfigSlots = /* @__PURE__ */ ((ColumnsConfigSlots2) => {
   ColumnsConfigSlots2["columnsConfigActios"] = "columnsConfigActios";
   return ColumnsConfigSlots2;
 })(ColumnsConfigSlots || {});
-var ControlNavigateSlots = /* @__PURE__ */ ((ControlNavigateSlots2) => {
-  ControlNavigateSlots2["controlNavigate"] = "controlNavigate";
-  return ControlNavigateSlots2;
-})(ControlNavigateSlots || {});
 export {
   ActionsSlots as A,
-  ControlNavigateSlots as C,
+  ColumnsConfigSlots as C,
   DataGridSlots as D,
   RowsCountSlots as R,
   TextEditorSlots as T,
-  ColumnsConfigSlots as a,
-  TableSlots as b
+  TableSlots as a
 };

package/components/DataGrid/slots/DataGridSlot.d.ts

@@ -11,8 +11,6 @@ export declare const CustomHeaderStyled: import('@emotion/styled').StyledCompone
  * ****************
  */
 export declare const ActionsRootStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ContainerLeftActionsStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const ContainerRightActionsStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const ActionsConfigContainerStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 /**
  * ****************
@@ -39,7 +37,6 @@ export declare const ColumnsConfigActiosStyled: import('@emotion/styled').Styled
 export declare const TableContainerStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const TableWrapperDataGridStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const DraggableHeaderRootStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
-export declare const IconSearchStyled: import('@emotion/styled').StyledComponent<any, {}, {}>;
 export declare const DraggableWrapperInputBaseStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
 export declare const HeaderInputBaseStyled: import('@emotion/styled').StyledComponent<any, {}, {}>;
 export declare const WrapperSkeletonStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
@@ -50,9 +47,3 @@ export declare const ContentModalSettingStyled: import('@emotion/styled').Styled
  * ****************
  */
 export declare const InputTextEditorStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, keyof import('react').ClassAttributes<HTMLInputElement> | keyof import('react').InputHTMLAttributes<HTMLInputElement>>, {}>;
-/**
- * ****************
- * Slots ControlNavigate
- * ****************
- */
-export declare const ControlNavigateStyled: import('@emotion/styled').StyledComponent<any, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;

package/components/DataGrid/slots/DataGridSlot.js

@@ -1,9 +1,8 @@
 import { styled } from "@mui/material/styles";
 import { InputBase } from "@mui/material";
 import { D as DATAGRID_PREFIX_NAME } from "../constants.js";
-import { D as DataGridSlots, T as TextEditorSlots, A as ActionsSlots, b as TableSlots, C as ControlNavigateSlots, R as RowsCountSlots, a as ColumnsConfigSlots } from "./DataGridEnum.js";
-import { d as dataGridStyles } from "../Datagrid.styles.js";
-import { I as Icon } from "../../Icon/Icon.js";
+import { D as DataGridSlots, T as TextEditorSlots, A as ActionsSlots, a as TableSlots, R as RowsCountSlots, C as ColumnsConfigSlots } from "./DataGridEnum.js";
+import { d as dataGridStyles } from "../styles.js";
 const DataGridRootStyled = styled("div", {
   name: DATAGRID_PREFIX_NAME,
   slot: DataGridSlots.datagridRoot
@@ -16,14 +15,6 @@ const ActionsRootStyled = styled("div", {
   name: DATAGRID_PREFIX_NAME,
   slot: ActionsSlots.actionsRoot
 })(dataGridStyles.actionsRoot);
-const ContainerLeftActionsStyled = styled("div", {
-  name: DATAGRID_PREFIX_NAME,
-  slot: ActionsSlots.containerLeftActions
-})(dataGridStyles.containerLeftActions);
-const ContainerRightActionsStyled = styled("div", {
-  name: DATAGRID_PREFIX_NAME,
-  slot: ActionsSlots.containerRightActions
-})(dataGridStyles.containerRightActions);
 const ActionsConfigContainerStyled = styled("div", {
   name: DATAGRID_PREFIX_NAME,
   slot: ActionsSlots.actionsConfigContainer
@@ -68,10 +59,6 @@ const DraggableHeaderRootStyled = styled("div", {
   name: DATAGRID_PREFIX_NAME,
   slot: TableSlots.draggableHeaderRoot
 })(dataGridStyles.draggableHeaderRoot);
-const IconSearchStyled = styled(Icon, {
-  name: DATAGRID_PREFIX_NAME,
-  slot: TableSlots.iconSearch
-})(dataGridStyles.iconSearch);
 const DraggableWrapperInputBaseStyled = styled("div", {
   name: DATAGRID_PREFIX_NAME,
   slot: TableSlots.draggableWrapperInputBase
@@ -92,32 +79,24 @@ const InputTextEditorStyled = styled("input", {
   name: DATAGRID_PREFIX_NAME,
   slot: TextEditorSlots.inputTexEditor
 })(dataGridStyles.inputTexEditor);
-const ControlNavigateStyled = styled("div", {
-  name: DATAGRID_PREFIX_NAME,
-  slot: ControlNavigateSlots.controlNavigate
-})(dataGridStyles.controlNavigate);
 export {
   ActionsRootStyled as A,
   CustomHeaderStyled as C,
   DataGridRootStyled as D,
   HeaderInputBaseStyled as H,
-  IconSearchStyled as I,
+  InputTextEditorStyled as I,
   RowsCountRootStyled as R,
   TableWrapperDataGridStyled as T,
   WrapperSkeletonStyled as W,
-  ControlNavigateStyled as a,
-  ActionsConfigContainerStyled as b,
-  ContainerLeftActionsStyled as c,
-  ContainerRightActionsStyled as d,
-  RowsCountLabelStyled as e,
-  RowsCountValueStyled as f,
-  ColumnsConfigWrapperStyled as g,
-  ColumnsConfigDataGridStyled as h,
-  ColumnsConfigSelColumnsStyled as i,
-  ColumnsConfigActiosStyled as j,
-  ContentModalSettingStyled as k,
-  TableContainerStyled as l,
-  DraggableHeaderRootStyled as m,
-  DraggableWrapperInputBaseStyled as n,
-  InputTextEditorStyled as o
+  ActionsConfigContainerStyled as a,
+  RowsCountLabelStyled as b,
+  RowsCountValueStyled as c,
+  ColumnsConfigWrapperStyled as d,
+  ColumnsConfigSelColumnsStyled as e,
+  ColumnsConfigDataGridStyled as f,
+  ColumnsConfigActiosStyled as g,
+  ContentModalSettingStyled as h,
+  TableContainerStyled as i,
+  DraggableHeaderRootStyled as j,
+  DraggableWrapperInputBaseStyled as k
 };