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.
Files changed (56) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +2 -0
  3. data/app/pb_kits/playbook/data/menu.yml +2 -1
  4. data/app/pb_kits/playbook/index.js +1 -0
  5. data/app/pb_kits/playbook/pb_button/_button_mixins.scss +2 -2
  6. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.scss +1 -1
  7. data/app/pb_kits/playbook/pb_collapsible/_collapsible.tsx +5 -1
  8. data/app/pb_kits/playbook/pb_collapsible/child_kits/CollapsibleMain.tsx +10 -4
  9. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.html.erb +2 -2
  10. data/app/pb_kits/playbook/pb_collapsible/collapsible_main.rb +7 -0
  11. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.html.erb +10 -0
  12. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.jsx +23 -0
  13. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex.md +1 -0
  14. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.html.erb +23 -0
  15. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.jsx +48 -0
  16. data/app/pb_kits/playbook/pb_collapsible/docs/_collapsible_main_flex_item.md +1 -0
  17. data/app/pb_kits/playbook/pb_collapsible/docs/example.yml +6 -1
  18. data/app/pb_kits/playbook/pb_collapsible/docs/index.js +2 -0
  19. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx +72 -0
  20. data/app/pb_kits/playbook/pb_filter/Filter/{FilterBackground.jsx → FilterBackground.tsx} +12 -14
  21. data/app/pb_kits/playbook/pb_filter/Filter/{FilterDouble.jsx → FilterDouble.tsx} +7 -8
  22. data/app/pb_kits/playbook/pb_filter/Filter/{FilterSingle.jsx → FilterSingle.tsx} +25 -25
  23. data/app/pb_kits/playbook/pb_filter/Filter/{FiltersPopover.jsx → FiltersPopover.tsx} +13 -11
  24. data/app/pb_kits/playbook/pb_filter/Filter/{ResultsCount.jsx → ResultsCount.tsx} +39 -14
  25. data/app/pb_kits/playbook/pb_filter/Filter/{SortMenu.jsx → SortMenu.tsx} +6 -6
  26. data/app/pb_kits/playbook/pb_filter/Filter/{index.jsx → index.tsx} +17 -10
  27. data/app/pb_kits/playbook/pb_filter/{_filter.jsx → _filter.tsx} +0 -2
  28. data/app/pb_kits/playbook/pb_list/_list.tsx +2 -2
  29. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +86 -0
  30. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +81 -0
  31. data/app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx +30 -0
  32. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +86 -0
  33. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +3 -0
  34. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +6 -0
  35. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
  36. data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +60 -0
  37. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx +40 -0
  38. data/app/pb_kits/playbook/pb_person_contact/{_person_contact.jsx → _person_contact.tsx} +19 -22
  39. data/app/pb_kits/playbook/pb_person_contact/person_contact.test.js +112 -0
  40. data/app/pb_kits/playbook/pb_popover/_popover.tsx +33 -32
  41. data/app/pb_kits/playbook/playbook-doc.js +2 -0
  42. data/app/pb_kits/playbook/tokens/_animation-curves.scss +30 -30
  43. data/app/pb_kits/playbook/tokens/_border_radius.scss +15 -16
  44. data/app/pb_kits/playbook/tokens/_colors.scss +3 -1
  45. data/app/pb_kits/playbook/tokens/_display.scss +6 -6
  46. data/app/pb_kits/playbook/tokens/_line_height.scss +7 -7
  47. data/app/pb_kits/playbook/tokens/_opacity.scss +10 -10
  48. data/app/pb_kits/playbook/tokens/_positioning.scss +11 -11
  49. data/app/pb_kits/playbook/tokens/_screen_sizes.scss +10 -10
  50. data/app/pb_kits/playbook/tokens/_shadows.scss +4 -4
  51. data/app/pb_kits/playbook/tokens/_spacing.scss +6 -6
  52. data/app/pb_kits/playbook/tokens/_transition.scss +3 -3
  53. data/app/pb_kits/playbook/tokens/_typography.scss +35 -46
  54. data/lib/playbook/version.rb +2 -2
  55. metadata +28 -12
  56. 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.5.0.pre.alpha.phonerails1
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-01 00:00:00.000000000 Z
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.jsx
914
- - app/pb_kits/playbook/pb_filter/Filter/FilterBackground.jsx
915
- - app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx
916
- - app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx
917
- - app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx
918
- - app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
919
- - app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
920
- - app/pb_kits/playbook/pb_filter/Filter/index.jsx
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