@m4l/components 9.1.120 → 9.1.122

package/components/DataGrid/types.d.ts

@@ -1,7 +1,11 @@
 import { Maybe } from '@m4l/core';
+import { Theme } from '@mui/material/styles';
 import { Column, RowsChangeData, FormatterProps } from 'react-data-grid';
 import { MenuAction } from '../MenuActions/types';
 import { ActionsProps } from './subcomponents/Actions/types';
+import { ActionsSlots, ColumnsConfigSlots, DataGridSlots, RowsCountSlots, TableSlots, TextEditorSlots } from './slots/DataGridEnum';
+import { OverridesStyleRules } from '@mui/material/styles/overrides';
+import { DATAGRID_PREFIX_NAME } from './constants';
 export type GridFormatterPropss<T, SR> = FormatterProps<T, SR>;
 export type { ColumnUncertaintyFormatter, ColumnPointsFormatter, ColumnNestedValueFormatter, } from './formatters';
 export declare type ColumnType = 'string' | 'date' | 'number' | 'boolean' | 'custom';
@@ -69,3 +73,5 @@ export declare interface DataGridProps<TRow, TSummaryRow, TKey extends RowKey =
 export interface OwnerState extends WithActionsProps {
     actionsProps: ActionsProps;
 }
+export type DataGridSlotsType = DataGridSlots | TextEditorSlots | ActionsSlots | RowsCountSlots | ColumnsConfigSlots | TableSlots;
+export type DataGridStyles = OverridesStyleRules<DataGridSlotsType, typeof DATAGRID_PREFIX_NAME, Theme>;

package/components/ScrollBar/ScrollBar.d.ts

@@ -1,10 +1,6 @@
 import { ScrollBarProps } from './types';
 /**
- * TODO: Documentar
- * @author Diego Betancur - automatic
- * @createdAt 2025-02-10 11:27:50 - automatic
- * @updatedAt 2025-02-10 11:27:50 - automatic
- * @updatedUser Diego Betancur - automatic
+ * Componente que permite agregar una barra de desplazamiento personalizada.
  */
 export declare function ScrollBar(props: ScrollBarProps): import("react/jsx-runtime").JSX.Element;
 export default ScrollBar;

package/components/ScrollBar/ScrollBar.js

@@ -1,9 +1,10 @@
 import { jsx } from "react/jsx-runtime";
+import "simplebar-react/dist/simplebar.min.css";
+import clsx from "clsx";
 import { Box } from "@mui/material";
 import { useIsMobile } from "@m4l/graphics";
-import clsx from "clsx";
-import { c as classScrollRoot, S as SCROLL_KEY_COMPONENT } from "./constants.js";
 import { g as getPropDataTestId } from "../../test/getNameDataTestId.js";
+import { c as classScrollRoot, S as SCROLL_KEY_COMPONENT } from "./constants.js";
 import { R as RootScrollBar, S as SimpleBarStyled } from "./slots/ScrollBarSlots.js";
 import { S as ScrollBarSlots } from "./slots/ScrollBarEnum.js";
 function ScrollBar(props) {

package/components/ScrollBar/ScrollBar.styles.js

@@ -1,24 +1,15 @@
-import "simplebar-react/dist/simplebar.min.css";
 const scrollBarStyles = {
   /**
-   * 👾 Estilos para el Componente ScrollBar 👾
-   * @updatedUser Diego Betancur - automatic
-   * @updatedAt 2025-02-10 11:27:50 - automatic
-   * @createdAt 2025-02-10 11:27:50 - automatic
-   * @author Diego Betancur - automatic
-   * @author Diego Betancur - automatic
-   * @createdAt 2025-02-10 11:27:50 - automatic
-   * @updatedAt 2025-02-10 11:27:50 - automatic
-   * @updatedUser Diego Betancur - automatic
+   * Root element
    */
   root: ({ theme }) => ({
-    flexGrow: "1",
+    flexGrow: 1,
     width: "100%",
     height: "100%",
     overflow: "hidden",
     minHeight: "inherit",
     "& .simplebar-scrollbar.simplebar-visible:before": {
-      opacity: "1"
+      opacity: 1
     },
     '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {},
     '& .simplebar-content-wrapper[style*="overflow: scroll hidden;"] .simplebar-content': {
@@ -35,13 +26,13 @@ const scrollBarStyles = {
     }
   }),
   /**
-   * 👾 Estilos para el Componente ScrollBar 👾
+   * Scroll bar
    */
-  scrollBar: () => ({
+  scrollBar: ({ theme }) => ({
     height: "100%",
     "& .simplebar-scrollbar": {
       "&:before": {
-        // backgroundColor: alpha(theme.colorSchemes.finalTheme.palette.grey[600], 0.48),
+        background: theme.vars.palette.general.scrollBar
       },
       "&.simplebar-visible:before": {
         opacity: 1
@@ -61,10 +52,8 @@ const scrollBarStyles = {
       flexDirection: "column",
       height: "100%"
     },
-    '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] ': {
-      "& .simplebar-content": {
-        marginRight: "12px"
-      }
+    '& .simplebar-content-wrapper[style*="overflow: hidden scroll;"] .simplebar-content': {
+      marginRight: "12px"
     }
   })
 };

package/components/areas/components/AreasViewer/types.d.ts

@@ -1,4 +1,4 @@
-import { M4LOverridesStyleRules } from 'src/@types/augmentations';
+import { M4LOverridesStyleRules } from '../../../../../src/@types/augmentations';
 import { AreasViewerSlots } from './slots/AreasViewerEnum';
 import { Theme } from '@mui/material';
 import { AREAS_VIEWER_KEY_COMPONENT } from './constants';

package/components/gclick/MyDevice/MyDevice.js

@@ -10,7 +10,7 @@ const MyDevice = (props) => {
     for (const match of matches) {
       const r = getPropertyByString(props.deviceData, match.slice(1, -1));
       if (typeof r === "string" || typeof r === "number" || typeof r === "boolean") {
-        label = label.replaceAll(match, r);
+        label = label.replaceAll(match, r.toString());
       } else {
         label = label.replaceAll(match, "err");
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.1.120",
+  "version": "9.1.122",
   "license": "UNLICENSED",
   "lint-staged": {
     "*.{js,ts,tsx}": "eslint --fix --max-warnings 0"

package/components/DataGrid/classes/constants.d.ts

@@ -1 +0,0 @@
-export declare const componentName = "M4LDataGrid";

package/components/DataGrid/classes/constants.js

@@ -1,4 +0,0 @@
-const componentName = "M4LDataGrid";
-export {
-  componentName as c
-};

package/components/DataGrid/classes/index.d.ts

@@ -1,33 +0,0 @@
-import { DataGridClassesType } from './types';
-import { OwnerState } from '../types';
-export declare const dataGridClasses: DataGridClassesType;
-export declare function getDataGridUtilityClass(slot: string): string;
-/**
- * TODO: Documentar
- */
-export declare const dataGridUtilityClasses: (ownerState: OwnerState) => {
-    root: string;
-    actions: string;
-    rowsCount: 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;
-    actionsConfigContainer: string;
-    booleanFormatter: string;
-    iconFormatter: string;
-    actionSettings: string;
-};

package/components/DataGrid/classes/index.js

@@ -1,71 +0,0 @@
-import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
-import { unstable_composeClasses } from "@mui/base";
-import { c as componentName } from "./constants.js";
-const dataGridClasses = generateUtilityClasses(componentName, [
-  /* elements */
-  "root",
-  "actions",
-  "withPager",
-  "withNoPager",
-  "rowsCount",
-  "rowsCountLabel",
-  "rowsCountValue",
-  "densitySkeleton",
-  "actionDensityPopover",
-  "actionFilter",
-  "actionSettings",
-  "tableContaniner",
-  "wrapperDataGridCss",
-  "columnsConfigContainer",
-  "columnsLabelSetColumns",
-  "columnsConfigContent",
-  "columnsConfigGrid",
-  "columnsConfigActions",
-  "formatterColumn",
-  "skeletonFormatter",
-  "actionsFormatter",
-  "actionsConfigContainer",
-  "booleanFormatter",
-  "iconFormatter",
-  /* states or variants of elements */
-  "withActions"
-]);
-function getDataGridUtilityClass(slot) {
-  return generateUtilityClass(componentName, slot);
-}
-const dataGridUtilityClasses = (ownerState) => {
-  const slots = {
-    root: ["root"],
-    actions: ["actions", ownerState.actionsProps.withPager ? "withPager" : "withNoPager"],
-    rowsCount: ["rowsCount"],
-    rowsCountLabel: ["rowsCountLabel"],
-    rowsCountValue: ["rowsCountValue"],
-    densitySkeleton: ["densitySkeleton"],
-    densityRoot: ["densityRoot"],
-    densityPopover: ["densityPopover"],
-    actionFilter: ["actionFilter"],
-    actionSettings: ["actionSettingsRoot"],
-    actionDensityPopover: ["actionDensityPopover"],
-    tableContaniner: ["tableContaniner", ownerState.withActions && "withActions"],
-    wrapperDataGridCss: ["wrapperDataGridCss"],
-    columnsConfigContainer: ["columnsConfigContainer"],
-    columnsLabelSetColumns: ["columnsLabelSetColumns"],
-    columnsConfigContent: ["columnsConfigContent"],
-    columnsConfigGrid: ["columnsConfigGrid"],
-    columnsConfigActions: ["columnsConfigActions"],
-    formatterColumn: ["formatterColumn"],
-    skeletonFormatter: ["skeletonFormatter"],
-    actionsFormatter: ["actionsFormatter"],
-    actionsConfigContainer: ["actionsConfigContainer"],
-    booleanFormatter: ["booleanFormatter"],
-    iconFormatter: ["iconFormatter"]
-  };
-  const composedClasses = unstable_composeClasses(slots, getDataGridUtilityClass, {});
-  return {
-    ...composedClasses
-  };
-};
-export {
-  dataGridUtilityClasses as a,
-  dataGridClasses as d
-};

package/components/DataGrid/classes/types.d.ts

@@ -1,30 +0,0 @@
-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;
-    actionsConfigContainer: string;
-    booleanFormatter: string;
-    iconFormatter: string;
-    withActions: string;
-}
-export type BadgeClassesKey = keyof DataGridClassesType;
-export type Classes = ReturnType<typeof dataGridUtilityClasses>;

package/components/DataGrid/formatters/ColumnDateFormatter/styles.d.ts

@@ -1 +0,0 @@
-export declare const Container: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DataGrid/subcomponents/Actions/styles.d.ts

@@ -1 +0,0 @@
-export declare const WrapperActions: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DataGrid/subcomponents/Actions/subcomponents/Filter/types.d.ts

@@ -1,2 +0,0 @@
-export interface FilterProps {
-}

package/components/DataGrid/subcomponents/Actions/subcomponents/RowsCount/types.d.ts

@@ -1,2 +0,0 @@
-export interface TotalRecordProps {
-}

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

@@ -1,7 +0,0 @@
-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 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/components/DataGrid/subcomponents/Actions/subcomponents/Settings/subcomponents/ColumnsConfig/styles.js

@@ -1,50 +0,0 @@
-import { styled } from "@mui/material/styles";
-const WrapperColumnsConfig = styled("div")(({ theme }) => ({
-  color: theme.vars.palette.text.primary,
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  height: "100%",
-  width: "100%"
-}));
-styled("div")(({ theme }) => ({
-  color: theme.vars.palette.text.primary,
-  fontSize: theme.typography.h4.fontSize
-}));
-const DivSelColumns = styled("div")(({ theme }) => ({
-  ...theme.colorSchemes.finalTheme.typography.bodyDens,
-  color: theme.vars.palette.text.primary,
-  padding: `16px 8px`
-}));
-const WrapperDataGrid = styled("div")(() => ({
-  position: "relative",
-  display: "flex",
-  flexDirection: "column",
-  flexGrow: 1,
-  overflow: "auto"
-}));
-styled("div")(() => ({
-  display: "flex",
-  flexDirection: "row"
-}));
-const ColumnActions = styled("div")(() => ({
-  paddingTop: "16px",
-  paddingBottom: "8px",
-  display: "flex",
-  flexDirection: "row"
-}));
-styled("div")(({ theme }) => ({
-  paddingTop: theme.spacing(3),
-  display: "flex",
-  flexDirection: "row",
-  justifyContent: "flex-end",
-  "& > button": {
-    marginLeft: "10px"
-  }
-}));
-export {
-  ColumnActions as C,
-  DivSelColumns as D,
-  WrapperColumnsConfig as W,
-  WrapperDataGrid as a
-};

package/components/DataGrid/subcomponents/Table/subcomponents/SkeletonFormatter/styles.d.ts

@@ -1 +0,0 @@
-export declare const WrapperSkeleton: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/DataGrid/subcomponents/Table/subcomponents/SkeletonFormatter/styles.js

@@ -1,10 +0,0 @@
-import { styled } from "@mui/material";
-const WrapperSkeleton = styled("div")(() => ({
-  display: "flex",
-  width: "100%",
-  height: "100%",
-  alignItems: "center"
-}));
-export {
-  WrapperSkeleton as W
-};