Update bindings (#124)

* fix: 'type_' -> 'type' * feat: add `autoFocus` prop to textfield * version packages
green-labs · Jan 16, 2023 · 53918a5 · 53918a5
1 parent f6d0322
commit 53918a5
Show file tree

Hide file tree

Showing 6 changed files with 17 additions and 5 deletions.
diff --git a/.changeset/modern-suns-grin.md b/.changeset/modern-suns-grin.md
@@ -0,0 +1,7 @@
+---
+"@greenlabs/formula-components": patch
+"@greenlabs/rescript-formula-components": patch
+---
+
+- type 바인딩 오류 수정
+- TextField `autoFocus` prop 추가
diff --git a/packages/components-rescript/__tests__/Formula_test.res b/packages/components-rescript/__tests__/Formula_test.res
@@ -118,14 +118,14 @@ let textTextTab = () => {
       title="텍스트 "
       value="b"
       badge={{
-        type_: #countSimple,
+        _type: #countSimple,
         value: 9,
       }}
     />
     <TextTab.Trigger
       value="c"
       badge={{
-        type_: #simple,
+        _type: #simple,
       }}>
       <Icon.ArrowDownLineBold />
     </TextTab.Trigger>

diff --git a/packages/components-rescript/src/Formula__Button.res b/packages/components-rescript/src/Formula__Button.res
@@ -26,7 +26,7 @@ module Container = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     // React Synthetic Events
-    @as("type") ~type_: string=?,
+    ~_type: string=?,
     ~onClick: ReactEvent.Mouse.t => unit=?,
     // Formula Button Props
     ~color: color,
@@ -48,7 +48,7 @@ module Icon = {
   @module("@greenlabs/formula-components") @react.component
   external make: (
     // React Synthetic Events
-    @as("type") ~type_: string=?,
+    ~_type: string=?,
     ~onClick: ReactEvent.Mouse.t => unit=?,
     // Formula Button Props
     ~color: color,

diff --git a/packages/components-rescript/src/Formula__TextField.res b/packages/components-rescript/src/Formula__TextField.res
@@ -16,6 +16,7 @@ type renderInputProps<'a> = {
   minLength?: int,
   maxLength?: int,
   pattern?: string,
+  autoFocus?: bool,
   onChange?: ReactEvent.Form.t => unit,
   onFocus?: ReactEvent.Focus.t => unit,
   onBlur?: ReactEvent.Focus.t => unit,
@@ -53,6 +54,7 @@ external make: (
   ~inputMode: inputMode=?,
   ~required: bool=?,
   ~form: string=?,
+  ~autoFocus: bool=?,
   ~onChange: ReactEvent.Form.t => unit=?,
   ~onFocus: ReactEvent.Focus.t => unit=?,
   ~onBlur: ReactEvent.Focus.t => unit=?,

diff --git a/packages/components-rescript/src/Formula__TextTab.res b/packages/components-rescript/src/Formula__TextTab.res
@@ -16,7 +16,7 @@ module List = {
 
 module Trigger = {
   type badgeType = {
-    type_: [#count | #simple | #countSimple],
+    @as("type") _type: [#count | #simple | #countSimple],
     value?: int,
   }
 

diff --git a/packages/components/src/TextField/TextField.tsx b/packages/components/src/TextField/TextField.tsx
@@ -51,6 +51,7 @@ type inputProps = {
   pattern?: InputAttributes["pattern"]
   required?: InputAttributes["required"]
   form?: InputAttributes["form"]
+  autoFocus?: InputAttributes["autoFocus"]
   type?: "text" | "password" | "search" | "tel"
 }
 
@@ -120,6 +121,7 @@ export const TextField = React.forwardRef<InputElement, TextFieldProps>(
       onFocus,
       required,
       form,
+      autoFocus,
       options = {
         hideClearButton: false,
         showHintOnFocusOnly: false,
@@ -180,6 +182,7 @@ export const TextField = React.forwardRef<InputElement, TextFieldProps>(
       inputMode,
       required,
       form,
+      autoFocus,
       onInput,
       onKeyDown,
       onKeyUp,