@m4l/components 0.1.41 → 0.1.44

package/@types/types.d.ts

@@ -0,0 +1,117 @@
+import { DynamicFilterProps } from '../components/DynamicFilter/types';
+import { ErrorLabelProps } from '../components/ErrorLabel/types';
+import { RHFTextFieldProps } from '../components/hook-form/RHFTextField/types';
+import { RHFTextFieldPasswordClassesKey } from '../components/hook-form/RHFTextFieldPassword/classes/types';
+import { RHFTextFieldPasswordProps } from '../components/hook-form/RHFTextFieldPassword/types';
+import { IconProps } from '../components/Icon/types';
+import { ImageProps } from '../components/Image/types';
+import { ExtendButtonProps } from '../components/mui_extended/Button/types';
+import { IconButtonProps } from '../components/mui_extended/IconButton/types';
+import { ImageButtonClassesKey } from '../components/mui_extended/ImageButton/ImageButton';
+import { ImageButtonProps } from '../components/mui_extended/ImageButton/types';
+import { PopoverClassesKey } from '../components/mui_extended/Popover/classes/types';
+import { PopoverProps } from '../components/mui_extended/Popover/types';
+import { TypographyProps } from '../components/mui_extended/Typography/types';
+import { ButtonBaseClassKey, ComponentsOverrides, ComponentsProps } from '@mui/material';
+import { DynamicFilterClassesKey, ErrorLabelClassesKey, TypographyClassesKey } from '../components';
+import { RHFTextFieldClassesKey } from '../components/hook-form/RHFTextField/classes/types';
+import { IconClassesKey } from '../components/Icon/classes/types';
+import { IconButtonClassesKey } from '../components/mui_extended/IconButton/classes/types';
+import { LanguagePopoverClassesKey } from '../components/LanguagePopover/classes/types';
+import { ImageClassesKey } from '../components/Image/utils/classes/types';
+import { RHFCheckboxClassesKey } from '../components/hook-form/RHFCheckbox/classes/types';
+
+import '@m4l/styles';
+
+export {};
+
+declare module '@mui/material/styles' {
+    /* ----------------------------- Augmentation overrides theme -----------------------------  */
+
+    interface ComponentsPropsList {
+        M4LDynamicFilter: DynamicFilterProps;
+        M4LRHFTextField: RHFTextFieldProps;
+        M4LRHFTextFieldPassword: RHFTextFieldPasswordProps;
+        M4LIcon: IconProps;
+        M4LIconButton: IconButtonProps;
+        M4LanguagePopover: undefined;
+        M4LImageButton: ImageButtonProps;
+        M4LImage: ImageProps;
+        M4LPopover: PopoverProps;
+        M4LRHFCheckbox: undefined;
+        M4LErrorLabel: ErrorLabelProps;
+        M4LTypography: TypographyProps;
+        M4LButton: ExtendButtonProps;
+    }
+
+    interface ComponentNameToClassKey {
+        M4LDynamicFilter: DynamicFilterClassesKey;
+        M4LRHFTextField: RHFTextFieldClassesKey;
+        M4LRHFTextFieldPassword: RHFTextFieldPasswordClassesKey;
+        M4LIcon: IconClassesKey;
+        M4LIconButton: IconButtonClassesKey;
+        M4LanguagePopover: LanguagePopoverClassesKey;
+        M4LImageButton: ImageButtonClassesKey;
+        M4LImage: ImageClassesKey;
+        M4LPopover: PopoverClassesKey;
+        M4LRHFCheckbox: RHFCheckboxClassesKey;
+        M4LErrorLabel: ErrorLabelClassesKey;
+        M4LTypography: TypographyClassesKey;
+        M4LButton: ButtonBaseClassKey;
+    }
+
+    interface Components {
+        M4LDynamicFilter?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LDynamicFilter'];
+            defaultProps?: ComponentsProps['M4LDynamicFilter'];
+        };
+        M4LRHFTextField?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFTextField'];
+            defaultProps?: ComponentsProps['M4LRHFTextField'];
+        };
+        M4LRHFTextFieldPassword?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFTextFieldPassword'];
+            defaultProps?: ComponentsProps['M4LRHFTextFieldPassword'];
+        };
+        M4LIcon?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LIcon'];
+            defaultProps?: ComponentsProps['M4LIcon'];
+        };
+        M4LIconButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LIconButton'];
+            defaultProps?: ComponentsProps['M4LIcon'];
+        };
+        M4LanguagePopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LanguagePopover'];
+            defaultProps?: ComponentsProps['M4LanguagePopover'];
+        };
+        M4LImageButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LImageButton'];
+            defaultProps?: ComponentsProps['M4LImageButton'];
+        };
+        M4LImage?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LImage'];
+            defaultProps?: ComponentsProps['M4LImage'];
+        };
+        M4LPopover?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LPopover'];
+            defaultProps?: ComponentsProps['M4LPopover'];
+        };
+        M4LRHFCheckbox?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LRHFCheckbox'];
+            defaultProps?: ComponentsProps['M4LRHFCheckbox'];
+        };
+        M4LErrorLabel?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LErrorLabel'];
+            defaultProps?: ComponentsProps['M4LErrorLabel'];
+        };
+        M4LTypography?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LTypography'];
+            defaultProps?: ComponentsProps['M4LTypography'];
+        };
+        M4LButton?: {
+            styleOverrides?: ComponentsOverrides<Theme>['M4LButton'];
+            defaultProps?: ComponentsProps['M4LButton'];
+        };
+    }
+}

package/components/CmpDisenoTest/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { CmpDisenoTestProps } from './types';
+export { CmpDisenoTestClases } from './types';
+export declare const CmpDisenoTest: (props: CmpDisenoTestProps) => JSX.Element;

package/components/CmpDisenoTest/types.d.ts

@@ -0,0 +1,20 @@
+import type { Theme } from '@mui/material/styles';
+export interface WrapperCmpDisenoTestProps {
+    finalTheme: Theme;
+    ownerState: CmpDisenoTestProps;
+}
+declare type CmpDisenoTestVariants = 'default' | 'outlined' | 'error';
+export interface CmpDisenoTestProps {
+    variant?: CmpDisenoTestVariants;
+    color?: 'primary' | 'secondary' | 'colorInherit';
+    fullWidth?: boolean;
+}
+export interface M4lCmpDisenoTest {
+    root: string;
+    text: string;
+    icon: string;
+    typeError: string;
+}
+export declare const CmpDisenoTestClases: M4lCmpDisenoTest;
+export declare function getCmpDisenoTestUtilityClass(slot: string): string;
+export {};

package/components/CommonActions/components/ActionCancel/{index.9230c57b.js → index.a81752ef.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
 import { jsx } from "react/jsx-runtime";
 const ActionCancel = (props) => {
   const {

package/components/CommonActions/components/ActionFormCancel/{index.ab514bd9.js → index.82569769.js}

@@ -1,19 +1,30 @@
 import { useFormContext, useFormState } from "react-hook-form";
 import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
-import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.d14edee3.js";
-import "../../../../react-draggable.84d6b038.js";
-import "../../../ModalDialog/index.a684827f.js";
-import "../../../Resizeable/index.c96c0f09.js";
+import { u as useModal } from "../../../../hooks/useModal/index.2f5abe84.js";
+import "../../../../react-draggable.0eef011c.js";
+import "../../../ModalDialog/index.d605b574.js";
+import "../../../Resizeable/index.8a442a8b.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.0b8a6818.js";
-import "../../../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
-import "../../../modal/WindowBase.04439b8e.js";
-import "../../../Icon/index.8d754623.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.f2cc1072.js";
+import "../../../modal/WindowBase.ff74f597.js";
+import "../../../Icon/index.f6e8d810.js";
 import "@mui/material/styles";
+import "../../../areas/components/index.4b828081.js";
+import "../../../areas/components/AreasAdmin/index.7a526b73.js";
+import "../../../mui_extended/IconButton/index.1318a283.js";
+import "zustand";
+import "../../../areas/contexts/AreasContext/index.e65fd347.js";
+import "zustand/shallow";
+import "../../../areas/components/AreasContainer/index.ca690110.js";
+import "react-grid-layout/css/styles.css";
+import "../../../../react-resizable.bb58c8fc.js";
+import "../../../areas/contexts/index.137257b8.js";
+import "../../../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
+import { u as useWindowToolsMF } from "../../../areas/hooks/index.b8c93059.js";
 function ActionFormCancel() {
   const {
     getLabel
@@ -22,6 +33,9 @@ function ActionFormCancel() {
   const {
     openModal
   } = useModal();
+  const {
+    close: closeWindow
+  } = useWindowToolsMF();
   const {
     control
   } = useFormContext();
@@ -31,6 +45,8 @@ function ActionFormCancel() {
     control
   });
   const onConfirmQuit = useCallback(() => {
+    console.log("onConfirmQuit");
+    closeWindow();
   }, []);
   const onClickCancel = useCallback(() => {
     if (isDirty) {

package/components/CommonActions/components/ActionIntro/{index.a0a341c7.js → index.d567aebb.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
 import { jsx } from "react/jsx-runtime";
 const ActionIntro = (props) => {
   const {

package/components/CommonActions/components/Actions/{index.d3e1f36e.js → index.c8754d33.js}

@@ -3,18 +3,29 @@ import { styled } from "@mui/material/styles";
 import "@m4l/core";
 import "@mui/material";
 import "@mui/material/Button";
+import "../../../mui_extended/Button/index.8406ed5b.js";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.b90eec94.js";
-import "../../../../react-draggable.84d6b038.js";
-import "../../../ModalDialog/index.a684827f.js";
-import "../../../Resizeable/index.c96c0f09.js";
+import "../../../../contexts/ModalContext/index.4442afd9.js";
+import "../../../../react-draggable.0eef011c.js";
+import "../../../ModalDialog/index.d605b574.js";
+import "../../../Resizeable/index.8a442a8b.js";
 import "@m4l/graphics";
-import "../../../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
 import "@mui/lab";
-import "../../../modal/WindowConfirm.0b8a6818.js";
-import "../../../Icon/index.8d754623.js";
-import "../../../modal/WindowBase.04439b8e.js";
+import "../../../modal/WindowConfirm.f2cc1072.js";
+import "../../../Icon/index.f6e8d810.js";
+import "../../../modal/WindowBase.ff74f597.js";
+import "../../../areas/components/index.4b828081.js";
+import "../../../areas/components/AreasAdmin/index.7a526b73.js";
+import "../../../mui_extended/IconButton/index.1318a283.js";
+import "zustand";
+import "../../../areas/contexts/AreasContext/index.e65fd347.js";
+import "zustand/shallow";
+import "../../../areas/components/AreasContainer/index.ca690110.js";
+import "react-grid-layout/css/styles.css";
+import "../../../../react-resizable.bb58c8fc.js";
+import "../../../areas/contexts/index.137257b8.js";
+import "../../../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 const WrapperStandarActions = styled("div")(({
   theme
 }) => ({

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ColumnConcatenatedValuesFormatterProps } from './types';
+export declare function columnConcatenatedValuesFormatter(props: ColumnConcatenatedValuesFormatterProps): (obProps: any) => JSX.Element;

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

@@ -0,0 +1,6 @@
+import { ElementType } from 'react';
+export interface ColumnConcatenatedValuesFormatterProps {
+    Component?: ElementType;
+    fieldValue: Array<string>;
+    fieldSeparator: string;
+}

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

@@ -3,5 +3,6 @@ export { columnPointsFormatter } from './columnPointsFormatter';
 export { columnNestedValueFormatter } from './columnNestedValueFormatter';
 export { columnBooleanFormatter } from './columnBooleanFormatter';
 export { columnDateFormatter } from './columnDateFormatter';
+export { columnConcatenatedValuesFormatter } from './columnConcatenatedValueFormatter';
 export { columnPriceFormatter } from './columnPriceFormatter';
 export type { ColumnUncertaintyFormatterProps } from './columnUncertaintyFormatter/types';

package/components/DataGrid/{index.67260455.js → index.fd736623.js}

@@ -6,26 +6,37 @@ import { HTML5Backend } from "react-dnd-html5-backend";
 import { SvgIcon, Checkbox, InputBase, Skeleton } from "@mui/material";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByString, useEnvironment } from "@m4l/core";
-import { M as MenuActions } from "../mui_extended/MenuActions/index.ee17bddd.js";
-import { P as Pager, g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.74d3f5fc.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.82f16572.js";
-import { u as useModal } from "../../hooks/useModal/index.d14edee3.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.9230c57b.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.a0a341c7.js";
-import "../../react-draggable.84d6b038.js";
-import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.a684827f.js";
-import "../Resizeable/index.c96c0f09.js";
+import { M as MenuActions } from "../mui_extended/MenuActions/index.1261168c.js";
+import { P as Pager, g as getPagerComponentsDictionary, d as defaultPagerDictionary } from "../mui_extended/Pager/index.80ccec47.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.1318a283.js";
+import { u as useModal } from "../../hooks/useModal/index.2f5abe84.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d567aebb.js";
+import "../../react-draggable.0eef011c.js";
+import { g as getModalDialogComponentsDictionary, d as defaultModalDialogDictionary } from "../ModalDialog/index.d605b574.js";
+import "../Resizeable/index.8a442a8b.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import "../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
-import { A as Actions$1 } from "../CommonActions/components/Actions/index.d3e1f36e.js";
+import { A as Actions$1 } from "../CommonActions/components/Actions/index.c8754d33.js";
 import "react-hook-form";
 import "@mui/material/Button";
+import "../mui_extended/Button/index.8406ed5b.js";
+import "../areas/components/index.4b828081.js";
+import "../areas/components/AreasAdmin/index.7a526b73.js";
+import "zustand";
+import "../areas/contexts/AreasContext/index.e65fd347.js";
+import "zustand/shallow";
+import "../areas/components/AreasContainer/index.ca690110.js";
+import "react-grid-layout/css/styles.css";
+import "../../react-resizable.bb58c8fc.js";
+import "../areas/contexts/index.137257b8.js";
+import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../modal/WindowConfirm.0b8a6818.js";
-import "../Icon/index.8d754623.js";
-import { W as WindowBase } from "../modal/WindowBase.04439b8e.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.3a9b16c8.js";
+import "../modal/WindowConfirm.f2cc1072.js";
+import "../Icon/index.f6e8d810.js";
+import { W as WindowBase } from "../modal/WindowBase.ff74f597.js";
+import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.b3fb8a75.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.80522f69.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.0368bab3.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -1664,6 +1675,21 @@ function columnDateFormatter(props) {
     });
   };
 }
+function columnConcatenatedValuesFormatter(props) {
+  const {
+    fieldValue,
+    fieldSeparator,
+    Component
+  } = props;
+  return (obProps) => {
+    const values = fieldValue.map((element) => getPropertyByString(obProps, element));
+    return /* @__PURE__ */ jsx(ConcatenatedFormatter, {
+      values,
+      separator: fieldSeparator,
+      Component
+    });
+  };
+}
 function getDataGridComponentsDictionary() {
   return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
 }
@@ -1778,5 +1804,6 @@ export {
   getDataGridRowsFromSet as a,
   columnDateFormatter as b,
   columnBooleanFormatter as c,
+  columnConcatenatedValuesFormatter as d,
   getDataGridComponentsDictionary as g
 };

package/components/DynamicFilter/contexts/BaseContext/types.d.ts

@@ -39,4 +39,7 @@ export interface BaseContextProps {
     setFnTransformFormValuesIntoValues: (fn: (data: FieldValues) => FilterFieldApply | undefined) => void;
     fnTransformFormValuesIntoRawValues: (data: FieldValues) => FilterFieldApply | undefined;
     fireOnChangeFilters: VoidFunction;
+    ownerState: OwnerState | Record<string, unknown>;
+    classes: any;
 }
+export declare type OwnerState = Pick<BaseContextProps, 'inEdition' | 'isDirty' | 'isValid'>;