playbook_ui_docs 13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318 → 13.19.0.pre.alpha.play1141iconkitusinglibrary2264
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/pb_table/docs/_table_side_highlight.jsx +25 -24
- data/app/pb_kits/playbook/pb_table/docs/example.yml +0 -7
- data/app/pb_kits/playbook/pb_table/docs/index.js +0 -3
- data/dist/playbook-doc.js +10 -10
- metadata +2 -8
- data/app/pb_kits/playbook/pb_table/docs/_table_div.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_div.jsx +0 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx +0 -47
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb +0 -34
- data/app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx +0 -48
metadata
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui_docs
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 13.19.0.pre.alpha.
|
|
4
|
+
version: 13.19.0.pre.alpha.play1141iconkitusinglibrary2264
|
|
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-03-
|
|
12
|
+
date: 2024-03-01 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: playbook_ui
|
|
@@ -1446,8 +1446,6 @@ files:
|
|
|
1446
1446
|
- app/pb_kits/playbook/pb_table/docs/_table_data_table.md
|
|
1447
1447
|
- app/pb_kits/playbook/pb_table/docs/_table_disable_hover.html.erb
|
|
1448
1448
|
- app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx
|
|
1449
|
-
- app/pb_kits/playbook/pb_table/docs/_table_div.html.erb
|
|
1450
|
-
- app/pb_kits/playbook/pb_table/docs/_table_div.jsx
|
|
1451
1449
|
- app/pb_kits/playbook/pb_table/docs/_table_header.html.erb
|
|
1452
1450
|
- app/pb_kits/playbook/pb_table/docs/_table_header.md
|
|
1453
1451
|
- app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.html.erb
|
|
@@ -1490,10 +1488,6 @@ files:
|
|
|
1490
1488
|
- app/pb_kits/playbook/pb_table/docs/_table_vertical_border.jsx
|
|
1491
1489
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.html.erb
|
|
1492
1490
|
- app/pb_kits/playbook/pb_table/docs/_table_with_background_kit.jsx
|
|
1493
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.html.erb
|
|
1494
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents.jsx
|
|
1495
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.html.erb
|
|
1496
|
-
- app/pb_kits/playbook/pb_table/docs/_table_with_subcomponents_as_divs.jsx
|
|
1497
1491
|
- app/pb_kits/playbook/pb_table/docs/example.yml
|
|
1498
1492
|
- app/pb_kits/playbook/pb_table/docs/index.js
|
|
1499
1493
|
- app/pb_kits/playbook/pb_text_input/docs/_description.md
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("table", props: { size: "sm", tag: "div" }) do %>
|
|
2
|
-
<div class="pb_table_thead">
|
|
3
|
-
<div class="pb_table_tr">
|
|
4
|
-
<div class="pb_table_th">Column 1</div>
|
|
5
|
-
<div class="pb_table_th">Column 2</div>
|
|
6
|
-
<div class="pb_table_th">Column 3</div>
|
|
7
|
-
<div class="pb_table_th">Column 4</div>
|
|
8
|
-
<div class="pb_table_th">Column 5</div>
|
|
9
|
-
</div>
|
|
10
|
-
</div>
|
|
11
|
-
<div class="pb_table_tbody">
|
|
12
|
-
<div class="pb_table_tr">
|
|
13
|
-
<div class="pb_table_td">Value 1</div>
|
|
14
|
-
<div class="pb_table_td">Value 2</div>
|
|
15
|
-
<div class="pb_table_td">Value 3</div>
|
|
16
|
-
<div class="pb_table_td">Value 4</div>
|
|
17
|
-
<div class="pb_table_td">Value 5</div>
|
|
18
|
-
</div>
|
|
19
|
-
<div class="pb_table_tr">
|
|
20
|
-
<div class="pb_table_td">Value 1</div>
|
|
21
|
-
<div class="pb_table_td">Value 2</div>
|
|
22
|
-
<div class="pb_table_td">Value 3</div>
|
|
23
|
-
<div class="pb_table_td">Value 4</div>
|
|
24
|
-
<div class="pb_table_td">Value 5</div>
|
|
25
|
-
</div>
|
|
26
|
-
<div class="pb_table_tr">
|
|
27
|
-
<div class="pb_table_td">Value 1</div>
|
|
28
|
-
<div class="pb_table_td">Value 2</div>
|
|
29
|
-
<div class="pb_table_td">Value 3</div>
|
|
30
|
-
<div class="pb_table_td">Value 4</div>
|
|
31
|
-
<div class="pb_table_td">Value 5</div>
|
|
32
|
-
</div>
|
|
33
|
-
</div>
|
|
34
|
-
<% end %>
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
import Table from '../_table'
|
|
3
|
-
|
|
4
|
-
const TableDiv = (props) => {
|
|
5
|
-
return (
|
|
6
|
-
<Table
|
|
7
|
-
size="sm"
|
|
8
|
-
tag="div"
|
|
9
|
-
{...props}
|
|
10
|
-
>
|
|
11
|
-
<div className="pb_table_thead">
|
|
12
|
-
<div className="pb_table_tr">
|
|
13
|
-
<div className="pb_table_th">{'Column 1'}</div>
|
|
14
|
-
<div className="pb_table_th">{'Column 2'}</div>
|
|
15
|
-
<div className="pb_table_th">{'Column 3'}</div>
|
|
16
|
-
<div className="pb_table_th">{'Column 4'}</div>
|
|
17
|
-
<div className="pb_table_th">{'Column 5'}</div>
|
|
18
|
-
</div>
|
|
19
|
-
</div>
|
|
20
|
-
<div className="pb_table_tbody">
|
|
21
|
-
<div className="pb_table_tr">
|
|
22
|
-
<div className="pb_table_td">{'Value 1'}</div>
|
|
23
|
-
<div className="pb_table_td">{'Value 2'}</div>
|
|
24
|
-
<div className="pb_table_td">{'Value 3'}</div>
|
|
25
|
-
<div className="pb_table_td">{'Value 4'}</div>
|
|
26
|
-
<div className="pb_table_td">{'Value 5'}</div>
|
|
27
|
-
</div>
|
|
28
|
-
<div className="pb_table_tr">
|
|
29
|
-
<div className="pb_table_td">{'Value 1'}</div>
|
|
30
|
-
<div className="pb_table_td">{'Value 2'}</div>
|
|
31
|
-
<div className="pb_table_td">{'Value 3'}</div>
|
|
32
|
-
<div className="pb_table_td">{'Value 4'}</div>
|
|
33
|
-
<div className="pb_table_td">{'Value 5'}</div>
|
|
34
|
-
</div>
|
|
35
|
-
<div className="pb_table_tr">
|
|
36
|
-
<div className="pb_table_td">{'Value 1'}</div>
|
|
37
|
-
<div className="pb_table_td">{'Value 2'}</div>
|
|
38
|
-
<div className="pb_table_td">{'Value 3'}</div>
|
|
39
|
-
<div className="pb_table_td">{'Value 4'}</div>
|
|
40
|
-
<div className="pb_table_td">{'Value 5'}</div>
|
|
41
|
-
</div>
|
|
42
|
-
</div>
|
|
43
|
-
</Table>
|
|
44
|
-
)
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export default TableDiv
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("table", props: { size: "sm" }) do %>
|
|
2
|
-
<%= pb_rails("table/table_head") do %>
|
|
3
|
-
<%= pb_rails("table/table_row") do %>
|
|
4
|
-
<%= pb_rails("table/table_header", props: { text: "Column 1"}) %>
|
|
5
|
-
<%= pb_rails("table/table_header", props: { text: "Column 2"}) %>
|
|
6
|
-
<%= pb_rails("table/table_header", props: { text: "Column 3"}) %>
|
|
7
|
-
<%= pb_rails("table/table_header", props: { text: "Column 4"}) %>
|
|
8
|
-
<%= pb_rails("table/table_header", props: { text: "Column 5"}) %>
|
|
9
|
-
<% end %>
|
|
10
|
-
<% end %>
|
|
11
|
-
<%= pb_rails("table/table_body") do %>
|
|
12
|
-
<%= pb_rails("table/table_row") do %>
|
|
13
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
|
14
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
|
15
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
|
16
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
|
17
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
|
18
|
-
<% end %>
|
|
19
|
-
<%= pb_rails("table/table_row") do %>
|
|
20
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
|
21
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
|
22
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
|
23
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
|
24
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
|
25
|
-
<% end %>
|
|
26
|
-
<%= pb_rails("table/table_row") do %>
|
|
27
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 1"}) %>
|
|
28
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2"}) %>
|
|
29
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3"}) %>
|
|
30
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4"}) %>
|
|
31
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5"}) %>
|
|
32
|
-
<% end %>
|
|
33
|
-
<% end %>
|
|
34
|
-
<% end %>
|
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Table from '../_table'
|
|
4
|
-
|
|
5
|
-
const TableWithSubcomponents = (props) => {
|
|
6
|
-
return (
|
|
7
|
-
<Table
|
|
8
|
-
size="sm"
|
|
9
|
-
{...props}
|
|
10
|
-
>
|
|
11
|
-
<Table.Head>
|
|
12
|
-
<Table.Row>
|
|
13
|
-
<Table.Header>{'Column 1'}</Table.Header>
|
|
14
|
-
<Table.Header>{'Column 2'}</Table.Header>
|
|
15
|
-
<Table.Header>{'Column 3'}</Table.Header>
|
|
16
|
-
<Table.Header>{'Column 4'}</Table.Header>
|
|
17
|
-
<Table.Header>{'Column 5'}</Table.Header>
|
|
18
|
-
</Table.Row>
|
|
19
|
-
</Table.Head>
|
|
20
|
-
<Table.Body>
|
|
21
|
-
<Table.Row>
|
|
22
|
-
<Table.Cell>{'Value 1'}</Table.Cell>
|
|
23
|
-
<Table.Cell>{'Value 2'}</Table.Cell>
|
|
24
|
-
<Table.Cell>{'Value 3'}</Table.Cell>
|
|
25
|
-
<Table.Cell>{'Value 4'}</Table.Cell>
|
|
26
|
-
<Table.Cell>{'Value 5'}</Table.Cell>
|
|
27
|
-
</Table.Row>
|
|
28
|
-
<Table.Row>
|
|
29
|
-
<Table.Cell>{'Value 1'}</Table.Cell>
|
|
30
|
-
<Table.Cell>{'Value 2'}</Table.Cell>
|
|
31
|
-
<Table.Cell>{'Value 3'}</Table.Cell>
|
|
32
|
-
<Table.Cell>{'Value 4'}</Table.Cell>
|
|
33
|
-
<Table.Cell>{'Value 5'}</Table.Cell>
|
|
34
|
-
</Table.Row>
|
|
35
|
-
<Table.Row>
|
|
36
|
-
<Table.Cell>{'Value 1'}</Table.Cell>
|
|
37
|
-
<Table.Cell>{'Value 2'}</Table.Cell>
|
|
38
|
-
<Table.Cell>{'Value 3'}</Table.Cell>
|
|
39
|
-
<Table.Cell>{'Value 4'}</Table.Cell>
|
|
40
|
-
<Table.Cell>{'Value 5'}</Table.Cell>
|
|
41
|
-
</Table.Row>
|
|
42
|
-
</Table.Body>
|
|
43
|
-
</Table>
|
|
44
|
-
)
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
export default TableWithSubcomponents
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
<%= pb_rails("table", props: { size: "sm", tag:"div" }) do %>
|
|
2
|
-
<%= pb_rails("table/table_head", props: {tag:"div"}) do %>
|
|
3
|
-
<%= pb_rails("table/table_row", props: {tag:"div"}) do %>
|
|
4
|
-
<%= pb_rails("table/table_header", props: { text: "Column 1", tag:"div"}) %>
|
|
5
|
-
<%= pb_rails("table/table_header", props: { text: "Column 2", tag:"div"}) %>
|
|
6
|
-
<%= pb_rails("table/table_header", props: { text: "Column 3", tag:"div"}) %>
|
|
7
|
-
<%= pb_rails("table/table_header", props: { text: "Column 4", tag:"div"}) %>
|
|
8
|
-
<%= pb_rails("table/table_header", props: { text: "Column 5", tag:"div"}) %>
|
|
9
|
-
<% end %>
|
|
10
|
-
<% end %>
|
|
11
|
-
<%= pb_rails("table/table_body", props: {tag:"div"}) do %>
|
|
12
|
-
<%= pb_rails("table/table_row", props: {tag:"div"}) do %>
|
|
13
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
|
|
14
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
|
|
15
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
|
|
16
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
|
|
17
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
|
|
18
|
-
<% end %>
|
|
19
|
-
<%= pb_rails("table/table_row", props: {tag:"div"}) do %>
|
|
20
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
|
|
21
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
|
|
22
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
|
|
23
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
|
|
24
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
|
|
25
|
-
<% end %>
|
|
26
|
-
<%= pb_rails("table/table_row", props: {tag:"div"}) do %>
|
|
27
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 1", tag:"div"}) %>
|
|
28
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 2", tag:"div"}) %>
|
|
29
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 3", tag:"div"}) %>
|
|
30
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 4", tag:"div"}) %>
|
|
31
|
-
<%= pb_rails("table/table_cell", props: { text: "Value 5", tag:"div"}) %>
|
|
32
|
-
<% end %>
|
|
33
|
-
<% end %>
|
|
34
|
-
<% end %>
|
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import Table from '../_table'
|
|
4
|
-
|
|
5
|
-
const TableWithSubcomponentsAsDivs = (props) => {
|
|
6
|
-
return (
|
|
7
|
-
<Table
|
|
8
|
-
size="sm"
|
|
9
|
-
tag="div"
|
|
10
|
-
{...props}
|
|
11
|
-
>
|
|
12
|
-
<Table.Head tag="div">
|
|
13
|
-
<Table.Row tag="div">
|
|
14
|
-
<Table.Header tag="div">{'Column 1'}</Table.Header>
|
|
15
|
-
<Table.Header tag="div">{'Column 2'}</Table.Header>
|
|
16
|
-
<Table.Header tag="div">{'Column 3'}</Table.Header>
|
|
17
|
-
<Table.Header tag="div">{'Column 4'}</Table.Header>
|
|
18
|
-
<Table.Header tag="div">{'Column 5'}</Table.Header>
|
|
19
|
-
</Table.Row>
|
|
20
|
-
</Table.Head>
|
|
21
|
-
<Table.Body tag="div">
|
|
22
|
-
<Table.Row tag="div">
|
|
23
|
-
<Table.Cell tag="div">{'Value 1'}</Table.Cell>
|
|
24
|
-
<Table.Cell tag="div">{'Value 2'}</Table.Cell>
|
|
25
|
-
<Table.Cell tag="div">{'Value 3'}</Table.Cell>
|
|
26
|
-
<Table.Cell tag="div">{'Value 4'}</Table.Cell>
|
|
27
|
-
<Table.Cell tag="div">{'Value 5'}</Table.Cell>
|
|
28
|
-
</Table.Row>
|
|
29
|
-
<Table.Row tag="div">
|
|
30
|
-
<Table.Cell tag="div">{'Value 1'}</Table.Cell>
|
|
31
|
-
<Table.Cell tag="div">{'Value 2'}</Table.Cell>
|
|
32
|
-
<Table.Cell tag="div">{'Value 3'}</Table.Cell>
|
|
33
|
-
<Table.Cell tag="div">{'Value 4'}</Table.Cell>
|
|
34
|
-
<Table.Cell tag="div">{'Value 5'}</Table.Cell>
|
|
35
|
-
</Table.Row>
|
|
36
|
-
<Table.Row>
|
|
37
|
-
<Table.Cell tag="div">{'Value 1'}</Table.Cell>
|
|
38
|
-
<Table.Cell tag="div">{'Value 2'}</Table.Cell>
|
|
39
|
-
<Table.Cell tag="div">{'Value 3'}</Table.Cell>
|
|
40
|
-
<Table.Cell tag="div">{'Value 4'}</Table.Cell>
|
|
41
|
-
<Table.Cell tag="div">{'Value 5'}</Table.Cell>
|
|
42
|
-
</Table.Row>
|
|
43
|
-
</Table.Body>
|
|
44
|
-
</Table>
|
|
45
|
-
)
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
export default TableWithSubcomponentsAsDivs
|