playbook_ui 14.10.0.pre.alpha.PBNTR662stickyrightcolumnreact5160 → 14.10.0.pre.alpha.play1662cssbargraph5193
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_dashboard/BarGraphStyles.scss +53 -0
- data/app/pb_kits/playbook/pb_table/_table.tsx +18 -67
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +0 -2
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +1 -4
- data/app/pb_kits/playbook/pb_table/index.ts +17 -17
- data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +2 -18
- data/app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss +3 -17
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +8 -1
- data/app/pb_kits/playbook/pb_text_input/inputMask.ts +23 -0
- data/dist/chunks/{_typeahead-aym7Ky_O.js → _typeahead-BXXEtXbz.js} +2 -2
- data/dist/chunks/_weekday_stacked-D0yBvHBb.js +45 -0
- data/dist/chunks/{lib-B7sgJtGS.js → lib-sMFo2JZy.js} +1 -1
- data/dist/chunks/{pb_form_validation-C5Cc0-1v.js → pb_form_validation-CgvjWbOK.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +7 -10
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +0 -88
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +0 -3
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +0 -87
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +0 -5
- data/dist/chunks/_weekday_stacked-BZj1pop-.js +0 -45
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 14.10.0.pre.alpha.
|
4
|
+
version: 14.10.0.pre.alpha.play1662cssbargraph5193
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2025-01-03 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -797,6 +797,7 @@ files:
|
|
797
797
|
- app/pb_kits/playbook/pb_currency/docs/_description.md
|
798
798
|
- app/pb_kits/playbook/pb_currency/docs/example.yml
|
799
799
|
- app/pb_kits/playbook/pb_currency/docs/index.js
|
800
|
+
- app/pb_kits/playbook/pb_dashboard/BarGraphStyles.scss
|
800
801
|
- app/pb_kits/playbook/pb_dashboard/commonSettings.js
|
801
802
|
- app/pb_kits/playbook/pb_dashboard/pbChartsColorsHelper.ts
|
802
803
|
- app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.ts
|
@@ -2629,14 +2630,10 @@ files:
|
|
2629
2630
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
|
2630
2631
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
|
2631
2632
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky.md
|
2632
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx
|
2633
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md
|
2634
2633
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb
|
2635
2634
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx
|
2636
2635
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md
|
2637
2636
|
- app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md
|
2638
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx
|
2639
|
-
- app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md
|
2640
2637
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.html.erb
|
2641
2638
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.jsx
|
2642
2639
|
- app/pb_kits/playbook/pb_table/docs/_table_striped.md
|
@@ -3220,11 +3217,11 @@ files:
|
|
3220
3217
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3221
3218
|
- app/pb_kits/playbook/utilities/text.ts
|
3222
3219
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3223
|
-
- dist/chunks/_typeahead-
|
3224
|
-
- dist/chunks/_weekday_stacked-
|
3220
|
+
- dist/chunks/_typeahead-BXXEtXbz.js
|
3221
|
+
- dist/chunks/_weekday_stacked-D0yBvHBb.js
|
3225
3222
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3226
|
-
- dist/chunks/lib-
|
3227
|
-
- dist/chunks/pb_form_validation-
|
3223
|
+
- dist/chunks/lib-sMFo2JZy.js
|
3224
|
+
- dist/chunks/pb_form_validation-CgvjWbOK.js
|
3228
3225
|
- dist/chunks/vendor.js
|
3229
3226
|
- dist/menu.yml
|
3230
3227
|
- dist/playbook-doc.js
|
@@ -1,88 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import Table from '../_table'
|
3
|
-
|
4
|
-
const TableStickyColumns = () => {
|
5
|
-
return (
|
6
|
-
<Table
|
7
|
-
responsive="scroll"
|
8
|
-
size="md"
|
9
|
-
stickyLeftColumn={["a"]}
|
10
|
-
stickyRightColumn={["b"]}
|
11
|
-
>
|
12
|
-
<thead>
|
13
|
-
<tr>
|
14
|
-
<th id="a">{'Column 1'}</th>
|
15
|
-
<th>{'Column 2'}</th>
|
16
|
-
<th>{'Column 3'}</th>
|
17
|
-
<th>{'Column 4'}</th>
|
18
|
-
<th>{'Column 5'}</th>
|
19
|
-
<th>{'Column 6'}</th>
|
20
|
-
<th>{'Column 7'}</th>
|
21
|
-
<th>{'Column 8'}</th>
|
22
|
-
<th>{'Column 9'}</th>
|
23
|
-
<th>{'Column 10'}</th>
|
24
|
-
<th>{'Column 11'}</th>
|
25
|
-
<th>{'Column 12'}</th>
|
26
|
-
<th>{'Column 13'}</th>
|
27
|
-
<th>{'Column 14'}</th>
|
28
|
-
<th id="b">{'Column 15'}</th>
|
29
|
-
</tr>
|
30
|
-
</thead>
|
31
|
-
<tbody>
|
32
|
-
<tr>
|
33
|
-
<td id="a">{'Value 1'}</td>
|
34
|
-
<td>{'Value 2'}</td>
|
35
|
-
<td>{'Value 3'}</td>
|
36
|
-
<td>{'Value 4'}</td>
|
37
|
-
<td>{'Value 5'}</td>
|
38
|
-
<td>{'Value 6'}</td>
|
39
|
-
<td>{'Value 7'}</td>
|
40
|
-
<td>{'Value 8'}</td>
|
41
|
-
<td>{'Value 9'}</td>
|
42
|
-
<td>{'Value 10'}</td>
|
43
|
-
<td>{'Value 11'}</td>
|
44
|
-
<td>{'Value 12'}</td>
|
45
|
-
<td>{'Value 13'}</td>
|
46
|
-
<td>{'Value 14'}</td>
|
47
|
-
<td id="b">{'Value 15'}</td>
|
48
|
-
</tr>
|
49
|
-
<tr>
|
50
|
-
<td id="a">{'Value 1'}</td>
|
51
|
-
<td>{'Value 2'}</td>
|
52
|
-
<td>{'Value 3'}</td>
|
53
|
-
<td>{'Value 4'}</td>
|
54
|
-
<td>{'Value 5'}</td>
|
55
|
-
<td>{'Value 6'}</td>
|
56
|
-
<td>{'Value 7'}</td>
|
57
|
-
<td>{'Value 8'}</td>
|
58
|
-
<td>{'Value 9'}</td>
|
59
|
-
<td>{'Value 10'}</td>
|
60
|
-
<td>{'Value 11'}</td>
|
61
|
-
<td>{'Value 12'}</td>
|
62
|
-
<td>{'Value 13'}</td>
|
63
|
-
<td>{'Value 14'}</td>
|
64
|
-
<td id="b">{'Value 15'}</td>
|
65
|
-
</tr>
|
66
|
-
<tr>
|
67
|
-
<td id="a">{'Value 1'}</td>
|
68
|
-
<td>{'Value 2'}</td>
|
69
|
-
<td>{'Value 3'}</td>
|
70
|
-
<td>{'Value 4'}</td>
|
71
|
-
<td>{'Value 5'}</td>
|
72
|
-
<td>{'Value 6'}</td>
|
73
|
-
<td>{'Value 7'}</td>
|
74
|
-
<td>{'Value 8'}</td>
|
75
|
-
<td>{'Value 9'}</td>
|
76
|
-
<td>{'Value 10'}</td>
|
77
|
-
<td>{'Value 11'}</td>
|
78
|
-
<td>{'Value 12'}</td>
|
79
|
-
<td>{'Value 13'}</td>
|
80
|
-
<td>{'Value 14'}</td>
|
81
|
-
<td id="b">{'Value 15'}</td>
|
82
|
-
</tr>
|
83
|
-
</tbody>
|
84
|
-
</Table>
|
85
|
-
)
|
86
|
-
}
|
87
|
-
|
88
|
-
export default TableStickyColumns
|
@@ -1,87 +0,0 @@
|
|
1
|
-
import React from 'react'
|
2
|
-
import Table from '../_table'
|
3
|
-
|
4
|
-
const TableStickyRightColumns = () => {
|
5
|
-
return (
|
6
|
-
<Table
|
7
|
-
responsive="scroll"
|
8
|
-
size="md"
|
9
|
-
stickyRightColumn={["13", "14", "15"]}
|
10
|
-
>
|
11
|
-
<thead>
|
12
|
-
<tr>
|
13
|
-
<th>{'Column 1'}</th>
|
14
|
-
<th>{'Column 2'}</th>
|
15
|
-
<th>{'Column 3'}</th>
|
16
|
-
<th>{'Column 4'}</th>
|
17
|
-
<th>{'Column 5'}</th>
|
18
|
-
<th>{'Column 6'}</th>
|
19
|
-
<th>{'Column 7'}</th>
|
20
|
-
<th>{'Column 8'}</th>
|
21
|
-
<th>{'Column 9'}</th>
|
22
|
-
<th>{'Column 10'}</th>
|
23
|
-
<th>{'Column 11'}</th>
|
24
|
-
<th>{'Column 12'}</th>
|
25
|
-
<th id="13">{'Column 13'}</th>
|
26
|
-
<th id="14">{'Column 14'}</th>
|
27
|
-
<th id="15">{'Column 15'}</th>
|
28
|
-
</tr>
|
29
|
-
</thead>
|
30
|
-
<tbody>
|
31
|
-
<tr>
|
32
|
-
<td>{'Value 1'}</td>
|
33
|
-
<td>{'Value 2'}</td>
|
34
|
-
<td>{'Value 3'}</td>
|
35
|
-
<td>{'Value 4'}</td>
|
36
|
-
<td>{'Value 5'}</td>
|
37
|
-
<td>{'Value 6'}</td>
|
38
|
-
<td>{'Value 7'}</td>
|
39
|
-
<td>{'Value 8'}</td>
|
40
|
-
<td>{'Value 9'}</td>
|
41
|
-
<td>{'Value 10'}</td>
|
42
|
-
<td>{'Value 11'}</td>
|
43
|
-
<td>{'Value 12'}</td>
|
44
|
-
<td id="13">{'Value 13'}</td>
|
45
|
-
<td id="14">{'Value 14'}</td>
|
46
|
-
<td id="15">{'Value 15'}</td>
|
47
|
-
</tr>
|
48
|
-
<tr>
|
49
|
-
<td>{'Value 1'}</td>
|
50
|
-
<td>{'Value 2'}</td>
|
51
|
-
<td>{'Value 3'}</td>
|
52
|
-
<td>{'Value 4'}</td>
|
53
|
-
<td>{'Value 5'}</td>
|
54
|
-
<td>{'Value 6'}</td>
|
55
|
-
<td>{'Value 7'}</td>
|
56
|
-
<td>{'Value 8'}</td>
|
57
|
-
<td>{'Value 9'}</td>
|
58
|
-
<td>{'Value 10'}</td>
|
59
|
-
<td>{'Value 11'}</td>
|
60
|
-
<td>{'Value 12'}</td>
|
61
|
-
<td id="13">{'Value 13'}</td>
|
62
|
-
<td id="14">{'Value 14'}</td>
|
63
|
-
<td id="15">{'Value 15'}</td>
|
64
|
-
</tr>
|
65
|
-
<tr>
|
66
|
-
<td>{'Value 1'}</td>
|
67
|
-
<td>{'Value 2'}</td>
|
68
|
-
<td>{'Value 3'}</td>
|
69
|
-
<td>{'Value 4'}</td>
|
70
|
-
<td>{'Value 5'}</td>
|
71
|
-
<td>{'Value 6'}</td>
|
72
|
-
<td>{'Value 7'}</td>
|
73
|
-
<td>{'Value 8'}</td>
|
74
|
-
<td>{'Value 9'}</td>
|
75
|
-
<td>{'Value 10'}</td>
|
76
|
-
<td>{'Value 11'}</td>
|
77
|
-
<td>{'Value 12'}</td>
|
78
|
-
<td id="13">{'Value 13'}</td>
|
79
|
-
<td id="14">{'Value 14'}</td>
|
80
|
-
<td id="15">{'Value 15'}</td>
|
81
|
-
</tr>
|
82
|
-
</tbody>
|
83
|
-
</Table>
|
84
|
-
)
|
85
|
-
}
|
86
|
-
|
87
|
-
export default TableStickyRightColumns
|
@@ -1,5 +0,0 @@
|
|
1
|
-
The `stickyRightColumn` prop works in the same way as the above `stickyLeftColumn` prop. It expects an array of the column ids you want to be sticky. Make sure to add the corresponding id to the `<th>` and `<td>`.
|
2
|
-
|
3
|
-
If you are using the sub-component variant, then you will pass the id to `<Table.Header>` and `<Table.Cell>`
|
4
|
-
|
5
|
-
Please ensure that unique ids are used for all columns across multiple tables. Using the same columns ids on multiple tables can lead to issues when using the `stickyRightColumn` prop.
|