@m4l/graphics 7.2.2 → 7.2.3-beta.0

package/contexts/ThemeSettingsContext/store.js

@@ -1,177 +0,0 @@
-import { createStore as c } from "zustand";
-import { devtools as d } from "zustand/middleware";
-import { immer as a } from "zustand/middleware/immer";
-import { getPaletteByPreset as u, createCustomShadows as x, shadows as p, typographyOld as U, getColorPresets as m } from "@m4l/styles";
-import { alpha as s } from "@mui/system";
-import { d as g } from "./constants.js";
-function l(r, o = "m4l") {
-  const n = document.querySelector('[data-mui-color-scheme="light"]');
-  n && Object.keys(r).forEach((t) => {
-    const e = r[t];
-    if (typeof e == "string" || typeof e == "number") {
-      const S = `--${o}-${t}`;
-      n.style.setProperty(S, e.toString());
-    } else typeof e == "object" && e !== null && l(e, `${o}-${t}`);
-  });
-}
-const h = (r) => {
-  const o = r.themeUserSettings || g, n = o.themeMode === "light", t = u(o.themeColor), e = n ? t.light : t.dark;
-  r.themeOptions = {
-    ...r.themeOptions,
-    ...U,
-    palette: {
-      ...r.themeOptions?.palette ?? {},
-      ...e
-    },
-    shape: { borderRadius: 8 },
-    direction: o.themeDirection,
-    shadows: n ? p.light : p.dark,
-    customShadows: {
-      primary: n ? `0 4px 8px -4px ${s(m(o.themeColor)?.enabledLight, 0.12)},
-       0 2px 27px 2px ${s(m(o.themeColor)?.enabledLight, 0.02)}` : `0 4px 8px -4px ${s(m(o.themeColor)?.enabledDark, 0.12)},
-       0 2px 27px 2px ${s(m(o.themeColor)?.enabledDark, 0.02)}`,
-      ...x(o.themeMode),
-      primary2: n ? `0px 2px 3px 0px ${s(m(o.themeColor)?.hoverOpacityLight, 0.2)}` : `0px 2px 3px 0px ${s(m(o.themeColor)?.hoverOpacityDark, 0.2)}`
-    },
-    stretch: o.themeStretch
-  }, l(r.themeOptions);
-}, i = (r) => {
-  r.themeSettingsPersistFn && r.themeSettingsPersistFn(r.themeUserSettings);
-}, T = (r) => c(
-  d(
-    a((o, n) => ({
-      ...r,
-      settingsActions: {
-        /**
-         * Inicializa la tienda de configuración del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        init: () => {
-          o((t) => {
-            h(t);
-          });
-        },
-        /**
-         * Establece la configuración del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        setThemeSettings: (t) => {
-          o((e) => {
-            e.themeUserSettings = { ...e.themeUserSettings, ...t }, i(e), h(e);
-          });
-        },
-        /**
-         * Cambia el modo del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        onChangeMode: (t) => {
-          o((e) => {
-            t !== e.themeUserSettings.themeMode && (e.themeUserSettings = {
-              ...e.themeUserSettings,
-              themeMode: t
-            }, i(e), h(e));
-          });
-        },
-        /**
-         * Abre o cierra el panel de configuración del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        handleOpen: () => {
-          o((t) => {
-            t.open = !t.open;
-          });
-        },
-        /**
-         * Cambia la dirección del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        onChangeDirection: (t) => {
-          o((e) => {
-            t !== e.themeUserSettings.themeDirection && (e.themeUserSettings = {
-              ...e.themeUserSettings,
-              themeDirection: t
-            }, i(e), h(e));
-          });
-        },
-        /**
-         * Cambia el color del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        onChangeColor: (t) => {
-          o((e) => {
-            t !== e.themeUserSettings.themeColor && (e.themeUserSettings = {
-              ...e.themeUserSettings,
-              themeColor: t
-            }, i(e), h(e));
-          });
-        },
-        /**
-         * Cambia el diseño del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        onChangeLayout: (t) => {
-          o((e) => {
-            e.themeUserSettings = {
-              ...e.themeUserSettings,
-              themeLayout: t.target.value
-            }, i(e), h(e);
-          });
-        },
-        /**
-         * Cambia el estiramiento del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        onToggleStretch: () => {
-          o((t) => {
-            t.themeUserSettings = {
-              ...t.themeUserSettings,
-              themeStretch: !t.themeUserSettings.themeStretch
-            }, i(t), h(t);
-          });
-        },
-        /**
-         * Resetea la configuración del tema
-         * @author Juan Escobar - automatic
-         * @createdAt 2024-10-06 20:07:18 - automatic
-         * @updatedAt 2024-10-08 19:28:36 - automatic
-         * @updatedUser Juan Escobar - automatic
-         */
-        onResetSetting: () => {
-          o((t) => {
-            t.themeUserSettings = {
-              ...g
-            }, i(t), h(t);
-          });
-        }
-      }
-    })),
-    { name: "ThemeSettingsStore" }
-  )
-);
-export {
-  T as c
-};

package/contexts/ThemeSettingsContext/types.d.ts

@@ -1,71 +0,0 @@
-import { PresetsOptionsColorMain, ThemeUserColor } from '@m4l/styles';
-import { Theme } from '@mui/material/styles';
-import { ReactNode } from 'react';
-export type ThemeUserMode = 'light' | 'dark';
-export type ThemeUserDirection = 'rtl' | 'ltr';
-export type ThemeUserLayout = 'vertical' | 'horizontal';
-export type ThemeUserStretch = boolean;
-/**
- * "ThemeSettingsType" son las configuraciones que el usuario escoge para ver la plataforma
- * @createdAt 2024-10-08 13:22:53 - automatic
- */
-export type ThemeUserSettings = {
-    themeMode: ThemeUserMode;
-    themeDirection: ThemeUserDirection;
-    themeColor: ThemeUserColor;
-    themeStretch: ThemeUserStretch;
-    themeLayout: ThemeUserLayout;
-};
-export interface ThemeSettingsStore {
-    /**
-     * Configuraciones seleccionadas por el usuario, modo, dirección, color, estiramiento y layout
-     * @createdAt 2024-10-08 13:22:53 - automatic
-     */
-    themeUserSettings: ThemeUserSettings;
-    /**
-     * Contiene la configuración incial del tema como la paleta, tipografía, sombras, etc. También puede contener el tema convertido a css vars.
-     * @createdAt 2024-10-06 20:07:18 - automatic
-     */
-    themeOptions: Theme;
-    /**
-     * "presetsOptionsColorMain" es un array de objetos que contiene el nombre y el valor de los colores principales
-     * @createdAt 2024-10-08 13:22:53 - automatic
-     */
-    presetsOptionsColorMain: PresetsOptionsColorMain;
-    /**
-     * "themeSettingsPersistFn" es una función que se encarga de persistir en local storage los cambios de los settings
-     * Solo se instancia cuando esta en host, cuando esta storybook no se instancia
-     * @author Juan Escobar - automatic
-     * @createdAt 2024-10-06 20:07:18 - automatic
-     * @updatedAt 2024-10-08 19:28:36 - automatic
-     * @updatedUser Juan Escobar - automatic
-     */
-    themeSettingsPersistFn?: (newValue: ThemeUserSettings) => void;
-    /**
-     * "open" es una variable que se encarga de abrir o cerrar el formulario
-     * @createdAt 2024-10-08 13:22:53 - automatic
-     */
-    open: boolean;
-}
-export type DefaultThemeSettingsStoreProps = ThemeSettingsStore;
-export type InitialThemeSettingsStoreProps = DefaultThemeSettingsStoreProps;
-export interface ThemeSettingsStateWithActions extends ThemeSettingsStore {
-    settingsActions: {
-        init: () => void;
-        onToggleStretch: VoidFunction;
-        onResetSetting: VoidFunction;
-        onChangeMode: (mode: ThemeUserMode) => void;
-        onChangeDirection: (direction: ThemeUserDirection) => void;
-        onChangeColor: (color: ThemeUserColor) => void;
-        onChangeLayout: (event: React.ChangeEvent<HTMLInputElement>) => void;
-        handleOpen: () => void;
-        setThemeSettings: (newValue: Partial<ThemeUserSettings>) => void;
-    };
-}
-export type ThemeSettingsProviderProps = {
-    /**
-     * "themeSettingsForced" es una variable que se encarga de forzar las configuraciones del tema, normalmente en storybook
-     */
-    themeSettingsForced?: ThemeUserSettings;
-    children: ReactNode;
-};

package/contexts/index.d.ts

@@ -1,12 +0,0 @@
-export * from './FormatterContext';
-export type { Formatters, DateFormatter, NumberFormatter, CurrencyFormatter, } from './FormatterContext/types';
-export * from './LocalesContext';
-export * from './ResponsiveContainerContext';
-export type { BreakpointType } from './ResponsiveContainerContext/types';
-export type { NetworkLocaleType, LocaleType } from './LocalesContext/types';
-export { getLocaleFromNetwork } from './LocalesContext/helper';
-export * from './HostThemeContext';
-export * from './DeviceTypeContext';
-export * from './ThemeSettingsContext';
-export type { HostThemeType } from './HostThemeContext/types';
-export type { DeviceType } from './DeviceTypeContext/types';

package/contexts/index.js

@@ -1 +0,0 @@
-

package/hooks/index.d.ts

@@ -1,14 +0,0 @@
-export { useFirstRender } from './useFirstRender';
-export { useFormatter } from './useFormatter';
-export { useIsMountedRef } from './useIsMountedRef';
-export { useLocales } from './useLocales';
-export { useResponsiveContainerStore } from './useResponsiveContainer';
-export { useUserAgent } from './useUserAgent';
-export { useIsMobile } from './useIsMobile';
-export { useOffSetTop } from './useOffSetTop';
-export { useHostTheme } from './useHostTheme';
-export { useResizeObserver } from './useResizeObserver';
-export { useResponsiveDesktop } from './useResponsive';
-export { useThemeSettingsStore } from './useThemSettingsStore';
-export { usePaginate } from './usePaginate';
-export { useRows } from './useRows';

package/hooks/index.js

@@ -1 +0,0 @@
-

package/hooks/useFirstRender/index.d.ts

@@ -1,9 +0,0 @@
-import { DependencyList } from 'react';
-/**
- * Hook to use the first render .
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-09 13:39:06 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare function useFirstRender(dependencies?: DependencyList): boolean;

package/hooks/useFirstRender/index.js

@@ -1,10 +0,0 @@
-import { useRef as t, useEffect as u } from "react";
-function s(r = []) {
-  const e = t(!0);
-  return u(() => (e.current = !1, () => {
-    e.current = !0;
-  }), r), e.current;
-}
-export {
-  s as u
-};

package/hooks/useFormatter/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Hook to use the formatter context
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-06 20:07:18 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare const useFormatter: () => import('../..').Formatters;

package/hooks/useFormatter/index.js

@@ -1,11 +0,0 @@
-import { useContext as r } from "react";
-import { F as e } from "../../contexts/FormatterContext/index.js";
-const m = () => {
-  const t = r(e);
-  if (!t)
-    throw new Error("useFormatter context must be use inside FormatterProvider");
-  return t;
-};
-export {
-  m as u
-};

package/hooks/useHostTheme/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Hook to use the host theme context
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-06 20:07:18 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare const useHostTheme: () => import('../..').HostThemeType;

package/hooks/useHostTheme/index.js

@@ -1,11 +0,0 @@
-import { useContext as t } from "react";
-import { H as o } from "../../contexts/HostThemeContext/index.js";
-const m = () => {
-  const e = t(o);
-  if (!e)
-    throw new Error("useHostTheme context must be use inside HostThemeProvider");
-  return e;
-};
-export {
-  m as u
-};

package/hooks/useIsMobile/index.d.ts

@@ -1,14 +0,0 @@
-import { DeviceTypeWithActions } from '../../contexts/DeviceTypeContext/types';
-/**
- * Hook to use the responsive container store
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-06 20:07:18 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare function useIsMobileStore<T>(selector: (state: DeviceTypeWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;
-/**
- * hook usado para obtener el valor por defecto para los componentes que usan la prop size
- * @returns objeto con el valor por default del size y la función para cambiarlo
- */
-export declare function useIsMobile(isMobileForced?: boolean): boolean;

package/hooks/useIsMobile/index.js

@@ -1,16 +0,0 @@
-import { useContext as r } from "react";
-import { useStore as i } from "zustand";
-import { D as s } from "../../contexts/DeviceTypeContext/index.js";
-function n(o, t) {
-  const e = r(s);
-  if (!e)
-    throw new Error("useIsMobileStore context must be use inside DeviceTypeContext");
-  return i(e, o, t);
-}
-function p(o) {
-  const t = n((e) => e.deviceType === "mobile");
-  return o || t;
-}
-export {
-  p as u
-};

package/hooks/useIsMountedRef/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Hook to use the is mounted ref
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-06 20:07:18 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare function useIsMountedRef(): import('react').MutableRefObject<boolean>;

package/hooks/useIsMountedRef/index.js

@@ -1,13 +0,0 @@
-import { useRef as t, useEffect as u } from "react";
-function s() {
-  const e = t(!0);
-  return u(
-    () => () => {
-      e.current = !1;
-    },
-    []
-  ), e;
-}
-export {
-  s as u
-};

package/hooks/useLocales/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Hook to use the locales context
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-06 20:07:18 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare const useLocales: () => import('../../contexts/LocalesContext/types').LocalesContextProps;

package/hooks/useLocales/index.js

@@ -1,11 +0,0 @@
-import { useContext as o } from "react";
-import { L as t } from "../../contexts/LocalesContext/index.js";
-const n = () => {
-  const e = o(t);
-  if (!e)
-    throw new Error("useLocales context must be use inside LocalesProvider");
-  return e;
-};
-export {
-  n as u
-};

package/hooks/useOffSetTop.d.ts

@@ -1,8 +0,0 @@
-/**
- * Hook to use the offset top
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-06 20:07:18 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare function useOffSetTop(top: number): boolean;

package/hooks/useOffSetTop.js

@@ -1,12 +0,0 @@
-import { useState as s, useEffect as n } from "react";
-function l(t) {
-  const [f, e] = s(!1), o = t || 100;
-  return n(() => (window.onscroll = () => {
-    window.pageYOffset > o ? e(!0) : e(!1);
-  }, () => {
-    window.onscroll = null;
-  }), [o]), f;
-}
-export {
-  l as u
-};

package/hooks/usePaginate/index.d.ts

@@ -1,14 +0,0 @@
-import { UsePaginateProps, PagerState } from './types';
-/**
- * Hook para paginar una lista de elementos
- */
-export declare const usePaginate: <TRow>(props: UsePaginateProps<TRow>) => {
-    onPageChange: (newPage: number) => void;
-    onRowsPerPageChange: (newRowsPerPage: number) => void;
-    pagerState: PagerState;
-    rows: TRow[];
-    clearRows: () => void;
-    Refresh: () => void;
-    setRows: import('react').Dispatch<import('react').SetStateAction<TRow[]>>;
-    loading: boolean;
-};

package/hooks/usePaginate/index.js

@@ -1,76 +0,0 @@
-import { useState as s, useRef as j, useCallback as v, useEffect as u } from "react";
-import { i as o } from "./types.js";
-import { useHostTools as z, useNetwork as A, useModuleSkeleton as B, useModuleDictionary as I } from "@m4l/core";
-const Z = (C) => {
-  const {
-    endPoint: R,
-    timeout: S = 5e3,
-    queryParams: c,
-    fireOnChangeParms: P,
-    // Propiedad para permitir que un cambio en los parametros de la consulta dispare la recarga de la red
-    fireOnFirstLoad: k = !0,
-    // propiedad que evita que se cargue la red la en el primer render del hook
-    rowsPerPage: l = o.rowsPerPage,
-    startProgress: y,
-    stopProgress: O,
-    isRemote: T = !0,
-    bodyToSnakeCase: b = !1,
-    responseToCamelCase: E = !1,
-    initialRows: L = [],
-    externalCondition: f = !0,
-    onNetworkError: p,
-    refreshOnChangeDictionary: m = !1
-  } = C, [h, g] = s(P ? 1 : 0), [x, a] = s(L), [D, n] = s({ ...o, rowsPerPage: l }), t = j({ ...o, rowsPerPage: l }), [F, M] = s(k), [N, w] = s(!1), { startProgress: Q, stopProgress: q } = z(), { networkOperation: G } = A(), d = B(), { getLabel: H } = I(), i = v(() => {
-    g((r) => r + 1);
-  }, []);
-  return u(() => {
-    if (F) {
-      M(!1);
-      return;
-    }
-    t.current.page = 0, P && i();
-  }, [c]), u(() => {
-    let r = !0;
-    if (!(!f || h === 0))
-      return w(!0), G({
-        method: "GET",
-        endPoint: R,
-        timeout: S,
-        parms: {
-          ...c,
-          page: t.current.page,
-          limit: t.current.rowsPerPage
-        },
-        bodyToSnakeCase: b,
-        responseToCamelCase: E,
-        options: {
-          startProgress: y || Q,
-          stopProgress: O || q
-        },
-        isRemote: T
-      }).then((e) => {
-        r && (a(e.data), t.current.page = e.pager.page, n((U) => ({
-          ...U,
-          page: e.pager.page,
-          totalRecords: e.pager.total
-        })));
-      }).catch((e) => {
-        a([]), n(o), p && p(e.status);
-      }).finally(() => {
-        w(!1);
-      }), function() {
-        r = !1;
-      };
-  }, [h, f]), u(() => {
-    !d && m && i();
-  }, [H, m, d]), { onPageChange: (r) => {
-    t.current.page = r, g((e) => e + 1);
-  }, onRowsPerPageChange: (r) => {
-    t.current.rowsPerPage = r, n((e) => ({ ...e, rowsPerPage: r })), g((e) => e + 1);
-  }, pagerState: D, rows: x, clearRows: () => {
-    a([]), n(o);
-  }, Refresh: i, setRows: a, loading: N };
-};
-export {
-  Z as u
-};

package/hooks/usePaginate/index.test.d.ts

@@ -1,35 +0,0 @@
-import { ReactNode } from 'react';
-import { HostToolsType } from '@m4l/core';
-import { Id, ToastOptions } from 'react-toastify';
-export declare const mock_addFlag: import('vitest').Mock<(...args: any[]) => any>;
-export declare const mock_networkOperation: import('vitest').Mock<(...args: any[]) => any>;
-export declare const mock_events_add_listener: import('vitest').Mock<(...args: any[]) => any>;
-export declare const mock_events_remove_listener: import('vitest').Mock<(...args: any[]) => any>;
-export declare const mock_events_emit: import('vitest').Mock<(...args: any[]) => any>;
-export declare const mock_startProgress: import('vitest').Mock<(...args: any[]) => any>;
-export declare const mock_stopProgress: import('vitest').Mock<(...args: any[]) => any>;
-export interface ToasterFunctionProps {
-    title: ReactNode;
-    description?: ReactNode;
-}
-export type Toaster = {
-    (props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
-    success(props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
-    info(props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
-    warning(props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
-    error(props: ToasterFunctionProps, toastOptions?: ToastOptions): Id;
-};
-export declare const mock_toaster: Toaster;
-export declare const environmentDataForTesting: {
-    isLocalhost: boolean;
-    host: string;
-    domain_token: string;
-    host_api_local: string;
-    host_api_remote: string;
-    host_static_assets: string;
-    environment_assets: string;
-    isMicroFrontend: boolean;
-    isIsolatation: boolean;
-    database: string;
-};
-export declare const hostToolsDataForTesting: HostToolsType;

package/hooks/usePaginate/types.d.ts

@@ -1,21 +0,0 @@
-import { AxiosOptions, GetLabelType, NetworkProps } from '@m4l/core';
-export declare interface PagerState {
-    page: number;
-    rowsPerPage: number;
-    totalRecords: number;
-}
-export declare const initialPagerState: PagerState;
-export interface UsePaginateProps<TRow> extends Pick<NetworkProps, 'endPoint' | 'timeout' | 'isRemote' | 'bodyToSnakeCase' | 'responseToCamelCase'>, AxiosOptions {
-    fireOnChangeParms?: boolean;
-    fireOnFirstLoad?: boolean;
-    queryParams: Record<string, unknown>;
-    rowsPerPage?: number;
-    initialRows?: TRow[];
-    externalCondition?: boolean;
-    onNetworkError?: (code: number) => void;
-    /**
-     * @deprecated This property is not used
-     */
-    getLabel?: GetLabelType;
-    refreshOnChangeDictionary?: boolean;
-}

package/hooks/usePaginate/types.js

@@ -1,8 +0,0 @@
-const a = {
-  page: 0,
-  rowsPerPage: 25,
-  totalRecords: 0
-};
-export {
-  a as i
-};

package/hooks/useResizeObserver/index.d.ts

@@ -1,9 +0,0 @@
-/**
- * Hook to use the resize observer
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:07:18 - automatic
- * @updatedAt 2024-10-06 20:07:18 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare function useResizeObserver<T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry) => void): import('react').RefObject<T>;
-export default useResizeObserver;

package/hooks/useResizeObserver/index.js

@@ -1,18 +0,0 @@
-import { useRef as u, useLayoutEffect as o } from "react";
-function f(n) {
-  const e = u(null);
-  return o(() => {
-    const r = e?.current;
-    if (!r)
-      return;
-    const t = new ResizeObserver((s) => {
-      n(r, s[0]);
-    });
-    return t.observe(r), () => {
-      t.disconnect();
-    };
-  }, [n, e.current]), e;
-}
-export {
-  f as u
-};

package/hooks/useResponsive/index.d.ts

@@ -1,5 +0,0 @@
-/**
- * Returns true if the screen size is desktop.
- * @deprecated usar useIsMobile
- */
-export declare function useResponsiveDesktop(): boolean | undefined;

package/hooks/useResponsive/index.js

@@ -1,7 +0,0 @@
-import { useResponsive as s } from "@m4l/styles";
-function p() {
-  return s("up", "sm");
-}
-export {
-  p as u
-};

package/hooks/useResponsiveContainer/index.d.ts

@@ -1,6 +0,0 @@
-import { ResponsiveContainerStateWithActions } from '../../contexts/ResponsiveContainerContext/types';
-/**
- * Hook to use the responsive container store
- * @deprecated usa use
- */
-export declare function useResponsiveContainerStore<T>(selector: (state: ResponsiveContainerStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;