@m4l/components 0.0.53 → 0.0.54

package/dist/components/CommonActions/components/ActionFormCancel/index.js

@@ -56,7 +56,7 @@ function ActionFormCancel(props) {
     color: "inherit",
     onClick: onClickCancel,
     ...props,
-    children: getLabel("actions.action_cancel")
+    children: getLabel("common_actions.action_cancel")
   });
 }
 export { ActionFormCancel as A };

package/dist/components/CommonActions/components/Actions/index.js

@@ -2,7 +2,7 @@ import { styled } from "@mui/material/styles";
 import { I as IconButton$1 } from "../../../mui_extended/IconButton/index.js";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { u as useBase, a as useFilters, O as OriginalGridWrapperStyled } from "../../../DataGrid/index.js";
+import { u as useBase, a as useFilters, O as OriginalDataGridWrapperStyled } from "../../../DataGrid/index.js";
 import { P as Pager } from "../../../mui_extended/Pager/index.js";
 import { IconButton, Tooltip, MenuItem, Skeleton, Checkbox } from "@mui/material";
 import { useState, useMemo, forwardRef, useRef, useImperativeHandle, useEffect, useCallback } from "react";
@@ -255,10 +255,10 @@ function Filter() {
     });
   }
   return /* @__PURE__ */ jsx(IconButton$1, {
-    dictionaryTooltip: activeFilters ? "grid.filter_hide" : "grid.filter_show",
+    dictionaryTooltip: activeFilters ? "data_grid.tooltip_filter_hide" : "data_grid.tooltip_filter_show",
     onClick: toggleIcon,
     "aria-label": "filter",
-    src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/filter.svg`
+    src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/filter.svg`
   });
 }
 const WrapperColumnsConfig = styled("div")(({ theme }) => ({
@@ -278,7 +278,7 @@ const DivSelColumns = styled("div")(({ theme }) => ({
   color: theme.palette.text.primary,
   padding: `${theme.spacing(3)} ${theme.spacing(1)}`
 }));
-const WrapperGrid = styled("div")(() => ({
+const WrapperDataGrid = styled("div")(() => ({
   position: "relative",
   display: "flex",
   flexDirection: "column",
@@ -332,7 +332,7 @@ function getRowsFromColumnsConfig(columnsConfig) {
   }));
 }
 const ColumnsConfig = forwardRef((props, ref) => {
-  const refGrid = useRef(null);
+  const refdata_grid = useRef(null);
   const {
     onCloseSettings,
     columnsConfig,
@@ -353,28 +353,28 @@ const ColumnsConfig = forwardRef((props, ref) => {
     onClickIntro: handleIntro,
     current: divRef.current
   }));
-  const columnsGrid = useMemo(() => [{
+  const columnsdata_grid = useMemo(() => [{
     key: "name",
-    name: getLabel("grid.settings_column_name"),
+    name: getLabel("data_grid.settings_column_name"),
     width: 200,
     resizable: true,
     type: "text"
   }, {
     key: "originalIndex",
-    name: getLabel("grid.settings_column_position"),
+    name: getLabel("data_grid.settings_column_position"),
     width: 50,
     type: "number",
     cellClass: "rdg-cell-align-center"
   }, {
     key: "visible",
-    name: getLabel("grid.settings_column_visible"),
+    name: getLabel("data_grid.settings_column_visible"),
     width: 80,
     type: "boolean",
     formatter: FormatterColumn,
     cellClass: "rdg-cell-align-center"
   }, {
     key: "frozen",
-    name: getLabel("grid.settings_column_frozen"),
+    name: getLabel("data_grid.settings_column_frozen"),
     width: 80,
     type: "boolean",
     formatter: FormatterColumn,
@@ -421,7 +421,7 @@ const ColumnsConfig = forwardRef((props, ref) => {
     const newRows = [...rows];
     newRows.splice(rowSelectedIndex, 1);
     newRows.splice(0, 0, rows[rowSelectedIndex]);
-    refGrid.current?.selectCell({
+    refdata_grid.current?.selectCell({
       idx: 0,
       rowIdx: 0
     });
@@ -433,7 +433,7 @@ const ColumnsConfig = forwardRef((props, ref) => {
     const newRows = [...rows];
     newRows.splice(rowSelectedIndex, 1);
     newRows.splice(newRows.length, 0, rows[rowSelectedIndex]);
-    refGrid.current?.selectCell({
+    refdata_grid.current?.selectCell({
       idx: 0,
       rowIdx: newRows.length - 1
     });
@@ -446,7 +446,7 @@ const ColumnsConfig = forwardRef((props, ref) => {
     const element = newRows[rowSelectedIndex];
     newRows.splice(rowSelectedIndex, 1);
     newRows.splice(rowSelectedIndex + position, 0, element);
-    refGrid.current?.selectCell({
+    refdata_grid.current?.selectCell({
       idx: 0,
       rowIdx: rowSelectedIndex + position
     });
@@ -502,15 +502,15 @@ const ColumnsConfig = forwardRef((props, ref) => {
     ref: divRef,
     children: [/* @__PURE__ */ jsx(DivSelColumns, {
       id: "divInfo",
-      children: getLabel("grid.settings_sel_columns")
-    }), /* @__PURE__ */ jsx(WrapperGrid, {
-      id: "WrapperGrid",
-      children: /* @__PURE__ */ jsx(OriginalGridWrapperStyled, {
-        id: "OriginalGridWrapperStyled",
+      children: getLabel("data_grid.settings_sel_columns")
+    }), /* @__PURE__ */ jsx(WrapperDataGrid, {
+      id: "WrapperDataGrid",
+      children: /* @__PURE__ */ jsx(OriginalDataGridWrapperStyled, {
+        id: "Originaldata_gridWrapperStyled",
         children: /* @__PURE__ */ jsx(DataGrid$1, {
-          className: "fill-grid  rdg-light",
-          ref: refGrid,
-          columns: columnsGrid,
+          className: "fill-data_grid  rdg-light",
+          ref: refdata_grid,
+          columns: columnsdata_grid,
           rows,
           onRowsChange: onInternalRowsChange,
           selectedRows: selRows,
@@ -526,44 +526,44 @@ const ColumnsConfig = forwardRef((props, ref) => {
       })
     }), /* @__PURE__ */ jsxs(ColumnActions, {
       children: [/* @__PURE__ */ jsx(IconButton$1, {
-        dictionaryTooltip: "grid.settings_move_first",
+        dictionaryTooltip: "data_grid.settings_move_first",
         onClick: handleMoveFirst,
         "aria-label": "move first place",
         disabled: rowSelectedIndex < 1,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_first_place.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/move_first_place.svg`
       }), /* @__PURE__ */ jsx(IconButton$1, {
-        dictionaryTooltip: "grid.settings_move_up",
+        dictionaryTooltip: "data_grid.settings_move_up",
         onClick: () => handleMoveUpDownd(-1),
         "aria-label": "move up place",
         disabled: rowSelectedIndex < 1,
-        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_up_place.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/move_up_place.svg`
       }), /* @__PURE__ */ jsx(IconButton$1, {
-        dictionaryTooltip: "grid.settings_move_last",
+        dictionaryTooltip: "data_grid.settings_move_last",
         onClick: handleMoveLast,
         "aria-label": "move last place",
         disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
-        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_last_place.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/move_last_place.svg`
       }), /* @__PURE__ */ jsx(IconButton$1, {
-        dictionaryTooltip: "grid.settings_move_down",
+        dictionaryTooltip: "data_grid.settings_move_down",
         onClick: () => handleMoveUpDownd(1),
         "aria-label": "move down place",
         disabled: !!(rowSelectedIndex === rows.length - 1 || rowSelectedIndex === -1),
-        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/move_down_place.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/move_down_place.svg`
       }), /* @__PURE__ */ jsx(IconButton$1, {
-        dictionaryTooltip: "grid.settings_visible_all",
+        dictionaryTooltip: "data_grid.settings_visible_all",
         onClick: checkAll,
         "aria-label": "check visible all",
-        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/check_all.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/check_all.svg`
       }), /* @__PURE__ */ jsx(IconButton$1, {
-        dictionaryTooltip: "grid.settings_no_visible_all",
+        dictionaryTooltip: "data_grid.settings_no_visible_all",
         onClick: unCheckAll,
         "aria-label": "un check all",
-        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/uncheck_all.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/uncheck_all.svg`
       }), /* @__PURE__ */ jsx(IconButton$1, {
-        dictionaryTooltip: "grid.settings_restore",
+        dictionaryTooltip: "data_grid.settings_restore",
         onClick: restoreAll,
         "aria-label": "Restore columns",
-        src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/restore_columns.svg`
+        src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/restore_columns.svg`
       })]
     })]
   });
@@ -625,7 +625,7 @@ function Settings() {
   const onClickSettings = useCallback(() => {
     openModal({
       onQueryClose: () => closeModal(),
-      title: "grid.settings_tooltip",
+      title: "data_grid.settings_title",
       initialWidth: 500,
       initialHeigth: 680,
       contentComponent: /* @__PURE__ */ jsx(ColumnsConfig, {
@@ -653,10 +653,10 @@ function Settings() {
     });
   }
   return /* @__PURE__ */ jsx(IconButton$1, {
-    dictionaryTooltip: "grid.settings_tooltip",
+    dictionaryTooltip: "data_grid.tooltip_settings",
     onClick: onClickSettings,
     "aria-label": "settings",
-    src: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/configuration.svg`
+    src: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/configuration.svg`
   });
 }
 const Container = styled("div")(() => ({
@@ -701,7 +701,7 @@ function RowsCount() {
     className: "rows-count",
     id: "RowsCount",
     children: [/* @__PURE__ */ jsx(RowsLabel, {
-      children: getLabel("grid.rows")
+      children: getLabel("data_grid.rows")
     }), /* @__PURE__ */ jsx(InsetLabel, {
       children: rowsCount
     })]
@@ -739,30 +739,30 @@ function Density() {
       return [];
     }
     return [{
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/compact.svg`,
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`,
       onClick: () => setRowHeightVariant("compact"),
       disabled: currentRowHeightVariant === "compact",
-      dictionaryField: "grid.density_compact"
+      dictionaryField: "data_grid.density_compact"
     }, {
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/standard.svg`,
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`,
       onClick: () => setRowHeightVariant("standard"),
       disabled: currentRowHeightVariant === "standard",
-      dictionaryField: "grid.density_standard"
+      dictionaryField: "data_grid.density_standard"
     }, {
-      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/confortable.svg`,
+      urlIcon: `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`,
       onClick: () => setRowHeightVariant("confortable"),
       disabled: currentRowHeightVariant === "confortable",
-      dictionaryField: "grid.density_confortable"
+      dictionaryField: "data_grid.density_confortable"
     }];
   }, [rowHeights, currentRowHeightVariant, setRowHeightVariant, host_static_assets, environment_assets]);
   const currenViewIcon = useMemo(() => {
     if (currentRowHeightVariant === "compact") {
-      return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/compact.svg`;
+      return `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/compact.svg`;
     }
     if (currentRowHeightVariant === "standard") {
-      return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/standard.svg`;
+      return `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/standard.svg`;
     }
-    return `${host_static_assets}/${environment_assets}/frontend/components/grid/assets/icons/confortable.svg`;
+    return `${host_static_assets}/${environment_assets}/frontend/components/data_grid/assets/icons/confortable.svg`;
   }, [currentRowHeightVariant, host_static_assets, environment_assets]);
   if (menuActions.length === 0) {
     return /* @__PURE__ */ jsx(Fragment, {});
@@ -790,7 +790,7 @@ function Density() {
       },
       menuActions,
       urlIcon: currenViewIcon,
-      toolTip: getLabel("grid.density_tooltip")
+      toolTip: getLabel("data_grid.tooltip_density")
     })
   });
 }

package/dist/components/DataGrid/components/Actions/components/Settings/ColumnsConfig/styles.d.ts

@@ -2,7 +2,7 @@
 export declare const WrapperColumnsConfig: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DivAll: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DivSelColumns: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const WrapperGrid: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const WrapperDataGrid: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DivColumn: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ColumnActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DialogActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/DataGrid/dictionary.d.ts

@@ -1,3 +1,3 @@
 import { Dictionary } from '@m4l/core';
-export declare function getGridComponentsDictionary(): string[];
+export declare function getDataGridComponentsDictionary(): string[];
 export declare const defaultGridDictionary: Dictionary;

package/dist/components/DataGrid/index.js

@@ -17,7 +17,7 @@ const WrapperGrid = styled("div")(() => ({
   inset: "0px",
   overflow: "hidden"
 }));
-const OriginalGridWrapperStyled = styled("div")(({
+const OriginalDataGridWrapperStyled = styled("div")(({
   theme
 }) => ({
   position: "absolute",
@@ -402,7 +402,7 @@ function DraggableHeaderRenderer(props) {
       },
       children: /* @__PURE__ */ jsx(InputBase, {
         inputRef: ref,
-        placeholder: getLabel("grid.filter_holder"),
+        placeholder: getLabel("data_grid.filter_holder"),
         style: {
           width: "100%",
           paddingBottom: "2px",
@@ -821,7 +821,7 @@ function Table(props) {
   useEffect(() => {
     setSelectedRows(new Set(props.selectedRows));
   }, [props.selectedRows]);
-  const refGrid = useRef(null);
+  const ref_data_grid = useRef(null);
   const updateExternal = (mapRowsSelected) => {
     if (props.onRowsSelectedChange) {
       const rawRowsSelected = [];
@@ -860,9 +860,9 @@ function Table(props) {
     for (const column of finalColumns) {
       const index = sortColumns.findIndex((sortColumn) => column.key === sortColumn.columnKey);
       if (index !== -1) {
-        refGrid.current?.element?.querySelector(`[role="columnheader"][aria-colindex="${columnIndice + 1}"]`)?.setAttribute("aria-columnsort", `${sortColumns[index].direction}`);
+        ref_data_grid.current?.element?.querySelector(`[role="columnheader"][aria-colindex="${columnIndice + 1}"]`)?.setAttribute("aria-columnsort", `${sortColumns[index].direction}`);
       } else {
-        refGrid.current?.element?.querySelector(`[role="columnheader"][aria-colindex="${columnIndice + 1}"]`)?.removeAttribute("aria-columnsort");
+        ref_data_grid.current?.element?.querySelector(`[role="columnheader"][aria-colindex="${columnIndice + 1}"]`)?.removeAttribute("aria-columnsort");
       }
       columnIndice++;
     }
@@ -879,13 +879,13 @@ function Table(props) {
   return /* @__PURE__ */ jsx(WrapperTable, {
     id: "WrapperTable",
     withActions,
-    children: /* @__PURE__ */ jsx(OriginalGridWrapperStyled, {
+    children: /* @__PURE__ */ jsx(OriginalDataGridWrapperStyled, {
       id: "OriginalGridWrapperStyled",
       children: /* @__PURE__ */ jsx(DndProvider, {
         backend: HTML5Backend,
         children: /* @__PURE__ */ jsx(DataGrid$1, {
           className: "fill-grid rdg-light",
-          ref: refGrid,
+          ref: ref_data_grid,
           headerRowHeight: activeFilters ? currentRowHeaderHeight + filterHeight : currentRowHeaderHeight,
           columns: finalColumns,
           sortColumns,
@@ -951,8 +951,8 @@ function DataGrid(props) {
     })
   });
 }
-function getGridComponentsDictionary() {
-  return ["grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
+function getDataGridComponentsDictionary() {
+  return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
 }
 ({
   grid: {
@@ -983,4 +983,4 @@ function getGridComponentsDictionary() {
   ...defaultPagerDictionary,
   ...defaultModalDialogDictionary
 });
-export { DataGrid as D, OriginalGridWrapperStyled as O, useFilters as a, getGridComponentsDictionary as g, useBase as u };
+export { DataGrid as D, OriginalDataGridWrapperStyled as O, useFilters as a, getDataGridComponentsDictionary as g, useBase as u };

package/dist/components/DataGrid/styles.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 export declare const WrapperGrid: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const OriginalGridWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const OriginalDataGridWrapperStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/components/ObjectLogs/index.js

@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getGridComponentsDictionary } from "../DataGrid/index.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { R as ReactJson } from "../../react-json-view.js";
@@ -264,7 +264,7 @@ function ObjectLogs(props) {
   });
 }
 function getObjectLogsComponentsDictionary() {
-  return ["object_logs"].concat(getGridComponentsDictionary()).concat(getDynamicFilterComponentsDictionary());
+  return ["object_logs"].concat(getDataGridComponentsDictionary()).concat(getDynamicFilterComponentsDictionary());
 }
 const defaultObjectLogDictionary = {
   object_logs: {

package/dist/components/index.d.ts

@@ -7,7 +7,7 @@ export * from './formatters/dicctionary';
 export { DataGrid } from '../components/DataGrid';
 export type { Column } from 'react-data-grid';
 export type { RowKey } from '../components/DataGrid/types';
-export { getGridComponentsDictionary } from '../components/DataGrid/dictionary';
+export { getDataGridComponentsDictionary as getGridComponentsDictionary } from '../components/DataGrid/dictionary';
 export * from '../components/DynamicFilter';
 export * from '../components/DynamicFilter/dictionary';
 export type { FilterFieldApply, RawFilterFieldApply } from '../components/DynamicFilter/types';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@m4l/components",
   "private": false,
-  "version": "0.0.53",
+  "version": "0.0.54",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "vite",