@trackunit/react-form-components 0.0.37 → 0.0.38

package/index.cjs

@@ -1164,7 +1164,7 @@ ${({ $inline }) => ($inline ? tailwindStyledComponents.tws `tu-radiogroup--inlin
  * @param {RadioItemProps} props - The props for the RadioItem component
  * @returns {JSX.Element} RadioItem component
  */
-const RadioItem = ({ label, value, dataTestId, className, description }) => {
+const RadioItem = ({ label, value, dataTestId, className, description, }) => {
     const groupCtx = React__namespace.useContext(RadioGroupContext);
     const isChecked = (groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.value) === value;
     return (jsxRuntime.jsxs(InputWrapper, Object.assign({ className: className, htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, "data-testid": dataTestId && `${dataTestId}-Wrapper` }, { children: [jsxRuntime.jsx(Input, { id: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, type: "radio", role: "radio", value: value, checked: isChecked, "$disabled": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, "$isInvalid": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid, onChange: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.onChange, "data-testid": dataTestId, "$checked": isChecked }), jsxRuntime.jsxs(LabelContainer$1, { children: [jsxRuntime.jsx(Label$1, Object.assign({ htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, dataTestId: dataTestId && `${dataTestId}-Label`, disabled: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, isInvalid: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid }, { children: label })), description && (jsxRuntime.jsx(Description$1, Object.assign({ htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, "data-testid": dataTestId && `${dataTestId}-Description`, "$disabled": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled }, { children: description })))] })] })));

package/index.js

@@ -1135,7 +1135,7 @@ ${({ $inline }) => ($inline ? tws `tu-radiogroup--inline` : tws `tu-radiogroup`)
  * @param {RadioItemProps} props - The props for the RadioItem component
  * @returns {JSX.Element} RadioItem component
  */
-const RadioItem = ({ label, value, dataTestId, className, description }) => {
+const RadioItem = ({ label, value, dataTestId, className, description, }) => {
     const groupCtx = React.useContext(RadioGroupContext);
     const isChecked = (groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.value) === value;
     return (jsxs(InputWrapper, Object.assign({ className: className, htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, "data-testid": dataTestId && `${dataTestId}-Wrapper` }, { children: [jsx(Input, { id: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, type: "radio", role: "radio", value: value, checked: isChecked, "$disabled": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, "$isInvalid": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid, onChange: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.onChange, "data-testid": dataTestId, "$checked": isChecked }), jsxs(LabelContainer$1, { children: [jsx(Label$1, Object.assign({ htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, dataTestId: dataTestId && `${dataTestId}-Label`, disabled: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled, isInvalid: groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.isInvalid }, { children: label })), description && (jsx(Description$1, Object.assign({ htmlFor: `${groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.id}-${value}`, "data-testid": dataTestId && `${dataTestId}-Description`, "$disabled": groupCtx === null || groupCtx === void 0 ? void 0 : groupCtx.disabled }, { children: description })))] })] })));

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@trackunit/react-form-components",
-  "version": "0.0.37",
+  "version": "0.0.38",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {
-    "@trackunit/i18n-library-translation": "0.0.51",
-    "@trackunit/react-components": "0.1.95",
+    "@trackunit/i18n-library-translation": "0.0.52",
+    "@trackunit/react-components": "0.1.96",
     "@trackunit/tailwind-styled-components": "0.0.56",
     "date-fns": "2.29.3",
     "libphonenumber-js": "1.10.30",

package/src/components/RadioGroup/RadioGroup.d.ts

@@ -1,7 +1,7 @@
 import { CommonProps } from "@trackunit/react-components";
 import * as React from "react";
 import "./RadioGroup.css";
-export interface RadioGroupProps extends CommonProps, React.InputHTMLAttributes<HTMLInputElement> {
+export interface RadioGroupProps<V extends string | number> extends CommonProps, React.InputHTMLAttributes<HTMLInputElement> {
     /**
      */
     children: React.ReactNode;
@@ -12,11 +12,11 @@ export interface RadioGroupProps extends CommonProps, React.InputHTMLAttributes<
     /**
      * onChange handler for the radio group.
      */
-    onChange: (e: React.FormEvent<HTMLInputElement>) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     /**
      * The value of the radio group.
      */
-    value: string | number;
+    value: V;
     /**
      * The name of the radio group.
      */
@@ -52,6 +52,6 @@ export interface RadioGroupProps extends CommonProps, React.InputHTMLAttributes<
  * @returns {JSX.Element} RadioGroup component
  */
 export declare const RadioGroup: {
-    ({ children, id, name, value, disabled, onChange, label, inline, className, dataTestId, isInvalid, }: RadioGroupProps): JSX.Element;
+    <V extends string | number = string>({ children, id, name, value, disabled, onChange, label, inline, className, dataTestId, isInvalid, }: RadioGroupProps<V>): JSX.Element;
     displayName: string;
 };

package/src/components/RadioGroup/RadioGroupContext.d.ts

@@ -5,7 +5,7 @@ interface RadioGroupContextProps {
     value: string | number;
     disabled?: boolean;
     isInvalid?: boolean;
-    onChange: (e: React.FormEvent<HTMLInputElement>) => void;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
 }
 export declare const RadioGroupContext: React.Context<RadioGroupContextProps | null>;
 export {};

package/src/components/RadioGroup/RadioItem.d.ts

@@ -1,6 +1,6 @@
 import { CommonProps } from "@trackunit/react-components";
 import * as React from "react";
-export interface RadioItemProps extends CommonProps {
+export interface RadioItemProps<V extends string | number = string> extends CommonProps {
     /**
      * The label of the radio item.
      */
@@ -8,7 +8,7 @@ export interface RadioItemProps extends CommonProps {
     /**
      * The value of the radio item.
      */
-    value: string | number;
+    value: V;
     /**
      * The description of the radio item.
      */
@@ -20,4 +20,4 @@ export interface RadioItemProps extends CommonProps {
  * @param {RadioItemProps} props - The props for the RadioItem component
  * @returns {JSX.Element} RadioItem component
  */
-export declare const RadioItem: ({ label, value, dataTestId, className, description }: RadioItemProps) => JSX.Element;
+export declare const RadioItem: <V extends string | number>({ label, value, dataTestId, className, description, }: RadioItemProps<V>) => JSX.Element;