docs: migrate UI docs (#13245)

* docs: create a new UI docs project (#13233) * docs: create a new UI docs project * fix installation errors * docs: migrate UI docs content to new project (#13241) * Fix content * added examples for some components * finish adding examples * lint fix * fix build errors * delete empty files * path fixes + refactor * fix build error
2025-08-20 11:42:25 +03:00
parent 5b7a041246
commit d1a1135328
748 changed files with 13079 additions and 7319 deletions
@@ -0,0 +1,51 @@
+import { Spinner } from "@medusajs/icons"
+import { Container } from "@medusajs/ui"
+import * as React from "react"
+
+import { HookRegistry } from "@/specs/hooks"
+import Feedback from "../Feedback"
+
+type HookValuesProps = {
+  hook: string
+  hideFeedback?: boolean
+}
+
+const HookValues = ({ hook, hideFeedback = false }: HookValuesProps) => {
+  const Props = React.useMemo(() => {
+    const Table = HookRegistry[hook]?.table
+
+    if (!Table) {
+      return (
+        <div className="flex min-h-[200px] w-full items-center justify-center">
+          <p className="txt-compact-small">
+            No API reference found for{" "}
+            <span className="txt-compact-small-plus">{hook}</span>
+          </p>
+        </div>
+      )
+    }
+
+    return <Table />
+  }, [hook])
+
+  return (
+    <>
+      <Container className="mb-6 mt-8 overflow-hidden p-0">
+        <React.Suspense
+          fallback={
+            <div className="text-medusa-fg-muted flex flex-1 items-center justify-center">
+              <Spinner className="animate-spin" />
+            </div>
+          }
+        >
+          {Props}
+        </React.Suspense>
+      </Container>
+      {!hideFeedback && (
+        <Feedback title={`props of ${hook}`} showDottedSeparator={false} />
+      )}
+    </>
+  )
+}
+
+export { HookValues }