playbook_ui 14.9.0.pre.alpha.PBNTR686advancedtablepaginationpoc4747 → 14.9.0.pre.alpha.play1742globalheightfixes4766
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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_drawer/_drawer.tsx +2 -2
- data/app/pb_kits/playbook/pb_layout/_layout.tsx +30 -11
- data/dist/chunks/{_weekday_stacked-DSEuqOLN.js → _weekday_stacked-DjRTXEi-.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +3 -3
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: b11194d151b3e24db52c214a1e3dcad53c2a70fa66202a339f52208baea87636
|
|
4
|
+
data.tar.gz: bc9bcfd9149d3501e2ad32a85e5f20c49d0b9a24366a3432cbd1af254a32a8f4
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 05141da61222882833c06a7e264cab818552acf7ee1624a77196a3103c8942ae867d353d012680db35d702676c933cb125f91e51c7db966fec51b96d8b84a723
|
|
7
|
+
data.tar.gz: be4d849aaac1e5ae95a43d1714b7cde01235d586f9eaf871e55d399fda9291bc26b45c4a590460147364001d872e0835dc9e3518e1a18ace66bbd97d9e0cd242
|
|
@@ -287,7 +287,6 @@ const Drawer = (props: DrawerProps): React.ReactElement => {
|
|
|
287
287
|
{...ariaProps}
|
|
288
288
|
{...dataProps}
|
|
289
289
|
{...htmlProps}
|
|
290
|
-
style={dynamicInlineProps}
|
|
291
290
|
className={classnames(drawerClassNames.base, {
|
|
292
291
|
[drawerClassNames.afterOpen]:
|
|
293
292
|
animationState === "afterOpen",
|
|
@@ -296,6 +295,7 @@ const Drawer = (props: DrawerProps): React.ReactElement => {
|
|
|
296
295
|
})}
|
|
297
296
|
id={id}
|
|
298
297
|
onClick={(e) => e.stopPropagation()}
|
|
298
|
+
style={dynamicInlineProps}
|
|
299
299
|
>
|
|
300
300
|
{children}
|
|
301
301
|
</div>
|
|
@@ -306,7 +306,6 @@ const Drawer = (props: DrawerProps): React.ReactElement => {
|
|
|
306
306
|
{...dataProps}
|
|
307
307
|
{...htmlProps}
|
|
308
308
|
className={classes}
|
|
309
|
-
style={dynamicInlineProps}
|
|
310
309
|
>
|
|
311
310
|
{isModalVisible && (
|
|
312
311
|
<div
|
|
@@ -327,6 +326,7 @@ const Drawer = (props: DrawerProps): React.ReactElement => {
|
|
|
327
326
|
animationState === "beforeClose",
|
|
328
327
|
})}
|
|
329
328
|
onClick={(e) => e.stopPropagation()}
|
|
329
|
+
style={dynamicInlineProps}
|
|
330
330
|
>
|
|
331
331
|
{children}
|
|
332
332
|
</div>
|
|
@@ -24,34 +24,37 @@ type LayoutPropTypes = {
|
|
|
24
24
|
type LayoutSideProps = {
|
|
25
25
|
children: React.ReactNode[] | React.ReactNode,
|
|
26
26
|
className?: string,
|
|
27
|
-
}
|
|
27
|
+
} & GlobalProps
|
|
28
28
|
|
|
29
29
|
type LayoutBodyProps = {
|
|
30
30
|
children: React.ReactNode[] | React.ReactNode,
|
|
31
31
|
className?: string,
|
|
32
|
-
}
|
|
32
|
+
} & GlobalProps
|
|
33
33
|
|
|
34
34
|
type LayoutItemProps = {
|
|
35
35
|
children: React.ReactNode[] | React.ReactNode,
|
|
36
36
|
className?: string,
|
|
37
37
|
size?: "sm" | "md" | "lg"
|
|
38
|
-
}
|
|
38
|
+
} & GlobalProps
|
|
39
39
|
|
|
40
40
|
type LayoutHeaderProps = {
|
|
41
41
|
children: React.ReactNode[] | React.ReactNode,
|
|
42
42
|
className?: string,
|
|
43
|
-
}
|
|
43
|
+
} & GlobalProps
|
|
44
44
|
|
|
45
45
|
type LayoutFooterProps = {
|
|
46
46
|
children: React.ReactNode[] | React.ReactNode,
|
|
47
47
|
className?: string,
|
|
48
|
-
}
|
|
48
|
+
} & GlobalProps
|
|
49
49
|
|
|
50
|
-
// Side component
|
|
51
50
|
const Side = (props: LayoutSideProps) => {
|
|
52
51
|
const { children, className } = props
|
|
52
|
+
const dynamicInlineProps = globalInlineProps(props)
|
|
53
53
|
return (
|
|
54
|
-
<div
|
|
54
|
+
<div
|
|
55
|
+
className={classnames('layout_sidebar', globalProps(props), className)}
|
|
56
|
+
style={dynamicInlineProps}
|
|
57
|
+
>
|
|
55
58
|
{children}
|
|
56
59
|
</div>
|
|
57
60
|
)
|
|
@@ -60,8 +63,12 @@ const Side = (props: LayoutSideProps) => {
|
|
|
60
63
|
// Body component
|
|
61
64
|
const Body = (props: LayoutBodyProps) => {
|
|
62
65
|
const { children, className } = props
|
|
66
|
+
const dynamicInlineProps = globalInlineProps(props)
|
|
63
67
|
return (
|
|
64
|
-
<div
|
|
68
|
+
<div
|
|
69
|
+
className={classnames('layout_body', globalProps(props), className)}
|
|
70
|
+
style={dynamicInlineProps}
|
|
71
|
+
>
|
|
65
72
|
{children}
|
|
66
73
|
</div>
|
|
67
74
|
)
|
|
@@ -71,8 +78,12 @@ const Body = (props: LayoutBodyProps) => {
|
|
|
71
78
|
const Item = (props: LayoutItemProps) => {
|
|
72
79
|
const { children, className, size = 'sm' } = props
|
|
73
80
|
const sizeClass = `size_${size}`
|
|
81
|
+
const dynamicInlineProps = globalInlineProps(props)
|
|
74
82
|
return (
|
|
75
|
-
<div
|
|
83
|
+
<div
|
|
84
|
+
className={classnames('layout_item', sizeClass, globalProps(props), className)}
|
|
85
|
+
style={dynamicInlineProps}
|
|
86
|
+
>
|
|
76
87
|
{children}
|
|
77
88
|
</div>
|
|
78
89
|
)
|
|
@@ -81,8 +92,12 @@ const Item = (props: LayoutItemProps) => {
|
|
|
81
92
|
// Header component
|
|
82
93
|
const Header = (props: LayoutHeaderProps) => {
|
|
83
94
|
const { children, className } = props
|
|
95
|
+
const dynamicInlineProps = globalInlineProps(props)
|
|
84
96
|
return (
|
|
85
|
-
<div
|
|
97
|
+
<div
|
|
98
|
+
className={classnames('layout_header', globalProps(props), className)}
|
|
99
|
+
style={dynamicInlineProps}
|
|
100
|
+
>
|
|
86
101
|
{children}
|
|
87
102
|
</div>
|
|
88
103
|
)
|
|
@@ -91,8 +106,12 @@ const Header = (props: LayoutHeaderProps) => {
|
|
|
91
106
|
// Footer component
|
|
92
107
|
const Footer = (props: LayoutFooterProps) => {
|
|
93
108
|
const { children, className } = props
|
|
109
|
+
const dynamicInlineProps = globalInlineProps(props)
|
|
94
110
|
return (
|
|
95
|
-
<div
|
|
111
|
+
<div
|
|
112
|
+
className={classnames('layout_footer', globalProps(props), className)}
|
|
113
|
+
style={dynamicInlineProps}
|
|
114
|
+
>
|
|
96
115
|
{children}
|
|
97
116
|
</div>
|
|
98
117
|
)
|