@m4l/components 0.1.60 → 0.1.61

package/components/CommonActions/components/ActionFormCancel/{index.c4054a25.js → index.209c6c18.js}

@@ -3,28 +3,28 @@ import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
 import { Skeleton } from "@mui/material";
 import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
 import { useCallback } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.e338782f.js";
+import { u as useModal } from "../../../../hooks/useModal/index.3aca4716.js";
 import "../../../../react-draggable.6471b07e.js";
-import "../../../ModalDialog/index.99cde79e.js";
+import "../../../ModalDialog/index.f604a139.js";
 import "../../../Resizeable/index.04fa8de5.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.897eb532.js";
-import "../../../modal/WindowBase.d1e40422.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.d9c87591.js";
+import "../../../modal/WindowBase.bda5a80a.js";
 import "../../../Icon/index.b29ff2d9.js";
 import "@mui/material/styles";
-import "../../../areas/components/index.37fd13b9.js";
-import "../../../areas/components/AreasAdmin/index.1a331d66.js";
+import "../../../areas/components/index.3f3f9812.js";
+import "../../../areas/components/AreasAdmin/index.b9c660f6.js";
 import "../../../mui_extended/IconButton/index.afa201a7.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.5e4e0c5d.js";
+import "../../../areas/contexts/AreasContext/index.75ccd2bf.js";
 import "zustand/shallow";
-import "../../../areas/components/AreasContainer/index.ff33521a.js";
+import "../../../areas/components/AreasContainer/index.0a1e3e83.js";
 import "react-grid-layout/css/styles.css";
 import "../../../../react-resizable.b620abed.js";
-import "../../../areas/contexts/index.065f1714.js";
+import "../../../areas/contexts/index.24da4b7b.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-import { u as useWindowToolsMF } from "../../../areas/hooks/index.75b5ba77.js";
+import { u as useWindowToolsMF } from "../../../areas/hooks/index.67a0b978.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionIntro/{index.56a0dcf9.js → index.0316f6fd.js}

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
 import { B as Button } from "../../../mui_extended/Button/index.8406ed5b.js";
-import { T as TEST_PROP_ID } from "../../../../vendor.925c029e.js";
+import { T as TEST_PROP_ID } from "../../../../vendor.afa62d25.js";
 import { jsx } from "react/jsx-runtime";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {

package/components/CommonActions/components/Actions/{index.06b651ab.js → index.ada3dad0.js}

@@ -6,25 +6,25 @@ import "@mui/material/Button";
 import "../../../mui_extended/Button/index.8406ed5b.js";
 import "react-hook-form";
 import "react";
-import "../../../../contexts/ModalContext/index.f215bf0b.js";
+import "../../../../contexts/ModalContext/index.9ddde31c.js";
 import "../../../../react-draggable.6471b07e.js";
-import "../../../ModalDialog/index.99cde79e.js";
+import "../../../ModalDialog/index.f604a139.js";
 import "../../../Resizeable/index.04fa8de5.js";
 import "@m4l/graphics";
 import "@mui/lab";
-import "../../../modal/WindowConfirm.897eb532.js";
+import "../../../modal/WindowConfirm.d9c87591.js";
 import "../../../Icon/index.b29ff2d9.js";
-import "../../../modal/WindowBase.d1e40422.js";
-import "../../../areas/components/index.37fd13b9.js";
-import "../../../areas/components/AreasAdmin/index.1a331d66.js";
+import "../../../modal/WindowBase.bda5a80a.js";
+import "../../../areas/components/index.3f3f9812.js";
+import "../../../areas/components/AreasAdmin/index.b9c660f6.js";
 import "../../../mui_extended/IconButton/index.afa201a7.js";
 import "zustand";
-import "../../../areas/contexts/AreasContext/index.5e4e0c5d.js";
+import "../../../areas/contexts/AreasContext/index.75ccd2bf.js";
 import "zustand/shallow";
-import "../../../areas/components/AreasContainer/index.ff33521a.js";
+import "../../../areas/components/AreasContainer/index.0a1e3e83.js";
 import "react-grid-layout/css/styles.css";
 import "../../../../react-resizable.b620abed.js";
-import "../../../areas/contexts/index.065f1714.js";
+import "../../../areas/contexts/index.24da4b7b.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 const WrapperStandarActions = styled("div")(({
   theme

package/components/DataGrid/{index.b06e687e.js → index.e0dbed95.js}

@@ -9,31 +9,31 @@ import { voidFunction, useModuleDictionary, useModuleSkeleton, getPropertyByStri
 import { M as MenuActions } from "../mui_extended/MenuActions/index.1affe51a.js";
 import { g as getPagerComponentsDictionary, P as Pager } from "../mui_extended/Pager/index.d4d1a1a0.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.afa201a7.js";
-import { u as useModal } from "../../hooks/useModal/index.e338782f.js";
+import { u as useModal } from "../../hooks/useModal/index.3aca4716.js";
 import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.56a0dcf9.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0316f6fd.js";
 import "../../react-draggable.6471b07e.js";
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.99cde79e.js";
+import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.f604a139.js";
 import "../Resizeable/index.04fa8de5.js";
 import { useResponsiveDesktop } from "@m4l/graphics";
-import { A as Actions$1 } from "../CommonActions/components/Actions/index.06b651ab.js";
+import { A as Actions$1 } from "../CommonActions/components/Actions/index.ada3dad0.js";
 import "react-hook-form";
 import "@mui/material/Button";
 import "../mui_extended/Button/index.8406ed5b.js";
-import "../areas/components/index.37fd13b9.js";
-import "../areas/components/AreasAdmin/index.1a331d66.js";
+import "../areas/components/index.3f3f9812.js";
+import "../areas/components/AreasAdmin/index.b9c660f6.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.5e4e0c5d.js";
+import "../areas/contexts/AreasContext/index.75ccd2bf.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.ff33521a.js";
+import "../areas/components/AreasContainer/index.0a1e3e83.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.b620abed.js";
-import "../areas/contexts/index.065f1714.js";
+import "../areas/contexts/index.24da4b7b.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../modal/WindowConfirm.897eb532.js";
+import "../modal/WindowConfirm.d9c87591.js";
 import "../Icon/index.b29ff2d9.js";
-import { W as WindowBase } from "../modal/WindowBase.d1e40422.js";
+import { W as WindowBase } from "../modal/WindowBase.bda5a80a.js";
 import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.bf947220.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.578a9f53.js";
 import { C as ConcatenatedFormatter } from "../formatters/index.12ac825b.js";

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

@@ -1,5 +1,5 @@
 import { DynamicFilterClasses } from './types';
 import { OwnerState } from '../contexts/DynamicFilterContext/store';
 export declare const dynamicFilterClasses: DynamicFilterClasses;
-export declare const useUtilityClasses: (ownerState: OwnerState) => Record<"root" | "containerFistRow" | "filterButton" | "containerInputFilter" | "wrapperApplyedFilters" | "containerApplyedFilters" | "applyedFilter" | "popUpMenuFields" | "popoverMenuFieldsItem" | "popoverFilterPaper" | "popoverFilterHeader" | "containerBooleanFilter" | "containerDateTimeFilter" | "containerNumberFilter" | "containerStringFilter" | "clearFilters", string>;
+export declare const useUtilityClasses: (ownerState: OwnerState) => Record<"root" | "containerFistRow" | "filterButton" | "containerInputFilter" | "wrapperApplyedFilters" | "containerApplyedFilters" | "applyedFilter" | "clearFiltersButton" | "popoverMenuFields" | "popoverMenuFieldsPaper" | "popoverMenuFieldsItem" | "popoverFilter" | "popoverFilterPaper" | "popoverFilterHeader" | "containerBooleanFilter" | "containerDateTimeFilter" | "containerNumberFilter" | "containerStringFilter", string>;
 export declare type Classes = ReturnType<typeof useUtilityClasses>;

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

@@ -6,17 +6,22 @@ export interface DynamicFilterClasses {
     wrapperApplyedFilters: string;
     containerApplyedFilters: string;
     applyedFilter: string;
-    popUpMenuFields: string;
+    clearFiltersButton: string;
+    popoverMenuFields: string;
+    popoverMenuFieldsPaper: string;
     popoverMenuFieldsItem: string;
+    popoverFilter: string;
     popoverFilterPaper: string;
     popoverFilterHeader: string;
     containerBooleanFilter: string;
     containerDateTimeFilter: string;
     containerNumberFilter: string;
     containerStringFilter: string;
+    isSkeleton: string;
     inEdition: string;
-    isValid: string;
+    isInvalid: string;
     isDirty: string;
     isMobile: string;
+    noSetted: string;
 }
 export declare type DynamicFilterClassesKey = keyof DynamicFilterClasses;

package/components/DynamicFilter/constants.d.ts

@@ -1,5 +1,5 @@
 import { BooleanOperator, DateTimeOperator, Field, NumberOperator, Operator, StringOperator } from './types';
-export declare const COMPONENT_TEST_ID = "m4ldynamicfilter";
+export declare const COMPONENT_TEST_ID = "M4LDynamicFilter";
 export declare const COMPONENT_CLASS_NAME = "M4LDynamicFilter";
 export declare const ASSETS_URL = "/frontend/components/dynamic_filter/assets/icons/";
 export declare const ASSETS: {

package/components/DynamicFilter/contexts/DynamicFilterContext/store.d.ts

@@ -1,5 +1,5 @@
 import { GetLabelType } from '@m4l/core';
-import { Field, FilterFieldApplyed, FilterToEditApply, InitialFilterApplyed, OnChangeFilters } from '../../types';
+import { Field, FilterFieldApplyed, FilterToEditApply, InitialFilterApplyed } from '../../types';
 import { Classes } from '../../classes';
 import { WritableDraft } from 'immer/dist/internal';
 export declare type OpenFor = 'add' | 'edit';
@@ -38,6 +38,10 @@ export declare type PopoverFilterData = PopoverFilterDataAdd | PopoverFilterData
  * @description Interface que define la variables que se van a usar en clases del componente
  */
 export declare type OwnerState = {
+    /**
+     *  "isSkeleton" indica si el componente está en skeleton.
+     */
+    isSkeleton: boolean;
     /**
      *  "inEdition" se establece cuando se está en edición.
      */
@@ -55,6 +59,12 @@ export declare type OwnerState = {
      */
     isMobile: boolean;
 };
+/**
+ * @type
+ * @name ExternalOwnerState
+ * @description Estados que se actulizan por fuera del store, a través de hooks
+ */
+export declare type ExternalOwnerState = Pick<OwnerState, 'isMobile' | 'isSkeleton'>;
 /**
  * @interface DynamicFilterState
  * @name DynamicFilterState
@@ -95,8 +105,15 @@ export interface DynamicFilterState {
      * @description Campos disponibles para filtrar
      */
     availableFields: Array<Field>;
+    /**
+     *  "applyedFilters" Filtros aplicados actualmente
+     */
     applyedFilters: Array<FilterFieldApplyed>;
-    onChangeFilters: OnChangeFilters;
+    /**
+     *  "countOnChangeFiltersApplyed" Cantid de veces que el filtro se ha aplicado, sirve para suscribirse y aplicar el filtro.
+     *  Esto se debe hacer porque no se puede lanzar un handler que modifica valores, durante una renderización.
+     */
+    countOnChangeFiltersApplyed: number;
     /** popoverFilterData: para emerger el popuup de modificación campos  */
     popoverFilterData?: PopoverFilterData;
     classes: Classes;
@@ -177,11 +194,11 @@ export interface DynamicFilterStateWithActions extends DynamicFilterState {
          */
         setInEdition: (newInEdition: boolean) => void;
         /**
-         * @description Modifica el estado de isMobile del componente
+         * @description Modifica los estados que se actualizan externamente al Store
          * @param newIsMobile
          * @returns
          */
-        setIsMobile: (newIsMobile: boolean) => void;
+        setExternalState: (newExternalState: ExternalOwnerState) => void;
         /**
          * @description Establece la función de apertura del menuu de campos
          * @param anchorEl
@@ -194,7 +211,7 @@ export interface DynamicFilterStateWithActions extends DynamicFilterState {
         closePopoverMenuFields: (newInEdition?: boolean) => void;
     };
 }
-declare type InitialStoreProps = Pick<DynamicFilterState, 'automatic' | 'onChangeFilters' | 'automatic' | 'fields' | 'withAllField' | 'getLabel' | 'getLabel' | 'allField' | 'ownerState'>;
+declare type InitialStoreProps = Pick<DynamicFilterState, 'automatic' | 'automatic' | 'fields' | 'withAllField' | 'getLabel' | 'getLabel' | 'allField' | 'ownerState'>;
 /**
  * @description  Crea el store de zustand para el componente DynamicFilter
  * @param initProps Variables iniciales que necesita store para poder inicializarlo

package/components/DynamicFilter/dictionary.d.ts

@@ -1,7 +1,5 @@
-import { Dictionary } from '@m4l/core';
 export declare const DYNAMICFILTER_DICTIONARY_ID = "dynamic_filter";
 export declare function getDynamicFilterComponentsDictionary(): string[];
-export declare const defaultDynamicFilterDictionary: Dictionary;
 export declare const LABEL_FILTER_BUTTON = "filter_tooltip";
 export declare const DICCTIONARY: {
     readonly input_placeholder: "input_placeholder";