playbook_ui 12.35.0 → 12.36.0.pre.alpha.PLAY936momentjs1047
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_date/_date.tsx +7 -8
- data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +2 -2
- data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +29 -5
- data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +2 -2
- data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +5 -5
- data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +45 -31
- data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +5 -3
- data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +24 -21
- data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +1 -1
- data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +1 -1
- data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +2 -2
- data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +1 -1
- data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +6 -8
- data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +7 -3
- data/app/pb_kits/playbook/pb_kit/dateTime.ts +145 -64
- data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +52 -31
- data/app/pb_kits/playbook/pb_message/_message.tsx +24 -24
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +14 -6
- data/app/pb_kits/playbook/pb_popover/docs/_popover_close.jsx +2 -0
- data/app/pb_kits/playbook/pb_popover/index.ts +5 -2
- data/app/pb_kits/playbook/pb_time/_time.tsx +9 -11
- data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +46 -49
- data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +4 -6
- data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +11 -11
- data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +8 -11
- data/dist/playbook-rails.js +7 -7
- data/lib/playbook/version.rb +2 -2
- metadata +7 -8
- data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +0 -120
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: playbook_ui
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version: 12.
|
|
4
|
+
version: 12.36.0.pre.alpha.PLAY936momentjs1047
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Power UX
|
|
8
8
|
- Power Devs
|
|
9
|
-
autorequire:
|
|
9
|
+
autorequire:
|
|
10
10
|
bindir: bin
|
|
11
11
|
cert_chain: []
|
|
12
|
-
date: 2023-08-
|
|
12
|
+
date: 2023-08-08 00:00:00.000000000 Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: actionpack
|
|
@@ -1428,7 +1428,6 @@ files:
|
|
|
1428
1428
|
- app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
|
|
1429
1429
|
- app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
|
|
1430
1430
|
- app/pb_kits/playbook/pb_loading_inline/loading_inline.test.js
|
|
1431
|
-
- app/pb_kits/playbook/pb_logistic/_logistic.jsx
|
|
1432
1431
|
- app/pb_kits/playbook/pb_map/_map.scss
|
|
1433
1432
|
- app/pb_kits/playbook/pb_map/_map.tsx
|
|
1434
1433
|
- app/pb_kits/playbook/pb_map/_map_controls.tsx
|
|
@@ -2563,7 +2562,7 @@ homepage: https://playbook.powerapp.cloud/
|
|
|
2563
2562
|
licenses:
|
|
2564
2563
|
- ISC
|
|
2565
2564
|
metadata: {}
|
|
2566
|
-
post_install_message:
|
|
2565
|
+
post_install_message:
|
|
2567
2566
|
rdoc_options: []
|
|
2568
2567
|
require_paths:
|
|
2569
2568
|
- lib
|
|
@@ -2574,12 +2573,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
|
|
|
2574
2573
|
version: '0'
|
|
2575
2574
|
required_rubygems_version: !ruby/object:Gem::Requirement
|
|
2576
2575
|
requirements:
|
|
2577
|
-
- - "
|
|
2576
|
+
- - ">"
|
|
2578
2577
|
- !ruby/object:Gem::Version
|
|
2579
|
-
version:
|
|
2578
|
+
version: 1.3.1
|
|
2580
2579
|
requirements: []
|
|
2581
2580
|
rubygems_version: 3.3.7
|
|
2582
|
-
signing_key:
|
|
2581
|
+
signing_key:
|
|
2583
2582
|
specification_version: 4
|
|
2584
2583
|
summary: Playbook Design System
|
|
2585
2584
|
test_files: []
|
|
@@ -1,120 +0,0 @@
|
|
|
1
|
-
/* @flow */
|
|
2
|
-
|
|
3
|
-
import React from 'react'
|
|
4
|
-
import classnames from 'classnames'
|
|
5
|
-
|
|
6
|
-
import DateTime from '../pb_kit/dateTime'
|
|
7
|
-
import { buildAriaProps, buildCss, buildDataProps } from '../utilities/props'
|
|
8
|
-
import { globalProps } from '../utilities/globalProps'
|
|
9
|
-
|
|
10
|
-
import Body from '../pb_body/_body'
|
|
11
|
-
import Caption from '../pb_caption/_caption'
|
|
12
|
-
import Icon from '../pb_icon/_icon'
|
|
13
|
-
import Title from '../pb_title/_title'
|
|
14
|
-
|
|
15
|
-
const dateString = (value: DateTime) => {
|
|
16
|
-
const month = value.toMonthNum()
|
|
17
|
-
const day = value.toDay()
|
|
18
|
-
|
|
19
|
-
return ` · ${month}/${day}`
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
type LogisticProps = {
|
|
23
|
-
aria?: object,
|
|
24
|
-
className?: string,
|
|
25
|
-
dark?: boolean,
|
|
26
|
-
data?: object,
|
|
27
|
-
date: string,
|
|
28
|
-
id?: string,
|
|
29
|
-
link?: string,
|
|
30
|
-
projectName?: string,
|
|
31
|
-
projectNumber?: number,
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
const Logistic = (props: LogisticProps) => {
|
|
35
|
-
const { aria = {},
|
|
36
|
-
className,
|
|
37
|
-
dark = false,
|
|
38
|
-
data = {},
|
|
39
|
-
date,
|
|
40
|
-
id,
|
|
41
|
-
link,
|
|
42
|
-
projectName,
|
|
43
|
-
projectNumber } = props
|
|
44
|
-
|
|
45
|
-
const ariaProps = buildAriaProps(aria)
|
|
46
|
-
const dataProps = buildDataProps(data)
|
|
47
|
-
const formattedDate = new DateTime({ value: date })
|
|
48
|
-
const classes = classnames(
|
|
49
|
-
buildCss('pb_logistic_kit', { dark }),
|
|
50
|
-
globalProps(props),
|
|
51
|
-
className
|
|
52
|
-
)
|
|
53
|
-
|
|
54
|
-
return (
|
|
55
|
-
<div
|
|
56
|
-
{...ariaProps}
|
|
57
|
-
{...dataProps}
|
|
58
|
-
className={classes}
|
|
59
|
-
id={id}
|
|
60
|
-
>
|
|
61
|
-
<Body color="light">
|
|
62
|
-
<Caption text="Project" />
|
|
63
|
-
<Icon
|
|
64
|
-
fixedWidth
|
|
65
|
-
icon="home"
|
|
66
|
-
/>
|
|
67
|
-
|
|
68
|
-
{` ${projectNumber}`}
|
|
69
|
-
|
|
70
|
-
<Choose>
|
|
71
|
-
<When condition={link}>
|
|
72
|
-
<a
|
|
73
|
-
className="pb_logistic_kit_links"
|
|
74
|
-
href={link}
|
|
75
|
-
>
|
|
76
|
-
<Choose>
|
|
77
|
-
<When condition={date}>
|
|
78
|
-
<Title
|
|
79
|
-
size={4}
|
|
80
|
-
tag="span"
|
|
81
|
-
text={' ' + projectName + dateString(formattedDate)}
|
|
82
|
-
/>
|
|
83
|
-
</When>
|
|
84
|
-
<Otherwise>
|
|
85
|
-
<Title
|
|
86
|
-
size={4}
|
|
87
|
-
tag="span"
|
|
88
|
-
text={' ' + projectName}
|
|
89
|
-
/>
|
|
90
|
-
</Otherwise>
|
|
91
|
-
</Choose>
|
|
92
|
-
</a>
|
|
93
|
-
</When>
|
|
94
|
-
<Otherwise>
|
|
95
|
-
<Choose>
|
|
96
|
-
<When condition={date}>
|
|
97
|
-
<Title
|
|
98
|
-
dark={dark}
|
|
99
|
-
size={4}
|
|
100
|
-
tag="span"
|
|
101
|
-
text={' ' + projectName + dateString(formattedDate)}
|
|
102
|
-
/>
|
|
103
|
-
</When>
|
|
104
|
-
<Otherwise>
|
|
105
|
-
<Title
|
|
106
|
-
dark={dark}
|
|
107
|
-
size={4}
|
|
108
|
-
tag="span"
|
|
109
|
-
text={' ' + projectName}
|
|
110
|
-
/>
|
|
111
|
-
</Otherwise>
|
|
112
|
-
</Choose>
|
|
113
|
-
</Otherwise>
|
|
114
|
-
</Choose>
|
|
115
|
-
</Body>
|
|
116
|
-
</div>
|
|
117
|
-
)
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
export default Logistic
|