@giro-ds/react 1.0.3 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.esm.js +1 -1
- package/dist/index.esm.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.cjs
CHANGED
|
@@ -831,7 +831,7 @@ const TextField = ({ name = 'textfield', className = '', value = '', label = '',
|
|
|
831
831
|
: helper && helperText
|
|
832
832
|
? `${componentId}-helper`
|
|
833
833
|
: undefined;
|
|
834
|
-
return (jsxRuntime.jsxs("div", { className: TextFieldClass, children: [label && (jsxRuntime.jsx("label", { htmlFor: componentId, className: styles$j['zds-textfield__wrapper-label'], children: tooltip ? (jsxRuntime.jsx(Tooltip, { text: tooltipText, position: positionTooltip, children: jsxRuntime.jsxs("div", { className: styles$j['zds-textfield__container-tooltip'], children: [label, required && jsxRuntime.jsx("span", { className: styles$j['zds-textfield__required'], children: "*" }), jsxRuntime.jsx(reactIcons.Info12Regular, { className: styles$j['zds-textfield__tooltip'] })] }) })) : (jsxRuntime.jsxs("div", { className: styles$j['zds-textfield__container-tooltip'], children: [label, required && jsxRuntime.jsx("span", { className: styles$j['zds-textfield__required'], children: "*" })] })) })), jsxRuntime.jsxs("div", { className: styles$j['zds-textfield__container__box'], children: [jsxRuntime.jsxs("div", { className: styles$j['zds-textfield__box__input'], children: [jsxRuntime.jsx("input", { id: componentId, name: name, type: type, value: inputValue, placeholder: placeholder, onChange: handleChange, onFocus: () => setFocus(true), onBlur: onBlur, maxLength: maxLength, disabled: disabled, "aria-invalid": !!inputError, "aria-required": required, "aria-describedby": helperId }), shouldRenderCustomIcon && (jsxRuntime.jsx("span", { className: styles$j['zds-textfield__icon'], children: icon })), shouldRenderClearIcon && (jsxRuntime.jsx(
|
|
834
|
+
return (jsxRuntime.jsxs("div", { className: TextFieldClass, children: [label && (jsxRuntime.jsx("label", { htmlFor: componentId, className: styles$j['zds-textfield__wrapper-label'], children: tooltip ? (jsxRuntime.jsx(Tooltip, { text: tooltipText, position: positionTooltip, children: jsxRuntime.jsxs("div", { className: styles$j['zds-textfield__container-tooltip'], children: [label, required && jsxRuntime.jsx("span", { className: styles$j['zds-textfield__required'], children: "*" }), jsxRuntime.jsx(reactIcons.Info12Regular, { className: styles$j['zds-textfield__tooltip'] })] }) })) : (jsxRuntime.jsxs("div", { className: styles$j['zds-textfield__container-tooltip'], children: [label, required && jsxRuntime.jsx("span", { className: styles$j['zds-textfield__required'], children: "*" })] })) })), jsxRuntime.jsxs("div", { className: styles$j['zds-textfield__container__box'], children: [jsxRuntime.jsxs("div", { className: styles$j['zds-textfield__box__input'], children: [jsxRuntime.jsx("input", { id: componentId, name: name, type: type, value: inputValue, placeholder: placeholder, onChange: handleChange, onFocus: () => setFocus(true), onBlur: onBlur, maxLength: maxLength, disabled: disabled, "aria-invalid": !!inputError, "aria-required": required, "aria-describedby": helperId }), shouldRenderCustomIcon && (jsxRuntime.jsx("span", { className: styles$j['zds-textfield__icon'], children: icon })), shouldRenderClearIcon && (jsxRuntime.jsx("span", { className: styles$j['zds-textfield__icon'], onClick: clearInput, onMouseDown: (e) => e.preventDefault(), role: "button", tabIndex: 0, "aria-label": "Limpar campo", children: jsxRuntime.jsx(reactIcons.Dismiss16Regular, {}) }))] }), jsxRuntime.jsx("span", { id: helperId, className: styles$j['zds-textfield__helper-text'], "aria-live": inputError ? 'polite' : undefined, children: helperContent })] })] }));
|
|
835
835
|
};
|
|
836
836
|
const MemoizedTextField = React.memo(TextField);
|
|
837
837
|
MemoizedTextField.displayName = 'TextField';
|