@hanzo/ui 3.8.36 → 4.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hanzo/ui",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "4.0.0",
|
|
4
4
|
"description": "Library that contains shared UI primitives, support for a common design system, and other boilerplate support.",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"registry": "https://registry.npmjs.org/",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
},
|
|
45
45
|
"dependencies": {
|
|
46
46
|
"@hanzo/react-drawer": "0.1.7",
|
|
47
|
-
"@next/third-parties": "^
|
|
47
|
+
"@next/third-parties": "^15.0.1",
|
|
48
48
|
"@radix-ui/react-accordion": "^1.1.2",
|
|
49
49
|
"@radix-ui/react-aspect-ratio": "^1.0.3",
|
|
50
50
|
"@radix-ui/react-avatar": "^1.0.3",
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
"embla-carousel": "^8.1.6",
|
|
93
93
|
"lucide-react": "^0.344.0",
|
|
94
94
|
"mobx": "^6.12.3",
|
|
95
|
-
"next": "
|
|
95
|
+
"next": "^15.0.1",
|
|
96
96
|
"next-themes": "^0.2.1",
|
|
97
97
|
"react": "^18.3.1",
|
|
98
98
|
"react-dom": "^18.3.1",
|
|
@@ -107,9 +107,10 @@
|
|
|
107
107
|
"@types/gtag.js": "^0.0.19",
|
|
108
108
|
"@types/lodash.merge": "^4.6.9",
|
|
109
109
|
"@types/mdx": "^2.0.13",
|
|
110
|
+
"@types/node": "^17.0.45",
|
|
110
111
|
"@types/react": "^18.3.1",
|
|
111
112
|
"@types/react-dom": "^18.3.0",
|
|
112
113
|
"tailwindcss": "^3.4.3",
|
|
113
|
-
"typescript": "5.
|
|
114
|
+
"typescript": "5.6.3"
|
|
114
115
|
}
|
|
115
116
|
}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
'use client'
|
|
1
2
|
import React from 'react'
|
|
2
3
|
import dynamic from 'next/dynamic'
|
|
3
4
|
|
|
@@ -5,12 +6,13 @@ import { cn, type VariantProps } from '../util'
|
|
|
5
6
|
|
|
6
7
|
import type { ButtonDef, ButtonModalDef } from '../types'
|
|
7
8
|
import type { buttonVariants } from './button'
|
|
9
|
+
import DVC from './dialog-video-controller'
|
|
8
10
|
|
|
9
11
|
// The DVC must be rendered client-side since it accesses the DOM directly.
|
|
10
12
|
// There is no need for a loading UI since the dialog only opens
|
|
11
13
|
// once it's been rendered and the user is already waiting.
|
|
12
14
|
// https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading
|
|
13
|
-
const DynamicDVC = dynamic(() => (import('./dialog-video-controller')), {ssr: false})
|
|
15
|
+
//const DynamicDVC = dynamic(() => (import('./dialog-video-controller')), {ssr: false})
|
|
14
16
|
|
|
15
17
|
const ActionButton: React.FC<
|
|
16
18
|
VariantProps<typeof buttonVariants> &
|
|
@@ -27,7 +29,7 @@ const ActionButton: React.FC<
|
|
|
27
29
|
const m = def.action.def as ButtonModalDef
|
|
28
30
|
const Modal = m.Comp
|
|
29
31
|
return (
|
|
30
|
-
<
|
|
32
|
+
<DVC>
|
|
31
33
|
<Modal
|
|
32
34
|
title={m.title}
|
|
33
35
|
byline={m.byline}
|
|
@@ -37,7 +39,7 @@ const ActionButton: React.FC<
|
|
|
37
39
|
actionEnclosure={m.actionEnclosure}
|
|
38
40
|
{...m.props}
|
|
39
41
|
/>
|
|
40
|
-
</
|
|
42
|
+
</DVC>
|
|
41
43
|
)
|
|
42
44
|
}
|
|
43
45
|
// no other types supported yet
|