@m4l/graphics 7.2.2 → 7.2.3-beta.0

package/hooks/useResponsiveContainer/index.js

@@ -1,12 +0,0 @@
-import { useContext as r } from "react";
-import { useStore as n } from "zustand";
-import { R as s } from "../../contexts/ResponsiveContainerContext/index.js";
-function a(t, o) {
-  const e = r(s);
-  if (!e)
-    throw new Error("useAreasStore context must be use inside AreasContext");
-  return n(e, t, o);
-}
-export {
-  a as u
-};

package/hooks/useRows/index.d.ts

@@ -1,11 +0,0 @@
-import { UseRowsProps } from './types';
-/**
- * Hook para obtener las filas de la lista de elementos
- */
-export declare const useRows: <TRow>(props: UseRowsProps<TRow>) => {
-    rows: TRow[];
-    clearRows: () => void;
-    refresh: () => void;
-    setRows: (rows: TRow[]) => void;
-    loading: boolean;
-};

package/hooks/useRows/index.js

@@ -1,70 +0,0 @@
-import { useReducer as D, useRef as F, useCallback as i, useEffect as u } from "react";
-import { useHostTools as I, useNetwork as W, useModuleSkeleton as b, useModuleDictionary as A } from "@m4l/core";
-import { u as G } from "../useFirstRender/index.js";
-import { r as M, g as H, s as q } from "./state.js";
-const v = (R) => {
-  const {
-    endPoint: y,
-    timeout: m = 5e3,
-    queryParams: s,
-    fireOnChangeParms: n = !1,
-    fireOnFirstLoad: S = !0,
-    startProgress: g,
-    stopProgress: h,
-    isRemote: E = !0,
-    bodyToSnakeCase: P = !1,
-    responseToCamelCase: O = !1,
-    initialRows: T = [],
-    onNetworkError: l,
-    refreshOnChangeDictionary: c = !1
-  } = R, [t, e] = D(
-    M,
-    H(n, S, T)
-  ), { startProgress: w, stopProgress: C } = I(), { networkOperation: k } = W(), f = b(), { getLabel: _ } = A(), p = F(s), d = G([s]), r = i(() => {
-    e({ type: "INCREMENT_REFRESH" });
-  }, []);
-  u(() => {
-    q(d, t, s, p.current, n) && r(), p.current = s;
-  }, [s, d, t, n, r]), u(() => {
-    let o = !0;
-    if (t.countRefresh !== 0)
-      return e({ type: "SET_LOADING", payload: !0 }), k({
-        method: "GET",
-        endPoint: y,
-        timeout: m,
-        parms: {
-          ...s
-        },
-        bodyToSnakeCase: P,
-        responseToCamelCase: O,
-        options: {
-          startProgress: g || w,
-          stopProgress: h || C
-        },
-        isRemote: E
-      }).then((a) => {
-        o && e({ type: "SET_ROWS", payload: a.data });
-      }).catch((a) => {
-        e({ type: "SET_ROWS", payload: [] }), l && l(a.status);
-      }).finally(() => {
-        e({ type: "SET_LOADING", payload: !1 });
-      }), function() {
-        o = !1;
-      };
-  }, [t.countRefresh]), u(() => {
-    !f && c && r();
-  }, [_, c, f]);
-  const N = i(() => {
-    e({ type: "CLEAR_ROWS" });
-  }, []), L = i((o) => e({ type: "SET_ROWS", payload: o }), [e]);
-  return {
-    rows: t.rows,
-    clearRows: N,
-    refresh: r,
-    setRows: L,
-    loading: t.loading
-  };
-};
-export {
-  v as u
-};

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

@@ -1 +0,0 @@
-export {};

package/hooks/useRows/state.d.ts

@@ -1,29 +0,0 @@
-export interface State<TRow> {
-    countRefresh: number;
-    rows: TRow[];
-    fireOnFirstLoad: boolean;
-    loading: boolean;
-}
-export type Action<TRow> = {
-    type: 'INCREMENT_REFRESH';
-} | {
-    type: 'SET_ROWS';
-    payload: TRow[];
-} | {
-    type: 'SET_LOADING';
-    payload: boolean;
-} | {
-    type: 'CLEAR_ROWS';
-};
-/**
- * Obtiene el estado inicial de la lista de elementos
- */
-export declare const getInitialState: <TRow>(fireOnChangeParms: boolean, fireOnFirstLoad: boolean, initialRows: TRow[]) => State<TRow>;
-/**
- * Reducer para actualizar el estado de la lista de elementos
- */
-export declare const reducer: <TRow>(state: State<TRow>, action: Action<TRow>) => State<TRow>;
-/**
- * Verifica si se debe actualizar la lista de elementos
- */
-export declare const shouldRefresh: <T>(isFirstRender: boolean, state: State<T>, currentParams: any, previousParams: any, fireOnChangeParms: boolean) => boolean;

package/hooks/useRows/state.js

@@ -1,25 +0,0 @@
-import { deepEqual as n } from "fast-equals";
-const t = (r, e, u) => ({
-  countRefresh: r ? 1 : 0,
-  rows: u,
-  fireOnFirstLoad: e,
-  loading: !1
-}), f = (r, e) => {
-  switch (e.type) {
-    case "INCREMENT_REFRESH":
-      return { ...r, countRefresh: r.countRefresh + 1 };
-    case "SET_ROWS":
-      return { ...r, rows: e.payload };
-    case "SET_LOADING":
-      return { ...r, loading: e.payload };
-    case "CLEAR_ROWS":
-      return { ...r, rows: [] };
-    default:
-      return r;
-  }
-}, c = (r, e, u, o, s) => !!(r && e.fireOnFirstLoad || !r && !n(o, u) && s);
-export {
-  t as g,
-  f as r,
-  c as s
-};

package/hooks/useRows/state.test.d.ts

@@ -1 +0,0 @@
-export {};

package/hooks/useRows/types.d.ts

@@ -1,9 +0,0 @@
-import { AxiosOptions, NetworkProps } from '@m4l/core';
-export interface UseRowsProps<TRow> extends Pick<NetworkProps, 'endPoint' | 'timeout' | 'isRemote' | 'bodyToSnakeCase' | 'responseToCamelCase'>, AxiosOptions {
-    fireOnChangeParms?: boolean;
-    fireOnFirstLoad?: boolean;
-    queryParams: Record<string, unknown>;
-    initialRows?: TRow[];
-    onNetworkError?: (code: number) => void;
-    refreshOnChangeDictionary?: boolean;
-}

package/hooks/useThemSettingsStore/index.d.ts

@@ -1,9 +0,0 @@
-import { ThemeSettingsStateWithActions } from '../../contexts/ThemeSettingsContext/types';
-/**
- * Hook to use the settings 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 useThemeSettingsStore<T>(selector: (state: ThemeSettingsStateWithActions) => T, equalityFn?: (left: T, right: T) => boolean): T;

package/hooks/useThemSettingsStore/index.js

@@ -1,12 +0,0 @@
-import { useContext as r } from "react";
-import { useStore as n } from "zustand";
-import { T as s } from "../../contexts/ThemeSettingsContext/ThemeSettingsContext.js";
-function S(e, o) {
-  const t = r(s);
-  if (!t)
-    throw new Error("useSettingsStore context must be use inside SettignsContext");
-  return n(t, e, o);
-}
-export {
-  S as u
-};

package/hooks/useUserAgent/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * Hook encargado obtener el valor del userAgent, y reaccionar a cambios en el mismo.
- */
-export declare const useUserAgent: () => string;

package/hooks/useUserAgent/index.js

@@ -1,25 +0,0 @@
-import { debounce as s } from "@mui/material";
-import { useSyncExternalStore as o } from "react";
-const t = () => navigator.userAgent, i = (e) => {
-  const n = s(
-    () => {
-      e(navigator.userAgent);
-    },
-    500
-  ), r = () => {
-    e(navigator.userAgent);
-  };
-  return window.addEventListener("userAgentChange", r), window.addEventListener("resize", n), () => {
-    window.removeEventListener("userAgentChange", r), window.removeEventListener("resize", n);
-  };
-}, u = () => o(
-  i,
-  // Función de suscripción
-  t,
-  // Función para obtener el estado actual
-  t
-  // (Opcional) Función para obtener el valor en SSR
-);
-export {
-  u
-};

package/test/utils.d.ts

@@ -1,9 +0,0 @@
-import { cleanup, screen } from '@testing-library/react';
-import { renderHook } from '@testing-library/react-hooks';
-import { default as React, act } from 'react';
-/**
- * customRender
- */
-declare const customRender: (ui: React.ReactElement, options?: {}) => import('@testing-library/react').RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement, HTMLElement>;
-export { default as userEvent } from '@testing-library/user-event';
-export { customRender as render, renderHook, screen, cleanup, act };

package/utils/anchorEl.d.ts

@@ -1,20 +0,0 @@
-export type AnchorEl = HTMLElement | (() => HTMLElement);
-export interface AnchorOrigin {
-    vertical: 'top' | 'center' | 'bottom' | number;
-    horizontal: 'left' | 'center' | 'right' | number;
-}
-export interface AnchorPosition {
-    top: number;
-    left: number;
-}
-/**
- * Get the position of the element based on the anchor element
- * @author Juan Escobar - automatic
- * @createdAt 2024-10-06 20:06:37 - automatic
- * @updatedAt 2024-10-06 20:06:38 - automatic
- * @updatedUser Juan Escobar - automatic
- */
-export declare const getAnchorElPositionWindow: (anchorElement: HTMLElement, newWindowRect: Pick<DOMRect, "width" | "height">, anchorOrigin: AnchorOrigin, transformOrigin: AnchorOrigin, marginThreshold?: number) => {
-    top: number;
-    left: number;
-};

package/utils/anchorEl.js

@@ -1,49 +0,0 @@
-function a(e, t) {
-  let o = 0;
-  return typeof t == "number" ? o = t : t === "center" ? o = e.height / 2 : t === "bottom" && (o = e.height), o;
-}
-function b(e, t) {
-  let o = 0;
-  return typeof t == "number" ? o = t : t === "center" ? o = e.width / 2 : t === "right" && (o = e.width), o;
-}
-function v(e) {
-  return typeof e == "function" ? e() : e;
-}
-const w = (e, t) => {
-  const f = v(e).getBoundingClientRect();
-  return {
-    top: f.top + a(f, t.vertical),
-    left: f.left + b(f, t.horizontal)
-  };
-}, y = (e, t) => ({
-  vertical: a(e, t.vertical),
-  horizontal: b(e, t.horizontal)
-}), O = (e, t, o, f, i = 16) => {
-  const r = w(e, o), l = y(t, f), h = document.getElementById("ContainerAreas")?.getBoundingClientRect() || {
-    top: 0,
-    left: 0
-  };
-  let s = r.top - l.vertical, c = r.left - l.horizontal;
-  const u = s + t.height, d = c + t.width, g = window, p = g.innerHeight - i, A = g.innerWidth - i;
-  if (s < i) {
-    const n = s - i;
-    s -= n;
-  } else if (u > p) {
-    const n = u - p;
-    s -= n;
-  }
-  if (c < i) {
-    const n = c - i;
-    c -= n;
-  } else if (d > A) {
-    const n = d - A;
-    c -= n;
-  }
-  return {
-    top: Math.round(s) - h.top,
-    left: Math.round(c) - h.left
-  };
-};
-export {
-  O as g
-};

package/utils/getContrastTextColor/getContrastTextColor.d.ts

@@ -1,5 +0,0 @@
-import { HexColor, TextColor } from './types';
-/**
- * Obtiene el color de texto para un color de fondo dado.
- */
-export declare function getContrastTextColor(hex: HexColor, cache?: boolean): TextColor;

package/utils/getContrastTextColor/getContrastTextColor.js

@@ -1,14 +0,0 @@
-const e = /* @__PURE__ */ new Map();
-function u(r, n = !0) {
-  try {
-    if (n && e.has(r))
-      return e.get(r);
-    const t = r.replace("#", ""), s = t.length === 3 ? t[0] + t[0] + t[1] + t[1] + t[2] + t[2] : t, c = parseInt(s.substr(0, 2), 16) * 299, a = parseInt(s.substr(2, 2), 16) * 587, f = parseInt(s.substr(4, 2), 16) * 114, o = c + a + f > 128e3 ? "#000000" : "#ffffff";
-    return n && e.set(r, o), o;
-  } catch {
-    return "#000000";
-  }
-}
-export {
-  u as g
-};

package/utils/getContrastTextColor/index.d.ts

@@ -1,2 +0,0 @@
-export * from './getContrastTextColor';
-export type { HexColor } from './types';

package/utils/getContrastTextColor/index.js

@@ -1 +0,0 @@
-

package/utils/getContrastTextColor/types.d.ts

@@ -1,2 +0,0 @@
-export type HexColor = `#${string}`;
-export type TextColor = '#ffffff' | '#000000';

package/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from './strings';
-export * from './anchorEl';
-export * from './getContrastTextColor';

package/utils/index.js

@@ -1 +0,0 @@
-

package/utils/strings.d.ts

@@ -1 +0,0 @@
-export declare const capitalize: (s: string) => string;

package/utils/strings.js

@@ -1,4 +0,0 @@
-const a = (e) => e && e[0].toUpperCase() + e.slice(1) || "";
-export {
-  a as c
-};

package/vite-env.d.ts

@@ -1 +0,0 @@
-/// <reference types="vite/client" />