@m4l/gclick 0.0.2

package/test/utils.d.ts

@@ -0,0 +1,29 @@
+import { act, cleanup, fireEvent, RenderResult, screen, waitFor, within } from '@testing-library/react';
+import { renderHook } from '@testing-library/react-hooks';
+import { default as userEvent, UserEvent } from '@testing-library/user-event';
+import { ReactElement } from 'react';
+import { describe, expect } from 'vitest';
+/**
+ * TODO: Documentar
+ */
+declare const customRender: (ui: ReactElement, options?: {}) => RenderResult & {
+    user: ReturnType<typeof userEvent.setup>;
+};
+/**
+ * This function is a wrapper around the render function from @testing-library/react.
+ * Render Material UI components with the TestAppWrapper context.
+ * TestAppWrapper is a React functional component that provides a consistent testing environment
+ * for components that rely on various context providers.
+ * It wraps the children components with the following contexts:
+ * ModuleSkeletonContext, HostThemeProviderMock, and AppearanceComponentProvider.
+ * @param ui - The component to render.
+ * @param options - Additional options to pass to the render function.
+ * @returns The rendered component and the user event object.
+ * @example
+ * // Usage example
+ * const { renderUI, user } = renderMaterialUI(<MyComponent />);
+ */
+declare const renderMaterialUI: (ui: ReactElement, options?: {}) => RenderResult & {
+    user: UserEvent;
+};
+export { act, cleanup, describe, expect, fireEvent, customRender as render, renderHook, renderMaterialUI, screen, userEvent, waitFor, within, };

package/utils/ObjectQueue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Implementación de una cola con un objeto como estructura de datos subyacente.
+ */
+export declare class ObjectQueue<T extends any = {}> {
+    private items;
+    private head;
+    private tail;
+    /**
+     * Encola un elemento
+     */
+    enqueue(item: T): void;
+    /**
+     * Desencola un elemento
+     */
+    dequeue(): T | undefined;
+    size(): number;
+    isEmpty(): boolean;
+}

package/utils/ObjectQueue.js

@@ -0,0 +1,33 @@
+class ObjectQueue {
+  items = {};
+  head = 0;
+  tail = 0;
+  /**
+   * Encola un elemento
+   */
+  enqueue(item) {
+    this.items[this.tail] = item;
+    this.tail++;
+  }
+  /**
+   * Desencola un elemento
+   */
+  dequeue() {
+    if (this.head === this.tail) {
+      return void 0;
+    }
+    const item = this.items[this.head];
+    delete this.items[this.head];
+    this.head++;
+    return item;
+  }
+  size() {
+    return this.tail - this.head;
+  }
+  isEmpty() {
+    return this.size() === 0;
+  }
+}
+export {
+  ObjectQueue as O
+};

package/utils/capitalizeFirstLetter.d.ts

@@ -0,0 +1,4 @@
+/**
+ * TODO: Documentar
+ */
+export declare function capitalizeFirstLetter(str: string): string;

package/utils/capitalizeFirstLetter.js

@@ -0,0 +1,10 @@
+function capitalizeFirstLetter(str) {
+  try {
+    return str.charAt(0).toUpperCase() + str.slice(1);
+  } catch (_e) {
+  }
+  return str;
+}
+export {
+  capitalizeFirstLetter as c
+};

package/utils/containerQuery.d.ts

@@ -0,0 +1,5 @@
+import { Theme } from '@mui/material/styles';
+/**
+ * TODO: Documentar
+ */
+export declare function containerQuery(breakpoints: Theme['breakpoints'], containerName?: string, size?: keyof Theme['breakpoints']['values']): string;

package/utils/formatDistanceToNow/formatDistanteToNow.d.ts

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

package/utils/formatDistanceToNow/index.d.ts

@@ -0,0 +1,2 @@
+export { formatDistanceToNow } from './formatDistanteToNow';
+export type { PresentationTimeType, FormatDistanteToNowDictionary } from './types';

package/utils/formatDistanceToNow/types.d.ts

@@ -0,0 +1,21 @@
+export type PresentationTimeType = 'past' | 'present' | 'future';
+export type FormatDistanteToNowDictionary = {
+    label_sentence_past_seconds: string;
+    label_sentence_past_others: string;
+    label_sentence_future_seconds: string;
+    label_sentence_future_others: string;
+    label_sentence_present_others: string;
+    label_sentence_present_seconds: string;
+    label_unit_time_second: string;
+    label_unit_time_minute: string;
+    label_unit_time_hour: string;
+    label_unit_time_day: string;
+    label_unit_time_month: string;
+    label_unit_time_year: string;
+    label_unit_time_seconds: string;
+    label_unit_time_minutes: string;
+    label_unit_time_hours: string;
+    label_unit_time_days: string;
+    label_unit_time_months: string;
+    label_unit_time_years: string;
+};

package/utils/getComponentSlotRoot.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Función para construir el nombre del slot root de un componente.
+ * Esta función es utilizada para asignar un asignar un className a un componente
+ */
+export declare function getComponentSlotRoot(componentKey: string): string;
+/**
+ * Función para construir el nombre del slot para className de un componente.
+ */
+export declare const getComponentClasses: <T extends Record<string, string> | string[]>(componentName: string, slotList: T) => Record<string, string>;

package/utils/getComponentSlotRoot.js

@@ -0,0 +1,13 @@
+function getComponentSlotRoot(componentKey) {
+  return `${componentKey}-root`;
+}
+const getComponentClasses = (componentName, slotList) => {
+  const slots = Array.isArray(slotList) ? slotList : Object.keys(slotList);
+  return Object.fromEntries(
+    slots.map((slotKey) => [slotKey, `${componentName}-${slotKey}`])
+  );
+};
+export {
+  getComponentClasses as a,
+  getComponentSlotRoot as g
+};

package/utils/getComponentUtilityClass.d.ts

@@ -0,0 +1 @@
+export declare function getComponentUtilityClass(componentName: string): (slot: string) => string;

package/utils/getComponentUtilityClass.js

@@ -0,0 +1,7 @@
+import { generateUtilityClass } from "@mui/material";
+function getComponentUtilityClass(componentName) {
+  return (slot) => generateUtilityClass(componentName, slot);
+}
+export {
+  getComponentUtilityClass as g
+};

package/utils/getPaletteColor.d.ts

@@ -0,0 +1,5 @@
+import { Palette } from '@mui/material/styles';
+/**
+ * TODO: Documentar
+ */
+export declare const getPaletteColor: (palette: Palette, s: string) => any;

package/utils/getPaletteColor.js

@@ -0,0 +1,18 @@
+const getPaletteColor = function(palette, s) {
+  s = s.replace(/\[(\w+)\]/g, ".$1");
+  s = s.replace(/^\./, "");
+  let o = palette;
+  const a = s.split(".");
+  for (let i = 0, n = a.length; i < n; ++i) {
+    const k = a[i];
+    if (k in o) {
+      o = o[k];
+    } else {
+      return palette.action.active;
+    }
+  }
+  return o;
+};
+export {
+  getPaletteColor as g
+};

package/utils/getSizeStyles/_test_/getSizeStyles.test.d.ts

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

package/utils/getSizeStyles/getSizeStyles.d.ts

@@ -0,0 +1,28 @@
+import { Sizes, SizesComponentsTypes } from '@m4l/styles';
+import { Theme } from '@mui/material';
+/**
+ * Gets height size styles for component CSS.
+ * @deprecated Use getSizeStyles instead. This function will be removed in a future version, use getSizeStyles instead.
+ * Utilidad que se encarga de obtener los estilos de tamaño de altura para ser usados en el css de los componentes.
+ * @param isMobile - Modalidad de dispositivo en el que se encuentra la aplicación (Escritorio y móvil). Se espera que se obtenga del objeto
+ * theme.generalSettings.isMobile.
+ * @param size - Formato de tamaño definido por el componente o el contexto de AppearanceComponentProvider, puede ser small,
+ * medium o large.
+ * @param variantSize - Variante de tamaño que se desea aplicar al componente.
+ * @param css - Estilos css adicionales o una función que devuelve un objeto de estilos. Si es una función, recibe `heightSize` como argumento.
+ * @returns Objeto con los estilos calculados.
+ */
+export declare const getHeightSizeStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((heightSize: string | number) => Record<string, any>)) => any;
+/**
+ * Utilidad que se encarga de obtener los estilos de tamaño para ser usados en el css de los componentes.
+ * @param theme - Objeto de tema de MUI.
+ * @param isMobile - Modalidad de dispositivo en el que se encuentra la aplicación (Escritorio y móvil). Se espera que se obtenga del objeto
+ * theme.generalSettings.isMobile.
+ * @param size - Formato de tamaño definido por el componente o el contexto de AppearanceComponentProvider, puede ser small,
+ * medium o large.
+ * @param variantSize - Variante de tamaño que se desea aplicar al componente.
+ * @param css - Estilos css adicionales o una función que devuelve un objeto de estilos. Si es una función, recibe `sizeValue` como argumento.
+ * @param property - Propiedad CSS que se desea aplicar (por defecto es 'height').
+ * @returns Objeto con los estilos calculados.
+ */
+export declare const getSizeStyles: (theme: Theme, isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variantSize: SizesComponentsTypes, css?: Record<string, any> | ((sizeValue: string | number) => Record<string, any>), property?: "height" | "width") => any;

package/utils/getSizeStyles/getSizeStyles.js

@@ -0,0 +1,13 @@
+import { POINTER_QR_MOBILE_SIZES, POINTER_QR_DESKTOP_SIZES } from "@m4l/styles";
+const getHeightSizeStyles = (isMobile, size, variantSize, css) => {
+  const pointerQrSource = isMobile ? POINTER_QR_MOBILE_SIZES : POINTER_QR_DESKTOP_SIZES;
+  const heightSize = pointerQrSource[size][variantSize];
+  const resolvedCss = typeof css === "function" ? css(heightSize) : css;
+  return {
+    height: heightSize,
+    ...resolvedCss
+  };
+};
+export {
+  getHeightSizeStyles as g
+};

package/utils/getSizeStyles/index.d.ts

@@ -0,0 +1 @@
+export * from './getSizeStyles';

package/utils/getSizeStyles/index.js

@@ -0,0 +1 @@
+

package/utils/getThemeVariantColor.d.ts

@@ -0,0 +1,6 @@
+import { Theme } from '@mui/material/styles';
+import { VariantColor } from './types';
+/**
+ * TODO: Documentar
+ */
+export declare const getThemeVariantColor: (theme: Theme, variant: VariantColor | undefined) => string;

package/utils/getTransformXY.d.ts

@@ -0,0 +1,7 @@
+/**
+ * TODO: Documentar
+ */
+export declare const getTransformXY: (elementRef: HTMLElement) => {
+    x: number;
+    y: number;
+} | undefined;

package/utils/getTypographyStyles.d.ts

@@ -0,0 +1,11 @@
+import { FontProperties, Sizes, TypographyVariants } from '@m4l/styles';
+/**
+ * Utilidad que se encarga de obtener los estilos de tipografía para ser usados en el css de los componentes.
+ *
+ * [variant]: Variante de tipografía que se desea aplicar al componente.
+ * [isMobile]: Modalidad de dispositivo en el que se encuentra la aplicación (Escritorio y móvil). se espera que se obtenga del objeto
+ * theme.generalSettings.isMobile.
+ * [size]: Formato de tamaño definido por el componente o el contexto de AppearanceComponentProvider, puede ser small,
+ * medium o large.
+ */
+export declare const getTypographyStyles: (isMobile: boolean, size: Extract<Sizes, "small" | "medium">, variant: TypographyVariants) => FontProperties;

package/utils/getTypographyStyles.js

@@ -0,0 +1,8 @@
+import { TYPOGRAPHY_SIZES_MOBILE, TYPOGRAPHY_SIZES_DESKTOP } from "@m4l/styles";
+const getTypographyStyles = (isMobile, size, variant) => {
+  const typographySource = isMobile ? TYPOGRAPHY_SIZES_MOBILE : TYPOGRAPHY_SIZES_DESKTOP;
+  return typographySource[size][variant];
+};
+export {
+  getTypographyStyles as g
+};

package/utils/index.d.ts

@@ -0,0 +1,8 @@
+export { capitalizeFirstLetter } from './capitalizeFirstLetter';
+export { isValidDate } from './isValidDate';
+export { getComponentUtilityClass } from './getComponentUtilityClass';
+export { getPaletteColor } from './getPaletteColor';
+export * from './ObjectQueue';
+export * from './getComponentSlotRoot';
+export { getTypographyStyles } from './getTypographyStyles';
+export { getHeightSizeStyles } from './getSizeStyles';

package/utils/index.js

@@ -0,0 +1 @@
+

package/utils/isValidDate.d.ts

@@ -0,0 +1 @@
+export declare function isValidDate(d: Date): boolean;

package/utils/isValidDate.js

@@ -0,0 +1,6 @@
+function isValidDate(d) {
+  return d && d instanceof Date && !isNaN(d.getTime());
+}
+export {
+  isValidDate as i
+};

package/utils/types.d.ts

@@ -0,0 +1,23 @@
+export type VariantColor = 'warning' | 'delete' | 'info' | 'success';
+export type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
+export type MakeRequired<T, K extends keyof T> = Omit<T, K> & Required<Pick<T, K>>;
+export type PartialExcept<T, K extends keyof T> = Partial<Omit<T, K>> & Pick<T, K>;
+export type RequiredExcept<T, K extends keyof T> = Required<Omit<T, K>> & Partial<Pick<T, K>>;
+export type PickRequired<T, K extends keyof T> = Required<Pick<T, K>>;
+export type OmitExcept<T, K extends keyof T> = Pick<T, K> & Partial<Record<Exclude<keyof T, K>, never>>;
+export type ContainerSize = {
+    containerWidth: number;
+    containerHeight: number;
+};
+export type Size = {
+    width: number;
+    height: number;
+};
+export type PositionXY = {
+    x: number;
+    y: number;
+};
+export type OptionalPosition = {
+    x?: number;
+    y?: number;
+};

package/vite-env.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="vite/client" />
+/// <reference types="vitest" />
+/// <reference types="vitest/globals" />
+/// <reference types="vitest/importMeta" />