@kubit-ui-web/react-components
Version:
Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience
16 lines • 1.44 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import React from 'react';
import { Text } from '../../components/text/text';
import { InputSignatureCanvasStyled, InputSignatureContainerStyled, InputSignaturePlaceholderStyled, } from './inputSignature.styled';
import { InputSignatureState } from './types/inputSignatureState';
export const InputSignatureStandAloneComponent = ({ styles, canvasRef, dataTestid = 'input-signature', ...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": dataTestid, styles: styles.container, tabIndex: -1, onBlur: props.onBlurContainer, onClick: props.onClickContainer, children: [_jsx(InputSignatureCanvasStyled, { ref: canvasRef, "data-testid": `${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