@kubit-ui-web/react-components 1.4.0 → 1.5.0

package/dist/esm/components/inputSignature/hook/useDraw.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { InputSignatureLineStyles } from '../types/inputSignatureTheme';
+type ReturnType = {
+    canvasRef: React.MutableRefObject<HTMLCanvasElement | null>;
+    filled: boolean;
+    resetCanvas: () => void;
+    setSignatureStyles: (signatureStyles?: InputSignatureLineStyles) => void;
+};
+export declare const useDraw: (onChange?: ((value: string) => void) | undefined) => ReturnType;
+export {};

package/dist/esm/components/inputSignature/hook/useDraw.js

@@ -0,0 +1,127 @@
+import { useEffect, useRef } from 'react';
+function isImageDataEqual(a, b) {
+    if (a.width !== b.width || a.height !== b.height) {
+        return false;
+    }
+    for (let i = 0; i < a.data.length; i++) {
+        if (a.data[i] !== b.data[i]) {
+            return false;
+        }
+    }
+    return true;
+}
+export const useDraw = (onChange) => {
+    const canvasRef = useRef(null);
+    const context = useRef();
+    const isDrawing = useRef(false);
+    const isFilled = useRef(false);
+    const signatureStylesRef = useRef({ color: 'black', lineWidth: 2 });
+    const canvasInnerData = useRef(null); // reference to the canvas data before drawing
+    const resetCanvas = () => {
+        if (!canvasRef.current) {
+            return;
+        }
+        isFilled.current = false;
+        context.current.clearRect(0, 0, canvasRef.current.width, canvasRef.current.height);
+    };
+    const setSignatureStyles = (signatureStyles) => {
+        if (!signatureStyles) {
+            return;
+        }
+        signatureStylesRef.current.color = signatureStyles.color;
+        signatureStylesRef.current.lineWidth = signatureStyles.lineWidth;
+    };
+    const startDrawing = event => {
+        let offsetX, offsetY;
+        if (event.type === 'touchstart' && canvasRef.current) {
+            const { touches } = event;
+            const { clientX, clientY } = touches[0];
+            const { left, top } = canvasRef.current.getBoundingClientRect();
+            offsetX = clientX - left;
+            offsetY = clientY - top;
+        }
+        else {
+            offsetX = event.offsetX;
+            offsetY = event.offsetY;
+        }
+        canvasInnerData.current = context.current.getImageData(0, 0, canvasRef.current?.width, canvasRef.current?.height);
+        context.current.beginPath();
+        context.current.moveTo(offsetX, offsetY);
+        isDrawing.current = true;
+    };
+    const draw = event => {
+        if (!isDrawing.current)
+            return;
+        let offsetX, offsetY;
+        event.preventDefault();
+        if (event.type === 'touchmove' && canvasRef.current) {
+            const { touches } = event;
+            const { clientX, clientY } = touches[0];
+            const { left, top } = canvasRef.current.getBoundingClientRect();
+            offsetX = clientX - left;
+            offsetY = clientY - top;
+        }
+        else {
+            offsetX = event.offsetX;
+            offsetY = event.offsetY;
+        }
+        context.current.lineTo(offsetX, offsetY);
+        context.current.stroke();
+    };
+    const stopDrawing = () => {
+        const currentLayout = context.current.getImageData(0, 0, canvasRef.current?.width, canvasRef.current?.height);
+        context.current.closePath();
+        isDrawing.current = false;
+        if (!canvasInnerData.current) {
+            return;
+        }
+        const isEqual = isImageDataEqual(currentLayout, canvasInnerData.current);
+        if (!isEqual) {
+            const dataUrl = canvasRef.current?.toDataURL();
+            onChange?.(dataUrl);
+            isFilled.current = true;
+        }
+    };
+    useEffect(() => {
+        if (canvasRef.current === null) {
+            return;
+        }
+        const canvas = canvasRef.current;
+        context.current = canvas?.getContext('2d', {
+            willReadFrequently: true,
+        });
+        if (!context.current) {
+            return;
+        }
+        // Configuración del estilo del trazo
+        context.current.strokeStyle = signatureStylesRef.current.color;
+        context.current.lineWidth = signatureStylesRef.current.lineWidth;
+        context.current.lineCap = 'round';
+        context.current.lineJoin = 'round';
+        // Añadir event listeners al canvas
+        canvas?.addEventListener('mousedown', startDrawing);
+        canvas?.addEventListener('mousemove', draw);
+        canvas?.addEventListener('mouseup', stopDrawing);
+        canvas?.addEventListener('mouseleave', stopDrawing);
+        canvas?.addEventListener('touchstart', startDrawing);
+        canvas?.addEventListener('touchmove', draw, { passive: false });
+        canvas?.addEventListener('touchend', stopDrawing);
+        return () => {
+            // Limpiar event listeners al desmontar el componente
+            canvas?.removeEventListener('mousedown', startDrawing);
+            canvas?.removeEventListener('mousemove', draw);
+            canvas?.removeEventListener('mouseup', stopDrawing);
+            canvas?.removeEventListener('mouseleave', stopDrawing);
+            canvas?.removeEventListener('touchstart', startDrawing);
+            canvas?.removeEventListener('touchmove', draw);
+            canvas?.removeEventListener('touchend', stopDrawing);
+        };
+    }, []);
+    return {
+        canvasRef,
+        filled: isFilled.current,
+        resetCanvas,
+        setSignatureStyles,
+    };
+};
+//# sourceMappingURL=useDraw.js.map

package/dist/esm/components/inputSignature/hook/useDraw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraw.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/hook/useDraw.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/inputSignature/index.d.ts

@@ -0,0 +1,5 @@
+export type { IInputSignatureUnControlled, IInputSignatureControlled, InputSignatureStateStyles, InputSignatureStateTheme, InputSignatureStyles, } from './types';
+export { InputSignatureState } from './types';
+export { InputSignatureUnControlled } from './inputSignatureUncontrolled';
+export { InputSignatureControlled } from './inputSignatureControlled';
+export { useDraw } from './hook';

package/dist/esm/components/inputSignature/index.js

@@ -0,0 +1,8 @@
+// enum
+export { InputSignatureState } from './types';
+// components
+export { InputSignatureUnControlled } from './inputSignatureUncontrolled';
+export { InputSignatureControlled } from './inputSignatureControlled';
+// hook
+export { useDraw } from './hook';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/inputSignature/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/index.ts"],"names":[],"mappings":"AASA,OAAO;AACP,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,aAAa;AACb,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO;AACP,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist/esm/components/inputSignature/inputSignature.styled.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { CommonStyleType } from '../../types';
+type ComponentStyles = {
+    styles: CommonStyleType;
+};
+export declare const InputSignatureContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ComponentStyles>>;
+export declare const InputSignatureCanvasStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, never>>;
+export declare const InputSignaturePlaceholderStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ComponentStyles>>;
+export {};

package/dist/esm/components/inputSignature/inputSignature.styled.js

@@ -0,0 +1,13 @@
+import styled from 'styled-components';
+import { getStyles } from '../../utils';
+export const InputSignatureContainerStyled = styled.div `
+  ${({ styles }) => getStyles(styles)}
+`;
+export const InputSignatureCanvasStyled = styled.canvas `
+  height: 100%;
+  width: 100%;
+`;
+export const InputSignaturePlaceholderStyled = styled.div `
+  ${({ styles }) => getStyles(styles)}
+`;
+//# sourceMappingURL=inputSignature.styled.js.map

package/dist/esm/components/inputSignature/inputSignature.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignature.styled.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignature.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAGvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAMpC,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAiB;IACpE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC;CACpC,CAAC;AAEF,MAAM,CAAC,MAAM,0BAA0B,GAAG,MAAM,CAAC,MAAM,CAAA;;;CAGtD,CAAC;AAEF,MAAM,CAAC,MAAM,+BAA+B,GAAG,MAAM,CAAC,GAAG,CAAiB;IACtE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC;CACpC,CAAC"}

package/dist/esm/components/inputSignature/inputSignatureControlled.d.ts

@@ -0,0 +1,7 @@
+import React, { ForwardedRef } from 'react';
+import { IInputSignatureControlled } from './types/inputSignature';
+export declare const InputSignatureControlledComponent: React.ForwardRefExoticComponent<IInputSignatureControlled<unknown> & React.RefAttributes<HTMLDivElement>>;
+declare const InputSignatureControlled: <V extends unknown>(props: IInputSignatureControlled<V> & {
+    ref?: React.ForwardedRef<HTMLDivElement | undefined | null>;
+}) => JSX.Element;
+export { InputSignatureControlled };

package/dist/esm/components/inputSignature/inputSignatureControlled.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { STYLES_NAME } from '../../constants';
+import { useStylesV2 } from '../../hooks';
+import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
+import { InputSignatureStandAlone } from './inputSignatureStandAlone';
+export const InputSignatureControlledComponent = React.forwardRef(({ variant, setSignatureStyles, ...props }, ref) => {
+    const { signatureStyle, ...styles } = useStylesV2({
+        styleName: STYLES_NAME.INPUT_SIGNATURE,
+        variantName: variant,
+    });
+    setSignatureStyles?.(signatureStyle);
+    return _jsx(InputSignatureStandAlone, { ref: ref, styles: styles[props.state], ...props });
+});
+InputSignatureControlledComponent.displayName = 'InputSignatureControlledComponent';
+const InputSignatureBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(InputSignatureStandAlone, { ...props, ref: ref }) }), children: _jsx(InputSignatureControlledComponent, { ...props, ref: ref }) }));
+const InputSignatureControlled = React.forwardRef(InputSignatureBoundary);
+export { InputSignatureControlled };
+//# sourceMappingURL=inputSignatureControlled.js.map

package/dist/esm/components/inputSignature/inputSignatureControlled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureControlled.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignatureControlled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAItE,MAAM,CAAC,MAAM,iCAAiC,GAAG,KAAK,CAAC,UAAU,CAC/D,CACE,EAAE,OAAO,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAgC,EACvE,GAAiC,EACpB,EAAE;IACf,MAAM,EAAE,cAAc,EAAE,GAAG,MAAM,EAAE,GAAG,WAAW,CAA0B;QACzE,SAAS,EAAE,WAAW,CAAC,eAAe;QACtC,WAAW,EAAE,OAAiB;KAC/B,CAA4B,CAAC;IAE9B,kBAAkB,EAAE,CAAC,cAAc,CAAC,CAAC;IAErC,OAAO,KAAC,wBAAwB,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,KAAM,KAAK,GAAI,CAAC;AACxF,CAAC,CACF,CAAC;AACF,iCAAiC,CAAC,WAAW,GAAG,mCAAmC,CAAC;AAEpF,MAAM,sBAAsB,GAAG,CAC7B,KAAmC,EACnC,GAAuC,EAC1B,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,wBAAwB,OAAM,KAA8C,EAAE,GAAG,EAAE,GAAG,GAAI,GACzE,YAGtB,KAAC,iCAAiC,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GAC5C,CACjB,CAAC;AAEF,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,sBAAsB,CAMxD,CAAC;AAEjB,OAAO,EAAE,wBAAwB,EAAE,CAAC"}

package/dist/esm/components/inputSignature/inputSignatureStandAlone.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IInputSignatureStandAlone } from './types';
+export declare const InputSignatureStandAloneComponent: ({ styles, canvasRef, ...props }: IInputSignatureStandAlone, ref: React.ForwardedRef<HTMLDivElement>) => JSX.Element;
+export declare const InputSignatureStandAlone: React.ForwardRefExoticComponent<IInputSignatureStandAlone & React.RefAttributes<HTMLDivElement>>;

package/dist/esm/components/inputSignature/inputSignatureStandAlone.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Text } from '../text';
+import { InputSignatureCanvasStyled, InputSignatureContainerStyled, InputSignaturePlaceholderStyled, } from './inputSignature.styled';
+import { InputSignatureState } from './types';
+export const InputSignatureStandAloneComponent = ({ styles, canvasRef, ...props }, ref) => {
+    const hasPlaceholder = props.state === InputSignatureState.DEFAULT ||
+        props.state === InputSignatureState.ERROR ||
+        props.state === InputSignatureState.DISABLED;
+    const currentText = props.state === InputSignatureState.ERROR && props.errorText
+        ? props.errorText
+        : props.placeholder;
+    return (_jsxs(InputSignatureContainerStyled, { ref: ref, "data-testid": props.dataTestid, styles: styles.container, tabIndex: -1, onBlur: props.onBlurContainer, onClick: props.onClickContainer, children: [_jsx(InputSignatureCanvasStyled, { ref: canvasRef, "data-testid": `${props.dataTestid}Canvas` }), hasPlaceholder && (_jsx(InputSignaturePlaceholderStyled, { styles: styles.placeholderContainer, children: _jsx(Text, { ...styles.placeholderText, ...currentText, children: currentText.content }) }))] }));
+};
+export const InputSignatureStandAlone = React.forwardRef(InputSignatureStandAloneComponent);
+//# sourceMappingURL=inputSignatureStandAlone.js.map

package/dist/esm/components/inputSignature/inputSignatureStandAlone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureStandAlone.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignatureStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC7B,+BAA+B,GAChC,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAA6B,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAEzE,MAAM,CAAC,MAAM,iCAAiC,GAAG,CAC/C,EAAE,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,EAA6B,EAC1D,GAAuC,EAC1B,EAAE;IACf,MAAM,cAAc,GAClB,KAAK,CAAC,KAAK,KAAK,mBAAmB,CAAC,OAAO;QAC3C,KAAK,CAAC,KAAK,KAAK,mBAAmB,CAAC,KAAK;QACzC,KAAK,CAAC,KAAK,KAAK,mBAAmB,CAAC,QAAQ,CAAC;IAE/C,MAAM,WAAW,GACf,KAAK,CAAC,KAAK,KAAK,mBAAmB,CAAC,KAAK,IAAI,KAAK,CAAC,SAAS;QAC1D,CAAC,CAAC,KAAK,CAAC,SAAS;QACjB,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC;IAExB,OAAO,CACL,MAAC,6BAA6B,IAC5B,GAAG,EAAE,GAAG,iBACK,KAAK,CAAC,UAAU,EAC7B,MAAM,EAAE,MAAM,CAAC,SAAS,EACxB,QAAQ,EAAE,CAAC,CAAC,EACZ,MAAM,EAAE,KAAK,CAAC,eAAe,EAC7B,OAAO,EAAE,KAAK,CAAC,gBAAgB,aAE/B,KAAC,0BAA0B,IAAC,GAAG,EAAE,SAAS,iBAAe,GAAG,KAAK,CAAC,UAAU,QAAQ,GAAI,EACvF,cAAc,IAAI,CACjB,KAAC,+BAA+B,IAAC,MAAM,EAAE,MAAM,CAAC,oBAAoB,YAClE,KAAC,IAAI,OAAK,MAAM,CAAC,eAAe,KAAM,WAAW,YAC9C,WAAW,CAAC,OAAO,GACf,GACyB,CACnC,IAC6B,CACjC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAAC,iCAAiC,CAAC,CAAC"}

package/dist/esm/components/inputSignature/inputSignatureUncontrolled.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { CustomHandle, IInputSignatureUnControlled } from './types/inputSignature';
+declare const InputSignatureUnControlled: <V extends unknown>(props: IInputSignatureUnControlled<V> & {
+    ref?: React.ForwardedRef<CustomHandle | undefined>;
+}) => JSX.Element;
+export { InputSignatureUnControlled };

package/dist/esm/components/inputSignature/inputSignatureUncontrolled.js

@@ -0,0 +1,38 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from 'react';
+import { useDraw } from './hook';
+import { InputSignatureControlled } from './inputSignatureControlled';
+import { getInputSignatureState } from './utils';
+const InputSignatureUnControlledComponent = ({ disabled, error, onChange, ...props }, ref) => {
+    // refs
+    const innerRef = React.useRef(null);
+    // custom hook
+    const { canvasRef, filled, resetCanvas, setSignatureStyles } = useDraw(onChange);
+    // active state
+    const [active, setActive] = React.useState(false);
+    // constants
+    const state = getInputSignatureState({ active, filled, error, disabled });
+    React.useImperativeHandle(ref, () => ({
+        get InputSignature() {
+            return innerRef.current;
+        },
+        get reset() {
+            return resetCanvas;
+        },
+    }));
+    const _onClickContainer = e => {
+        if (disabled) {
+            return;
+        }
+        e.stopPropagation();
+        setActive(true);
+        e.currentTarget.focus();
+    };
+    const _onBlurContainer = () => {
+        setActive(false);
+    };
+    return (_jsx(InputSignatureControlled, { ref: innerRef, canvasRef: canvasRef, setSignatureStyles: setSignatureStyles, state: state, onBlurContainer: _onBlurContainer, onClickContainer: _onClickContainer, ...props }));
+};
+const InputSignatureUnControlled = React.forwardRef(InputSignatureUnControlledComponent);
+export { InputSignatureUnControlled };
+//# sourceMappingURL=inputSignatureUncontrolled.js.map

package/dist/esm/components/inputSignature/inputSignatureUncontrolled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureUncontrolled.js","sourceRoot":"","sources":["../../../../src/components/inputSignature/inputSignatureUncontrolled.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,wBAAwB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,OAAO,EAAE,sBAAsB,EAAE,MAAM,SAAS,CAAC;AAEjD,MAAM,mCAAmC,GAAG,CAC1C,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAkC,EACvE,GAAiD,EACpC,EAAE;IACf,OAAO;IACP,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC3D,cAAc;IACd,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC,QAAQ,CAAC,CAAC;IACjF,eAAe;IACf,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAU,KAAK,CAAC,CAAC;IAC3D,YAAY;IACZ,MAAM,KAAK,GAAG,sBAAsB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,CAAC,CAAC;IAE1E,KAAK,CAAC,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE,CAAC,CAAC;QACpC,IAAI,cAAc;YAChB,OAAO,QAAQ,CAAC,OAAyB,CAAC;QAC5C,CAAC;QACD,IAAI,KAAK;YACP,OAAO,WAAW,CAAC;QACrB,CAAC;KACF,CAAC,CAAC,CAAC;IAEJ,MAAM,iBAAiB,GAAG,CAAC,CAAC,EAAE;QAC5B,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QACD,CAAC,CAAC,eAAe,EAAE,CAAC;QAEpB,SAAS,CAAC,IAAI,CAAC,CAAC;QAChB,CAAC,CAAC,aAAa,CAAC,KAAK,EAAE,CAAC;IAC1B,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,GAAG,EAAE;QAC5B,SAAS,CAAC,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,wBAAwB,IACvB,GAAG,EAAE,QAAQ,EACb,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,EACtC,KAAK,EAAE,KAAK,EACZ,eAAe,EAAE,gBAAgB,EACjC,gBAAgB,EAAE,iBAAiB,KAC/B,KAAK,GACT,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,0BAA0B,GAAG,KAAK,CAAC,UAAU,CAAC,mCAAmC,CAMvE,CAAC;AAEjB,OAAO,EAAE,0BAA0B,EAAE,CAAC"}

package/dist/esm/components/inputSignature/stories/argTypes.d.ts

@@ -0,0 +1,3 @@
+import { IThemeObjectVariants } from '../../../designSystem/themesObject';
+import { ArgTypesReturn } from '../../../types';
+export declare const argtypes: (variants: IThemeObjectVariants, themeSelected: string) => ArgTypesReturn;

package/dist/esm/components/inputSignature/stories/argTypes.js

@@ -0,0 +1,90 @@
+import { CATEGORY_CONTROL } from '../../../constants';
+export const argtypes = (variants, themeSelected) => {
+    return {
+        theme: {
+            table: {
+                disable: true,
+            },
+        },
+        variant: {
+            type: { name: 'string', required: true },
+            control: { type: 'select' },
+            description: 'Input Signature theme variant',
+            options: Object.keys(variants[themeSelected].InputDigitPasswordVariantType || {}),
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        placeholder: {
+            type: { name: 'string', required: true },
+            control: { type: 'object' },
+            description: 'Text to show when the signature is empty',
+            table: {
+                type: {
+                    summary: 'InputSignatureText',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        errorText: {
+            type: { name: 'string' },
+            control: { type: 'object' },
+            description: 'Text to show when the signature is invalid',
+            table: {
+                type: {
+                    summary: 'InputSignatureText',
+                },
+                category: CATEGORY_CONTROL.CONTENT,
+            },
+        },
+        onChange: {
+            description: 'Function that is called when drawed on the component',
+            control: false,
+            table: {
+                type: {
+                    summary: '(value: string) => void',
+                },
+                category: CATEGORY_CONTROL.FUNCTIONS,
+            },
+        },
+        disabled: {
+            type: { name: 'boolean' },
+            control: { type: 'boolean' },
+            description: 'Prop to disable the component',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        error: {
+            type: { name: 'boolean' },
+            control: { type: 'boolean' },
+            description: 'Prop to set the error state',
+            table: {
+                type: {
+                    summary: 'boolean',
+                },
+                defaultValue: { summary: false },
+                category: CATEGORY_CONTROL.MODIFIERS,
+            },
+        },
+        dataTestId: {
+            control: { type: 'text' },
+            type: { name: 'string' },
+            description: 'Test id of the component. Internal components will concatenate from this test id',
+            table: {
+                type: {
+                    summary: 'string',
+                },
+                category: CATEGORY_CONTROL.TESTING,
+            },
+        },
+    };
+};
+//# sourceMappingURL=argTypes.js.map

package/dist/esm/components/inputSignature/stories/argTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"argTypes.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/stories/argTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAI/C,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,QAA8B,EAAE,aAAqB,EAAkB,EAAE;IAChG,OAAO;QACL,KAAK,EAAE;YACL,KAAK,EAAE;gBACL,OAAO,EAAE,IAAI;aACd;SACF;QACD,OAAO,EAAE;YACP,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,WAAW,EAAE,+BAA+B;YAC5C,OAAO,EAAE,MAAM,CAAC,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,CAAC,6BAA6B,IAAI,EAAE,CAAC;YACjF,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,WAAW,EAAE;YACX,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;YACxC,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,WAAW,EAAE,0CAA0C;YACvD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,oBAAoB;iBAC9B;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,SAAS,EAAE;YACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,WAAW,EAAE,4CAA4C;YACzD,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,oBAAoB;iBAC9B;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;QACD,QAAQ,EAAE;YACR,WAAW,EAAE,sDAAsD;YACnE,OAAO,EAAE,KAAK;YACd,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,yBAAyB;iBACnC;gBACD,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,QAAQ,EAAE;YACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,WAAW,EAAE,+BAA+B;YAC5C,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,SAAS;iBACnB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAChC,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,KAAK,EAAE;YACL,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YACzB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;YAC5B,WAAW,EAAE,6BAA6B;YAC1C,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,SAAS;iBACnB;gBACD,YAAY,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;gBAChC,QAAQ,EAAE,gBAAgB,CAAC,SAAS;aACrC;SACF;QACD,UAAU,EAAE;YACV,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE;YACzB,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YACxB,WAAW,EACT,kFAAkF;YACpF,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,QAAQ;iBAClB;gBACD,QAAQ,EAAE,gBAAgB,CAAC,OAAO;aACnC;SACF;KACF,CAAC;AACJ,CAAC,CAAC"}

package/dist/esm/components/inputSignature/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { IInputSignatureUnControlled, IInputSignatureControlled, IInputSignatureStandAlone, } from './inputSignature';
+export type { InputSignatureStateStyles, InputSignatureStateTheme, InputSignatureStyles, } from './inputSignatureTheme';
+export { InputSignatureState } from './inputSignatureState';

package/dist/esm/components/inputSignature/types/index.js

@@ -0,0 +1,3 @@
+// enum
+export { InputSignatureState } from './inputSignatureState';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/inputSignature/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/types/index.ts"],"names":[],"mappings":"AAYA,OAAO;AACP,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/esm/components/inputSignature/types/inputSignature.d.ts

@@ -0,0 +1,32 @@
+import { ReactNode } from 'react';
+import { IText } from '../../../components/text';
+import { InputSignatureState } from './inputSignatureState';
+import { InputSignatureLineStyles, InputSignatureStateStyles } from './inputSignatureTheme';
+export interface CustomHandle {
+    InputSignature: HTMLDivElement;
+    reset: () => void;
+}
+export interface InputSignatureText extends Omit<IText<string>, 'children'> {
+    content?: ReactNode;
+}
+export interface IInputSignatureStandAlone {
+    styles: InputSignatureStateStyles;
+    state: InputSignatureState;
+    canvasRef: React.RefObject<HTMLCanvasElement>;
+    placeholder: InputSignatureText;
+    errorText?: InputSignatureText;
+    onClickContainer: (e: any) => void;
+    onBlurContainer: () => void;
+    dataTestid?: string;
+}
+export interface IInputSignatureControlled<V = undefined extends string ? unknown : string> extends Omit<IInputSignatureStandAlone, 'styles'> {
+    variant: V;
+    setSignatureStyles?: (signatureStyles?: InputSignatureLineStyles | undefined) => void;
+}
+type OmitProps = 'state' | 'onBlurContainer' | 'onClickContainer' | 'setSignatureStyles' | 'canvasRef';
+export interface IInputSignatureUnControlled<V = undefined extends string ? unknown : string> extends Omit<IInputSignatureControlled<V>, OmitProps> {
+    onChange?: (value: any) => void;
+    disabled?: boolean;
+    error?: boolean;
+}
+export {};

package/dist/esm/components/inputSignature/types/inputSignature.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=inputSignature.js.map

package/dist/esm/components/inputSignature/types/inputSignature.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignature.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/types/inputSignature.ts"],"names":[],"mappings":""}

package/dist/esm/components/inputSignature/types/inputSignatureState.d.ts

@@ -0,0 +1,7 @@
+export declare enum InputSignatureState {
+    DEFAULT = "DEFAULT",
+    ACTIVE = "ACTIVE",
+    FILLED = "FILLED",
+    ERROR = "ERROR",
+    DISABLED = "DISABLED"
+}

package/dist/esm/components/inputSignature/types/inputSignatureState.js

@@ -0,0 +1,9 @@
+export var InputSignatureState;
+(function (InputSignatureState) {
+    InputSignatureState["DEFAULT"] = "DEFAULT";
+    InputSignatureState["ACTIVE"] = "ACTIVE";
+    InputSignatureState["FILLED"] = "FILLED";
+    InputSignatureState["ERROR"] = "ERROR";
+    InputSignatureState["DISABLED"] = "DISABLED";
+})(InputSignatureState || (InputSignatureState = {}));
+//# sourceMappingURL=inputSignatureState.js.map

package/dist/esm/components/inputSignature/types/inputSignatureState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureState.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/types/inputSignatureState.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,mBAMX;AAND,WAAY,mBAAmB;IAC7B,0CAAmB,CAAA;IACnB,wCAAiB,CAAA;IACjB,wCAAiB,CAAA;IACjB,sCAAe,CAAA;IACf,4CAAqB,CAAA;AACvB,CAAC,EANW,mBAAmB,KAAnB,mBAAmB,QAM9B"}

package/dist/esm/components/inputSignature/types/inputSignatureTheme.d.ts

@@ -0,0 +1,20 @@
+import { CommonStyleType, TypographyTypes } from '../../../types';
+import { InputSignatureState } from './inputSignatureState';
+export type InputSignatureLineStyles = {
+    color: string;
+    lineWidth: number;
+};
+export type InputSignatureStateStyles = {
+    container: CommonStyleType;
+    placeholderContainer: CommonStyleType;
+    placeholderText?: TypographyTypes;
+};
+export type InputSignatureStateTheme = {
+    [state in InputSignatureState]: InputSignatureStateStyles;
+};
+export type InputSignatureFullTheme = {
+    signatureStyle: InputSignatureLineStyles;
+} & InputSignatureStateTheme;
+export type InputSignatureStyles<V extends string | number | symbol> = {
+    [variant in V]: InputSignatureFullTheme;
+};

package/dist/esm/components/inputSignature/types/inputSignatureTheme.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=inputSignatureTheme.js.map

package/dist/esm/components/inputSignature/types/inputSignatureTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inputSignatureTheme.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/types/inputSignatureTheme.ts"],"names":[],"mappings":""}

package/dist/esm/components/inputSignature/utils/__tests__/getInputSignatureState.d.ts

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

package/dist/esm/components/inputSignature/utils/__tests__/getInputSignatureState.js

@@ -0,0 +1,25 @@
+import { InputSignatureState } from '../../types';
+import { getInputSignatureState } from '../getInputSignatureState';
+describe('getInputSignatureState', () => {
+    it('should return DISABLED if disabled is true', () => {
+        const state = getInputSignatureState({ disabled: true, active: false, filled: false });
+        expect(state).toBe(InputSignatureState.DISABLED);
+    });
+    it('should return ERROR if error is true', () => {
+        const state = getInputSignatureState({ error: true, active: false, filled: false });
+        expect(state).toBe(InputSignatureState.ERROR);
+    });
+    it('should return ACTIVE if active is true', () => {
+        const state = getInputSignatureState({ active: true, filled: false });
+        expect(state).toBe(InputSignatureState.ACTIVE);
+    });
+    it('should return FILLED if filled is true', () => {
+        const state = getInputSignatureState({ active: false, filled: true });
+        expect(state).toBe(InputSignatureState.FILLED);
+    });
+    it('should return DEFAULT if none of the conditions are met', () => {
+        const state = getInputSignatureState({ active: false, filled: false });
+        expect(state).toBe(InputSignatureState.DEFAULT);
+    });
+});
+//# sourceMappingURL=getInputSignatureState.js.map

package/dist/esm/components/inputSignature/utils/__tests__/getInputSignatureState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInputSignatureState.js","sourceRoot":"","sources":["../../../../../../src/components/inputSignature/utils/__tests__/getInputSignatureState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAEnE,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,4CAA4C,EAAE,GAAG,EAAE;QACpD,MAAM,KAAK,GAAG,sBAAsB,CAAC,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACvF,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,KAAK,GAAG,sBAAsB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACpF,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAChD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,KAAK,GAAG,sBAAsB,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,MAAM,KAAK,GAAG,sBAAsB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;QACtE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yDAAyD,EAAE,GAAG,EAAE;QACjE,MAAM,KAAK,GAAG,sBAAsB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;QACvE,MAAM,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,mBAAmB,CAAC,OAAO,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/esm/components/inputSignature/utils/getInputSignatureState.d.ts

@@ -0,0 +1,9 @@
+import { InputSignatureState } from '../types/inputSignatureState';
+type GetInputSignatureState = {
+    active: boolean;
+    filled: boolean;
+    error?: boolean;
+    disabled?: boolean;
+};
+export declare const getInputSignatureState: ({ active, filled, error, disabled, }: GetInputSignatureState) => InputSignatureState;
+export {};

package/dist/esm/components/inputSignature/utils/getInputSignatureState.js

@@ -0,0 +1,17 @@
+import { InputSignatureState } from '../types/inputSignatureState';
+export const getInputSignatureState = ({ active, filled, error, disabled, }) => {
+    if (disabled) {
+        return InputSignatureState.DISABLED;
+    }
+    else if (error) {
+        return InputSignatureState.ERROR;
+    }
+    else if (active) {
+        return InputSignatureState.ACTIVE;
+    }
+    else if (filled) {
+        return InputSignatureState.FILLED;
+    }
+    return InputSignatureState.DEFAULT;
+};
+//# sourceMappingURL=getInputSignatureState.js.map

package/dist/esm/components/inputSignature/utils/getInputSignatureState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getInputSignatureState.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/utils/getInputSignatureState.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AASnE,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,MAAM,EACN,MAAM,EACN,KAAK,EACL,QAAQ,GACe,EAAuB,EAAE;IAChD,IAAI,QAAQ,EAAE,CAAC;QACb,OAAO,mBAAmB,CAAC,QAAQ,CAAC;IACtC,CAAC;SAAM,IAAI,KAAK,EAAE,CAAC;QACjB,OAAO,mBAAmB,CAAC,KAAK,CAAC;IACnC,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,mBAAmB,CAAC,MAAM,CAAC;IACpC,CAAC;SAAM,IAAI,MAAM,EAAE,CAAC;QAClB,OAAO,mBAAmB,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,OAAO,mBAAmB,CAAC,OAAO,CAAC;AACrC,CAAC,CAAC"}

package/dist/esm/components/inputSignature/utils/index.d.ts

@@ -0,0 +1 @@
+export { getInputSignatureState } from './getInputSignatureState';

package/dist/esm/components/inputSignature/utils/index.js

@@ -0,0 +1,2 @@
+export { getInputSignatureState } from './getInputSignatureState';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/inputSignature/utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/inputSignature/utils/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/esm/components/layout/layoutStandAlone.js

@@ -8,6 +8,6 @@ export const LayoutStandAlone = ({ headerContent, mainContent, asideContent, sty
     const columnsConfiguration = columnsConfig ?? styles.defaultColumnsConfig;
     const gridConfiguration = gridConfig ?? styles.gridConfig;
     const { header, main, aside, footer } = columnsConfiguration ?? {};
-    return (_jsxs(LayoutContainer, { "$paddingBottom": styles.padding_botom_size, backgroundColor: backgroundColor, children: [headerContent && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Header`, children: _jsx(GridItem, { as: LayoutRoleType.header, desktop: header?.[DeviceBreakpointsType.DESKTOP], mobile: header?.[DeviceBreakpointsType.MOBILE], tablet: header?.[DeviceBreakpointsType.TABLET], children: headerContent }) })), _jsxs(Grid, { addPaddingForLayout: true, config: gridConfiguration, children: [_jsx(GridItem, { as: LayoutRoleType.main, desktop: asideContent ? main?.[DeviceBreakpointsType.DESKTOP] : main?.DESKTOP_FULL, mobile: main?.[DeviceBreakpointsType.MOBILE], tablet: main?.[DeviceBreakpointsType.TABLET], children: mainContent }), asideContent && (_jsx(GridItem, { as: LayoutRoleType.aside, desktop: aside?.[DeviceBreakpointsType.DESKTOP], mobile: aside?.[DeviceBreakpointsType.MOBILE], tablet: aside?.[DeviceBreakpointsType.TABLET], children: asideContent }))] }), footerContent && footer && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, children: _jsx(GridItem, { as: LayoutRoleType.footer, desktop: footer[DeviceBreakpointsType.DESKTOP], mobile: footer[DeviceBreakpointsType.MOBILE], tablet: footer[DeviceBreakpointsType.TABLET], children: footerContent }) }))] }));
+    return (_jsxs(LayoutContainer, { "$paddingBottom": styles.padding_botom_size, backgroundColor: backgroundColor, children: [headerContent && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Header`, children: _jsx(GridItem, { as: LayoutRoleType.header, desktop: header?.[DeviceBreakpointsType.DESKTOP], mobile: header?.[DeviceBreakpointsType.MOBILE], tablet: header?.[DeviceBreakpointsType.TABLET], children: headerContent }) })), _jsxs(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Main`, children: [_jsx(GridItem, { as: LayoutRoleType.main, desktop: asideContent ? main?.[DeviceBreakpointsType.DESKTOP] : main?.DESKTOP_FULL, mobile: main?.[DeviceBreakpointsType.MOBILE], tablet: main?.[DeviceBreakpointsType.TABLET], children: mainContent }), asideContent && (_jsx(GridItem, { as: LayoutRoleType.aside, "data-testid": `${dataTestId}Aside`, desktop: aside?.[DeviceBreakpointsType.DESKTOP], mobile: aside?.[DeviceBreakpointsType.MOBILE], tablet: aside?.[DeviceBreakpointsType.TABLET], children: asideContent }))] }), footerContent && footer && (_jsx(Grid, { addPaddingForLayout: true, config: gridConfiguration, "data-testid": `${dataTestId}Footer`, children: _jsx(GridItem, { as: LayoutRoleType.footer, desktop: footer[DeviceBreakpointsType.DESKTOP], mobile: footer[DeviceBreakpointsType.MOBILE], tablet: footer[DeviceBreakpointsType.TABLET], children: footerContent }) }))] }));
 };
 //# sourceMappingURL=layoutStandAlone.js.map