@trackunit/react-form-components 0.0.442 → 0.0.444
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/index.cjs.js +3 -2
- package/index.esm.js +3 -2
- package/package.json +1 -1
package/index.cjs.js
CHANGED
|
@@ -560,7 +560,7 @@ const cvaFormGroup = cssClassVarianceUtilities.cvaMerge(["component-formGroup-ga
|
|
|
560
560
|
},
|
|
561
561
|
},
|
|
562
562
|
});
|
|
563
|
-
const cvaFormGroupContainerBefore = cssClassVarianceUtilities.cvaMerge(["flex", "
|
|
563
|
+
const cvaFormGroupContainerBefore = cssClassVarianceUtilities.cvaMerge(["flex", "mb-1", "items-center"]);
|
|
564
564
|
const cvaFormGroupContainerAfter = cssClassVarianceUtilities.cvaMerge(["flex", "justify-between", "mt-1", "text-xs", "text-slate-500"], {
|
|
565
565
|
variants: {
|
|
566
566
|
invalid: {
|
|
@@ -579,7 +579,8 @@ const cvaHelpAddon = cssClassVarianceUtilities.cvaMerge(["ml-auto"]);
|
|
|
579
579
|
* @returns {JSX.Element} FormGroup component
|
|
580
580
|
*/
|
|
581
581
|
const FormGroup = ({ isInvalid, helpText, helpAddon, tip, className, dataTestId, label, htmlFor, children, tipIconProps, disabled = false, required = false, }) => {
|
|
582
|
-
return (jsxRuntime.jsxs("div", { className: cvaFormGroup({ disabled, className }), "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: cvaFormGroupContainerBefore(), children: [label ? (jsxRuntime.jsxs(Label, { className: "component-formGroup-font
|
|
582
|
+
return (jsxRuntime.jsxs("div", { className: cvaFormGroup({ disabled, className }), "data-testid": dataTestId, children: [jsxRuntime.jsxs("div", { className: cvaFormGroupContainerBefore(), children: [label ? (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Label, { className: "component-formGroup-font", dataTestId: dataTestId && `${dataTestId}-label`, htmlFor: htmlFor, id: htmlFor + "-label", children: label }), jsxRuntime.jsx("span", { className: "required-asterisk", children: "*" })] })) :
|
|
583
|
+
null, tip ? (jsxRuntime.jsx(reactComponents.Tooltip, { className: "ml-1", dataTestId: dataTestId && `${dataTestId}-tooltip`, iconProps: tipIconProps, label: tip, placement: "bottom" })) : null] }), children, jsxRuntime.jsxs("div", { className: cvaFormGroupContainerAfter({ invalid: isInvalid }), children: [helpText && jsxRuntime.jsx("span", { "data-testid": dataTestId && `${dataTestId}-helpText`, children: helpText }), helpAddon && (jsxRuntime.jsx("span", { className: cvaHelpAddon(), "data-testid": dataTestId && `${dataTestId}-helpAddon`, children: helpAddon }))] })] }));
|
|
583
584
|
};
|
|
584
585
|
|
|
585
586
|
/**
|
package/index.esm.js
CHANGED
|
@@ -530,7 +530,7 @@ const cvaFormGroup = cvaMerge(["component-formGroup-gap"], {
|
|
|
530
530
|
},
|
|
531
531
|
},
|
|
532
532
|
});
|
|
533
|
-
const cvaFormGroupContainerBefore = cvaMerge(["flex", "
|
|
533
|
+
const cvaFormGroupContainerBefore = cvaMerge(["flex", "mb-1", "items-center"]);
|
|
534
534
|
const cvaFormGroupContainerAfter = cvaMerge(["flex", "justify-between", "mt-1", "text-xs", "text-slate-500"], {
|
|
535
535
|
variants: {
|
|
536
536
|
invalid: {
|
|
@@ -549,7 +549,8 @@ const cvaHelpAddon = cvaMerge(["ml-auto"]);
|
|
|
549
549
|
* @returns {JSX.Element} FormGroup component
|
|
550
550
|
*/
|
|
551
551
|
const FormGroup = ({ isInvalid, helpText, helpAddon, tip, className, dataTestId, label, htmlFor, children, tipIconProps, disabled = false, required = false, }) => {
|
|
552
|
-
return (jsxs("div", { className: cvaFormGroup({ disabled, className }), "data-testid": dataTestId, children: [jsxs("div", { className: cvaFormGroupContainerBefore(), children: [label ? (jsxs(Label, { className: "component-formGroup-font
|
|
552
|
+
return (jsxs("div", { className: cvaFormGroup({ disabled, className }), "data-testid": dataTestId, children: [jsxs("div", { className: cvaFormGroupContainerBefore(), children: [label ? (jsxs(Fragment, { children: [jsx(Label, { className: "component-formGroup-font", dataTestId: dataTestId && `${dataTestId}-label`, htmlFor: htmlFor, id: htmlFor + "-label", children: label }), jsx("span", { className: "required-asterisk", children: "*" })] })) :
|
|
553
|
+
null, tip ? (jsx(Tooltip, { className: "ml-1", dataTestId: dataTestId && `${dataTestId}-tooltip`, iconProps: tipIconProps, label: tip, placement: "bottom" })) : null] }), children, jsxs("div", { className: cvaFormGroupContainerAfter({ invalid: isInvalid }), children: [helpText && jsx("span", { "data-testid": dataTestId && `${dataTestId}-helpText`, children: helpText }), helpAddon && (jsx("span", { className: cvaHelpAddon(), "data-testid": dataTestId && `${dataTestId}-helpAddon`, children: helpAddon }))] })] }));
|
|
553
554
|
};
|
|
554
555
|
|
|
555
556
|
/**
|