playbook_ui 12.37.0 → 12.38.0.pre.alpha.PBNTR78selectkitmultipleprop1094

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.
Files changed (38) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_date/_date.tsx +7 -8
  3. data/app/pb_kits/playbook/pb_date/docs/_date_alignment.jsx +2 -2
  4. data/app/pb_kits/playbook/pb_date/docs/_date_default.jsx +29 -5
  5. data/app/pb_kits/playbook/pb_date/docs/_date_unstyled.jsx +2 -2
  6. data/app/pb_kits/playbook/pb_date/docs/_date_variants.jsx +5 -5
  7. data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.tsx +45 -31
  8. data/app/pb_kits/playbook/pb_date_range_stacked/_date_range_stacked.tsx +5 -3
  9. data/app/pb_kits/playbook/pb_date_stacked/_date_stacked.tsx +24 -21
  10. data/app/pb_kits/playbook/pb_date_time/_date_time.tsx +1 -1
  11. data/app/pb_kits/playbook/pb_date_time/dateTime.test.js +1 -1
  12. data/app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.tsx +2 -2
  13. data/app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js +1 -1
  14. data/app/pb_kits/playbook/pb_date_year_stacked/_date_year_stacked.tsx +6 -8
  15. data/app/pb_kits/playbook/pb_kit/dateTime.ts +146 -63
  16. data/app/pb_kits/playbook/pb_label_value/_label_value.tsx +52 -31
  17. data/app/pb_kits/playbook/pb_message/_message.tsx +24 -24
  18. data/app/pb_kits/playbook/pb_select/_select.scss +37 -0
  19. data/app/pb_kits/playbook/pb_select/_select.tsx +9 -5
  20. data/app/pb_kits/playbook/pb_select/docs/_select_attributes.html.erb +26 -0
  21. data/app/pb_kits/playbook/pb_select/docs/_select_attributes.md +1 -0
  22. data/app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb +36 -0
  23. data/app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx +50 -0
  24. data/app/pb_kits/playbook/pb_select/docs/_select_multiple.md +1 -0
  25. data/app/pb_kits/playbook/pb_select/docs/example.yml +3 -0
  26. data/app/pb_kits/playbook/pb_select/docs/index.js +1 -0
  27. data/app/pb_kits/playbook/pb_select/select.html.erb +5 -9
  28. data/app/pb_kits/playbook/pb_select/select.rb +14 -0
  29. data/app/pb_kits/playbook/pb_select/select.test.js +17 -0
  30. data/app/pb_kits/playbook/pb_time/_time.tsx +9 -11
  31. data/app/pb_kits/playbook/pb_time_range_inline/_time_range_inline.tsx +46 -49
  32. data/app/pb_kits/playbook/pb_time_stacked/_time_stacked.tsx +4 -6
  33. data/app/pb_kits/playbook/pb_timestamp/_timestamp.tsx +11 -11
  34. data/app/pb_kits/playbook/pb_weekday_stacked/_weekday_stacked.tsx +8 -11
  35. data/dist/playbook-rails.js +7 -7
  36. data/lib/playbook/version.rb +2 -2
  37. metadata +12 -8
  38. data/app/pb_kits/playbook/pb_logistic/_logistic.jsx +0 -120
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "12.36.0"
5
- VERSION = "12.37.0"
4
+ PREVIOUS_VERSION = "12.38.0"
5
+ VERSION = "12.38.0.pre.alpha.PBNTR78selectkitmultipleprop1094"
6
6
  end
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.37.0
4
+ version: 12.38.0.pre.alpha.PBNTR78selectkitmultipleprop1094
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-09 00:00:00.000000000 Z
12
+ date: 2023-08-17 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -1434,7 +1434,6 @@ files:
1434
1434
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
1435
1435
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.rb
1436
1436
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.test.js
1437
- - app/pb_kits/playbook/pb_logistic/_logistic.jsx
1438
1437
  - app/pb_kits/playbook/pb_map/_map.scss
1439
1438
  - app/pb_kits/playbook/pb_map/_map.tsx
1440
1439
  - app/pb_kits/playbook/pb_map/_map_controls.tsx
@@ -1852,6 +1851,8 @@ files:
1852
1851
  - app/pb_kits/playbook/pb_select/_select.tsx
1853
1852
  - app/pb_kits/playbook/pb_select/docs/_description.md
1854
1853
  - app/pb_kits/playbook/pb_select/docs/_footer.md
1854
+ - app/pb_kits/playbook/pb_select/docs/_select_attributes.html.erb
1855
+ - app/pb_kits/playbook/pb_select/docs/_select_attributes.md
1855
1856
  - app/pb_kits/playbook/pb_select/docs/_select_blank.html.erb
1856
1857
  - app/pb_kits/playbook/pb_select/docs/_select_blank.jsx
1857
1858
  - app/pb_kits/playbook/pb_select/docs/_select_custom_select.html.erb
@@ -1869,6 +1870,9 @@ files:
1869
1870
  - app/pb_kits/playbook/pb_select/docs/_select_inline.jsx
1870
1871
  - app/pb_kits/playbook/pb_select/docs/_select_inline_compact.html.erb
1871
1872
  - app/pb_kits/playbook/pb_select/docs/_select_inline_compact.jsx
1873
+ - app/pb_kits/playbook/pb_select/docs/_select_multiple.html.erb
1874
+ - app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
1875
+ - app/pb_kits/playbook/pb_select/docs/_select_multiple.md
1872
1876
  - app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
1873
1877
  - app/pb_kits/playbook/pb_select/docs/_select_required.jsx
1874
1878
  - app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
@@ -2588,7 +2592,7 @@ homepage: https://playbook.powerapp.cloud/
2588
2592
  licenses:
2589
2593
  - ISC
2590
2594
  metadata: {}
2591
- post_install_message:
2595
+ post_install_message:
2592
2596
  rdoc_options: []
2593
2597
  require_paths:
2594
2598
  - lib
@@ -2599,12 +2603,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
2599
2603
  version: '0'
2600
2604
  required_rubygems_version: !ruby/object:Gem::Requirement
2601
2605
  requirements:
2602
- - - ">="
2606
+ - - ">"
2603
2607
  - !ruby/object:Gem::Version
2604
- version: '0'
2608
+ version: 1.3.1
2605
2609
  requirements: []
2606
2610
  rubygems_version: 3.3.7
2607
- signing_key:
2611
+ signing_key:
2608
2612
  specification_version: 4
2609
2613
  summary: Playbook Design System
2610
2614
  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