@m4l/components 1.0.21 → 1.0.22

package/components/CommonActions/components/ActionFormCancel/{index.c815247c.js → index.2a421fd5.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.3f98a33c.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.f2579c58.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2569b4df.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.af2047ad.js";
 function ActionFormCancel() {
   const { getLabel } = useModuleDictionary();
   const { openModal } = useModal();

package/components/CommonActions/components/ActionFormIntro/{index.f67b79e2.js → index.dfab71be.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.3f98a33c.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.2569b4df.js";
 function ActionFormIntro(props) {
   const { getLabel } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();

package/components/CommonActions/components/ActionIntro/{index.6904d0ad.js → index.3f96d6dc.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.3f98a33c.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.2569b4df.js";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {
   const { getLabel } = useModuleDictionary();

package/components/CommonActions/components/Actions/{index.dff2bcc7.js → index.2569b4df.js}

@@ -4,8 +4,8 @@ import clsx from "clsx";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
 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 { g as getComponentUtilityClass } from "../../../../utils/index.78d1638f.js";
+import { W as WrapperStandarActions } from "../../../../styles/index.2129f144.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/assets/icons/datagrid.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
-<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
+<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
+</svg>

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.f29b245f.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.bab92b54.js";
 function ColumnBooleanFormatter(props) {
   const { fieldValue, presentationType, Component } = props;
   return (obProps) => {

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.59985444.js → index.e54fd4db.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.54397ac7.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.3424cf67.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.79892601.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.59c6d2a6.js

@@ -0,0 +1,13 @@
+import { jsx } from "react/jsx-runtime";
+import { d as dataGridClasses } from "../index.79892601.js";
+import { I as Icon } from "../../Icon/index.735ed5af.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.79892601.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.52db045e.js";
+import { g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.3d387e89.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.2129f144.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.6d5cb1d7.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.6d5cb1d7.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.e40047bd.js";
+import { u as useDataGrid, a as useFilters, b as dictionary } from "../../index.79892601.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.3d387e89.js";
+import { I as IconButton } from "../../../mui_extended/IconButton/index.6e1e7606.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.2129f144.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.3424cf67.js";
+import { u as useModal } from "../../../../hooks/useModal/index.f2579c58.js";
+import { W as WindowBase } from "../../../modal/WindowBase.62dc9432.js";
+import { A as Actions$1 } from "../../../CommonActions/components/Actions/index.2569b4df.js";
+import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/index.5dc2a47d.js";
+import { A as ActionIntro } from "../../../CommonActions/components/ActionIntro/index.3f96d6dc.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
@@ -13,9 +13,9 @@ import type { DraggableWindowProps, DraggableWindowRefProps } from './types';
  *     Por lo tanto todo el estilo, va directamente a WrapperWindowRoot.
  * Consideraciones:
  *
-
+
  * @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;