feat: migrate to ReactTypeTable

daangn · Dec 17, 2024 · 98df7c2 · 98df7c2
1 parent c6cf6da
commit 98df7c2
Show file tree

Hide file tree

Showing 21 changed files with 37 additions and 24 deletions.
diff --git a/docs/components/mdx/mdx-components.ts b/docs/components/mdx/mdx-components.ts
@@ -4,15 +4,13 @@ import { Installation } from "@/components/installation";
 import { SanityGuideline } from "@/components/sanity/sanity-content";
 import { StackflowExample } from "@/components/stackflow-example";
 import { TokenTable } from "@/components/token-table";
-import { createTypeTable } from "fumadocs-typescript/ui";
 import { File, Files, Folder } from "fumadocs-ui/components/files";
 import { Step, Steps } from "fumadocs-ui/components/steps";
 import { Tab, Tabs } from "fumadocs-ui/components/tabs";
 import defaultMdxComponents from "fumadocs-ui/mdx";
 import { AtomIcon } from "lucide-react";
 import { createReactTypeTable } from "../react-type-table";
 
-const { AutoTypeTable } = createTypeTable();
 const { ReactTypeTable } = createReactTypeTable();
 
 export const mdxComponents = {
@@ -31,6 +29,5 @@ export const mdxComponents = {
   Files,
   AtomIcon,
   StackflowExample,
-  AutoTypeTable,
   ReactTypeTable,
 };
diff --git a/docs/content/docs/react/components/action-chip.mdx b/docs/content/docs/react/components/action-chip.mdx
@@ -8,6 +8,10 @@ title: Action Chip
 
 <Installation name="action-chip" />
 
+## Props
+
+<ReactTypeTable path="./registry/ui/action-chip.tsx" name="ActionChipProps" />
+
 ## 예제
 
 ### Medium

diff --git a/docs/content/docs/react/components/badge.mdx b/docs/content/docs/react/components/badge.mdx
@@ -9,6 +9,10 @@ title: Badge
 
 <Installation name="badge" />
 
+## Props
+
+<ReactTypeTable path="./registry/ui/badge.tsx" name="BadgeProps" />
+
 ## 예제
 
 ### Medium

diff --git a/docs/content/docs/react/components/callouts/actionable-callout.mdx b/docs/content/docs/react/components/callouts/actionable-callout.mdx
@@ -11,7 +11,7 @@ description: 컴포넌트 내부 전체 영역을 클릭하여 동작을 실행
 
 ## Props
 
-<AutoTypeTable path="./registry/ui/callout.tsx" name="ActionableCalloutProps" />
+<ReactTypeTable path="./registry/ui/callout.tsx" name="ActionableCalloutProps" />
 
 ## 예제
 

diff --git a/docs/content/docs/react/components/callouts/callout.mdx b/docs/content/docs/react/components/callouts/callout.mdx
@@ -11,7 +11,7 @@ description: 사용자의 주목을 끌어 중요한 정보를 강조하는 컴
 
 ## Props
 
-<AutoTypeTable path="./registry/ui/callout.tsx" name="CalloutProps" />
+<ReactTypeTable path="./registry/ui/callout.tsx" name="CalloutProps" />
 
 ## 예제
 

diff --git a/docs/content/docs/react/components/callouts/dismissible-callout.mdx b/docs/content/docs/react/components/callouts/dismissible-callout.mdx
@@ -11,7 +11,7 @@ description: 사용자가 닫을 수 있는 콜아웃이에요.
 
 ## Props
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/callout.tsx"
   name="DismissibleCalloutProps"
 />

diff --git a/docs/content/docs/react/components/checkbox.mdx b/docs/content/docs/react/components/checkbox.mdx
@@ -10,7 +10,7 @@ title: Checkbox
 
 ## Props
 
-<AutoTypeTable path="./registry/ui/checkbox.tsx" name="CheckboxProps" />
+<ReactTypeTable path="./registry/ui/checkbox.tsx" name="CheckboxProps" />
 
 ### Size
 

diff --git a/docs/content/docs/react/components/control-chip.mdx b/docs/content/docs/react/components/control-chip.mdx
@@ -8,6 +8,10 @@ title: Control Chip
 
 <Installation name="control-chip" />
 
+## Props (Toggle)
+
+<ReactTypeTable path="./registry/ui/control-chip.tsx" name="ControlChipToggleProps" />
+
 ## 예제
 
 ### Medium

diff --git a/docs/content/docs/react/components/expand-button.mdx b/docs/content/docs/react/components/expand-button.mdx
@@ -10,4 +10,4 @@ title: Expand Button
 
 ## Props
 
-<AutoTypeTable path="./registry/ui/expand-button.tsx" name="ExpandButtonProps" />
+<ReactTypeTable path="./registry/ui/expand-button.tsx" name="ExpandButtonProps" />
diff --git a/docs/content/docs/react/components/inline-banners/actionable-inline-banner.mdx b/docs/content/docs/react/components/inline-banners/actionable-inline-banner.mdx
@@ -11,7 +11,7 @@ description: 컴포넌트 내부 전체 영역을 클릭하여 동작을 실행
 
 ## Props
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/inline-banner.tsx"
   name="ActionableInlineBannerProps"
 />

diff --git a/docs/content/docs/react/components/inline-banners/dismissible-inline-banner.mdx b/docs/content/docs/react/components/inline-banners/dismissible-inline-banner.mdx
@@ -11,7 +11,7 @@ description: 사용자가 닫을 수 있는 인라인 배너에요.
 
 ## Props
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/inline-banner.tsx"
   name="DismissibleInlineBannerProps"
 />

diff --git a/docs/content/docs/react/components/inline-banners/inline-banner.mdx b/docs/content/docs/react/components/inline-banners/inline-banner.mdx
@@ -11,7 +11,7 @@ description: 사용자가 꼭 알아야 하는 경고 메시지나 현재 상태
 
 ## Props
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/inline-banner.tsx"
   name="InlineBannerProps"
 />

diff --git a/docs/content/docs/react/components/progress-circle.mdx b/docs/content/docs/react/components/progress-circle.mdx
@@ -8,6 +8,10 @@ title: Progress Circle
 
 <Installation name="progress-circle" />
 
+## Props
+
+<ReactTypeTable path="./registry/ui/progress-circle.tsx" name="ProgressCircleProps" />
+
 ## 예제
 
 ### Neutral

diff --git a/docs/content/docs/react/components/segmented-control.mdx b/docs/content/docs/react/components/segmented-control.mdx
@@ -12,7 +12,7 @@ title: Segmented Control
 
 ### `SegmentedControl`
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/segmented-control.tsx"
   name="SegmentedControlProps"
 />
@@ -25,7 +25,7 @@ title: Segmented Control
 
 ### `Segment`
 
-<AutoTypeTable path="./registry/ui/segmented-control.tsx" name="SegmentProps" />
+<ReactTypeTable path="./registry/ui/segmented-control.tsx" name="SegmentProps" />
 
 ## 예제
 

diff --git a/docs/content/docs/react/components/select-boxes/select-box-check-group.mdx b/docs/content/docs/react/components/select-boxes/select-box-check-group.mdx
@@ -16,7 +16,7 @@ title: Select Box Check Group
 
 ### `SelectBoxCheck`
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/select-box-group.tsx"
   name="SelectBoxCheckProps"
 />
diff --git a/docs/content/docs/react/components/select-boxes/select-box-radio-group.mdx b/docs/content/docs/react/components/select-boxes/select-box-radio-group.mdx
@@ -12,14 +12,14 @@ title: Select Box Radio Group
 
 ### `SelectBoxRadioGroup`
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/select-box-group.tsx"
   name="SelectBoxRadioGroupProps"
 />
 
 ### `SelectBoxRadio`
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/select-box-group.tsx"
   name="SelectBoxRadioProps"
 />
diff --git a/docs/content/docs/react/components/switch.mdx b/docs/content/docs/react/components/switch.mdx
@@ -10,7 +10,7 @@ title: Switch
 
 ## Props
 
-<AutoTypeTable path="./registry/ui/switch.tsx" name="SwitchProps" />
+<ReactTypeTable path="./registry/ui/switch.tsx" name="SwitchProps" />
 
 ## 예제
 

diff --git a/docs/content/docs/react/components/tabs/tabs.mdx b/docs/content/docs/react/components/tabs/tabs.mdx
@@ -12,11 +12,11 @@ title: Tabs
 
 Tabs
 
-<AutoTypeTable path="./registry/ui/tabs.tsx" name="TabsProps" />
+<ReactTypeTable path="./registry/ui/tabs.tsx" name="TabsProps" />
 
 TabTrigger
 
-<AutoTypeTable path="./registry/ui/tabs.tsx" name="TabTriggerProps" />
+<ReactTypeTable path="./registry/ui/tabs.tsx" name="TabTriggerProps" />
 
 ## 예제
 

diff --git a/docs/content/docs/react/components/text-button.mdx b/docs/content/docs/react/components/text-button.mdx
@@ -10,7 +10,7 @@ title: Text Button
 
 ## Props
 
-<AutoTypeTable path="./registry/ui/text-button.tsx" name="TextButtonProps" />
+<ReactTypeTable path="./registry/ui/text-button.tsx" name="TextButtonProps" />
 
 ## 예제
 

diff --git a/docs/content/docs/react/components/text-fields/multiline-text-field.mdx b/docs/content/docs/react/components/text-fields/multiline-text-field.mdx
@@ -13,11 +13,11 @@ description: 사용자가 입력할 수 있는 텍스트를 받는 컴포넌트
 
 ### `FormControl`
 
-<AutoTypeTable path="./registry/ui/text-field.tsx" name="FormControlProps" />
+<ReactTypeTable path="./registry/ui/text-field.tsx" name="FormControlProps" />
 
 ### `MultilineTextField`
 
-<AutoTypeTable
+<ReactTypeTable
   path="./registry/ui/text-field.tsx"
   name="MultilineTextFieldProps"
 />

diff --git a/docs/content/docs/react/components/text-fields/text-field.mdx b/docs/content/docs/react/components/text-fields/text-field.mdx
@@ -13,11 +13,11 @@ description: 사용자가 입력할 수 있는 텍스트를 받는 컴포넌트
 
 ### `FormControl`
 
-<AutoTypeTable path="./registry/ui/text-field.tsx" name="FormControlProps" />
+<ReactTypeTable path="./registry/ui/text-field.tsx" name="FormControlProps" />
 
 ### `TextField`
 
-<AutoTypeTable path="./registry/ui/text-field.tsx" name="TextFieldProps" />
+<ReactTypeTable path="./registry/ui/text-field.tsx" name="TextFieldProps" />
 
 ## 예제
Original file line number	Diff line number	Diff line change
Expand Up		@@ -10,4 +10,4 @@ title: Expand Button

		## Props

		<AutoTypeTable path="./registry/ui/expand-button.tsx" name="ExpandButtonProps" />
		<ReactTypeTable path="./registry/ui/expand-button.tsx" name="ExpandButtonProps" />