playbook_ui 10.26.0.pre.alpha3 → 10.26.0.pre.alpha.display1

Sign up to get free protection for your applications and to get access to all the features.
Files changed (52) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/data/menu.yml +1 -0
  3. data/app/pb_kits/playbook/index.js +2 -1
  4. data/app/pb_kits/playbook/pb_caption/{_caption.jsx → _caption.tsx} +7 -8
  5. data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.js +37 -0
  6. data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js +37 -0
  7. data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +1 -1
  8. data/app/pb_kits/playbook/pb_kit/dateTime.js +1 -2
  9. data/app/pb_kits/playbook/pb_pill/_pill.jsx +1 -1
  10. data/app/pb_kits/playbook/pb_table/_table.jsx +0 -3
  11. data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
  12. data/app/pb_kits/playbook/pb_table/docs/index.js +0 -1
  13. data/app/pb_kits/playbook/pb_table/styles/_all.scss +0 -1
  14. data/app/pb_kits/playbook/pb_table/table.rb +1 -7
  15. data/app/pb_kits/playbook/pb_title/{_title.jsx → _title.tsx} +10 -12
  16. data/app/pb_kits/playbook/pb_title/title.test.js +2 -2
  17. data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.jsx +79 -0
  18. data/app/pb_kits/playbook/pb_treemap_chart/docs/_description.md +5 -0
  19. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb +37 -0
  20. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx +48 -0
  21. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md +2 -0
  22. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb +37 -0
  23. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx +47 -0
  24. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md +3 -0
  25. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb +79 -0
  26. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx +90 -0
  27. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md +1 -0
  28. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb +54 -0
  29. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx +65 -0
  30. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md +3 -0
  31. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb +37 -0
  32. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx +48 -0
  33. data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md +3 -0
  34. data/app/pb_kits/playbook/pb_treemap_chart/docs/example.yml +15 -0
  35. data/app/pb_kits/playbook/pb_treemap_chart/docs/index.js +5 -0
  36. data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb +1 -0
  37. data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb +43 -0
  38. data/app/pb_kits/playbook/playbook-doc.js +2 -0
  39. data/app/pb_kits/playbook/playbook-rails-react-bindings.js +2 -0
  40. data/app/pb_kits/playbook/plugins/pb_chart.js +34 -0
  41. data/app/pb_kits/playbook/tokens/_display.scss +2 -2
  42. data/app/pb_kits/playbook/utilities/_display.scss +7 -6
  43. data/app/pb_kits/playbook/utilities/globalProps.ts +2 -2
  44. data/dist/reset.css +60 -1
  45. data/lib/playbook/display.rb +1 -1
  46. data/lib/playbook/version.rb +1 -1
  47. metadata +25 -9
  48. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb +0 -83
  49. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx +0 -94
  50. data/app/pb_kits/playbook/pb_table/docs/_table_sticky.md +0 -3
  51. data/app/pb_kits/playbook/pb_table/styles/_sticky_header.scss +0 -21
  52. data/app/pb_kits/playbook/pb_table/table.test.js +0 -17
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "10.25.0"
5
- VERSION = "10.26.0.pre.alpha3"
5
+ VERSION = "10.26.0.pre.alpha.display1"
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: 10.26.0.pre.alpha3
4
+ version: 10.26.0.pre.alpha.display1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -452,8 +452,8 @@ files:
452
452
  - app/pb_kits/playbook/pb_button_toolbar/docs/_description.md
453
453
  - app/pb_kits/playbook/pb_button_toolbar/docs/example.yml
454
454
  - app/pb_kits/playbook/pb_button_toolbar/docs/index.js
455
- - app/pb_kits/playbook/pb_caption/_caption.jsx
456
455
  - app/pb_kits/playbook/pb_caption/_caption.scss
456
+ - app/pb_kits/playbook/pb_caption/_caption.tsx
457
457
  - app/pb_kits/playbook/pb_caption/_caption_mixin.scss
458
458
  - app/pb_kits/playbook/pb_caption/caption.html.erb
459
459
  - app/pb_kits/playbook/pb_caption/caption.rb
@@ -1734,9 +1734,6 @@ files:
1734
1734
  - app/pb_kits/playbook/pb_table/docs/_table_sm.html.erb
1735
1735
  - app/pb_kits/playbook/pb_table/docs/_table_sm.jsx
1736
1736
  - app/pb_kits/playbook/pb_table/docs/_table_sm.md
1737
- - app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb
1738
- - app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx
1739
- - app/pb_kits/playbook/pb_table/docs/_table_sticky.md
1740
1737
  - app/pb_kits/playbook/pb_table/docs/_table_two_actions.html.erb
1741
1738
  - app/pb_kits/playbook/pb_table/docs/_table_two_actions.jsx
1742
1739
  - app/pb_kits/playbook/pb_table/docs/_table_two_actions.md
@@ -1758,7 +1755,6 @@ files:
1758
1755
  - app/pb_kits/playbook/pb_table/styles/_reset.scss
1759
1756
  - app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
1760
1757
  - app/pb_kits/playbook/pb_table/styles/_single-line.scss
1761
- - app/pb_kits/playbook/pb_table/styles/_sticky_header.scss
1762
1758
  - app/pb_kits/playbook/pb_table/styles/_structure.scss
1763
1759
  - app/pb_kits/playbook/pb_table/styles/_table-card.scss
1764
1760
  - app/pb_kits/playbook/pb_table/styles/_table-dark.scss
@@ -1766,7 +1762,6 @@ files:
1766
1762
  - app/pb_kits/playbook/pb_table/styles/_variables.scss
1767
1763
  - app/pb_kits/playbook/pb_table/table.html.erb
1768
1764
  - app/pb_kits/playbook/pb_table/table.rb
1769
- - app/pb_kits/playbook/pb_table/table.test.js
1770
1765
  - app/pb_kits/playbook/pb_table/table_row.html.erb
1771
1766
  - app/pb_kits/playbook/pb_table/table_row.rb
1772
1767
  - app/pb_kits/playbook/pb_text_input/_text_input.jsx
@@ -1889,8 +1884,8 @@ files:
1889
1884
  - app/pb_kits/playbook/pb_timestamp/docs/index.js
1890
1885
  - app/pb_kits/playbook/pb_timestamp/timestamp.html.erb
1891
1886
  - app/pb_kits/playbook/pb_timestamp/timestamp.rb
1892
- - app/pb_kits/playbook/pb_title/_title.jsx
1893
1887
  - app/pb_kits/playbook/pb_title/_title.scss
1888
+ - app/pb_kits/playbook/pb_title/_title.tsx
1894
1889
  - app/pb_kits/playbook/pb_title/_title_mixin.scss
1895
1890
  - app/pb_kits/playbook/pb_title/docs/_description.md
1896
1891
  - app/pb_kits/playbook/pb_title/docs/_title_colors.html.erb
@@ -1955,6 +1950,27 @@ files:
1955
1950
  - app/pb_kits/playbook/pb_tooltip/index.js
1956
1951
  - app/pb_kits/playbook/pb_tooltip/tooltip.html.erb
1957
1952
  - app/pb_kits/playbook/pb_tooltip/tooltip.rb
1953
+ - app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.jsx
1954
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_description.md
1955
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb
1956
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx
1957
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md
1958
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb
1959
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx
1960
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md
1961
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb
1962
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx
1963
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md
1964
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb
1965
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx
1966
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md
1967
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb
1968
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx
1969
+ - app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md
1970
+ - app/pb_kits/playbook/pb_treemap_chart/docs/example.yml
1971
+ - app/pb_kits/playbook/pb_treemap_chart/docs/index.js
1972
+ - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb
1973
+ - app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb
1958
1974
  - app/pb_kits/playbook/pb_typeahead/_typeahead.jsx
1959
1975
  - app/pb_kits/playbook/pb_typeahead/_typeahead.scss
1960
1976
  - app/pb_kits/playbook/pb_typeahead/components/ClearIndicator.jsx
@@ -2161,7 +2177,7 @@ files:
2161
2177
  - lib/playbook_ui.rb
2162
2178
  homepage: http://playbook.powerapp.cloud
2163
2179
  licenses:
2164
- - ISC
2180
+ - MIT
2165
2181
  metadata: {}
2166
2182
  post_install_message:
2167
2183
  rdoc_options: []
@@ -1,83 +0,0 @@
1
- <%= pb_rails("table", props: { sticky: true }) do %>
2
- <thead>
3
- <tr>
4
- <th>Column 1</th>
5
- <th>Column 2</th>
6
- <th>Column 3</th>
7
- <th>Column 4</th>
8
- <th>Column 5</th>
9
- </tr>
10
- </thead>
11
- <tbody>
12
- <tr>
13
- <td>Value 1</td>
14
- <td>Value 2</td>
15
- <td>Value 3</td>
16
- <td>Value 4</td>
17
- <td>Value 5</td>
18
- </tr>
19
- <tr>
20
- <td>Value 1</td>
21
- <td>Value 2</td>
22
- <td>Value 3</td>
23
- <td>Value 4</td>
24
- <td>Value 5</td>
25
- </tr>
26
- <tr>
27
- <td>Value 1</td>
28
- <td>Value 2</td>
29
- <td>Value 3</td>
30
- <td>Value 4</td>
31
- <td>Value 5</td>
32
- </tr>
33
- <tr>
34
- <td>Value 1</td>
35
- <td>Value 2</td>
36
- <td>Value 3</td>
37
- <td>Value 4</td>
38
- <td>Value 5</td>
39
- </tr>
40
- <tr>
41
- <td>Value 1</td>
42
- <td>Value 2</td>
43
- <td>Value 3</td>
44
- <td>Value 4</td>
45
- <td>Value 5</td>
46
- </tr>
47
- <tr>
48
- <td>Value 1</td>
49
- <td>Value 2</td>
50
- <td>Value 3</td>
51
- <td>Value 4</td>
52
- <td>Value 5</td>
53
- </tr>
54
- <tr>
55
- <td>Value 1</td>
56
- <td>Value 2</td>
57
- <td>Value 3</td>
58
- <td>Value 4</td>
59
- <td>Value 5</td>
60
- </tr>
61
- <tr>
62
- <td>Value 1</td>
63
- <td>Value 2</td>
64
- <td>Value 3</td>
65
- <td>Value 4</td>
66
- <td>Value 5</td>
67
- </tr>
68
- <tr>
69
- <td>Value 1</td>
70
- <td>Value 2</td>
71
- <td>Value 3</td>
72
- <td>Value 4</td>
73
- <td>Value 5</td>
74
- </tr>
75
- <tr>
76
- <td>Value 1</td>
77
- <td>Value 2</td>
78
- <td>Value 3</td>
79
- <td>Value 4</td>
80
- <td>Value 5</td>
81
- </tr>
82
- </tbody>
83
- <% end %>
@@ -1,94 +0,0 @@
1
- import React from "react"
2
-
3
- import Table from "../_table"
4
-
5
- const TableSticky = (props) => (
6
- <Table
7
- sticky
8
- {...props}
9
- >
10
- <thead>
11
- <tr>
12
- <th>{'Column 1'}</th>
13
- <th>{'Column 2'}</th>
14
- <th>{'Column 3'}</th>
15
- <th>{'Column 4'}</th>
16
- <th>{'Column 5'}</th>
17
- </tr>
18
- </thead>
19
- <tbody>
20
- <tr>
21
- <td>{'Value 1'}</td>
22
- <td>{'Value 2'}</td>
23
- <td>{'Value 3'}</td>
24
- <td>{'Value 4'}</td>
25
- <td>{'Value 5'}</td>
26
- </tr>
27
- <tr>
28
- <td>{'Value 1'}</td>
29
- <td>{'Value 2'}</td>
30
- <td>{'Value 3'}</td>
31
- <td>{'Value 4'}</td>
32
- <td>{'Value 5'}</td>
33
- </tr>
34
- <tr>
35
- <td>{'Value 1'}</td>
36
- <td>{'Value 2'}</td>
37
- <td>{'Value 3'}</td>
38
- <td>{'Value 4'}</td>
39
- <td>{'Value 5'}</td>
40
- </tr>
41
- <tr>
42
- <td>{'Value 1'}</td>
43
- <td>{'Value 2'}</td>
44
- <td>{'Value 3'}</td>
45
- <td>{'Value 4'}</td>
46
- <td>{'Value 5'}</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
- </tr>
55
- <tr>
56
- <td>{'Value 1'}</td>
57
- <td>{'Value 2'}</td>
58
- <td>{'Value 3'}</td>
59
- <td>{'Value 4'}</td>
60
- <td>{'Value 5'}</td>
61
- </tr>
62
- <tr>
63
- <td>{'Value 1'}</td>
64
- <td>{'Value 2'}</td>
65
- <td>{'Value 3'}</td>
66
- <td>{'Value 4'}</td>
67
- <td>{'Value 5'}</td>
68
- </tr>
69
- <tr>
70
- <td>{'Value 1'}</td>
71
- <td>{'Value 2'}</td>
72
- <td>{'Value 3'}</td>
73
- <td>{'Value 4'}</td>
74
- <td>{'Value 5'}</td>
75
- </tr>
76
- <tr>
77
- <td>{'Value 1'}</td>
78
- <td>{'Value 2'}</td>
79
- <td>{'Value 3'}</td>
80
- <td>{'Value 4'}</td>
81
- <td>{'Value 5'}</td>
82
- </tr>
83
- <tr>
84
- <td>{'Value 1'}</td>
85
- <td>{'Value 2'}</td>
86
- <td>{'Value 3'}</td>
87
- <td>{'Value 4'}</td>
88
- <td>{'Value 5'}</td>
89
- </tr>
90
- </tbody>
91
- </Table>
92
- )
93
-
94
- export default TableSticky
@@ -1,3 +0,0 @@
1
- React: Use `sticky` on a table to allow the table header to be fixed in place when the user scrolls up and down on the page.
2
-
3
- Rails: Pass `sticky: true` to props.
@@ -1,21 +0,0 @@
1
- @import "../../tokens/colors";
2
-
3
- [class^="pb_table"] {
4
- &.sticky-header {
5
- thead {
6
- position: sticky;
7
- background: $white;
8
- top: -40px;
9
- }
10
- }
11
-
12
- &.dark {
13
- &.sticky-header {
14
- thead {
15
- position: sticky;
16
- background: #0a0527;
17
- top: -40px;
18
- }
19
- }
20
- }
21
- }
@@ -1,17 +0,0 @@
1
- import { ensureAccessible, renderKit } from "../utilities/test-utils"
2
-
3
- import Table from "./_table"
4
-
5
- const props = {
6
- data: { testid: "table" },
7
- sticky: false
8
- }
9
-
10
- it("should be accessible", async () => {
11
- ensureAccessible(Table, props)
12
- })
13
-
14
- test("when sticky is true", () => {
15
- const kit = renderKit(Table, props, { sticky: true })
16
- expect(kit).toHaveClass("pb_table table-sm table-responsive-collapse table-card sticky-header table-collapse-sm")
17
- })