@m4l/components 0.1.59 → 0.1.61

package/components/CommonActions/components/ActionFormCancel/{index.5852dbc5.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.404c0539.js";
+import { u as useModal } from "../../../../hooks/useModal/index.3aca4716.js";
 import "../../../../react-draggable.6471b07e.js";
-import "../../../ModalDialog/index.708aa5a5.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.547d3fa0.js";
-import "../../../modal/WindowBase.545521d2.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.c299e20f.js";
-import "../../../areas/components/AreasAdmin/index.4f8dffdd.js";
-import "../../../mui_extended/IconButton/index.460c0476.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.002c04af.js";
+import "../../../areas/contexts/AreasContext/index.75ccd2bf.js";
 import "zustand/shallow";
-import "../../../areas/components/AreasContainer/index.1658078b.js";
+import "../../../areas/components/AreasContainer/index.0a1e3e83.js";
 import "react-grid-layout/css/styles.css";
 import "../../../../react-resizable.b620abed.js";
-import "../../../areas/contexts/index.6bee8850.js";
+import "../../../areas/contexts/index.24da4b7b.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
-import { u as useWindowToolsMF } from "../../../areas/hooks/index.cb80f6a9.js";
+import { u as useWindowToolsMF } from "../../../areas/hooks/index.67a0b978.js";
 function ActionFormCancel() {
   const {
     getLabel

package/components/CommonActions/components/ActionIntro/{index.12e8f032.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.c2aabf37.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.63c3d3a3.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.5a9041b8.js";
+import "../../../../contexts/ModalContext/index.9ddde31c.js";
 import "../../../../react-draggable.6471b07e.js";
-import "../../../ModalDialog/index.708aa5a5.js";
+import "../../../ModalDialog/index.f604a139.js";
 import "../../../Resizeable/index.04fa8de5.js";
 import "@m4l/graphics";
 import "@mui/lab";
-import "../../../modal/WindowConfirm.547d3fa0.js";
+import "../../../modal/WindowConfirm.d9c87591.js";
 import "../../../Icon/index.b29ff2d9.js";
-import "../../../modal/WindowBase.545521d2.js";
-import "../../../areas/components/index.c299e20f.js";
-import "../../../areas/components/AreasAdmin/index.4f8dffdd.js";
-import "../../../mui_extended/IconButton/index.460c0476.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.002c04af.js";
+import "../../../areas/contexts/AreasContext/index.75ccd2bf.js";
 import "zustand/shallow";
-import "../../../areas/components/AreasContainer/index.1658078b.js";
+import "../../../areas/components/AreasContainer/index.0a1e3e83.js";
 import "react-grid-layout/css/styles.css";
 import "../../../../react-resizable.b620abed.js";
-import "../../../areas/contexts/index.6bee8850.js";
+import "../../../areas/contexts/index.24da4b7b.js";
 import "../../../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 const WrapperStandarActions = styled("div")(({
   theme

package/components/DataGrid/dictionary.d.ts

@@ -1,3 +1,6 @@
-import { Dictionary } from '@m4l/core';
 export declare function getDataGridComponentsDictionary(): string[];
-export declare const defaultGridDictionary: Dictionary;
+export declare const dictionary: {
+    LABEL_ACTIONS: string;
+    LABEL_ROWS_PER_PAGE: string;
+    LABEL_OF: string;
+};

package/components/DataGrid/{index.947577ed.js → index.e0dbed95.js}

@@ -7,36 +7,36 @@ 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.1affe51a.js";
-import { P as Pager, g as getPagerComponentsDictionary } from "../mui_extended/Pager/index.458f9f0d.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.460c0476.js";
-import { u as useModal } from "../../hooks/useModal/index.404c0539.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.3aca4716.js";
 import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.a81752ef.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.12e8f032.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.0316f6fd.js";
 import "../../react-draggable.6471b07e.js";
-import { g as getModalDialogComponentsDictionary } from "../ModalDialog/index.708aa5a5.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.63c3d3a3.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.c299e20f.js";
-import "../areas/components/AreasAdmin/index.4f8dffdd.js";
+import "../areas/components/index.3f3f9812.js";
+import "../areas/components/AreasAdmin/index.b9c660f6.js";
 import "zustand";
-import "../areas/contexts/AreasContext/index.002c04af.js";
+import "../areas/contexts/AreasContext/index.75ccd2bf.js";
 import "zustand/shallow";
-import "../areas/components/AreasContainer/index.1658078b.js";
+import "../areas/components/AreasContainer/index.0a1e3e83.js";
 import "react-grid-layout/css/styles.css";
 import "../../react-resizable.b620abed.js";
-import "../areas/contexts/index.6bee8850.js";
+import "../areas/contexts/index.24da4b7b.js";
 import "../areas/contexts/DynamicMFParmsContext/index.c19cb8cc.js";
 import "@mui/lab";
-import "../modal/WindowConfirm.547d3fa0.js";
+import "../modal/WindowConfirm.d9c87591.js";
 import "../Icon/index.b29ff2d9.js";
-import { W as WindowBase } from "../modal/WindowBase.545521d2.js";
-import { B as BooleanFormatter } from "../formatters/BooleanFormatter/index.a50933fb.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.7d2ad9ca.js";
+import { C as ConcatenatedFormatter } from "../formatters/index.12ac825b.js";
 const WrapperGrid = styled("div")(() => ({
   display: "flex",
   flexDirection: "column",
@@ -711,7 +711,7 @@ function ActionsFormatter(props) {
 }
 const ActionsColumn = {
   key: ACTIONS_COLUMN_KEY,
-  name: "Actions",
+  name: getActionLabel(),
   width: 60,
   withFilter: false,
   resizable: true,
@@ -720,6 +720,9 @@ const ActionsColumn = {
   type: "custom",
   formatter: ActionsFormatter
 };
+function getActionLabel() {
+  return "";
+}
 const WrapperSkeleton = styled("div")(() => ({
   display: "flex",
   width: "100%",
@@ -1570,12 +1573,23 @@ const WrapperActions = styled("div")(({ theme }) => ({
     overflow: "hidden"
   }
 }));
+function getDataGridComponentsDictionary() {
+  return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
+}
+const dictionary = {
+  LABEL_ACTIONS: "actions",
+  LABEL_ROWS_PER_PAGE: "pager.rows_per_page",
+  LABEL_OF: "pager.of"
+};
 function Actions(props) {
   const isDesktop = useResponsiveDesktop();
   const {
     rowHeights
   } = useDataGrid();
   const isSkeleton = useModuleSkeleton();
+  const {
+    getLabel
+  } = useModuleDictionary();
   const {
     withRowsCount = true,
     withPager = true,
@@ -1591,7 +1605,9 @@ function Actions(props) {
       ...pagerOptions,
       totalRecords: pagerOptions.totalRecords,
       isSkeleton,
-      isDesktop
+      isDesktop,
+      labelRows: getLabel(dictionary.LABEL_ROWS_PER_PAGE),
+      labelOf: getLabel(dictionary.LABEL_OF)
     }), typeof rowHeights !== "number" && /* @__PURE__ */ jsx(Density, {}), withLocalFilters && /* @__PURE__ */ jsx(Filter, {}), withSettings && /* @__PURE__ */ jsx(Settings, {
       ...settingsProps
     })]
@@ -1690,9 +1706,6 @@ function columnConcatenatedValuesFormatter(props) {
     });
   };
 }
-function getDataGridComponentsDictionary() {
-  return ["data_grid"].concat(getPagerComponentsDictionary()).concat(getModalDialogComponentsDictionary());
-}
 const Input = styled("input")(() => ({
   appearance: "none",
   boxSizing: "border-box",

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";