playbook_ui_docs 13.19.0.pre.alpha.PBNTR211tablekitsubcomponentsreact2318 → 13.19.0.pre.alpha.play1141iconkitusinglibrary2264
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_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
|