@m4l/components 9.3.19 → 9.3.21-JAEBeta.0

package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js

@@ -22,7 +22,8 @@ function RHFAutocompleteAsync(props) {
     multiple,
     disabled,
     skeletonWidth,
-    responseToCamelCase
+    responseToCamelCase,
+    className
   } = props;
   const [state, dispatch] = useReducer(
     RHFAutocompleteAsyncReducer(onChangeFilterParms),
@@ -74,6 +75,7 @@ function RHFAutocompleteAsync(props) {
   return /* @__PURE__ */ jsx(
     RHFAutocomplete,
     {
+      className,
       name,
       loading: state.loading,
       label,

package/components/hook-form/RHFAutocompleteAsync/types.d.ts

@@ -41,6 +41,10 @@ export interface RHFAutocompleteAsyncProps<T extends any = unknown> extends Omit
      * Whether the autocomplete is multiple
      */
     multiple?: boolean;
+    /**
+     * Class name for the autocomplete
+     */
+    className?: string;
 }
 /**
  * Defines the types of Slots available for the Autocomplete.

package/components/hook-form/RHFormContext/index.d.ts

@@ -3,7 +3,7 @@ import { CustomFormArguments, FormProviderCustomProps, FormProviderProps } from
 /**
  * TODO: Documentar
  */
-export declare function useCustomForm({ validationSchema, values, statusLoad, mode }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, FieldValues>;
+export declare function useCustomForm({ validationSchema, values, statusLoad, mode, }: CustomFormArguments): import('react-hook-form').UseFormReturn<FieldValues, any, undefined>;
 /**
  * TODO: Documentar
  */

package/components/hook-form/RHFormContext/index.js

@@ -6,7 +6,12 @@ import { yupResolver } from "@hookform/resolvers/yup";
 import { F as FormProviderRoot } from "./styles.js";
 import { R as RHFormProviderUtilityClasses } from "./classes/index.js";
 const classes = RHFormProviderUtilityClasses();
-function useCustomForm({ validationSchema, values, statusLoad, mode }) {
+function useCustomForm({
+  validationSchema,
+  values,
+  statusLoad,
+  mode
+}) {
   const formMethods = useForm({
     resolver: yupResolver(validationSchema),
     defaultValues: values,
@@ -39,11 +44,31 @@ function useCustomForm({ validationSchema, values, statusLoad, mode }) {
 }
 function FormProviderCustom(props) {
   const { children, onSubmit, className, handleSubmit } = props;
-  return /* @__PURE__ */ jsx(FormProvider, { ...props, children: /* @__PURE__ */ jsx(FormProviderRoot, { className: clsx(classes.root, className), onSubmit: handleSubmit(onSubmit), children }) });
+  return /* @__PURE__ */ jsx(FormProvider, { ...props, children: /* @__PURE__ */ jsx(
+    FormProviderRoot,
+    {
+      className: clsx(classes.root, className),
+      onSubmit: handleSubmit(onSubmit),
+      children
+    }
+  ) });
 }
 function RHFormProvider(props) {
-  const { children, onSubmit, values, validationSchema, statusLoad = "ready", className, mode } = props;
-  const formMethods = useCustomForm({ validationSchema, statusLoad, values, mode });
+  const {
+    children,
+    onSubmit,
+    values,
+    validationSchema,
+    statusLoad = "ready",
+    className,
+    mode
+  } = props;
+  const formMethods = useCustomForm({
+    validationSchema,
+    statusLoad,
+    values,
+    mode
+  });
   return /* @__PURE__ */ jsx(
     FormProviderCustom,
     {

package/components/mui_extended/ToggleIconButton/ToggleIconButton.js

@@ -14,20 +14,24 @@ const ToggleAbleIconButton = ({
   variant = "text",
   color,
   badgeProps,
+  disabled,
+  className,
   ...props
 }) => {
   const ownerState = {
     isToggled,
-    variant
+    variant,
+    disabled
   };
   return /* @__PURE__ */ jsx(
     ToggleIconButtonRootStyled,
     {
       ...props,
       variant,
+      disabled,
       color,
       badgeProps,
-      className: clsx(getComponentSlotRoot(TOGGLE_ICON_BUTTON_KEY_COMPONENT), TOGGLE_ICON_BUTTON_CLASS_NAME_SPECIFY),
+      className: clsx(className, getComponentSlotRoot(TOGGLE_ICON_BUTTON_KEY_COMPONENT), TOGGLE_ICON_BUTTON_CLASS_NAME_SPECIFY),
       ...getPropDataTestId(TOGGLE_ICON_BUTTON_KEY_COMPONENT, ToggleIconButtonSlots.toggleIconButtonRoot, dataTestId),
       role: "toggle-iconButton",
       ownerState,

package/components/mui_extended/ToggleIconButton/ToggleIconButton.styles.js

@@ -24,6 +24,15 @@ const toggleIconButtonStyles = {
         },
         "&:focus-visible": {
           backgroundColor: theme.vars.palette.primary.enabledOpacity
+        },
+        ...ownerState?.disabled && {
+          backgroundColor: theme.vars.palette.default.opacity,
+          "& .M4LIcon-root .M4LIcon-icon": {
+            backgroundColor: `${theme.vars.palette.text.disabled} !important`
+          },
+          ...ownerState?.variant === "outline" && {
+            backgroundColor: theme.vars.palette.border.disabled
+          }
         }
       }
     }

package/components/mui_extended/ToggleIconButton/types.d.ts

@@ -22,6 +22,7 @@ export interface ToggleIconButtonProps extends Omit<IconButtonProps, 'onClick' |
  * Estado del propietario del componente ToggleIconButton.
  */
 export interface ToggleIconButtonOwnerState extends Record<string, unknown> {
+    disabled?: boolean;
     /** Indica si el valor es verdadero o falso. */
     isToggled?: boolean;
     /** Valor de la variante del componente. */

package/components/mui_extended/index.d.ts

@@ -23,7 +23,7 @@ export * from './Tabs';
 export * from './TabContent';
 export * from './TabContext';
 export { getPagerComponentsDictionary } from '../Pager/dicctionary';
-export * from './Typography/Typography';
+export * from './Typography';
 export * from './ToggleButton';
 export * from './ToggleIconButton';
 export * from './NavLink';

package/components/popups/components/PopupsProvider/hooks/usePopups.d.ts

@@ -17,7 +17,7 @@ export declare const usePopups: (popupId: string) => {
     iconUrl: string;
     selected: boolean;
     mfProps: import('../../../../MFLoader/types').MFBaseProps | undefined;
-    component: import('../../../../WindowBase/types').JSX_REACT_NODE;
+    component: import('../../../../WindowBase').JSX_REACT_NODE;
     loading: boolean | undefined;
     status: import('../../PopupsViewer/types').PopupStatus;
     version: string | undefined;
@@ -32,7 +32,7 @@ export declare const usePopups: (popupId: string) => {
     variant: import('../contexts/PopupsContext/types').PopupVariantType;
     draggable: boolean;
     resizable: boolean;
-    defaultPosition: import('../../../../DragResizeWindowRND/types').DefaultPosition | undefined;
+    defaultPosition: import('../../../..').RNDDefaultPosition | undefined;
     bounds: import('../../../../DragResizeWindowRND/types').DraggableWindowBounds | undefined;
     onMouseDown: ((e: MouseEvent) => void) | undefined;
     allowHeightResizeContainer: boolean | undefined;

package/components/popups/components/PopupsProvider/hooks/usePopups.js

@@ -89,7 +89,6 @@ const usePopups = (popupId) => {
     }),
     [
       popupId,
-      version,
       buildTime,
       setActions,
       //getCookie,

package/components/popups/components/PopupsViewer/PopupsViewer.js

@@ -7,7 +7,7 @@ import { u as useSizeContainer } from "../../../../hooks/useSizeContainer/index.
 import { R as RootStyled } from "./slots/popupsViewerSlots.js";
 import { useRef, createRef, useEffect, memo } from "react";
 const PopupsViewer = (props) => {
-  const { groupId = "global", onResizeStart, onResizeStop, onDragStart, onDragStop, containerElement } = props;
+  const { groupId = "global", onResizeStart, onResizeStop, onDragStart, onDragStop, containerElement, className } = props;
   const popupsIds = usePopupsStore(
     (state) => state.popupsIds.filter((pId) => groupId === state.hashPopups[pId].groupId && state.hashPopups[pId].status !== "closing"),
     shallow
@@ -29,7 +29,7 @@ const PopupsViewer = (props) => {
   if (!containerElement || !containerSize) {
     return null;
   }
-  return /* @__PURE__ */ jsx(RootStyled, { ownerState: { baseZindex }, children: /* @__PURE__ */ jsx(TransitionGroup, { children: popupsIds.map((id) => {
+  return /* @__PURE__ */ jsx(RootStyled, { ownerState: { baseZindex }, className, children: /* @__PURE__ */ jsx(TransitionGroup, { children: popupsIds.map((id) => {
     return /* @__PURE__ */ jsx(
       CSSTransition,
       {

package/components/popups/components/PopupsViewer/subcomponents/Popup/Popup.js

@@ -118,7 +118,7 @@ const Popup = forwardRef((props, ref) => {
           isLoading: loading,
           windowId: popupId,
           selected,
-          type: "popup",
+          emergeType: "popup",
           variant: "outlined",
           ...process.env.NODE_ENV !== "production" ? {
             [TEST_PROP_ID]: getNameDataTestId(
@@ -129,6 +129,7 @@ const Popup = forwardRef((props, ref) => {
           children: winType === "microfrontend" ? /* @__PURE__ */ jsx(
             MemonizedWindowBaseMicroFrontend,
             {
+              emergeType: "popup",
               moduleId,
               dynamicMFStore,
               windowTools,
@@ -137,6 +138,7 @@ const Popup = forwardRef((props, ref) => {
           ) : /* @__PURE__ */ jsx(
             WindowBaseComponent,
             {
+              emergeType: "popup",
               dynamicMFStore,
               windowTools,
               component

package/components/popups/components/PopupsViewer/types.d.ts

@@ -5,6 +5,7 @@ import { PopupStoreProps, PopupsProviderStoreState } from '../PopupsProvider/con
 import { M4LOverridesStyleRules } from '../../../../@types/augmentations';
 export type PopupViewerSlotsType = keyof typeof PopupViewerSlots;
 export type PopupsViewerProps = {
+    className?: string;
     containerElement?: HTMLElement;
     groupId?: string;
     onResizeStart?: () => void;

package/hooks/index.d.ts

@@ -12,3 +12,4 @@ export * from './useDynamicFilterAndSort';
 export * from './useDataGridPersistence';
 export * from './usePopoverContainer';
 export * from './useIsVisible';
+export * from './useSizeContainer';

package/hooks/useSizeContainer/index.d.ts

@@ -1,8 +1,9 @@
 import { ContainerSize } from '../../utils/types';
+import { UseSizeContainerOptions } from './types';
 /**
  * useSizeContainer: hook encargado de obtener el tamaño de un elemento contenedor
  * TODO: Usar throttle para evitar llamadas innecesarias
  * @param containerElement
  * @returns un objeto con el ancho y alto del contenedor
  */
-export declare function useSizeContainer(containerElement?: HTMLElement | undefined | null): ContainerSize | undefined;
+export declare function useSizeContainer(containerElement?: HTMLElement | undefined | null, options?: UseSizeContainerOptions): ContainerSize | undefined;

package/hooks/useSizeContainer/index.js

@@ -1,35 +1,44 @@
 import { useState, useEffect } from "react";
 import { T as THROTTLE_RESIZE_TIMEOUT } from "./contants.js";
 import throttle from "lodash-es/throttle";
-function useSizeContainer(containerElement) {
-  const [currentState, setCurrentState] = useState();
+function useSizeContainer(containerElement, options) {
+  const { throttleTime = THROTTLE_RESIZE_TIMEOUT, excludePadding = false, leading = false, trailing = true } = options || {};
+  const [currentState, setCurrentState] = useState(void 0);
   useEffect(() => {
     if (!containerElement) {
       return;
     }
-    const throttleResize = throttle(setCurrentState, THROTTLE_RESIZE_TIMEOUT, {
-      leading: false,
-      // No enviar el primer evento de resizing
-      trailing: true
+    const setter = (size) => {
+      setCurrentState(size);
+    };
+    const throttleResize = throttle(setter, throttleTime, {
+      leading,
+      // Evento de resizing (Por defecto false)
+      trailing
       // Incluir siempre el ultimo evento en la cola, para que no quede se quedee a la mitad de resizing
     });
     const resizeObserver = new ResizeObserver((entries) => {
-      for (const entry of entries) {
+      if (excludePadding) {
         throttleResize({
-          containerWidth: Math.round(entry.contentRect.width),
-          containerHeight: Math.round(entry.contentRect.height)
+          containerWidth: Math.round(containerElement.clientWidth),
+          containerHeight: Math.round(containerElement.clientHeight)
         });
+      } else {
+        for (const entry of entries) {
+          throttleResize({
+            containerWidth: Math.round(entry.contentRect.width),
+            containerHeight: Math.round(entry.contentRect.height)
+          });
+        }
       }
     });
-    if (containerElement) {
-      resizeObserver.observe(containerElement);
-    }
+    resizeObserver.observe(containerElement);
     return () => {
       if (containerElement) {
         resizeObserver.unobserve(containerElement);
       }
     };
-  }, [containerElement]);
+  }, [containerElement, excludePadding, leading, throttleTime, trailing]);
   return currentState;
 }
 export {

package/hooks/useSizeContainer/types.d.ts

@@ -0,0 +1,6 @@
+export type UseSizeContainerOptions = {
+    leading?: boolean;
+    trailing?: boolean;
+    throttleTime?: number;
+    excludePadding?: boolean;
+};

package/hooks/useStateRef/index.js

@@ -1,13 +1,13 @@
-import { useState, useRef } from "react";
+import { useState, useRef, useCallback } from "react";
 function useStateRef(initialValue) {
   const [refState, setRefState] = useState(initialValue);
   const nodeRef = useRef(null);
-  const ref = (nodeElement) => {
-    if (nodeRef.current !== nodeElement) {
+  const ref = useCallback((nodeElement) => {
+    if (nodeElement && nodeRef.current !== nodeElement) {
       nodeRef.current = nodeElement;
       setRefState(nodeElement);
     }
-  };
+  }, []);
   return [refState, ref];
 }
 export {

package/index.js

@@ -122,6 +122,7 @@ import { P as P5, g as g16 } from "./components/formatters/PriceFormatter/PriceF
 import { C as C18 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
 import { g as g17 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
 import { D as D9 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
+import { u as u13 } from "./components/formatters/DistanceToNowFormatter/hooks/useDistanceToNowFormatter.js";
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { F as F2 } from "./components/FormContainer/FormContainer.js";
 import { G } from "./components/GridLayout/GridLayout.js";
@@ -175,7 +176,7 @@ import { g as g27 } from "./components/ObjectLogs/dictionary.js";
 import { O } from "./components/ObjectLogs/ObjectLogs.js";
 import { P as P7 } from "./components/PaperForm/PaperForm.js";
 import { P as P8 } from "./components/PDFViewer/PDFViewer.js";
-import { u as u13 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
+import { u as u14 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
 import { a as a10, P as P9 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
 import { P as P10 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
 import { P as P11 } from "./components/PrintingSystem/PrintingSystem.js";
@@ -185,8 +186,8 @@ import { S as S9 } from "./components/SideBar/SideBar.js";
 import { T as T17 } from "./components/ToastContainer/ToastContainer.js";
 import { T as T18 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
 import { W as W2 } from "./components/WindowBase/WindowBase.js";
-import { u as u14 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
-import { u as u15, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
+import { u as u15 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
+import { u as u16, a as a11 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
 import { M as M6, W as W3, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
 import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
 import { D as D10, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
@@ -195,7 +196,7 @@ import { a as a14, g as g28 } from "./components/ModalDialog/dictionary.js";
 import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
 import { S as S10 } from "./components/SettingsLayout/SettingsLayout.js";
 import { P as P13 } from "./components/Pager/Pager.js";
-import { u as u16 } from "./components/Stepper/hooks/useStepper/index.js";
+import { u as u17 } from "./components/Stepper/hooks/useStepper/index.js";
 import { S as S11 } from "./components/Stepper/Stepper.js";
 import { S as S12 } from "./components/Stepper/subcomponents/StepperContent/index.js";
 import { S as S13 } from "./components/Stepper/subcomponents/StepperContent/subcomponents/Step/index.js";
@@ -208,26 +209,27 @@ import { S as S19 } from "./components/Stepper/subcomponents/StepperButtons/Step
 import { S as S20 } from "./components/Stepper/subcomponents/StepperButtons/StepperSubmitButton/index.js";
 import { e as e3 } from "./components/Stepper/helpers/evaluateVisibilityStepCondition/index.js";
 import { g as g29 } from "./components/Stepper/dictionary.js";
-import { F as F3, R as R23, u as u17 } from "./components/hook-form/RHFormContext/index.js";
+import { F as F3, R as R23, u as u18 } from "./components/hook-form/RHFormContext/index.js";
 import { g as g30 } from "./components/hook-form/RHFormContext/dictionary.js";
-import { u as u18 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
+import { u as u19 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
 import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
 import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
-import { u as u19 } from "./hooks/useFormAddEdit/index.js";
-import { u as u20 } from "./hooks/useModal/index.js";
-import { u as u21 } from "./hooks/useTab/index.js";
+import { u as u20 } from "./hooks/useFormAddEdit/index.js";
+import { u as u21 } from "./hooks/useModal/index.js";
+import { u as u22 } from "./hooks/useTab/index.js";
 import { g as g31 } from "./hooks/useFormAddEdit/dictionary.js";
-import { u as u22 } from "./hooks/useFormFocus/index.js";
-import { u as u23 } from "./hooks/useInterval/index.js";
-import { u as u24 } from "./hooks/useComponentSize/useComponentSize.js";
-import { u as u25 } from "./hooks/useFormReadyForUpdate/index.js";
-import { u as u26 } from "./hooks/useStateRef/index.js";
+import { u as u23 } from "./hooks/useFormFocus/index.js";
+import { u as u24 } from "./hooks/useInterval/index.js";
+import { u as u25 } from "./hooks/useComponentSize/useComponentSize.js";
+import { u as u26 } from "./hooks/useFormReadyForUpdate/index.js";
+import { u as u27 } from "./hooks/useStateRef/index.js";
 import { S as S21 } from "./hooks/useSvgColor/constants.js";
-import { u as u27 } from "./hooks/useSvgColor/useSvgColor.js";
-import { u as u28 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
-import { u as u29 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
-import { u as u30 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
-import { u as u31 } from "./hooks/useIsVisible/useIsVisible.js";
+import { u as u28 } from "./hooks/useSvgColor/useSvgColor.js";
+import { u as u29 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
+import { u as u30 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
+import { u as u31 } from "./hooks/usePopoverContainer/usePopoverContainer.js";
+import { u as u32 } from "./hooks/useIsVisible/useIsVisible.js";
+import { u as u33 } from "./hooks/useSizeContainer/index.js";
 import { c as c4 } from "./utils/capitalizeFirstLetter.js";
 import { i as i2 } from "./utils/isValidDate.js";
 import { g as g32 } from "./utils/getComponentUtilityClass.js";
@@ -240,6 +242,7 @@ import { g as g37, a as a17 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { g as g38 } from "./utils/getValidDate.js";
 import { g as g39 } from "./utils/getNullGuard.js";
+import { c as c5, d as d4 } from "./utils/deepShallow.js";
 import { g as g40 } from "./helpers/getStepsAndValidationSchema/getStepsAndValidationSchema.js";
 export {
   A7 as AREAS_DICCTIONARY,
@@ -428,8 +431,10 @@ export {
   e2 as addLayoutItemToBreakPoints,
   c4 as capitalizeFirstLetter,
   d3 as cloneLayouts,
+  c5 as createCustomDeepShallow,
   c3 as createDynamicMFStore,
   c as createToaster,
+  d4 as deepShallow,
   d as defaultCommonActionsDictionary,
   d2 as dragResizeWindowRNDClasses,
   e3 as evaluateVisibilityStepCondition,
@@ -486,7 +491,7 @@ export {
   r as rhfPeriodStyles,
   t as toggleButtonStyles,
   t2 as toggleIconButtonStyles,
-  u18 as useAppearanceComponentStore,
+  u19 as useAppearanceComponentStore,
   u as useAreasStore,
   u2 as useColumnBoolean,
   u11 as useColumnChipStatus,
@@ -498,26 +503,28 @@ export {
   u8 as useColumnPrice,
   u9 as useColumnSetCheck,
   u10 as useColumnUncertanity,
-  u24 as useComponentSize,
-  u17 as useCustomForm,
-  u29 as useDataGridPersistence,
-  u28 as useDynamicFilterAndSort,
-  u15 as useDynamicMFParameters,
+  u25 as useComponentSize,
+  u18 as useCustomForm,
+  u30 as useDataGridPersistence,
+  u13 as useDistanceToNowFormatter,
+  u29 as useDynamicFilterAndSort,
+  u16 as useDynamicMFParameters,
   a11 as useDynamicMFParametersStore,
-  u19 as useFormAddEdit,
-  u22 as useFormFocus,
-  u25 as useFormReadyForUpdate,
+  u20 as useFormAddEdit,
+  u23 as useFormFocus,
+  u26 as useFormReadyForUpdate,
   u12 as useFormatPeriod,
-  u23 as useInterval,
-  u31 as useIsVisible,
-  u20 as useModal,
-  u30 as usePopoverContainer,
-  u13 as usePopupsStore,
-  u26 as useStateRef,
-  u16 as useStepper,
-  u27 as useSvgColor,
-  u21 as useTab,
-  u14 as useWindowToolsMF,
+  u24 as useInterval,
+  u32 as useIsVisible,
+  u21 as useModal,
+  u31 as usePopoverContainer,
+  u14 as usePopupsStore,
+  u33 as useSizeContainer,
+  u27 as useStateRef,
+  u17 as useStepper,
+  u28 as useSvgColor,
+  u22 as useTab,
+  u15 as useWindowToolsMF,
   v2 as varBounce,
   v3 as varContainer,
   v as varFade,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.3.19",
+  "version": "9.3.21-JAEBeta.0",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/utils/deepShallow.d.ts

@@ -0,0 +1,17 @@
+type DeepShallowOptions = {
+    maxDepth?: number;
+    ignoreTypes?: Array<string>;
+    compareArrays?: boolean;
+    compareObjects?: boolean;
+    customComparers?: Record<string, (a: any, b: any) => boolean>;
+    log?: boolean;
+};
+/**
+ * Comparador con profundidad
+ */
+export declare const deepShallow: <T>(objA: T, objB: T, depth?: number, options?: DeepShallowOptions) => boolean;
+/**
+ * Crea una función de comparación profunda con opciones personalizadas
+ */
+export declare const createCustomDeepShallow: <T>(options?: DeepShallowOptions) => (objA: T, objB: T, depth?: number) => boolean;
+export {};

package/utils/deepShallow.js

@@ -0,0 +1,76 @@
+const deepShallow = (objA, objB, depth = 0, options) => {
+  const {
+    maxDepth = 10,
+    ignoreTypes = ["function"],
+    compareArrays = true,
+    compareObjects = true,
+    customComparers = {},
+    log = false
+  } = options || {};
+  if (log && process.env.NODE_ENV === "development" && depth === 0) {
+    console.log("deepShallow**", objA, objB, depth);
+  }
+  if (depth >= maxDepth) {
+    return Object.is(objA, objB);
+  }
+  if (objA === objB) {
+    return true;
+  }
+  if (objA == null || objB == null) {
+    return objA === objB;
+  }
+  if (typeof objA !== "object" || typeof objB !== "object") {
+    return objA === objB;
+  }
+  if (Array.isArray(objA) && Array.isArray(objB)) {
+    if (!compareArrays) {
+      return Object.is(objA, objB);
+    }
+    if (objA.length !== objB.length) {
+      return false;
+    }
+    for (let i = 0; i < objA.length; i++) {
+      if (!deepShallow(objA[i], objB[i], depth + 1, options)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  if (Array.isArray(objA) || Array.isArray(objB)) {
+    return false;
+  }
+  if (!compareObjects) {
+    return Object.is(objA, objB);
+  }
+  const keysA = Object.keys(objA);
+  const keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) {
+    return false;
+  }
+  for (let i = 0; i < keysA.length; i++) {
+    const key = keysA[i];
+    const valueA = objA[key];
+    const valueB = objB[key];
+    if (ignoreTypes.includes(typeof valueA)) {
+      continue;
+    }
+    const valueType = typeof valueA;
+    if (customComparers[valueType]) {
+      if (!customComparers[valueType](valueA, valueB)) {
+        return false;
+      }
+      continue;
+    }
+    if (!deepShallow(valueA, valueB, depth + 1, options)) {
+      return false;
+    }
+  }
+  return true;
+};
+const createCustomDeepShallow = (options) => {
+  return (objA, objB, depth = 0) => deepShallow(objA, objB, depth, options);
+};
+export {
+  createCustomDeepShallow as c,
+  deepShallow as d
+};

package/utils/formatDistanceToNow/formatDistanteToNow.d.ts

@@ -1,5 +1,5 @@
-import { PresentationTimeType, FormatDistanteToNowDictionary } from './types';
+import { PresentationTimeType, FormatDistanteToNowDictionary, FormatDistanceToNowReturn } from './types';
 /**
  * TODO: Documentar
  */
-export declare const formatDistanceToNow: (type: PresentationTimeType, date: Date, dictionary: FormatDistanteToNowDictionary) => string;
+export declare const formatDistanceToNow: (type: PresentationTimeType, date: Date, dictionary: FormatDistanteToNowDictionary) => FormatDistanceToNowReturn;