@m4l/components 0.1.92 → 0.1.93

package/components/PrintingSystem/subcomponents/BodyNode/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SectionNode } from "../../types";
+export interface BodyNodeProps extends Omit<SectionNode, 'children' | 'type'> {
+    children?: React.ReactNode;
+}

package/components/PrintingSystem/subcomponents/ChartNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ChartNodeProps } from './types';
+export declare const ChartNode: (props: ChartNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/ChartNode/types.d.ts

@@ -0,0 +1,3 @@
+import { ChartNode } from '../../types';
+export interface ChartNodeProps extends Omit<ChartNode, 'children'> {
+}

package/components/PrintingSystem/subcomponents/DividerNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DividerNodeProps } from './types';
+export declare const DividerNode: (props: DividerNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/DividerNode/types.d.ts

@@ -0,0 +1,3 @@
+import { DividerNode } from "../../types";
+export interface DividerNodeProps extends Omit<DividerNode, 'children'> {
+}

package/components/PrintingSystem/subcomponents/FooterNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { FooterNodeProps } from './types';
+export declare const FooterNode: (props: FooterNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/FooterNode/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SectionNode } from "../../types";
+export interface FooterNodeProps extends Omit<SectionNode, 'children' | 'type'> {
+    children?: React.ReactNode;
+}

package/components/PrintingSystem/subcomponents/GridNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { GridNodeProps } from './types';
+export declare const GridNode: (props: GridNodeProps) => import("react").JSX.Element | null;

package/components/PrintingSystem/subcomponents/GridNode/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+import { GridNode } from "../../types";
+export interface GridNodeProps extends Omit<GridNode, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/HeaderNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { HeaderNodeProps } from './types';
+export declare const HeaderNode: (props: HeaderNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/HeaderNode/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { HeaderNode } from "../../types";
+export interface HeaderNodeProps extends Omit<HeaderNode, 'children'> {
+    children?: React.ReactNode;
+}

package/components/PrintingSystem/subcomponents/ImageNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ImageNodeProps } from './types';
+export declare const ImageNode: (props: ImageNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/ImageNode/types.d.ts

@@ -0,0 +1,3 @@
+import { ImageNode } from "../../types";
+export interface ImageNodeProps extends Omit<ImageNode, 'children'> {
+}

package/components/PrintingSystem/subcomponents/PageNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PageNodeProps } from './types';
+export declare const PageNode: (props: PageNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/PageNode/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from 'react';
+import { PageNode } from '../../types';
+export interface PageNodeProps extends Omit<PageNode, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/Pager/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PagerNodeProps } from './types';
+export declare const PagerNode: (props: PagerNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/Pager/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+import { PaperNode } from "../../types";
+export interface PagerNodeProps extends Omit<PaperNode, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/PaperNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PaperNodeProps } from './types';
+export declare const PaperNode: (props: PaperNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/PaperNode/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+import { PaperNode } from "../../types";
+export interface PaperNodeProps extends Omit<PaperNode, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/PropertyValueNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { PropertyValueNodeProps } from './types';
+export declare const PropertyValueNode: (props: PropertyValueNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/PropertyValueNode/types.d.ts

@@ -0,0 +1,5 @@
+import { ReactNode } from "react";
+import { PropertyValue } from "../../types";
+export interface PropertyValueNodeProps extends Omit<PropertyValue, 'children'> {
+    children: ReactNode;
+}

package/components/PrintingSystem/subcomponents/SectionNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SectionNodeProps } from './types';
+export declare const SectionNode: (props: SectionNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/SectionNode/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SectionNode } from "../../types";
+export interface SectionNodeProps extends Omit<SectionNode, 'children'> {
+    children?: React.ReactNode;
+}

package/components/PrintingSystem/subcomponents/TextBoxNode/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { TextBoxNodeProps } from './types';
+export declare const TextBoxNode: (props: TextBoxNodeProps) => import("react").JSX.Element;

package/components/PrintingSystem/subcomponents/TextBoxNode/types.d.ts

@@ -0,0 +1,3 @@
+import { TextBoxNode } from "../../types";
+export interface TextBoxNodeProps extends TextBoxNode {
+}

package/components/PrintingSystem/types.d.ts

@@ -0,0 +1,214 @@
+/**
+ * NodeType: Se usa para definir el nombre de todos los posibles componentes.
+ */
+import { M4LTypographyVariants } from '@m4l/styles';
+import { CSSProperties, ReactNode } from 'react';
+import { PageNodeProps } from './subcomponents/PageNode/types';
+import { SectionNodeProps } from './subcomponents/SectionNode/types';
+import { HeaderNodeProps } from './subcomponents/HeaderNode/types';
+import { BodyNodeProps } from './subcomponents/BodyNode/types';
+import { FooterNodeProps } from './subcomponents/FooterNode/types';
+import { PaperNodeProps } from './subcomponents/PaperNode/types';
+import { PropertyValueNodeProps } from './subcomponents/PropertyValueNode/types';
+import { GridNodeProps } from './subcomponents/GridNode/types';
+import { ChartNodeProps } from './subcomponents/ChartNode/types';
+export interface BaseProviderPrintSystem {
+    pageId: number;
+    unitSize: string;
+    mainColor: string;
+    countPages: number;
+    HeaderGeneral?: (ancestor: any) => React.JSX.Element;
+    FooterGeneral?: (ancestor: any) => React.JSX.Element;
+    sourceData: any;
+    templateData: RootNode;
+}
+/**
+ * Direction: Propiedad para la dirección de contenidos
+ */
+declare type Direction = 'column' | 'row';
+/**
+ * Align: Propiedades de alineación de contenidos
+ */
+declare type Align = 'start' | 'center' | 'end' | 'space-between' | 'space-around' | 'space-evenly';
+export interface NodeTypeCollection {
+    page: () => ReactNode;
+    section: () => ReactNode;
+    textBox: () => ReactNode;
+    image: () => ReactNode;
+    header: () => ReactNode;
+    body: () => ReactNode;
+    footer: () => ReactNode;
+    paper: () => ReactNode;
+    propertyValue: () => ReactNode;
+    divider: () => ReactNode;
+    grid: () => ReactNode;
+    chart: () => ReactNode;
+}
+/**
+ * BaseNode: Se encarga de contener las propiedades comunes entre la lista de componentes.
+ */
+export interface BaseNode {
+    key: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: NodePrint[];
+}
+/**
+ * PaddingProperties: propiedades de espaciado interno.
+ */
+export interface PaddingProperties {
+    paddingTop?: number;
+    paddingLeft?: number;
+    paddingRight?: number;
+    paddingBottom?: number;
+}
+/**
+ * PaddingProperties: propiedades de espaciado interno.
+ */
+export interface SizeProperty {
+    width: number | 'auto' | string;
+    height: number | 'auto' | string;
+}
+/**
+ * RootNode: Componente que agrupa todas las posibles paginas
+ */
+export interface RootNode {
+    unitSizes: string;
+    mainColor: string;
+    header: HeaderNode[];
+    footer: FooterNode[];
+    pages?: PageNode[];
+}
+/**
+ * PageNode: Componente de página, es el primer componente que se carga en las estructuras NodeType y se encarga de definir el formato de tamaño
+ */
+export interface PageNode extends BaseNode, PaddingProperties, SizeProperty {
+    type: 'page';
+    gap?: number | string;
+}
+/**
+ * SectionNode: Componente para distrubir elementos de NodeType en fila.
+ */
+export interface SectionNode extends BaseNode, PaddingProperties, SizeProperty {
+    type: 'section';
+    direction: Direction;
+    alignX?: Align;
+    alignY?: Align;
+    grow?: boolean;
+    gap?: number;
+}
+/**
+ * TextBox: Componente para visualizar estructuras de texto.
+ */
+export interface TextBoxNode extends Omit<BaseNode, 'children'> {
+    type: 'textBox';
+    variant: M4LTypographyVariants;
+    textAlign: 'start' | 'center' | 'end' | 'justify';
+    children: string;
+}
+/**
+ * ImageNode: Componente para visualizar imagenes.
+ */
+export interface ImageNode extends BaseNode {
+    type: 'image';
+    src: string;
+    width?: number;
+    height?: number;
+}
+/**
+ * HeaderNode: Componente para visualizar la cabecera del documento.
+ */
+export interface HeaderNode extends Omit<SectionNode, 'type'> {
+    type: 'header';
+}
+/**
+ * BodyNode: Componente para visualizar el cuerpo del documento.
+ */
+export interface BodyNode extends Omit<SectionNode, 'type'> {
+    type: 'body';
+}
+/**
+ * FooterNode: Componente para visualizar el pie de página del documento.
+ */
+export interface FooterNode extends Omit<SectionNode, 'type'> {
+    type: 'footer';
+}
+/**
+ * PaperNode: Componente que contiene una lista de campos de valor.
+ */
+export interface PaperNode extends BaseNode {
+    type: 'paper';
+    title: string;
+    titleSecondary?: string;
+}
+/**
+ * PropertyValue: Componente que organiza un campo con una etiqueta y valor.
+ */
+export interface PagerNode extends BaseNode {
+    type: 'pager';
+}
+/**
+ * PropertyValue: Componente que organiza un campo con una etiqueta y valor.
+ */
+export interface PropertyValue extends Omit<BaseNode, 'children'> {
+    type: 'propertyValue';
+    property: string;
+    propertyWidth?: number | string;
+    value: string;
+    direction: Direction;
+    children?: string;
+}
+/**
+ * DividerNode: Componente que aporta una división gráfica.
+ */
+export interface DividerNode extends Omit<BaseNode, 'children'> {
+    type: 'divider';
+    direction: 'vertical' | 'horizontal';
+    children?: string;
+}
+export interface Columns {
+    key: string;
+    title: string;
+    alignX?: Align;
+    alignY?: Align;
+    nestedValue?: string;
+    width?: number | string;
+}
+/**
+ * GridNode: Componente dibuja una tabla de información con n canditad de registros y columnas.
+ */
+export interface GridNode extends Omit<BaseNode, 'children'> {
+    type: 'grid';
+    columns: Array<Columns>;
+    rows: Array<any> | string;
+    children?: string;
+}
+/**
+ * ChartNode: Componente dibuja una grafica de información.
+ */
+export interface UncertaintyType {
+    x: number;
+    xMin: 0;
+    xMax: 0;
+    y: number;
+    yMin: number;
+    yMax: number;
+}
+export interface ChartNode extends Omit<BaseNode, 'children'> {
+    type: 'chart';
+    children?: string;
+    points: Array<any> | string;
+    messageX: string;
+    messageY: string;
+}
+export declare type NodePrint = SectionNode | TextBoxNode | ImageNode | HeaderNode | BodyNode | FooterNode | PaperNode | PropertyValue | DividerNode | GridNode | ChartNode | PagerNode;
+export declare type NodePrintComponent = ((props: PageNodeProps) => React.JSX.Element) | ((props: SectionNodeProps) => React.JSX.Element) | ((props: HeaderNodeProps) => React.JSX.Element) | ((props: BodyNodeProps) => React.JSX.Element) | ((props: FooterNodeProps) => React.JSX.Element) | ((props: PaperNodeProps) => React.JSX.Element) | ((props: PropertyValueNodeProps) => React.JSX.Element) | ((props: GridNodeProps) => React.JSX.Element) | ((props: ChartNodeProps) => React.JSX.Element);
+export interface PrintingSystemProps {
+    templateData: RootNode;
+    sourceData: any;
+    className?: string;
+}
+export interface PrintingSystemRef {
+    GoPrint: () => void;
+}
+export {};

package/components/PrintingSystem/utils/FactoryRender/index.d.ts

@@ -0,0 +1,3 @@
+import { FactoryRenderProps } from './types';
+import React from 'react';
+export declare const FactoryRender: (props: FactoryRenderProps) => React.JSX.Element;

package/components/PrintingSystem/utils/FactoryRender/types.d.ts

@@ -0,0 +1,4 @@
+import { NodePrint } from "../../types";
+export interface FactoryRenderProps {
+    data: NodePrint;
+}

package/components/PrintingSystem/utils/PageRender/index.d.ts

@@ -0,0 +1,3 @@
+import { PageRenderProps } from './types';
+import React from 'react';
+export declare const PageRender: (props: PageRenderProps) => React.JSX.Element;

package/components/PrintingSystem/utils/PageRender/types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { PageNode, RootNode } from "../../types";
+export interface PageRenderProps {
+    data: PageNode;
+    id: number;
+    unitSize: string;
+    mainColor: string;
+    countPages: number;
+    HeaderGeneral?: (ancestor: any) => React.JSX.Element;
+    FooterGeneral?: (ancestor: any) => React.JSX.Element;
+    sourceData: any;
+    templateData: RootNode;
+}

package/components/PrintingSystem/utils/getEvalValue/index.d.ts

@@ -0,0 +1 @@
+export declare const getEvalValue: (sourceData: any, key: string) => string | Array<any>;

package/components/PrintingSystem/utils/getSize/index.d.ts

@@ -0,0 +1 @@
+export declare const getSize: (value: number | string, unitSize: string) => string;

package/components/PropertyValue/classes/index.d.ts

@@ -1,9 +1,10 @@
 import { PropertyValueClassesType } from './types';
+import { OwnerState } from '../types';
 export declare const propertyValueClasses: PropertyValueClassesType;
 export declare function getPropertyValueUtilityClass(slot: string): string;
-export declare const propertyValueUtilityClasses: () => {
+export declare const propertyValueUtilityClasses: (ownerState: OwnerState) => {
     value: string;
-    root: string;
     property: string;
+    root: string;
     skeletonProperty: string;
 };

package/components/PropertyValue/classes/types.d.ts

@@ -4,6 +4,8 @@ export interface PropertyValueClassesType {
     property: string;
     value: string;
     skeletonProperty: string;
+    isDisabled: string;
+    isFocus: string;
 }
 export declare type PropertyValueClassesKey = keyof PropertyValueClassesType;
 export declare type Classes = ReturnType<typeof propertyValueUtilityClasses>;

package/components/PropertyValue/{index.76fa6a12.js → index.3ee95452.js}

@@ -1,12 +1,13 @@
 import { styled } from "@mui/material/styles";
 import { Skeleton, generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
-import { g as getNameDataTestId } from "../../vendor.e14dec76.js";
+import { g as getNameDataTestId } from "../../vendor.71883626.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useResponsiveDesktop } from "@m4l/graphics";
 import { useModuleSkeleton } from "@m4l/core";
 import { unstable_composeClasses } from "@mui/base";
 import clsx from "clsx";
+import { useState } from "react";
 const PropertyValueRoot = styled("div", {
   shouldForwardProp: (prop) => prop !== "propertyWidth" && prop !== "propertyHeight" && prop !== "isForm"
 })(({
@@ -19,9 +20,6 @@ const PropertyValueRoot = styled("div", {
   alignItems: "flex-start",
   width: "100%",
   padding: `${theme.spacing(1)} ${theme.spacing(2)}`,
-  ":hover": {
-    backgroundColor: isForm ? "unset" : theme.palette.grid?.rowHover
-  },
   borderBottom: isForm ? "none" : `1px solid ${theme.palette.divider}`,
   flexDirection: "column",
   [theme.breakpoints.up("sm")]: {
@@ -109,14 +107,16 @@ generateUtilityClasses(componentName, [
   "root",
   "property",
   "value",
-  "skeletonProperty"
+  "skeletonProperty",
+  "isDisabled",
+  "isFocus"
 ]);
 function getPropertyValueUtilityClass(slot) {
   return generateUtilityClass(componentName, slot);
 }
-const propertyValueUtilityClasses = () => {
+const propertyValueUtilityClasses = (ownerState) => {
   const slots = {
-    root: ["root"],
+    root: ["root", ownerState.disabled && "isDisabled", ownerState.focus && "isFocus"],
     property: ["property"],
     value: ["value"],
     skeletonProperty: ["skeletonProperty"]
@@ -136,10 +136,13 @@ function PropertyValue(props) {
     valueWidthMobile,
     isForm,
     className,
-    dataTestId = ""
+    dataTestId = "",
+    disabled = false
   } = props;
   const isDesktop = useResponsiveDesktop();
   const isSkeleton = useModuleSkeleton();
+  const [isFocus, setIsFocus] = useState(false);
+  console.log("Estado de focus: ", isFocus);
   const getValueW = () => {
     if (valueWidthMobile && !isDesktop) {
       return valueWidthMobile;
@@ -165,11 +168,24 @@ function PropertyValue(props) {
     }
     return 100;
   };
-  const classes = propertyValueUtilityClasses();
+  const handlerFocus = () => {
+    setIsFocus(true);
+  };
+  const handlerOnBlur = () => {
+    setIsFocus(false);
+  };
+  const ownerState = {
+    disabled,
+    focus: disabled === false ? isFocus : false
+  };
+  const classes = propertyValueUtilityClasses(ownerState);
   return /* @__PURE__ */ jsxs(PropertyValueRoot, {
+    tabIndex: 0,
     className: clsx(classes.root, className),
     isForm,
     propertyWidth,
+    onClick: handlerFocus,
+    onBlur: handlerOnBlur,
     ...process.env.NODE_ENV !== "production" ? {
       [TEST_PROPS_DATA]: JSON.stringify([{
         property: property ? true : false,

package/components/PropertyValue/types.d.ts

@@ -13,6 +13,7 @@ export interface PropertyValueProps extends PropertyProps, ValueProps {
     isForm?: boolean;
     className?: string;
     dataTestId?: string;
+    disabled?: boolean;
 }
 export declare type WrapperProps = PropertyProps & Pick<PropertyValueProps, 'isForm'>;
 export declare type WrapperPropertyProps = WrapperProps;
@@ -20,3 +21,6 @@ export declare type WrapperValueProps = Omit<ValueProps, 'valueWidthMobile'>;
 export interface SKTPropertyProps extends Pick<PropertyValueProps, 'dataTestId'> {
     className: string;
 }
+export interface OwnerState extends Pick<PropertyValueProps, 'disabled'> {
+    focus: boolean;
+}

package/components/Resizeable/{index.676c96fe.js → index.8c53c1fa.js}

@@ -1,5 +1,5 @@
 import { styled } from "@mui/material/styles";
-import { a as ResizableBox } from "../../react-resizable.ba08699a.js";
+import { a as ResizableBox } from "../../react-resizable.c07d63fb.js";
 import { jsx } from "react/jsx-runtime";
 const WrapperResizeable = styled(ResizableBox)(({
   theme