@lets-events/react 12.10.15 → 12.10.16

package/dist/index.js

@@ -11927,12 +11927,12 @@ var generateUniqueFilename = (originalName) => {
   return `${timestamp}_${random}.${extension}`;
 };
 var UploadService = class {
-  static getPresignedUrl(filename, contentType, config2) {
+  static getPresignedUrl(filename, contentType, config5) {
     return __async(this, null, function* () {
       var _a;
-      const apiUrl = config2.apiUrl;
-      const presignedUrlEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.presignedUrl;
-      const bucket = config2.s3Bucket;
+      const apiUrl = config5.apiUrl;
+      const presignedUrlEndpoint = (_a = config5.endpoints) == null ? void 0 : _a.presignedUrl;
+      const bucket = config5.s3Bucket;
       try {
         const response = yield fetch(`${apiUrl}${presignedUrlEndpoint}`, {
           method: "POST",
@@ -11956,12 +11956,12 @@ var UploadService = class {
       }
     });
   }
-  static uploadToS3(file, config2, onProgress) {
+  static uploadToS3(file, config5, onProgress) {
     return __async(this, null, function* () {
       try {
         const uniqueFilename = generateUniqueFilename(file.name);
         const blob = new Blob([file], { type: file.type });
-        const s3Url = `${config2.s3Url}/${uniqueFilename}`;
+        const s3Url = `${config5.s3Url}/${uniqueFilename}`;
         return new Promise((resolve, reject) => {
           const xhr = new XMLHttpRequest();
           xhr.upload.addEventListener("progress", (event) => {
@@ -12000,12 +12000,12 @@ var UploadService = class {
       }
     });
   }
-  static uploadViaAPI(file, config2, onProgress) {
+  static uploadViaAPI(file, config5, onProgress) {
     return __async(this, null, function* () {
       try {
         const formData = new FormData();
         formData.append("file", file);
-        const bucket = config2.s3Bucket;
+        const bucket = config5.s3Bucket;
         formData.append("bucket", bucket);
         const xhr = new XMLHttpRequest();
         return new Promise((resolve, reject) => {
@@ -12041,8 +12041,8 @@ var UploadService = class {
           xhr.addEventListener("error", () => {
             reject(new Error("Erro de rede durante upload"));
           });
-          const apiUrl = config2.apiUrl;
-          const uploadEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.upload;
+          const apiUrl = config5.apiUrl;
+          const uploadEndpoint = (_a = config5.endpoints) == null ? void 0 : _a.upload;
           xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
           xhr.send(formData);
         });

package/dist/index.mjs

@@ -11819,12 +11819,12 @@ var generateUniqueFilename = (originalName) => {
   return `${timestamp}_${random}.${extension}`;
 };
 var UploadService = class {
-  static getPresignedUrl(filename, contentType, config2) {
+  static getPresignedUrl(filename, contentType, config5) {
     return __async(this, null, function* () {
       var _a;
-      const apiUrl = config2.apiUrl;
-      const presignedUrlEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.presignedUrl;
-      const bucket = config2.s3Bucket;
+      const apiUrl = config5.apiUrl;
+      const presignedUrlEndpoint = (_a = config5.endpoints) == null ? void 0 : _a.presignedUrl;
+      const bucket = config5.s3Bucket;
       try {
         const response = yield fetch(`${apiUrl}${presignedUrlEndpoint}`, {
           method: "POST",
@@ -11848,12 +11848,12 @@ var UploadService = class {
       }
     });
   }
-  static uploadToS3(file, config2, onProgress) {
+  static uploadToS3(file, config5, onProgress) {
     return __async(this, null, function* () {
       try {
         const uniqueFilename = generateUniqueFilename(file.name);
         const blob = new Blob([file], { type: file.type });
-        const s3Url = `${config2.s3Url}/${uniqueFilename}`;
+        const s3Url = `${config5.s3Url}/${uniqueFilename}`;
         return new Promise((resolve, reject) => {
           const xhr = new XMLHttpRequest();
           xhr.upload.addEventListener("progress", (event) => {
@@ -11892,12 +11892,12 @@ var UploadService = class {
       }
     });
   }
-  static uploadViaAPI(file, config2, onProgress) {
+  static uploadViaAPI(file, config5, onProgress) {
     return __async(this, null, function* () {
       try {
         const formData = new FormData();
         formData.append("file", file);
-        const bucket = config2.s3Bucket;
+        const bucket = config5.s3Bucket;
         formData.append("bucket", bucket);
         const xhr = new XMLHttpRequest();
         return new Promise((resolve, reject) => {
@@ -11933,8 +11933,8 @@ var UploadService = class {
           xhr.addEventListener("error", () => {
             reject(new Error("Erro de rede durante upload"));
           });
-          const apiUrl = config2.apiUrl;
-          const uploadEndpoint = (_a = config2.endpoints) == null ? void 0 : _a.upload;
+          const apiUrl = config5.apiUrl;
+          const uploadEndpoint = (_a = config5.endpoints) == null ? void 0 : _a.upload;
           xhr.open("POST", `${apiUrl}${uploadEndpoint}`);
           xhr.send(formData);
         });

package/package.json

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

package/src/components/Badge.tsx

@@ -1,6 +1,6 @@
-import React from "react";
-import { ComponentProps, ElementType } from "react";
-import { styled } from "../styles";
+import React, { ComponentProps, CSSProperties, ElementType, ReactNode } from "react";
+import type { CSS } from "@stitches/react";
+import { styled, config } from "../styles";
 import { Badge as BadgeRadix } from "@radix-ui/themes";
 export const BadgeStyled = styled(BadgeRadix, {
   fontFamily: "$default",
@@ -103,15 +103,24 @@ export const BadgeStyled = styled(BadgeRadix, {
   },
 });
 
-export type BadgeProps = ComponentProps<typeof BadgeStyled> & {
+export type BadgeProps = {
   as?: ElementType;
+  asChild?: boolean;
+  color?: "primary" | "dark" | "light" | "red" | "green" | "yellow" | "orange" | "blue" | "pink" | "purple" | "grey" | "disable";
+  size?: "xs" | "sm" | "md" | "xl";
+  fontWeight?: "regular" | "medium" | "semibold" | "bold";
+  radii?: "full";
   icon?: boolean;
-  children: React.ReactNode;
+  children: ReactNode;
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  css?: CSS<typeof config>;
 };
 
 export function Badge({ asChild, children, ...props }: BadgeProps) {
   return (
-    <BadgeStyled {...props}>
+    <BadgeStyled {...(props as ComponentProps<typeof BadgeStyled>)}>
       {React.Children.map(children, (child) => {
         if (React.isValidElement(child)) {
           return React.cloneElement(child, { size: props.size } as any);

package/src/components/Button/index.tsx

@@ -1,5 +1,7 @@
 import { ButtonHTMLAttributes, ComponentProps, CSSProperties, ReactNode, useMemo } from "react";
+import type { CSS } from "@stitches/react";
 import { ButtonStyled, SpinningDiv } from "./styledComponents";
+import { config } from "../../styles";
 import { Button as ButtonRadix } from "@radix-ui/themes";
 import Icon, { IconProps } from "../Icon";
 import { Flex } from "../Flex";
@@ -31,7 +33,7 @@ export interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
   children?: ReactNode;
   className?: string;
   style?: CSSProperties;
-  css?: ComponentProps<typeof ButtonStyled>["css"];
+  css?: CSS<typeof config>;
 }
 
 export function Button({ asChild, children, loading, ...props }: ButtonProps) {

package/src/components/Flex.tsx

@@ -1,5 +1,6 @@
 import { ComponentProps, CSSProperties, ElementType, ReactNode } from 'react';
-import { styled } from '../styles'
+import type { CSS } from '@stitches/react';
+import { styled, config } from '../styles'
 import { Flex as FlexRadix } from "@radix-ui/themes";
 export const FlexStyled = styled(FlexRadix, {
   variants: {
@@ -104,8 +105,7 @@ export const FlexStyled = styled(FlexRadix, {
 
 })
 
-type StitchesFlexProps = ComponentProps<typeof FlexStyled>;
-type GapValue = NonNullable<StitchesFlexProps['gap']>;
+type GapValue = NonNullable<ComponentProps<typeof FlexStyled>['gap']>;
 
 export type FlexProps = {
   as?: ElementType;
@@ -119,7 +119,7 @@ export type FlexProps = {
   gapY?: Exclude<GapValue, 0 | '0'>;
   className?: string;
   style?: CSSProperties;
-  css?: StitchesFlexProps['css'];
+  css?: CSS<typeof config>;
 };
 
 export function Flex({ children, ...props }: FlexProps) {

package/src/components/Text.tsx

@@ -1,5 +1,6 @@
-import { ComponentProps, CSSProperties, ElementType, ReactNode } from "react";
-import { styled } from "../styles";
+import { CSSProperties, ElementType, ReactNode } from "react";
+import type { CSS } from "@stitches/react";
+import { styled, config } from "../styles";
 import { Text as TextRadix } from "@radix-ui/themes";
 import { typographyValues } from "../types/typographyValues";
 
@@ -37,7 +38,7 @@ export type TextProps = {
   "aria-hidden"?: boolean | "true" | "false";
   className?: string;
   style?: CSSProperties;
-  css?: ComponentProps<typeof TextStyle>["css"];
+  css?: CSS<typeof config>;
 };
 
 export function Text({ color, ...props }: TextProps) {