@liguelead/design-system 0.0.7 → 0.0.8

package/components/TextField/TextField.tsx

@@ -12,7 +12,7 @@ import {
 import { textFieldSizes } from './TextField.sizes'
 import { Eye, EyeClosed } from '@phosphor-icons/react'
 
-const getState = (disabled: boolean, error: boolean) => {
+export const getState = (disabled: boolean, error: boolean) => {
     if (disabled) return 'disabled'
     if (error) return 'error'
     return 'default'
@@ -34,6 +34,7 @@ const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
             size = 'md',
             type = 'text',
             value,
+            register,
             ...props
         },
         ref // A ref passada pelo componente pai
@@ -83,10 +84,14 @@ const TextField = forwardRef<HTMLInputElement, TextFieldProps>(
                         ref={ref}
                         type={passwordVisible ? 'text' : 'password'}
                         value={value}
-                        onChange={onChange}
                         placeholder=" "
                         disabled={disabled}
                         {...props}
+                        {...register}
+                        onChange={e => {
+                            register?.onChange(e)
+                            onChange?.(e)
+                        }}
                     />
                     <FloatingLabel>{label}</FloatingLabel>
                 </InputWrapper>

package/components/TextField/TextField.types.ts

@@ -1,4 +1,4 @@
-import { FieldValues } from 'react-hook-form'
+import { FieldValues, UseFormRegisterReturn } from 'react-hook-form'
 import { TextFieldSize } from './TextField.sizes'
 import React from 'react'
 
@@ -17,4 +17,5 @@ export interface TextFieldProps<TFieldValues extends FieldValues = FieldValues>
     rightIcon?: React.ReactNode
     error?: TFieldValues
     type?: 'text' | 'password' | 'email' | 'number'
+    register?: UseFormRegisterReturn<string>
 }

package/components/ThemeProvider/ThemeProvider.tsx

@@ -1,30 +1,21 @@
 import { ThemeProvider as StyledTheme } from 'styled-components'
-import { themes} from '@liguelead/foundation'
-import { SpaThemeTypes } from '@liguelead/foundation/src/themes/spa'
+import { themes } from '@liguelead/foundation'
 import { globalStyle as Reset } from './style'
 
-
 interface ThemeProviderProps {
-  children: React.ReactNode
-  theme?: 'spa'
-}
-
-type SpaTheme = SpaThemeTypes
-
-declare module 'styled-components' {
-  export interface DefaultTheme extends SpaTheme{}
+    children: React.ReactNode
+    theme?: 'spa'
 }
 
 const ThemeProvider = ({ children, theme }: ThemeProviderProps) => {
-  const appliedTheme = theme ? themes[theme] : themes['spa']
-
-
-  return (
-    <StyledTheme theme={appliedTheme}>
-      <Reset />
-      {children}
-    </StyledTheme>
-  )
+    const appliedTheme = theme ? themes[theme] : themes['spa']
+
+    return (
+        <StyledTheme theme={appliedTheme}>
+            <Reset />
+            {children}
+        </StyledTheme>
+    )
 }
 
 export default ThemeProvider