@m4l/components 1.0.21 → 1.0.23

package/@types/export.d.ts

@@ -206,14 +206,14 @@ declare module '@mui/material/styles' {
       styleOverrides?: ComponentsOverrides<Theme>['M4LMapLayers'];
     };
 
-    M4LGpsTools?: {
-      styleOverrides?: ComponentsOverrides<Theme>['M4LGpsTools'];
+    M4LMapGpsTools?: {
+      styleOverrides?: ComponentsOverrides<Theme>['M4LMapGpsTools'];
     };
-    M4LGpsToolsGeofencesList?: {
-      styleOverrides?: ComponentsOverrides<Theme>['M4LGpsToolsGeofencesList'];
+    M4LMapGpsToolsGeofencesList?: {
+      styleOverrides?: ComponentsOverrides<Theme>['M4LMapGpsToolsGeofencesList'];
     };
-    M4LGpsToolsGeofencesAddEdit?: {
-      styleOverrides?: ComponentsOverrides<Theme>['M4LGpsToolsGeofencesAddEdit'];
+    M4LMapGpsToolsGeofencesAddEdit?: {
+      styleOverrides?: ComponentsOverrides<Theme>['M4LMapGpsToolsGeofencesAddEdit'];
     };
 
     M4LStack?: {

package/components/AccountPopover/{index.7687487c.js → index.5c97ab79.js}

@@ -4,10 +4,10 @@ import { useState, useEffect } from "react";
 import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { A as Avatar } from "../mui_extended/Avatar/index.f8d0e601.js";
+import { A as Avatar } from "../mui_extended/Avatar/index.3ebe1a4b.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.1758efd3.js";
-import { I as Icon } from "../Icon/index.b1c014b0.js";
+import { P as Popover } from "../mui_extended/Popover/index.57cd2dc0.js";
+import { I as Icon } from "../Icon/index.8168aa10.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(

package/components/AccountPopover/style.d.ts

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

package/components/AppBar/{index.16d8f79a.js → index.631dac35.js}

@@ -1,13 +1,13 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { A as AppBarRoot } from "../../styles/index.b0a69054.js";
+import { A as AppBarRoot } from "../../styles/index.379fa100.js";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Image } from "../Image/index.a011d2d2.js";
-import { T as Typography } from "../mui_extended/Typography/index.ddde0fc7.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.40a12fe0.js";
+import { I as Image } from "../Image/index.92d522f9.js";
+import { T as Typography } from "../mui_extended/Typography/index.5a14dd12.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.3284f1d5.js";
 const APPBAR_PREFIX = "M4LAppBar";
 const getNameDataTestId = (KEY) => {
   return `${APPBAR_PREFIX}-${KEY}`;

package/components/AppBar/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AppBarRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, {}>;

package/components/CommonActions/components/ActionCancel/{index.d0adf9c4.js → index.4ec04ad9.js}

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.1f534053.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.dff2bcc7.js";
+import { B as Button } from "../../../mui_extended/Button/index.dc43db94.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2083f1d3.js";
 const ActionCancel = (props) => {
   const { getLabel } = useModuleDictionary();
   const classes = useCommonActionsUtilityClasses();

package/components/CommonActions/components/ActionFormCancel/{index.c815247c.js → index.4d61b0fe.js}

@@ -1,12 +1,12 @@
 import { jsx } from "react/jsx-runtime";
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.1f534053.js";
+import { B as Button } from "../../../mui_extended/Button/index.dc43db94.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.e77737dd.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.dff2bcc7.js";
+import { u as useModal } from "../../../../hooks/useModal/index.70c3f0b5.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2083f1d3.js";
 import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.eaec0ee1.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.746fdae7.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/CommonActions/components/ActionFormIntro/{index.f67b79e2.js → index.241ff066.js}

@@ -2,8 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { L as LoadingButton } from "../../../mui_extended/Button/index.1f534053.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.dff2bcc7.js";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.dc43db94.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2083f1d3.js";
 function ActionFormIntro(props) {
   const { getLabel } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();

package/components/CommonActions/components/ActionIntro/{index.6904d0ad.js → index.6c855294.js}

@@ -1,8 +1,8 @@
 import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.1f534053.js";
+import { B as Button } from "../../../mui_extended/Button/index.dc43db94.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.dff2bcc7.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2083f1d3.js";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {
   const { getLabel } = useModuleDictionary();

package/components/CommonActions/components/Actions/{index.dff2bcc7.js → index.2083f1d3.js}

@@ -5,7 +5,7 @@ import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.j
 import { generateUtilityClasses } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
 import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
-import { W as WrapperStandarActions } from "../../../../styles/index.b0a69054.js";
+import { W as WrapperStandarActions } from "../../../../styles/index.379fa100.js";
 function getCommonActionsDictionary() {
   return ["common_actions"];
 }

package/components/CommonActions/components/Actions/styles.d.ts

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

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

@@ -25,5 +25,6 @@ export declare const dataGridUtilityClasses: (ownerState: OwnerState) => {
     actionsFormatter: string;
     actionsConfigContainer: string;
     booleanFormatter: string;
+    iconFormatter: string;
     actionSettings: string;
 };

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

@@ -23,6 +23,7 @@ export interface DataGridClassesType {
     actionsFormatter: string;
     actionsConfigContainer: string;
     booleanFormatter: string;
+    iconFormatter: string;
     withActions: string;
 }
 export declare type BadgeClassesKey = keyof DataGridClassesType;

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.6fa4e6c3.js → index.371bcc46.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.97b1d316.js";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.6b0373e0.js";
 function ColumnBooleanFormatter(props) {
   const { fieldValue, presentationType, Component } = props;
   return (obProps) => {

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.59985444.js → index.efe5a903.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.161191d7.js";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.a0d79071.js";
 function ColumnConcatenatedValueFormatter(props) {
   const { fieldValue, fieldSeparator, Component } = props;
   return (obProps) => {

package/components/DataGrid/formatters/ColumnIconFormatter/index.d.ts

@@ -0,0 +1,2 @@
+import { ColumnIconFormatterProps } from './types';
+export declare function ColumnIconFormatter(props: ColumnIconFormatterProps): (obProps: any) => import("react/jsx-runtime").JSX.Element;

package/components/DataGrid/formatters/ColumnIconFormatter/types.d.ts

@@ -0,0 +1,7 @@
+export declare type ColumnIconResponse = {
+    iconUrl: string;
+    tooltip?: string;
+};
+export interface ColumnIconFormatterProps {
+    getIconUrl: (obRowProps: any) => ColumnIconResponse;
+}

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/{index.94d1860d.js → index.8128c255.js}

@@ -1,6 +1,6 @@
 import { jsx } from "react/jsx-runtime";
 import { Checkbox } from "@mui/material";
-import { d as dataGridClasses } from "../../index.768e62a6.js";
+import { d as dataGridClasses } from "../../index.3f13b6aa.js";
 function ColumnInteractiveCheckFormatter(props) {
   const { row, onRowChange, column } = props;
   const handleChange = () => {

package/components/DataGrid/formatters/ColumnPointsFormatter/{index.fc637564.js → index.ab152484.js}

@@ -1,5 +1,5 @@
 import { jsx } from "react/jsx-runtime";
-import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.6ad006b8.js";
+import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.51cd6774.js";
 function ColumnPointsFormatter(props) {
   return (obProps) => {
     return /* @__PURE__ */ jsx(PointsFormatter, { obProps, ...props });

package/components/DataGrid/formatters/index.84c30cd7.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { d as dataGridClasses } from "../index.3f13b6aa.js";
+import { I as Icon } from "../../Icon/index.8168aa10.js";
+function ColumnIconFormatter(props) {
+  const { getIconUrl } = props;
+  return (obProps) => {
+    const { iconUrl } = getIconUrl(obProps);
+    return /* @__PURE__ */ jsx("div", { className: dataGridClasses.iconFormatter, children: /* @__PURE__ */ jsx(Icon, { src: iconUrl }) });
+  };
+}
+export {
+  ColumnIconFormatter as C
+};

package/components/DataGrid/{index.768e62a6.js → index.3f13b6aa.js}

@@ -1,7 +1,7 @@
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.f22ea160.js";
-import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.6b48325e.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.22eb4873.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.ef526d95.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.b0a69054.js";
+import { a as WrapperSkeleton, D as DataGridRoot } from "../../styles/index.379fa100.js";
 import { forwardRef, createContext, useState, useMemo, useEffect, useCallback, useContext, useRef, useLayoutEffect } from "react";
 import { u as useRowSelection, S as SelectCellFormatter, H as HeaderRenderer, D as DataGrid$1 } from "../../react-data-grid.c5377916.js";
 import { useDrag, useDrop, DndProvider } from "react-dnd";
@@ -9,7 +9,7 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { D as DATAGRID_SELECT_COLUMN_KEY, c as componentName, a as DATAGRID_PREFIX_NAME } from "./constants.e334cd50.js";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString } from "@m4l/core";
-import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.39dcd931.js";
+import { A as ActionsColumn, a as Actions } from "./subcomponents/Actions/index.feeb7987.js";
 import { unstable_composeClasses } from "@mui/base";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { g as getNameDataTestId } from "../../test/getNameDataTestId.0faeade8.js";
@@ -751,6 +751,7 @@ const dataGridClasses = generateUtilityClasses(componentName, [
   "actionsFormatter",
   "actionsConfigContainer",
   "booleanFormatter",
+  "iconFormatter",
   "withActions"
 ]);
 function getDataGridUtilityClass(slot) {
@@ -780,7 +781,8 @@ const dataGridUtilityClasses = (ownerState) => {
     skeletonFormatter: ["skeletonFormatter"],
     actionsFormatter: ["actionsFormatter"],
     actionsConfigContainer: ["actionsConfigContainer"],
-    booleanFormatter: ["booleanFormatter"]
+    booleanFormatter: ["booleanFormatter"],
+    iconFormatter: ["iconFormatter"]
   };
   const composedClasses = unstable_composeClasses(slots, getDataGridUtilityClass, {});
   return {

package/components/DataGrid/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DataGridRoot: 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/{index.39dcd931.js → index.feeb7987.js}

@@ -1,21 +1,21 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { M as MenuActions } from "../../../mui_extended/MenuActions/index.fdc64d2c.js";
-import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.768e62a6.js";
+import { M as MenuActions } from "../../../mui_extended/MenuActions/index.9e3d7f5d.js";
+import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.3f13b6aa.js";
 import { useTheme, Skeleton } from "@mui/material";
 import { b as DATAGRID_ACTIONS_COLUMN_KEY } from "../../constants.e334cd50.js";
-import { P as Pager } from "../../../mui_extended/Pager/index.6b48325e.js";
-import { I as IconButton } from "../../../mui_extended/IconButton/index.40a12fe0.js";
+import { P as Pager } from "../../../mui_extended/Pager/index.ef526d95.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.3284f1d5.js";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { useIsMobile, useResponsiveContainerStore } from "@m4l/graphics";
 import { forwardRef, useRef, useState, useImperativeHandle, useMemo, useEffect, useCallback } from "react";
-import { b as WrapperColumnsConfig, c as DivSelColumns, d as WrapperDataGrid, C as ColumnActions, D as DataGridRoot } from "../../../../styles/index.b0a69054.js";
+import { b as WrapperColumnsConfig, c as DivSelColumns, d as WrapperDataGrid, C as ColumnActions, D as DataGridRoot } from "../../../../styles/index.379fa100.js";
 import { D as DataGrid$1 } from "../../../../react-data-grid.c5377916.js";
-import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.94d1860d.js";
-import { u as useModal } from "../../../../hooks/useModal/index.e77737dd.js";
-import { W as WindowBase } from "../../../modal/WindowBase.c7d14de4.js";
-import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.dff2bcc7.js";
-import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.d0adf9c4.js";
-import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.6904d0ad.js";
+import { C as ColumnInteractiveCheckFormatter } from "../../formatters/ColumnInteractiveCheckFormatter/index.8128c255.js";
+import { u as useModal } from "../../../../hooks/useModal/index.70c3f0b5.js";
+import { W as WindowBase } from "../../../modal/WindowBase.58fc327c.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.2083f1d3.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.4ec04ad9.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.6c855294.js";
 import { shallow } from "zustand/shallow";
 function ActionsFormatter(props) {
   const { rowActionsGetter, classes } = useDataGrid();

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+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/Table/subcomponents/SkeletonFormatter/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+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/editors/TextEditor/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { EditorProps } from 'react-data-grid';
+export declare const Input: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {}>;
+export declare function TextEditor<TRow, TSummaryRow>({ row, column, onRowChange, onClose, }: EditorProps<TRow, TSummaryRow>): import("react/jsx-runtime").JSX.Element;
+export declare function NumberEditor<TRow, TSummaryRow>({ row, column, onRowChange, onClose, }: EditorProps<TRow, TSummaryRow>): import("react/jsx-runtime").JSX.Element;
+export default TextEditor;

package/components/DragResizeWindow/DragResizeWindow.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
-import type { DraggableWindowProps, DraggableWindowRefProps } from './types';
+import React from 'react';
+import type { DraggableWindowProps } from './types';
 /**
  * Este component es un wrapper o ventana draggable y resizeable al children.
  * Caracteristicas
@@ -17,5 +17,5 @@ import type { DraggableWindowProps, DraggableWindowRefProps } from './types';
  * @param props
  * @returns
  */
-export declare const DragResizeWindow: import("react").ForwardRefExoticComponent<DraggableWindowProps & import("react").RefAttributes<DraggableWindowRefProps>>;
+export declare const DragResizeWindow: React.ForwardRefExoticComponent<DraggableWindowProps & React.RefAttributes<HTMLDivElement>>;
 export default DragResizeWindow;