playbook_ui 12.5.0.pre.alpha.phonerails1 → 12.6.0.pre.alpha.collapsible1
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/_playbook.scss +2 -0
- data/app/pb_kits/playbook/data/menu.yml +2 -1
- data/app/pb_kits/playbook/index.js +1 -0
- data/app/pb_kits/playbook/pb_button/_button_mixins.scss +2 -2
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
- data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +5 -1
- data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +10 -4
- data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +2 -2
- data/app/pb_kits/playbook/pb_collapsible/collapsible_main.rb +7 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.html.erb +10 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.jsx +23 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.md +1 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.html.erb +23 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.jsx +48 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.md +1 -0
- data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +6 -1
- data/app/pb_kits/playbook/pb_collapsible/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx +72 -0
- data/app/pb_kits/playbook/pb_filter/Filter/{FilterBackground.jsx → FilterBackground.tsx} +12 -14
- data/app/pb_kits/playbook/pb_filter/Filter/{FilterDouble.jsx → FilterDouble.tsx} +7 -8
- data/app/pb_kits/playbook/pb_filter/Filter/{FilterSingle.jsx → FilterSingle.tsx} +25 -25
- data/app/pb_kits/playbook/pb_filter/Filter/{FiltersPopover.jsx → FiltersPopover.tsx} +13 -11
- data/app/pb_kits/playbook/pb_filter/Filter/{ResultsCount.jsx → ResultsCount.tsx} +39 -14
- data/app/pb_kits/playbook/pb_filter/Filter/{SortMenu.jsx → SortMenu.tsx} +6 -6
- data/app/pb_kits/playbook/pb_filter/Filter/{index.jsx → index.tsx} +17 -10
- data/app/pb_kits/playbook/pb_filter/{_filter.jsx → _filter.tsx} +0 -2
- data/app/pb_kits/playbook/pb_list/_list.tsx +2 -2
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +86 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +81 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx +30 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +86 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +3 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +6 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +60 -0
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx +40 -0
- data/app/pb_kits/playbook/pb_person_contact/{_person_contact.jsx → _person_contact.tsx} +19 -22
- data/app/pb_kits/playbook/pb_person_contact/person_contact.test.js +112 -0
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +33 -32
- data/app/pb_kits/playbook/playbook-doc.js +2 -0
- data/app/pb_kits/playbook/tokens/_animation-curves.scss +30 -30
- data/app/pb_kits/playbook/tokens/_border_radius.scss +15 -16
- data/app/pb_kits/playbook/tokens/_colors.scss +3 -1
- data/app/pb_kits/playbook/tokens/_display.scss +6 -6
- data/app/pb_kits/playbook/tokens/_line_height.scss +7 -7
- data/app/pb_kits/playbook/tokens/_opacity.scss +10 -10
- data/app/pb_kits/playbook/tokens/_positioning.scss +11 -11
- data/app/pb_kits/playbook/tokens/_screen_sizes.scss +10 -10
- data/app/pb_kits/playbook/tokens/_shadows.scss +4 -4
- data/app/pb_kits/playbook/tokens/_spacing.scss +6 -6
- data/app/pb_kits/playbook/tokens/_transition.scss +3 -3
- data/app/pb_kits/playbook/tokens/_typography.scss +35 -46
- data/lib/playbook/version.rb +2 -2
- metadata +28 -12
- data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.jsx +0 -76
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 12.
|
4
|
+
version: 12.6.0.pre.alpha.collapsible1
|
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: 2023-03-
|
12
|
+
date: 2023-03-07 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -616,6 +616,12 @@ files:
|
|
616
616
|
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_color.md
|
617
617
|
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.html.erb
|
618
618
|
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_default.jsx
|
619
|
+
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.html.erb
|
620
|
+
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.jsx
|
621
|
+
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.md
|
622
|
+
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.html.erb
|
623
|
+
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.jsx
|
624
|
+
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.md
|
619
625
|
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.html.erb
|
620
626
|
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.jsx
|
621
627
|
- app/pb_kits/playbook/pb_collapsible/docs/_collapsible_size.md
|
@@ -910,16 +916,16 @@ files:
|
|
910
916
|
- app/pb_kits/playbook/pb_file_upload/docs/example.yml
|
911
917
|
- app/pb_kits/playbook/pb_file_upload/docs/index.js
|
912
918
|
- app/pb_kits/playbook/pb_file_upload/fileupload.test.js
|
913
|
-
- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.
|
914
|
-
- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.
|
915
|
-
- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.
|
916
|
-
- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.
|
917
|
-
- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.
|
918
|
-
- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.
|
919
|
-
- app/pb_kits/playbook/pb_filter/Filter/SortMenu.
|
920
|
-
- app/pb_kits/playbook/pb_filter/Filter/index.
|
921
|
-
- app/pb_kits/playbook/pb_filter/_filter.jsx
|
919
|
+
- app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx
|
920
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterBackground.tsx
|
921
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterDouble.tsx
|
922
|
+
- app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx
|
923
|
+
- app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx
|
924
|
+
- app/pb_kits/playbook/pb_filter/Filter/ResultsCount.tsx
|
925
|
+
- app/pb_kits/playbook/pb_filter/Filter/SortMenu.tsx
|
926
|
+
- app/pb_kits/playbook/pb_filter/Filter/index.tsx
|
922
927
|
- app/pb_kits/playbook/pb_filter/_filter.scss
|
928
|
+
- app/pb_kits/playbook/pb_filter/_filter.tsx
|
923
929
|
- app/pb_kits/playbook/pb_filter/docs/_description.md
|
924
930
|
- app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
|
925
931
|
- app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
|
@@ -1415,6 +1421,15 @@ files:
|
|
1415
1421
|
- app/pb_kits/playbook/pb_message/message.html.erb
|
1416
1422
|
- app/pb_kits/playbook/pb_message/message.rb
|
1417
1423
|
- app/pb_kits/playbook/pb_message/message.test.js
|
1424
|
+
- app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss
|
1425
|
+
- app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx
|
1426
|
+
- app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx
|
1427
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
|
1428
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
|
1429
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
|
1430
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/index.js
|
1431
|
+
- app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts
|
1432
|
+
- app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx
|
1418
1433
|
- app/pb_kits/playbook/pb_multiple_users/_multiple_users.jsx
|
1419
1434
|
- app/pb_kits/playbook/pb_multiple_users/_multiple_users.scss
|
1420
1435
|
- app/pb_kits/playbook/pb_multiple_users/docs/_description.md
|
@@ -1540,8 +1555,8 @@ files:
|
|
1540
1555
|
- app/pb_kits/playbook/pb_person/person.html.erb
|
1541
1556
|
- app/pb_kits/playbook/pb_person/person.rb
|
1542
1557
|
- app/pb_kits/playbook/pb_person/person.test.js
|
1543
|
-
- app/pb_kits/playbook/pb_person_contact/_person_contact.jsx
|
1544
1558
|
- app/pb_kits/playbook/pb_person_contact/_person_contact.scss
|
1559
|
+
- app/pb_kits/playbook/pb_person_contact/_person_contact.tsx
|
1545
1560
|
- app/pb_kits/playbook/pb_person_contact/docs/_description.md
|
1546
1561
|
- app/pb_kits/playbook/pb_person_contact/docs/_footer.md
|
1547
1562
|
- app/pb_kits/playbook/pb_person_contact/docs/_person_contact_default.html.erb
|
@@ -1556,6 +1571,7 @@ files:
|
|
1556
1571
|
- app/pb_kits/playbook/pb_person_contact/docs/index.js
|
1557
1572
|
- app/pb_kits/playbook/pb_person_contact/person_contact.html.erb
|
1558
1573
|
- app/pb_kits/playbook/pb_person_contact/person_contact.rb
|
1574
|
+
- app/pb_kits/playbook/pb_person_contact/person_contact.test.js
|
1559
1575
|
- app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss
|
1560
1576
|
- app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx
|
1561
1577
|
- app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_default.html.erb
|
@@ -1,76 +0,0 @@
|
|
1
|
-
/* @flow */
|
2
|
-
|
3
|
-
import React from 'react'
|
4
|
-
import { isEmpty, map, omitBy } from 'lodash'
|
5
|
-
|
6
|
-
import Body from '../../pb_body/_body'
|
7
|
-
import Caption from '../../pb_caption/_caption'
|
8
|
-
import Title from '../../pb_title/_title'
|
9
|
-
|
10
|
-
export type FilterDescription = {
|
11
|
-
[key: string]: ?string | boolean,
|
12
|
-
}
|
13
|
-
|
14
|
-
export type CurrentFiltersProps = {
|
15
|
-
dark: boolean,
|
16
|
-
filters: FilterDescription,
|
17
|
-
}
|
18
|
-
|
19
|
-
const hiddenFilters = (value) => isEmpty(value) && value !== true
|
20
|
-
|
21
|
-
const CurrentFilters = ({ dark, filters }: CurrentFiltersProps) => {
|
22
|
-
const displayableFilters = omitBy(filters, hiddenFilters)
|
23
|
-
|
24
|
-
return (
|
25
|
-
<div className="maskContainer">
|
26
|
-
<If condition={isEmpty(filters)}>
|
27
|
-
<div className="filters">
|
28
|
-
<Body
|
29
|
-
color="light"
|
30
|
-
paddingLeft="xs"
|
31
|
-
size={4}
|
32
|
-
tag="h4"
|
33
|
-
text="No Filter Selected"
|
34
|
-
/>
|
35
|
-
</div>
|
36
|
-
</If>
|
37
|
-
<If condition={!isEmpty(filters)}>
|
38
|
-
<div className="filters">
|
39
|
-
<div className="left_gradient" />
|
40
|
-
{map(displayableFilters, (value, name) => (
|
41
|
-
<div
|
42
|
-
className="filter"
|
43
|
-
key={`filter-${name}`}
|
44
|
-
>
|
45
|
-
<Choose>
|
46
|
-
<When condition={value === true}>
|
47
|
-
<Title
|
48
|
-
dark={dark}
|
49
|
-
size={4}
|
50
|
-
tag="h4"
|
51
|
-
text={name}
|
52
|
-
/>
|
53
|
-
</When>
|
54
|
-
<Otherwise>
|
55
|
-
<Caption
|
56
|
-
dark={dark}
|
57
|
-
text={name}
|
58
|
-
/>
|
59
|
-
<Title
|
60
|
-
dark={dark}
|
61
|
-
size={4}
|
62
|
-
tag="h4"
|
63
|
-
text={value}
|
64
|
-
/>
|
65
|
-
</Otherwise>
|
66
|
-
</Choose>
|
67
|
-
</div>
|
68
|
-
))}
|
69
|
-
<div className="right_gradient" />
|
70
|
-
</div>
|
71
|
-
</If>
|
72
|
-
</div>
|
73
|
-
)
|
74
|
-
}
|
75
|
-
|
76
|
-
export default CurrentFilters
|