playbook_ui 14.10.0.pre.alpha.PBNTR662stickyrightcolumnreact5160 → 14.10.0.pre.alpha.play1662cssbargraph5193

Sign up to get free protection for your applications and to get access to all the features.
Files changed (27) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_dashboard/BarGraphStyles.scss +53 -0
  3. data/app/pb_kits/playbook/pb_table/_table.tsx +18 -67
  4. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.jsx +1 -1
  5. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +0 -2
  6. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_react.md +1 -4
  7. data/app/pb_kits/playbook/pb_table/index.ts +17 -17
  8. data/app/pb_kits/playbook/pb_table/styles/_scroll.scss +2 -18
  9. data/app/pb_kits/playbook/pb_table/styles/_sticky_columns.scss +3 -17
  10. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +8 -1
  11. data/app/pb_kits/playbook/pb_text_input/inputMask.ts +23 -0
  12. data/dist/chunks/{_typeahead-aym7Ky_O.js → _typeahead-BXXEtXbz.js} +2 -2
  13. data/dist/chunks/_weekday_stacked-D0yBvHBb.js +45 -0
  14. data/dist/chunks/{lib-B7sgJtGS.js → lib-sMFo2JZy.js} +1 -1
  15. data/dist/chunks/{pb_form_validation-C5Cc0-1v.js → pb_form_validation-CgvjWbOK.js} +1 -1
  16. data/dist/chunks/vendor.js +1 -1
  17. data/dist/playbook-doc.js +1 -1
  18. data/dist/playbook-rails-react-bindings.js +1 -1
  19. data/dist/playbook-rails.js +1 -1
  20. data/dist/playbook.css +1 -1
  21. data/lib/playbook/version.rb +1 -1
  22. metadata +7 -10
  23. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx +0 -88
  24. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md +0 -3
  25. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx +0 -87
  26. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md +0 -5
  27. data/dist/chunks/_weekday_stacked-BZj1pop-.js +0 -45
data/lib/playbook/version.rb CHANGED
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.10.0"
5
- VERSION = "14.10.0.pre.alpha.PBNTR662stickyrightcolumnreact5160"
5
+ VERSION = "14.10.0.pre.alpha.play1662cssbargraph5193"
6
6
  end
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.PBNTR662stickyrightcolumnreact5160
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: 2024-12-31 00:00:00.000000000 Z
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-aym7Ky_O.js
3224
- - dist/chunks/_weekday_stacked-BZj1pop-.js
3220
+ - dist/chunks/_typeahead-BXXEtXbz.js
3221
+ - dist/chunks/_weekday_stacked-D0yBvHBb.js
3225
3222
  - dist/chunks/lazysizes-B7xYodB-.js
3226
- - dist/chunks/lib-B7sgJtGS.js
3227
- - dist/chunks/pb_form_validation-C5Cc0-1v.js
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
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.jsx DELETED
@@ -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
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_react.md DELETED
@@ -1,3 +0,0 @@
1
- The `stickyLeftColumn` and `stickyRightColumn` props can be used together on the same table as needed.
2
-
3
- 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 props.
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.jsx DELETED
@@ -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
data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_react.md DELETED
@@ -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.