@m4l/components 9.2.18 → 9.2.20

package/components/DynamicFilter/subcomponents/FieldTypes/StringFilter/index.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { useMemo } from "react";
 import { useModuleDictionary } from "@m4l/core";
+import { useMemo } from "react";
 import { c as STRING_OPERATORS } from "../../../constants.js";
 import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../../dictionary.js";
 import { R as RHFAutocomplete } from "../../../../hook-form/RHFAutocomplete/RHFAutocomplete.js";

package/components/DynamicFilter/subcomponents/FieldTypes/fieldFactory.d.ts

@@ -1,11 +1,11 @@
 import { FieldType } from '../../types';
 import { BooleanFilterHelpers } from './BooleanFilter/helpers';
-import { StringFilterHelpers } from './StringFilter/helpers';
 import { DateTimeFilterHelpers } from './DateTimeFilter/helpers';
 import { NumberFilterHelpers } from './NumberFilter/helpers';
 import { SelectAsyncFilterHelpers } from './SelectAsyncFilter/helpers';
 import { SelectFilterHelpers } from './SelectFilter/helpers';
+import { StringFilterHelpers } from './StringFilter/helpers';
 /**
- * TODO: Documentar
+ * fieldFactory es una función que devuelve un helper para un tipo de campo específico.
  */
-export declare function fieldFactory(type: FieldType): SelectAsyncFilterHelpers | BooleanFilterHelpers | StringFilterHelpers | DateTimeFilterHelpers | NumberFilterHelpers | SelectFilterHelpers;
+export declare function fieldFactory(type: FieldType): SelectAsyncFilterHelpers | BooleanFilterHelpers | DateTimeFilterHelpers | NumberFilterHelpers | SelectFilterHelpers | StringFilterHelpers;

package/components/DynamicFilter/subcomponents/FieldTypes/fieldFactory.js

@@ -1,9 +1,9 @@
 import { B as BooleanFilterHelpers } from "./BooleanFilter/helpers.js";
-import { S as StringFilterHelpers } from "./StringFilter/helpers.js";
 import { D as DateTimeFilterHelpers } from "./DateTimeFilter/helpers.js";
 import { N as NumberFilterHelpers } from "./NumberFilter/helpers.js";
 import { S as SelectAsyncFilterHelpers } from "./SelectAsyncFilter/helpers.js";
 import { S as SelectFilterHelpers } from "./SelectFilter/helpers.js";
+import { S as StringFilterHelpers } from "./StringFilter/helpers.js";
 const helpersStrategies = {
   boolean: new BooleanFilterHelpers(),
   string: new StringFilterHelpers(),

package/components/DynamicFilter/subcomponents/FilterActions/FilterActions.js

@@ -12,8 +12,8 @@ function FilterActions() {
     filterButtonDictionaryTooltip,
     ownerState
   } = useFilterActions();
-  const { size } = useDynamicFilterBase();
-  return /* @__PURE__ */ jsxs(ActionsStyled, { ownerState: {}, children: [
+  const { size, ownerState: { isDirty }, visibleRefresh } = useDynamicFilterBase();
+  return /* @__PURE__ */ jsxs(ActionsStyled, { ownerState: { isDirty: canShowRemoveAction, visibleRefresh }, children: [
     canShowRemoveAction && /* @__PURE__ */ jsx(
       ActionsClearButtonStyled,
       {
@@ -24,7 +24,7 @@ function FilterActions() {
         ownerState: {}
       }
     ),
-    /* @__PURE__ */ jsx(
+    visibleRefresh ? /* @__PURE__ */ jsx(
       ActionsSubmitButtonStyled,
       {
         icon: filterIconUrl,
@@ -32,9 +32,9 @@ function FilterActions() {
         "aria-label": "settings",
         dictionaryTooltipId: filterButtonDictionaryTooltip,
         onClick: onClickFilter,
-        ownerState: { ...ownerState }
+        ownerState: { ...ownerState, isDirty }
       }
-    )
+    ) : null
   ] });
 }
 export {

package/components/DynamicFilter/subcomponents/FilterActions/useFilterActions.d.ts

@@ -4,7 +4,7 @@ export declare const ASSETS: {
     readonly search: "search.svg";
 };
 /**
- * TODO: Documentar
+ * useFilterActions es un hook que se encarga de manejar las acciones del filtro
  */
 declare function useFilterActions(): {
     filterIconUrl: string;

package/components/DynamicFilter/subcomponents/FilterActions/useFilterActions.js

@@ -1,6 +1,6 @@
 import { useEnvironment } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
 import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.js";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
 const ASSETS_URL = "frontend/components/dynamic_filter/assets/icons";
 const ASSETS = {
   refresh: "restart.svg",

package/components/DynamicFilter/subcomponents/InputFilter/useInputFilter.d.ts

@@ -1,7 +1,7 @@
 import { ChangeEvent, FocusEvent, KeyboardEvent } from 'react';
 import { FilterField } from '../../types';
 /**
- * TODO: Documentar
+ * Hook manejador de eventos para el componente InputFilter
  */
 declare function useInputFilter(): {
     /**

package/components/DynamicFilter/subcomponents/InputFilter/useInputFilter.js

@@ -1,8 +1,8 @@
-import { useState, useEffect } from "react";
 import { useEnvironment, useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { useState, useEffect } from "react";
+import { A as ALL_FIELD } from "../../constants.js";
 import { g as getDynamicFilterDictionary, D as DICCTIONARY } from "../../dictionary.js";
 import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
-import { A as ALL_FIELD } from "../../constants.js";
 function useInputFilter() {
   const [selectedFieldIndex, setSelectedFieldIndex] = useState(-1);
   const [filteredFields, setFilteredFields] = useState([]);

package/components/DynamicFilter/subcomponents/PopoverFilter/PopoverFilter.d.ts

@@ -1,5 +1,5 @@
 /**
- * TODO: Documentar
+ * PopoverFilter: Componente que renderiza el popover de filtros
  */
 declare function PopoverFilter(): import("react/jsx-runtime").JSX.Element | null;
 export default PopoverFilter;

package/components/DynamicFilter/subcomponents/PopoverFilter/PopoverFilter.js

@@ -1,8 +1,8 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as usePopoverFilter } from "./usePopoverFilter.js";
-import { D as DataTypeComponent } from "../FieldTypes/DataTypeComponent.js";
-import { u as useDynamicFilterBase } from "../DynamicFilterBase/useDynamicFilterBase.js";
 import { I as Icon } from "../../../Icon/Icon.js";
+import { u as useDynamicFilterBase } from "../DynamicFilterBase/useDynamicFilterBase.js";
+import { D as DataTypeComponent } from "../FieldTypes/DataTypeComponent.js";
+import { u as usePopoverFilter } from "./usePopoverFilter.js";
 import { P as PopoverStyled, h as PopoverHeaderStyled, i as PopoverHeaderTitleStyled, C as ContentFilterStyled, j as PopoverContainerFieldsStyled, k as PopoverHeaderActionsStyled } from "../../slots/dynamicFilterSlots.js";
 import { R as RHFormProvider } from "../../../hook-form/RHFormContext/index.js";
 import { A as ActionCancel } from "../../../CommonActions/components/ActionCancel/ActionCancel.js";

package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.d.ts

@@ -1,9 +1,9 @@
+import { Maybe } from '@m4l/core';
 import { KeyboardEvent } from 'react';
 import { FieldValues } from 'react-hook-form';
-import { Maybe } from '@m4l/core';
-import { FormFilterFieldApplied, FilterField, FormFilterValue } from '../../types';
+import { FilterField, FormFilterFieldApplied, FormFilterValue } from '../../types';
 /**
- * TODO: Documentar
+ * usePopoverFilter: Hook que maneja el estado del popover de filtros
  */
 declare function usePopoverFilter(): {
     field: FilterField;

package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.js

@@ -1,8 +1,8 @@
-import { useRef, useMemo, useCallback } from "react";
 import { useModuleDictionary } from "@m4l/core";
+import { useRef, useMemo, useCallback } from "react";
+import { shallow } from "zustand/shallow";
 import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
 import { f as fieldFactory } from "../FieldTypes/fieldFactory.js";
-import { shallow } from "zustand/shallow";
 function usePopoverFilter() {
   let anchorEl;
   let field;

package/components/DynamicFilter/subcomponents/PopoverMenuFields/PopoverMenuFields.d.ts

@@ -4,7 +4,7 @@ export type PopoverMenuFieldsProps = {
     fields: FilterField[];
 };
 /**
- * TODO: Documentar
+ * PopoverMenuFields: Componente encargado de mostrar el menú de campos para filtrar
  */
 declare function PopoverMenuFields(props: PopoverMenuFieldsProps): import("react/jsx-runtime").JSX.Element;
 export default PopoverMenuFields;

package/components/DynamicFilter/subcomponents/PopoverMenuFields/PopoverMenuFields.js

@@ -1,9 +1,9 @@
 import { jsx } from "react/jsx-runtime";
+import { M as MenuItem } from "../../../mui_extended/MenuItem/MenuItem.js";
 import { u as usePopoverMenuFields } from "./usePopoverMenuFields.js";
 import { useRef, useEffect } from "react";
 import { d as DYNAMIC_FILTER_POPOVER_CONTAINER_ID } from "../../constants.js";
 import { u as useDynamicFilterBase } from "../DynamicFilterBase/useDynamicFilterBase.js";
-import { M as MenuItem } from "../../../mui_extended/MenuItem/MenuItem.js";
 import { l as PopoverMenuStyled } from "../../slots/dynamicFilterSlots.js";
 function PopoverMenuFields(props) {
   const { fields, selectFieldIndex } = props;

package/components/DynamicFilter/subcomponents/PopoverMenuFields/usePopoverMenuFields.d.ts

@@ -1,7 +1,7 @@
 import { MouseEvent } from 'react';
 import { FilterField } from '../../types';
 /**
- * TODO: Documentar
+ * usePopoverMenuFields: Hook que maneja el estado del popover de campos
  */
 declare function usePopoverMenuFields(): {
     elementRef: import('react').MutableRefObject<HTMLElement | null> | null;

package/components/DynamicFilter/subcomponents/PopoverMenuFields/usePopoverMenuFields.js

@@ -1,6 +1,6 @@
 import { useModuleDictionary } from "@m4l/core";
-import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
 import { shallow } from "zustand/shallow";
+import { u as useDynamicFilterStore } from "../../store/useDynamicFilterStore.js";
 function usePopoverMenuFields() {
   const { getLabel } = useModuleDictionary();
   const elementRef = useDynamicFilterStore((state) => state.actions.getElementRef(), shallow);

package/components/DynamicFilter/types.d.ts

@@ -1,10 +1,10 @@
+import { Maybe } from '@m4l/core';
 import { Sizes } from '@m4l/styles';
 import { Theme } from '@mui/material/styles';
-import { Maybe } from '@m4l/core';
+import { M4LOverridesStyleRules } from '../../@types/augmentations';
 import { RHFAutocompleteAsyncBaseProps } from '../hook-form/RHFAutocompleteAsync/types';
-import { DynamicFilterSlots } from './slots';
 import { RHFSelectProps } from '../hook-form/RHFSelect';
-import { M4LOverridesStyleRules } from '../../@types/augmentations';
+import { DynamicFilterSlots } from './slots';
 export type FieldType = 'number' | 'string' | 'boolean' | 'datetime' | 'select' | 'selectAsync';
 export type OperandType = number | string | boolean | Date | [] | object;
 export type OperandInitialFilterType = number | string | boolean | [] | object;
@@ -248,23 +248,35 @@ export interface DynamicFilterProps {
      *  @default true
      */
     withAllField?: boolean;
-    /** Array con la configuración de cada campo por el que se podrá filtrar. */
+    /**
+     * Array con la configuración de cada campo por el que se podrá filtrar.
+     */
     fields: Array<FilterField>;
-    /** Array con la configuración de cada campo por el que se podrá filtrar.*/
+    /**
+     *  Array con la configuración de cada campo por el que se podrá filtrar.
+     */
     initialAppliedFilters?: Array<InitialFilterApplied>;
-    /** Handler que se dispara cuando el filtro cambia en automatico, o cuando es manual y se presion el boton de filtrar */
+    /**
+     *  Handler que se dispara cuando el filtro cambia en automatico, o cuando es manual y se presion el boton de filtrar
+     */
     onChangeFilters?: OnChangeFilters;
-    /** Key único necesario para las pruebas del componente. */
+    /**
+     *  Key único necesario para las pruebas del componente.
+     */
     dataTestId?: string;
     /**
      * Size del componente
      */
     size?: Extract<Sizes, 'small' | 'medium'>;
+    /**
+     * visibleRefresh: indica si el boton de refresh debe estar visible
+     */
+    visibleRefresh?: boolean;
 }
 /**
  * Interface que define la variables que se van a usar en clases del componente
  */
-export interface OwnerState {
+export interface OwnerState extends Pick<DynamicFilterProps, 'visibleRefresh'> {
     /**
      *  "isSkeleton" indica si el componente está estado skeleton.
      */
@@ -298,4 +310,7 @@ export interface DynamicFilterOwnerState extends DynamicFilterProps, OwnerState
 }
 export type DynamicFilterSlotsType = keyof typeof DynamicFilterSlots;
 export type DynamicFilterStyles = M4LOverridesStyleRules<DynamicFilterSlotsType, 'M4LDynamicFilter', Theme>;
+export interface DynamicFilterRef {
+    fireOnChangeFilter: () => void;
+}
 export {};

package/components/DynamicSort/DynamicSort.d.ts

@@ -1,8 +1,8 @@
-import { DynamicSortProps } from './types';
+import { DynamicSortProps, DynamicSortRef } from './types';
 /**
  * El DynamicSort es un componente que permite ordenar de manera acendentente o descendente una lista de elementos.
  *
  * ### Dependecias:
  *- **`useFlagsPresent:`** Hook que permite verificar si una lista de flags se encuentran presentes.
  */
-export declare function DynamicSort(props: DynamicSortProps): import("react/jsx-runtime").JSX.Element | null;
+export declare const DynamicSort: import('react').ForwardRefExoticComponent<DynamicSortProps & import('react').RefAttributes<DynamicSortRef>>;

package/components/DynamicSort/DynamicSort.js

@@ -1,14 +1,15 @@
 import { jsx } from "react/jsx-runtime";
 import { useFlagsPresent, CommonFlags } from "@m4l/core";
+import { forwardRef } from "react";
 import { D as DynamicSortProvider } from "./store/DynamicSortContext.js";
 import { D as DynamicSortBase } from "./subcomponents/DynamicSortBase/DynamicSortBase.js";
-function DynamicSort(props) {
+const DynamicSort = forwardRef((props, ref) => {
   const hasPresentFlags = useFlagsPresent([CommonFlags.FLAG_DICTIONARY_LOADED]);
   if (!hasPresentFlags) {
     return null;
   }
-  return /* @__PURE__ */ jsx(DynamicSortProvider, { ...props, children: /* @__PURE__ */ jsx(DynamicSortBase, {}) });
-}
+  return /* @__PURE__ */ jsx(DynamicSortProvider, { ...props, ref, children: /* @__PURE__ */ jsx(DynamicSortBase, {}) });
+});
 export {
   DynamicSort as D
 };

package/components/DynamicSort/DynamicSort.styles.js

@@ -131,7 +131,7 @@ const dynamicSortStyles = {
   /**
    * actions: Estilos del contenedor de los botones de acción.
    */
-  actions: ({ theme }) => ({
+  actions: ({ theme, ownerState }) => ({
     gridArea: "actions-sort",
     overflow: "hidden",
     display: "flex",
@@ -142,7 +142,7 @@ const dynamicSortStyles = {
     alignItems: "center",
     borderTopRightRadius: theme.vars.size.borderRadius.r1,
     borderBottomRightRadius: theme.vars.size.borderRadius.r1,
-    borderLeft: theme.vars.size.borderStroke.container,
+    borderLeft: !ownerState.visibleRefresh && !ownerState.isDirty ? "none" : theme.vars.size.borderStroke.container,
     borderColor: theme.vars.palette.border?.default
   }),
   actionsClearButton: {
@@ -154,6 +154,24 @@ const dynamicSortStyles = {
   actionsSubmitButton: ({ theme, ownerState }) => ({
     ...ownerState.isValid === false ? { border: `1px dashed ${theme.vars.palette.error.enabled}` } : {
       visibility: "visible"
+    },
+    ...ownerState.isDirty ? {
+      animation: "changeBgColor 0.9s ease infinite",
+      "& .M4LIcon-icon": {
+        background: `${theme.vars.palette.primary.main} !important`
+      }
+    } : null,
+    //Create and apply animation with change background color red and green
+    "@keyframes changeBgColor": {
+      "0%": {
+        background: theme.vars.palette.primary.hoverOpacity
+      },
+      "50%": {
+        background: theme.vars.palette.primary.activeOpacity
+      },
+      "100%": {
+        background: theme.vars.palette.primary.hoverOpacity
+      }
     }
   }),
   /**

package/components/DynamicSort/dictionary.d.ts

@@ -1,6 +1,7 @@
 export declare const DYNAMICSORT_DICTIONARY_ID = "dynamic_sort";
 /**
- * TODO: Documentar
+ * getDynamicSortComponentsDictionary: Devuelve un array con los ids de los componentes que
+ * componente DynamicSort.
  */
 export declare function getDynamicSortComponentsDictionary(): string[];
 export declare const DICCTIONARY: {
@@ -16,4 +17,8 @@ export declare const DICCTIONARY: {
     readonly label_boolean_operand1: "label_boolean_operand1";
 };
 export type TypeDictionary = typeof DICCTIONARY;
+/**
+ * getDynamicSortDictionary: Devuelve el id del diccionario de un componente DynamicSort.
+ * @param key - Clave del diccionario.
+ */
 export declare const getDynamicSortDictionary: (key: keyof TypeDictionary) => string;

package/components/DynamicSort/dictionary.js

@@ -22,8 +22,7 @@ const getDynamicSortDictionary = (key) => {
   return `${DYNAMICSORT_DICTIONARY_ID}.${key}`;
 };
 export {
-  DYNAMICSORT_DICTIONARY_ID as D,
-  DICCTIONARY as a,
-  getDynamicSortComponentsDictionary as b,
+  DICCTIONARY as D,
+  getDynamicSortComponentsDictionary as a,
   getDynamicSortDictionary as g
 };

package/components/DynamicSort/helpers/getPurgedInitialSortApplyed.d.ts

@@ -1,4 +1,4 @@
-import { SortField, SortFieldApplied, InitialSortApplied } from '../types';
+import { InitialSortApplied, SortField, SortFieldApplied } from '../types';
 /**
  * Función encargada de purgar cualquier error que pueda venir del endpoint, por algun cambio de versión
  * @param fields todos los campos que pueden aparecer en el sort

package/components/DynamicSort/index.d.ts

@@ -1,4 +1,4 @@
-export * from './DynamicSort';
 export { getDynamicSortComponentsDictionary } from './dictionary';
-export type { SortFieldApplied, RawSortFieldApply, InitialSortApplied, SortField, SortFieldType, SortOperator, } from './types';
+export * from './DynamicSort';
 export { SortCompareValues } from './helpers/frontEndHelpers';
+export type { InitialSortApplied, RawSortFieldApply, SortField, SortFieldApplied, SortFieldType, SortOperator, } from './types';

package/components/DynamicSort/store/DynamicSortContext.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DynamicSortProps } from '../types';
+import { DynamicSortProps, DynamicSortRef } from '../types';
 declare const DynamicSortContext: import('react').Context<(Omit<Omit<import('zustand').StoreApi<import('./types').DynamicSortStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;
@@ -17,5 +17,5 @@ interface DynamicSortContextProps extends DynamicSortProps {
  * @param props DynamicSortProps
  * @returns Proveedor de contexto, y el contexto
  */
-declare function DynamicSortProvider(props: DynamicSortContextProps): import("react/jsx-runtime").JSX.Element;
-export { DynamicSortProvider, DynamicSortContext };
+declare const DynamicSortProvider: import('react').ForwardRefExoticComponent<DynamicSortContextProps & import('react').RefAttributes<DynamicSortRef>>;
+export { DynamicSortContext, DynamicSortProvider };

package/components/DynamicSort/store/DynamicSortContext.js

@@ -1,14 +1,14 @@
 import { jsx } from "react/jsx-runtime";
-import { createContext, useRef, useEffect } from "react";
+import { useModuleDictionary } from "@m4l/core";
+import { createContext, forwardRef, useRef, useImperativeHandle, useEffect } from "react";
 import { useStore } from "zustand";
 import { shallow } from "zustand/shallow";
-import { useModuleDictionary } from "@m4l/core";
 import { f as formatToInitialSorts } from "../helpers/formatToInitialSorts.js";
 import { f as formatToRowSort } from "../helpers/formatToRowSort.js";
-import { c as createAreaStore } from "./DynamicSortStore.js";
+import { c as createDynamicSortStore } from "./DynamicSortStore.js";
 import { u as useComponentSize } from "../../../hooks/useComponentSize/useComponentSize.js";
 const DynamicSortContext = createContext(null);
-function DynamicSortProvider(props) {
+const DynamicSortProvider = forwardRef((props, ref) => {
   const {
     automatic = true,
     fields,
@@ -18,6 +18,7 @@ function DynamicSortProvider(props) {
     size = "medium",
     storeId,
     storeDevtoolsEnabled,
+    visibleRefresh = true,
     children
   } = props;
   const { currentSize } = useComponentSize(size);
@@ -25,15 +26,16 @@ function DynamicSortProvider(props) {
   const { getLabel } = useModuleDictionary();
   const dynamicSortStoreRef = useRef();
   if (!dynamicSortStoreRef.current) {
-    dynamicSortStoreRef.current = createAreaStore({
+    dynamicSortStoreRef.current = createDynamicSortStore({
       fields,
       automatic,
       getLabel,
       dataTestId,
       size,
       storeId,
+      visibleRefresh,
       ownerState: {
-        isDirty: !automatic,
+        isDirty: false,
         inEdition: false,
         isValid: true,
         isEmpty: true,
@@ -42,6 +44,14 @@ function DynamicSortProvider(props) {
     }, storeDevtoolsEnabled);
     dynamicSortStoreRef.current.getState().actions.init(initialAppliedSorts);
   }
+  const fireOnChangeSort = useStore(
+    dynamicSortStoreRef.current,
+    (state) => state.actions.fireOnChangeSorts,
+    shallow
+  );
+  useImperativeHandle(ref, () => ({
+    fireOnChangeSort
+  }));
   const countOnChangeSortsApplyed = useStore(
     dynamicSortStoreRef.current,
     (state) => state.countOnChangeSortsApplyed,
@@ -60,10 +70,15 @@ function DynamicSortProvider(props) {
     }
   }, [countOnChangeSortsApplyed]);
   useEffect(() => {
-    dynamicSortStoreRef.current?.getState().actions.setSize(adjustedSize);
-  }, [adjustedSize]);
+    if (dynamicSortStoreRef.current?.getState().size !== adjustedSize) {
+      dynamicSortStoreRef.current?.getState().actions.setSize(adjustedSize);
+    }
+    if (dynamicSortStoreRef.current?.getState().visibleRefresh !== visibleRefresh) {
+      dynamicSortStoreRef.current?.getState().actions.setVisibleRefresh(visibleRefresh);
+    }
+  }, [adjustedSize, visibleRefresh]);
   return /* @__PURE__ */ jsx(DynamicSortContext.Provider, { value: dynamicSortStoreRef.current, children });
-}
+});
 export {
   DynamicSortProvider as D,
   DynamicSortContext as a

package/components/DynamicSort/store/DynamicSortStore.d.ts

@@ -6,7 +6,7 @@ export type OpenFor = 'add' | 'edit';
  * @param initProps Variables iniciales que necesita store para poder inicializarlo
  * @returns
  */
-export declare const createAreaStore: (initProps: InitialStoreProps, storeDevtoolsEnabled?: boolean) => Omit<Omit<import('zustand').StoreApi<DynamicSortStateWithActions>, "setState"> & {
+export declare const createDynamicSortStore: (initProps: InitialStoreProps, storeDevtoolsEnabled?: boolean) => Omit<Omit<import('zustand').StoreApi<DynamicSortStateWithActions>, "setState"> & {
     setState<A extends string | {
         type: unknown;
     }>(partial: DynamicSortStateWithActions | Partial<DynamicSortStateWithActions> | ((state: DynamicSortStateWithActions) => DynamicSortStateWithActions | Partial<DynamicSortStateWithActions>), replace?: boolean | undefined, action?: A | undefined): void;
@@ -15,4 +15,4 @@ export declare const createAreaStore: (initProps: InitialStoreProps, storeDevtoo
         type: unknown;
     } | undefined): void;
 };
-export type DynamicSortStore = ReturnType<typeof createAreaStore>;
+export type DynamicSortStore = ReturnType<typeof createDynamicSortStore>;