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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/data/menu.yml +1 -0
- data/app/pb_kits/playbook/index.js +2 -1
- data/app/pb_kits/playbook/pb_caption/{_caption.jsx → _caption.tsx} +7 -8
- data/app/pb_kits/playbook/pb_dashboard/pbChartsDarkTheme.js +37 -0
- data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js +37 -0
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +1 -1
- data/app/pb_kits/playbook/pb_kit/dateTime.js +1 -2
- data/app/pb_kits/playbook/pb_pill/_pill.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/_table.jsx +0 -3
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_table/styles/_all.scss +0 -1
- data/app/pb_kits/playbook/pb_table/table.rb +1 -7
- data/app/pb_kits/playbook/pb_title/{_title.jsx → _title.tsx} +10 -12
- data/app/pb_kits/playbook/pb_title/title.test.js +2 -2
- data/app/pb_kits/playbook/pb_treemap_chart/_treemap_chart.jsx +79 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_description.md +5 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.html.erb +37 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.jsx +48 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_colors.md +2 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.html.erb +37 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.jsx +47 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_default.md +3 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.html.erb +79 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.jsx +90 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_drillable.md +1 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.html.erb +54 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.jsx +65 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_grouped_data.md +3 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.html.erb +37 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.jsx +48 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/_treemap_chart_tooltip.md +3 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/example.yml +15 -0
- data/app/pb_kits/playbook/pb_treemap_chart/docs/index.js +5 -0
- data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.html.erb +1 -0
- data/app/pb_kits/playbook/pb_treemap_chart/treemap_chart.rb +43 -0
- data/app/pb_kits/playbook/playbook-doc.js +2 -0
- data/app/pb_kits/playbook/playbook-rails-react-bindings.js +2 -0
- data/app/pb_kits/playbook/plugins/pb_chart.js +34 -0
- data/app/pb_kits/playbook/tokens/_display.scss +2 -2
- data/app/pb_kits/playbook/utilities/_display.scss +7 -6
- data/app/pb_kits/playbook/utilities/globalProps.ts +2 -2
- data/dist/reset.css +60 -1
- data/lib/playbook/display.rb +1 -1
- data/lib/playbook/version.rb +1 -1
- metadata +25 -9
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky.html.erb +0 -83
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky.jsx +0 -94
- data/app/pb_kits/playbook/pb_table/docs/_table_sticky.md +0 -3
- data/app/pb_kits/playbook/pb_table/styles/_sticky_header.scss +0 -21
- data/app/pb_kits/playbook/pb_table/table.test.js +0 -17
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: 10.26.0.pre.
|
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
|
-
-
|
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,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
|
-
})
|