@lets-events/react 12.10.7 → 12.10.9

package/.turbo/turbo-build.log

@@ -1,6 +1,6 @@
 
 
-> @lets-events/react@12.10.7 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
-ESM dist/index.mjs 415.81 KB
-ESM ⚡️ Build success in 569ms
-CJS dist/index.js 431.44 KB
-CJS ⚡️ Build success in 570ms
+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 58622ms
-DTS dist/index.d.mts 405.26 KB
-DTS dist/index.d.ts  405.26 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,17 @@
 # @lets-events/react
 
+## 12.10.9
+
+### Patch Changes
+
+- RadioGroupFormFieldProp
+
+## 12.10.8
+
+### Patch Changes
+
+- Drawer actionButton Prop
+
 ## 12.10.7
 
 ### Patch Changes

package/dist/index.d.mts

@@ -5142,8 +5142,9 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
     goBackAction?: () => void;
     zIndex?: number;
     clickOutsideAvailable?: boolean;
+    actionButton?: ReactNode;
 };
-declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, clickOutsideAvailable, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, clickOutsideAvailable, actionButton, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     expand?: boolean | "true" | undefined;
@@ -15229,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

@@ -5142,8 +5142,9 @@ type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
     goBackAction?: () => void;
     zIndex?: number;
     clickOutsideAvailable?: boolean;
+    actionButton?: ReactNode;
 };
-declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, clickOutsideAvailable, }: DrawerProps): react_jsx_runtime.JSX.Element;
+declare function Drawer({ isOpen, onClose, width, backgroundColor, title, children, goBackIcon, goBackAction, zIndex, clickOutsideAvailable, actionButton, }: DrawerProps): react_jsx_runtime.JSX.Element;
 
 declare const TimePickerStyled: _stitches_react_types_styled_component.StyledComponent<"div", {
     expand?: boolean | "true" | undefined;
@@ -15229,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

@@ -8770,7 +8770,8 @@ function Drawer({
   goBackIcon,
   goBackAction,
   zIndex = 1e3,
-  clickOutsideAvailable = true
+  clickOutsideAvailable = true,
+  actionButton = null
 }) {
   (0, import_react10.useEffect)(() => {
     if (isOpen) {
@@ -8822,7 +8823,10 @@ function Drawer({
                   goBackIcon && goBackIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(GoBackButtonStyled, { type: "button", onClick: goBackAction, children: goBackIcon }),
                   /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerHeaderTitle, { children: title })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerHeaderCloseButton, { onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon_default, { size: "xl", color: "$dark600", name: "xmark" }) })
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Flex, { gap: 8, children: [
+                  actionButton && actionButton,
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(DrawerHeaderCloseButton, { onClick: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(Icon_default, { size: "xl", color: "$dark600", name: "xmark" }) })
+                ] })
               ] }),
               isOpen ? children : null
             ]
@@ -11723,7 +11727,8 @@ var RadioGroupFormField = ({
   validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
   color = "blue",
   fontWeight = "regular",
-  disabled = false
+  disabled = false,
+  orientation = "vertical"
 }) => {
   const {
     control,
@@ -11760,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

@@ -8653,7 +8653,8 @@ function Drawer({
   goBackIcon,
   goBackAction,
   zIndex = 1e3,
-  clickOutsideAvailable = true
+  clickOutsideAvailable = true,
+  actionButton = null
 }) {
   useEffect5(() => {
     if (isOpen) {
@@ -8705,7 +8706,10 @@ function Drawer({
                   goBackIcon && goBackIcon && /* @__PURE__ */ jsx17(GoBackButtonStyled, { type: "button", onClick: goBackAction, children: goBackIcon }),
                   /* @__PURE__ */ jsx17(DrawerHeaderTitle, { children: title })
                 ] }),
-                /* @__PURE__ */ jsx17(DrawerHeaderCloseButton, { onClick: onClose, children: /* @__PURE__ */ jsx17(Icon_default, { size: "xl", color: "$dark600", name: "xmark" }) })
+                /* @__PURE__ */ jsxs9(Flex, { gap: 8, children: [
+                  actionButton && actionButton,
+                  /* @__PURE__ */ jsx17(DrawerHeaderCloseButton, { onClick: onClose, children: /* @__PURE__ */ jsx17(Icon_default, { size: "xl", color: "$dark600", name: "xmark" }) })
+                ] })
               ] }),
               isOpen ? children : null
             ]
@@ -11615,7 +11619,8 @@ var RadioGroupFormField = ({
   validationErrorMessage = "Este campo \xE9 obrigat\xF3rio.",
   color = "blue",
   fontWeight = "regular",
-  disabled = false
+  disabled = false,
+  orientation = "vertical"
 }) => {
   const {
     control,
@@ -11652,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.7",
+  "version": "12.10.9",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/Drawer/index.tsx

@@ -24,6 +24,7 @@ export type DrawerProps = ComponentProps<typeof DrawerOverlayStyled> & {
   goBackAction?: () => void;
   zIndex?: number;
   clickOutsideAvailable?: boolean;
+  actionButton?: ReactNode;
 };
 
 export function Drawer({
@@ -37,6 +38,7 @@ export function Drawer({
   goBackAction,
   zIndex = 1000,
   clickOutsideAvailable = true,
+  actionButton = null,
 }: DrawerProps) {
   useEffect(() => {
     if (isOpen) {
@@ -91,9 +93,12 @@ export function Drawer({
               )}
               <DrawerHeaderTitle>{title}</DrawerHeaderTitle>
             </Flex>
-            <DrawerHeaderCloseButton onClick={onClose}>
-              <Icon size={"xl"} color="$dark600" name="xmark" />
-            </DrawerHeaderCloseButton>
+            <Flex gap={8}>
+              {actionButton && actionButton}
+              <DrawerHeaderCloseButton onClick={onClose}>
+                <Icon size={"xl"} color="$dark600" name="xmark" />
+              </DrawerHeaderCloseButton>
+            </Flex>
           </DrawerHeaderDiv>
           {isOpen ? children : null}
         </DrawerContainerStyled>

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>