playbook_ui_docs 14.5.0.pre.alpha.play1549upgradereactmodal4130 → 14.5.0.pre.alpha.play1586datearea4115
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_multiple_users_stacked/docs/example.yml +0 -2
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb +43 -0
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx +72 -0
- data/app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.md +4 -0
- data/app/pb_kits/playbook/pb_timeline/docs/example.yml +2 -1
- data/app/pb_kits/playbook/pb_timeline/docs/index.js +1 -0
- data/dist/playbook-doc.js +1 -1
- metadata +4 -3
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.html.erb +0 -336
- data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.jsx +0 -97
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: a847719b201dc5ce3ce4544be2b042a85252f7df9a8816bd4b37f8954b83fb17
|
|
4
|
+
data.tar.gz: 9575429c1c32f9486b30e95ddae8bdae22b21a7b69016c87f1305a95dd542f4a
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 4c2751f5b4b505802f92b8ea2ba349a5874932f5d9c80ecfde109f18e576f98280996c0beda756b1d021bde85c68e3f7e2df58d2f4b5dd3b015c1b26970c48ad
|
|
7
|
+
data.tar.gz: 0c76001ce79abce4b3cdcde1a4e130cde54d9a3041376c8cf02a009145c43c58306e88ffaa8d41061b795f9d8e5e47be1890ee13dfb0860d614ee53052afc056
|
|
@@ -3,13 +3,11 @@ examples:
|
|
|
3
3
|
rails:
|
|
4
4
|
- multiple_users_stacked_default: Default
|
|
5
5
|
- multiple_users_stacked_bubble: Bubble
|
|
6
|
-
- multiple_users_stacked_size: Sizes
|
|
7
6
|
|
|
8
7
|
|
|
9
8
|
react:
|
|
10
9
|
- multiple_users_stacked_default: Default
|
|
11
10
|
- multiple_users_stacked_bubble: Bubble
|
|
12
|
-
- multiple_users_stacked_size: Sizes
|
|
13
11
|
|
|
14
12
|
swift:
|
|
15
13
|
- multiple_users_stacked_default_swift: Default
|
|
@@ -1,3 +1,2 @@
|
|
|
1
1
|
export { default as MultipleUsersStackedDefault } from './_multiple_users_stacked_default.jsx'
|
|
2
2
|
export { default as MultipleUsersStackedBubble } from './_multiple_users_stacked_bubble.jsx'
|
|
3
|
-
export { default as MultipleUsersStackedSize } from './_multiple_users_stacked_size.jsx'
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
<%= pb_rails("timeline", props: {orientation: "horizontal", show_date: true}) do %>
|
|
2
|
+
<%= pb_rails("timeline/item", props: { line_style: "solid"}) do |item| %>
|
|
3
|
+
|
|
4
|
+
<% item.date_area do %>
|
|
5
|
+
<%= pb_rails("timeline/date_area") do %>
|
|
6
|
+
<%= pb_rails("title", props: { text: "Any Kit Here", size: 2 }) %>
|
|
7
|
+
<% end %>
|
|
8
|
+
<% end %>
|
|
9
|
+
|
|
10
|
+
<% item.node_area do %>
|
|
11
|
+
<%= pb_rails("timeline/node_area", props: { icon: 'check', icon_color: 'teal' }) %>
|
|
12
|
+
<% end %>
|
|
13
|
+
|
|
14
|
+
<% item.detail_area do %>
|
|
15
|
+
<%= pb_rails("title_detail", props: {
|
|
16
|
+
title: "Jackson Heights",
|
|
17
|
+
detail: "37-27 74th Street"
|
|
18
|
+
}) %>
|
|
19
|
+
<% end %>
|
|
20
|
+
<% end %>
|
|
21
|
+
<%= pb_rails("timeline/item", props: { line_style: "dotted"}) do |item| %>
|
|
22
|
+
|
|
23
|
+
<% item.node_area do %>
|
|
24
|
+
<%= pb_rails("timeline/node_area") do %>
|
|
25
|
+
<%= pb_rails("pill", props: { text: "Any Kit" , variant: "success" }) %>
|
|
26
|
+
<% end %>
|
|
27
|
+
<% end %>
|
|
28
|
+
|
|
29
|
+
<% item.detail_area do %>
|
|
30
|
+
<%= pb_rails("title_detail", props: {
|
|
31
|
+
title: "Greenpoint",
|
|
32
|
+
detail: "81 Gate St Brooklyn"
|
|
33
|
+
}) %>
|
|
34
|
+
<% end %>
|
|
35
|
+
<% end %>
|
|
36
|
+
|
|
37
|
+
<%= pb_rails("timeline/item", props: {icon: "map-marker-alt", icon_color: "purple", date: Date.today+1 }) do |item| %>
|
|
38
|
+
<%= pb_rails("title_detail", props: {
|
|
39
|
+
title: "Society Hill",
|
|
40
|
+
detail: "72 E St Astoria"
|
|
41
|
+
}) %>
|
|
42
|
+
<% end %>
|
|
43
|
+
<% end %>
|
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import React from 'react'
|
|
2
|
+
|
|
3
|
+
import Timeline from '../_timeline'
|
|
4
|
+
import TimelineItem from '../_item'
|
|
5
|
+
import TimelineDateArea from '../_date_area'
|
|
6
|
+
import TimelineNodeArea from '../_node_area'
|
|
7
|
+
import TimelineDetailArea from '../_detail_area'
|
|
8
|
+
import Title from '../../pb_title/_title'
|
|
9
|
+
import Pill from '../../pb_pill/_pill'
|
|
10
|
+
|
|
11
|
+
import TitleDetail from '../../pb_title_detail/_title_detail'
|
|
12
|
+
|
|
13
|
+
const TimelineWithChildren = (props) => (
|
|
14
|
+
<div>
|
|
15
|
+
<Timeline orientation="horizontal"
|
|
16
|
+
showDate
|
|
17
|
+
{...props}
|
|
18
|
+
>
|
|
19
|
+
<TimelineItem lineStyle="solid"
|
|
20
|
+
{...props}
|
|
21
|
+
>
|
|
22
|
+
<TimelineDateArea>
|
|
23
|
+
<Title size={2}
|
|
24
|
+
text='Any Kit Here'
|
|
25
|
+
/>
|
|
26
|
+
</TimelineDateArea>
|
|
27
|
+
<TimelineNodeArea icon="user"
|
|
28
|
+
iconColor="royal"
|
|
29
|
+
/>
|
|
30
|
+
<TimelineDetailArea>
|
|
31
|
+
<TitleDetail detail="37-27 74th Street"
|
|
32
|
+
title="Jackson Heights"
|
|
33
|
+
{...props}
|
|
34
|
+
/>
|
|
35
|
+
</TimelineDetailArea>
|
|
36
|
+
</TimelineItem>
|
|
37
|
+
|
|
38
|
+
<TimelineItem lineStyle="dotted"
|
|
39
|
+
{...props}
|
|
40
|
+
>
|
|
41
|
+
<TimelineNodeArea>
|
|
42
|
+
<Pill text="Any Kit"
|
|
43
|
+
variant="success"
|
|
44
|
+
/>
|
|
45
|
+
</TimelineNodeArea>
|
|
46
|
+
<TimelineDetailArea>
|
|
47
|
+
<TitleDetail detail="81 Gate St Brooklyn"
|
|
48
|
+
title="Greenpoint"
|
|
49
|
+
{...props}
|
|
50
|
+
/>
|
|
51
|
+
</TimelineDetailArea>
|
|
52
|
+
</TimelineItem>
|
|
53
|
+
|
|
54
|
+
<TimelineItem lineStyle="solid"
|
|
55
|
+
{...props}
|
|
56
|
+
>
|
|
57
|
+
<TimelineDateArea date={new Date(new Date().setDate(new Date().getDate() + 1))} />
|
|
58
|
+
<TimelineNodeArea icon="map-marker-alt"
|
|
59
|
+
iconColor="purple"
|
|
60
|
+
/>
|
|
61
|
+
<TimelineDetailArea>
|
|
62
|
+
<TitleDetail detail="72 E St Astoria"
|
|
63
|
+
title="Society Hill"
|
|
64
|
+
{...props}
|
|
65
|
+
/>
|
|
66
|
+
</TimelineDetailArea>
|
|
67
|
+
</TimelineItem>
|
|
68
|
+
</Timeline>
|
|
69
|
+
</div>
|
|
70
|
+
)
|
|
71
|
+
|
|
72
|
+
export default TimelineWithChildren
|
|
@@ -4,10 +4,11 @@ examples:
|
|
|
4
4
|
- timeline_default: Default
|
|
5
5
|
- timeline_vertical: Vertical
|
|
6
6
|
- timeline_with_date: With Date
|
|
7
|
+
- timeline_with_children: With Children
|
|
7
8
|
|
|
8
9
|
|
|
9
10
|
react:
|
|
10
11
|
- timeline_default: Default
|
|
11
12
|
- timeline_vertical: Vertical
|
|
12
13
|
- timeline_with_date: With Date
|
|
13
|
-
|
|
14
|
+
- timeline_with_children: With Children
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
export { default as TimelineDefault } from './_timeline_default.jsx'
|
|
2
2
|
export { default as TimelineVertical } from './_timeline_vertical.jsx'
|
|
3
3
|
export { default as TimelineWithDate } from './_timeline_with_date.jsx'
|
|
4
|
+
export { default as TimelineWithChildren } from './_timeline_with_children.jsx'
|