@trackunit/react-form-components 0.0.443 → 0.0.447
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 +4 -3
- package/index.esm.js +4 -3
- 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
|
/**
|
|
@@ -1954,7 +1955,7 @@ const FormFieldSelectAdapter = React.forwardRef((_a, ref) => {
|
|
|
1954
1955
|
htmlFor,
|
|
1955
1956
|
className,
|
|
1956
1957
|
dataTestId,
|
|
1957
|
-
helpText,
|
|
1958
|
+
helpText: (renderAsInvalid && errorMessage) || helpText,
|
|
1958
1959
|
helpAddon,
|
|
1959
1960
|
tip,
|
|
1960
1961
|
label,
|
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
|
/**
|
|
@@ -1924,7 +1925,7 @@ const FormFieldSelectAdapter = forwardRef((_a, ref) => {
|
|
|
1924
1925
|
htmlFor,
|
|
1925
1926
|
className,
|
|
1926
1927
|
dataTestId,
|
|
1927
|
-
helpText,
|
|
1928
|
+
helpText: (renderAsInvalid && errorMessage) || helpText,
|
|
1928
1929
|
helpAddon,
|
|
1929
1930
|
tip,
|
|
1930
1931
|
label,
|