@lets-events/react 12.10.8 → 12.10.9

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.10.8 build
+> @lets-events/react@12.10.9 build
 > tsup src/index.tsx  --format esm,cjs --dts --external react
 
 CLI Building entry: src/index.tsx
@@ -10,12 +10,12 @@
 CLI Target: es6
 ESM Build start
 CJS Build start
-CJS dist/index.js 431.62 KB
-CJS ⚡️ Build success in 301ms
-ESM dist/index.mjs 415.97 KB
-ESM ⚡️ Build success in 301ms
+CJS dist/index.js 431.69 KB
+CJS ⚡️ Build success in 285ms
+ESM dist/index.mjs 416.04 KB
+ESM ⚡️ Build success in 286ms
 DTS Build start
-DTS ⚡️ Build success in 6076ms
-DTS dist/index.d.mts 405.30 KB
-DTS dist/index.d.ts  405.30 KB
+DTS ⚡️ Build success in 6361ms
+DTS dist/index.d.mts 405.36 KB
+DTS dist/index.d.ts  405.36 KB
 ⠙

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @lets-events/react
 
+## 12.10.9
+
+### Patch Changes
+
+- RadioGroupFormFieldProp
+
 ## 12.10.8
 
 ### Patch Changes

package/dist/index.d.mts

@@ -15230,8 +15230,9 @@ type RadioGroupFormFieldProps = {
     color?: "blue" | "success" | "error";
     fontWeight?: "regular" | "medium" | "semibold" | "bold";
     disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
 };
-declare const RadioGroupFormField: ({ name, label, options, required, defaultValue, validationErrorMessage, color, fontWeight, disabled, }: RadioGroupFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RadioGroupFormField: ({ name, label, options, required, defaultValue, validationErrorMessage, color, fontWeight, disabled, orientation, }: RadioGroupFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type Option$1 = {
     label: string;

package/dist/index.d.ts

@@ -15230,8 +15230,9 @@ type RadioGroupFormFieldProps = {
     color?: "blue" | "success" | "error";
     fontWeight?: "regular" | "medium" | "semibold" | "bold";
     disabled?: boolean;
+    orientation?: 'horizontal' | 'vertical';
 };
-declare const RadioGroupFormField: ({ name, label, options, required, defaultValue, validationErrorMessage, color, fontWeight, disabled, }: RadioGroupFormFieldProps) => react_jsx_runtime.JSX.Element;
+declare const RadioGroupFormField: ({ name, label, options, required, defaultValue, validationErrorMessage, color, fontWeight, disabled, orientation, }: RadioGroupFormFieldProps) => react_jsx_runtime.JSX.Element;
 
 type Option$1 = {
     label: string;

package/dist/index.js

@@ -11727,7 +11727,8 @@ var RadioGroupFormField = ({
   validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
   color = "blue",
   fontWeight = "regular",
-  disabled = false
+  disabled = false,
+  orientation = "vertical"
 }) => {
   const {
     control,
@@ -11764,7 +11765,7 @@ var RadioGroupFormField = ({
             color: haveError ? "error" : color,
             fontWeight,
             disabled,
-            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Flex, { direction: "column", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RadioItem, { value: option.value, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Text, { typography: "labelSmall", children: option.label }) }, option.value)) })
+            children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Flex, { direction: orientation === "horizontal" ? "row" : "column", children: options.map((option) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(RadioItem, { value: option.value, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Text, { typography: "labelSmall", children: option.label }) }, option.value)) })
           }
         )
       }

package/dist/index.mjs

@@ -11619,7 +11619,8 @@ var RadioGroupFormField = ({
   validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
   color = "blue",
   fontWeight = "regular",
-  disabled = false
+  disabled = false,
+  orientation = "vertical"
 }) => {
   const {
     control,
@@ -11656,7 +11657,7 @@ var RadioGroupFormField = ({
             color: haveError ? "error" : color,
             fontWeight,
             disabled,
-            children: /* @__PURE__ */ jsx49(Flex, { direction: "column", children: options.map((option) => /* @__PURE__ */ jsx49(RadioItem, { value: option.value, children: /* @__PURE__ */ jsx49(Text, { typography: "labelSmall", children: option.label }) }, option.value)) })
+            children: /* @__PURE__ */ jsx49(Flex, { direction: orientation === "horizontal" ? "row" : "column", children: options.map((option) => /* @__PURE__ */ jsx49(RadioItem, { value: option.value, children: /* @__PURE__ */ jsx49(Text, { typography: "labelSmall", children: option.label }) }, option.value)) })
           }
         )
       }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.10.8",
+  "version": "12.10.9",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/FormFields/RadioGroupFormField.tsx

@@ -21,6 +21,7 @@ export type RadioGroupFormFieldProps = {
   color?: "blue" | "success" | "error";
   fontWeight?: "regular" | "medium" | "semibold" | "bold";
   disabled?: boolean;
+  orientation?: 'horizontal' | 'vertical';
 };
 
 export const RadioGroupFormField = ({
@@ -33,6 +34,7 @@ export const RadioGroupFormField = ({
   color = "blue",
   fontWeight = "regular",
   disabled = false,
+  orientation = 'vertical',
 }: RadioGroupFormFieldProps) => {
   const {
     control,
@@ -69,7 +71,7 @@ export const RadioGroupFormField = ({
             fontWeight={fontWeight}
             disabled={disabled}
           >
-            <Flex direction="column">
+            <Flex direction={orientation === 'horizontal' ? 'row' : 'column'}>
               {options.map((option) => (
                 <RadioItem key={option.value} value={option.value}>
                   <Text typography={"labelSmall"}>{option.label}</Text>