@m4l/components 9.2.12 → 9.2.15-beta.2

package/components/DragResizeWindow/types.d.ts

@@ -1,316 +0,0 @@
-import { ReactNode, ForwardedRef } from 'react';
-import { DraggableCoreProps, DraggableData, DraggableEventHandler } from 'react-draggable';
-import { ContainerSize } from '../../utils/types';
-import { Theme } from '@mui/material/styles';
-import { DragResizeWindowSlots } from './slots/slots';
-import { COMPONENT_KEY_COMPONENT } from './constants';
-import { ResizeCallbackData, ResizeHandle } from '../extended/React-Resizable';
-import { ResizeDirection } from 're-resizable';
-import { M4LOverridesStyleRules } from '../../@types/augmentations';
-/**
- * Tipo que define la corrección de la posición
- * - nCorrection: Cantidad de corrección
- * - x: Coordenada x
- * - y: Coordenada y
- */
-export type CorrectionPosition = {
-    nCorrection: number;
-    x: number;
-    y: number;
-};
-/**
- * Tipo que representa la posición de la ventana (o cualquier otro elemento arrastrable/redimensionable).
- * - left: Coordenada x
- * - top: Coordenada y
- * - width: Ancho
- * - height: Alto
- */
-export type Position = {
-    left: number;
-    top: number;
-    width: number;
-    height: number;
-};
-export interface CurrentState extends Position {
-    /**
-     * "dragging" indica la posición actual cuando se está moviendo el ventana
-     */
-    dragging?: {
-        top: number;
-        left: number;
-    };
-    /**
-     * "resizing" indica el tamaño actual cuando se está redimensionando el ventana
-     */
-    resizing?: {
-        width: number;
-        height: number;
-        handle: ResizeHandle | ResizeDirection;
-        startClientX?: number;
-        startClientY?: number;
-        startHeight?: number;
-        startWidth?: number;
-    };
-    /**
-     * Posición inicial antes de comenzar el dragging o resizing
-     */
-    initialPosition?: Position;
-    /**
-     * "shrinkLeftAt" Indica en que valor estaba el left antes de compactar padre en un resize
-     */
-    shrinkLeftAt?: number;
-    /**
-     * "shrinkTopAt" Indica en que valor estaba el top antes de compactar padre en un resize
-     */
-    shrinkTopAt?: number;
-    /**
-     * "overflowWidthAt" Indica en que valor estaba el width antes de compactar padre en un resize
-     */
-    overflowWidthAt?: number;
-    /**
-     * "overflowHeightAt" Indica en que valor estaba el Height antes de compactar padre en un resize
-     */
-    overflowHeightAt?: number;
-    /**
-     * "minConstraints" Indica los límites mínimos de la ventana
-     */
-    minConstraints?: [number, number];
-}
-/**
- * Representa una posición parcial, solo incluye las propiedades left y top.
- * - left: Coordenada x
- * - top: Coordenada y
- */
-export type PartialPosition = {
-    left: number;
-    top: number;
-};
-/**
- * Tipo que define los límites de movimiento de la ventana arrastrable.
- */
-export type DraggableWindowBounds = {
-    left?: number;
-    right?: number;
-    top?: number;
-    bottom?: number;
-};
-/**
- * Tipo de callback para el evento de redimensionamiento.
- */
-export type ResizeCallback = ((e: React.SyntheticEvent, data: ResizeCallbackData) => any) | undefined;
-/**
- * Tipo para el componente o la función que define el handle para redimensionar la ventana.
- */
-export type ResizeHandleComponente = React.ReactNode | ((resizeHandle: ResizeHandle, ref: React.RefObject<any>) => React.ReactNode) | undefined;
-/**
- * Parámetros relacionados con el tamaño del contenedor, usado en la posición y redimensionamiento.
- */
-export type PositionParams = ContainerSize;
-/**
- * Acción que se realiza en el contenedor (igual, encogiéndose o expandiéndose).
- */
-export type ContainerAction = 'equals' | 'shrinking' | 'expanding';
-/**
- * Referencia para el componente DragResizeWindow.
- */
-export type DraggableWindowRefProps = {
-    current: HTMLDivElement | null;
-};
-/**
- * Tipo que representa las posiciones predeterminadas (vertical y horizontal) de la ventana.
- */
-export interface DefaultPosition {
-    vertical: {
-        top: number;
-        bottom: number;
-    } | {
-        top: number;
-        height: number;
-    } | {
-        height: number;
-    } | {
-        bottom: number;
-        height: number;
-    } | {
-        percent: number;
-    };
-    horizontal: {
-        left: number;
-        right: number;
-    } | {
-        left: number;
-        width: number;
-    } | {
-        right: number;
-        width: number;
-    } | {
-        percent: number;
-    } | {
-        width: number;
-    };
-}
-export interface DragResizeWindowRefHandler {
-    ensureVisible: () => void;
-    current: HTMLDivElement | null;
-}
-/**
- * Propiedades del componente DragResizeWindow, que incluye tanto los controles de arrastre como de redimensionamiento.
- */
-export interface DragResizeWindowProps extends Partial<Omit<DraggableCoreProps, 'onStart' | 'onDrag' | 'onStop' | 'disabled' | 'handle' | 'cancel'>> {
-    children: ReactNode;
-    /**
-     * "className" permite identificar si es placeHolder y estilar
-     */
-    className?: string;
-    /**
-     * Inline-style object to pass to the root element.
-     */
-    style?: React.CSSProperties | undefined;
-    /**
-     * zIndex: Permite modificar en los ventanas freeMove (popups) el zIndex
-     */
-    zIndex?: number;
-    /**
-     * minWindowWidth: Ancho mínimo que puede tener la ventana
-     */
-    minWindowWidth?: number;
-    /**
-     * minWindowHeight: Altura mínima que puede tener la ventana
-     */
-    minWindowHeight?: number;
-    /**
-     * defaultPosition permite definir la posición inicial de la ventana
-     * TODO: Debe también recibir anchorEl y anchorPosition y calcular la posición en base a este
-     */
-    defaultPosition?: DefaultPosition;
-    /**
-     * "bounds" permite definir los limites de movimiento de la ventana
-     */
-    bounds?: DraggableWindowBounds;
-    /**
-     *
-     * we should set scale coefficient to avoid render artifacts while dragging.
-     */
-    transformScale?: number | undefined;
-    /**
-     * "containerElement" contenedor padre
-     */
-    containerElement?: HTMLElement;
-    /**
-     * "containerSize" tamaño del contenedor padre
-     */
-    containerSize?: ContainerSize | undefined;
-    /**
-     * "draggable" permite definir si la ventana es "draggable" o no. Por defecto es "true
-     */
-    draggable?: boolean;
-    /**
-     * "handle" permite definir el elemento que se debe usar para arrastrar la ventana
-     * Ejemplo: ".handle_title", default  `.${draggableWindowClasses.draggableHandle}`
-     */
-    draggableHandle?: string;
-    /**
-     * "cancel" permite definir el elemento que no se debe usar para arrastrar la ventana
-     * Ejemplo: ".title_buttons"
-     */
-    draggableCancel?: string;
-    /**
-     * "onDrag" función que maneja el onDrag de la ventana
-     */
-    onDrag?: DraggableEventHandler;
-    /**
-     * "onDragStart" función que maneja el onDragStart de la ventana
-     */
-    onDragStart?: DraggableEventHandler;
-    /**
-     * "onDragStop" función que maneja el onDragStop de la ventana
-     */
-    onDragStop?: DraggableEventHandler;
-    /**
-     * "resizable" permite definir si la ventana es "resizable" o no. Por defecto es "true
-     */
-    resizable?: boolean;
-    /**
-     * "resizeHandles" permite definir de donde se va a poder redimensionar la ventana
-     */
-    resizeHandles?: ResizeHandle[] | undefined;
-    /**
-     * "resizeHandle" permite definir el elemento que se debe usar para redimensionar la ventana
-     */
-    resizeHandle?: ResizeHandleComponente;
-    /**
-     * "onResize" función para el que usa el componente, pueda tomar decisiones en base a este evento
-     */
-    onResize?: ResizeCallback;
-    /**
-     * "onResizeStart" función para el que usa el componente, pueda tomar decisiones en base a este evento
-     */
-    onResizeStart?: ResizeCallback;
-    /**
-     * "onResizeStop" función para el que usa el componente, pueda tomar decisiones en base a este evento
-     */
-    onResizeStop?: ResizeCallback;
-    /**
-     * "hidden" permite definir si la ventana está oculta o no. Por defecto es "false"
-     */
-    hidden?: boolean;
-    /**
-     * "allowResizeContainer" permite definir si se puede redimensionar el contenedor padre
-     */
-    allowHeightResizeContainer?: boolean;
-    /**
-     * "allowWidthResizeContainer" permite definir si se puede redimensionar el contenedor padre
-     */
-    allowWidthResizeContainer?: boolean;
-    /**
-     * "windowRef" permite definir una referencia a la ventana
-     */
-    windowRef?: ForwardedRef<HTMLDivElement | undefined>;
-}
-/**
- * Referencia del estado del componente DragResizeWindow.
- */
-export interface StateRef extends Pick<DragResizeWindowProps, 'bounds'>, CurrentState {
-    data?: DraggableData;
-    /**
-     * containerSize: Tamaño del contenedor padre la ultima vez que se actualizó
-     */
-    containerSize?: ContainerSize | undefined;
-    /**
-     * isAbove: Indica si el cursor esta por encima del contenedor padre and se esta arrastrando hacia arriba
-     */
-    isAbove?: boolean;
-    /**
-     * scrollTop: Valor del scroll del contenedor padre
-     */
-    scrollTop?: number;
-    /**
-     * scrollLeft: Valor del scroll del contenedor padre
-     */
-    scrollLeft?: number;
-    /**
-     * resizeByScroll: Indica si el resize se esta haciendo por scroll o el eventHandler del resize
-     */
-    resizeByScroll?: boolean;
-}
-/**
- * Tipos para los slots del componente DragResizeWindow.
- */
-export type DragResizeWindowSlotsType = keyof typeof DragResizeWindowSlots;
-/**
- * Propiedades del estado propietario del componente DragResizeWindow.
- */
-export type DragResizeWindowOwnerState = {
-    /**
-     *  "isMobile" cuando el navegador está corriendo en dispositivo móvil
-     */
-    isMobile?: boolean;
-    /**
-     * "hidden" permite definir si la ventana está oculta o no. Por defecto es "false
-     */
-    hidden?: boolean;
-};
-/**
- * Tipo de reglas de estilo para el componente DragResizeWindow.
- */
-export type DragResizeWindowStyles = M4LOverridesStyleRules<DragResizeWindowSlotsType, typeof COMPONENT_KEY_COMPONENT, Theme>;

package/components/DragResizeWindow/utils.d.ts

@@ -1,15 +0,0 @@
-import { CurrentState } from './types';
-/**
- * Generates a style object with transform properties to position an element.
- *
- * This function returns a style object that positions an element absolutely at the
- * specified `top` and `left` coordinates, and sets its `width` and `height`.
- * It uses the `translate` transform to apply the positioning for smooth rendering
- * across browsers.
- * @param {Position} position - An object containing `top`, `left`, `width`, and `height` properties.
- * @returns {Record<string, any>} A style object with applied transform, dimension, and positioning properties.
- */
-/**
- * setTransform
- */
-export declare function setTransform({ top, left, width, height, dragging }: CurrentState): Record<string, any>;

package/components/DragResizeWindow/utils.js

@@ -1,36 +0,0 @@
-function setTransform({ top, left, width, height, dragging }) {
-  const roundedTop = Math.round(top);
-  const roundedLeft = Math.round(left);
-  const roundedWidth = Math.round(width);
-  const roundedHeight = Math.round(height);
-  if (dragging) {
-    return {
-      position: "absolute",
-      top: `${roundedTop}px`,
-      left: `${roundedLeft}px`,
-      width: `${roundedWidth}px`,
-      height: `${roundedHeight}px`,
-      pointerEvents: "none",
-      // Sin transiciones, sin transformaciones, sin filtros
-      transition: "none",
-      transform: "none",
-      filter: "none"
-      // Opcionalmente, usa una versión simplificada durante el arrastre
-    };
-  } else {
-    return {
-      position: "absolute",
-      top: `${roundedTop}px`,
-      left: `${roundedLeft}px`,
-      width: `${roundedWidth}px`,
-      height: `${roundedHeight}px`,
-      // Sin efectos especiales
-      transform: "none",
-      filter: "none",
-      transition: "none"
-    };
-  }
-}
-export {
-  setTransform as s
-};

package/components/ScrollToTop/index.d.ts

@@ -1,4 +0,0 @@
-/**
- * TODO: Documentar
- */
-export declare function ScrollToTop(): null;

package/components/ScrollToTop/index.js

@@ -1,12 +0,0 @@
-import { useEffect } from "react";
-import { useLocation } from "react-router-dom";
-function ScrollToTop() {
-  const { pathname } = useLocation();
-  useEffect(() => {
-    window.scrollTo(0, 0);
-  }, [pathname]);
-  return null;
-}
-export {
-  ScrollToTop as S
-};

package/components/WrapperComponent/index.js

@@ -1,14 +0,0 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-function WrapperComponent(props) {
-  const { children, type = "fragment" } = props;
-  if (type === "fragment") {
-    return /* @__PURE__ */ jsx(Fragment, { children });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    " ",
-    children
-  ] });
-}
-export {
-  WrapperComponent as W
-};