playbook_ui 14.5.0.pre.alpha.PBNTR595popoverwidthpropfilterpopoverprop4158 → 14.5.0.pre.alpha.PBNTR600reactfilterdisplayzeroresults4068

Sign up to get free protection for your applications and to get access to all the features.
Files changed (45) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +4 -20
  3. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +0 -1
  4. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +0 -1
  5. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownOption.tsx +1 -1
  6. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +2 -2
  7. data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.tsx +0 -2
  8. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx +0 -2
  9. data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.tsx +1 -4
  10. data/app/pb_kits/playbook/pb_filter/docs/example.yml +0 -3
  11. data/app/pb_kits/playbook/pb_filter/docs/index.js +0 -1
  12. data/app/pb_kits/playbook/pb_filter/filter.html.erb +2 -2
  13. data/app/pb_kits/playbook/pb_filter/filter.rb +0 -2
  14. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +0 -17
  15. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +0 -1
  16. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +65 -169
  17. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.test.js +5 -5
  18. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.tsx +9 -15
  19. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/example.yml +0 -2
  20. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/index.js +0 -1
  21. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.html.erb +6 -28
  22. data/app/pb_kits/playbook/pb_multiple_users_stacked/multiple_users_stacked.rb +1 -31
  23. data/app/pb_kits/playbook/pb_popover/_popover.tsx +1 -5
  24. data/app/pb_kits/playbook/pb_popover/docs/_popover_default.html.erb +1 -1
  25. data/app/pb_kits/playbook/pb_popover/popover.rb +1 -3
  26. data/dist/chunks/{_typeahead-BKndSDgc.js → _typeahead-CT2ByCBK.js} +1 -1
  27. data/dist/chunks/_weekday_stacked-BFqyoTft.js +45 -0
  28. data/dist/chunks/vendor.js +1 -1
  29. data/dist/playbook-doc.js +1 -1
  30. data/dist/playbook-rails-react-bindings.js +1 -1
  31. data/dist/playbook-rails.js +1 -1
  32. data/dist/playbook.css +1 -1
  33. data/lib/playbook/version.rb +1 -1
  34. metadata +4 -14
  35. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx +0 -45
  36. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.md +0 -1
  37. data/app/pb_kits/playbook/pb_filter/docs/_filter_custom_width.html.erb +0 -41
  38. data/app/pb_kits/playbook/pb_filter/docs/_filter_custom_width.jsx +0 -71
  39. data/app/pb_kits/playbook/pb_filter/docs/_filter_custom_width_rails.md +0 -1
  40. data/app/pb_kits/playbook/pb_filter/docs/_filter_custom_width_react.md +0 -1
  41. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb +0 -93
  42. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md +0 -1
  43. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.html.erb +0 -336
  44. data/app/pb_kits/playbook/pb_multiple_users_stacked/docs/_multiple_users_stacked_size.jsx +0 -97
  45. data/dist/chunks/_weekday_stacked-DBH_rF_4.js +0 -45
@@ -1,97 +0,0 @@
1
- import React from 'react'
2
- import Flex from '../../pb_flex/_flex'
3
- import Title from '../../pb_title/_title'
4
- import MultipleUsersStacked from '../_multiple_users_stacked'
5
-
6
- const MultipleUsersStackedSize = (props) => {
7
- const sizes = [
8
- { label: 'S', size: 'sm' },
9
- { label: 'M', size: 'md' },
10
- { label: 'L', size: 'lg' },
11
- { label: 'XL', size: 'xl' },
12
- ]
13
-
14
- const usersList = [
15
- [
16
- {
17
- name: 'Patrick Welch',
18
- imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
19
- },
20
- ],
21
- [
22
- {
23
- name: 'Patrick Welch',
24
- imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
25
- },
26
- {
27
- name: 'Lucille Sanchez',
28
- imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
29
- },
30
- ],
31
- [
32
- {
33
- name: 'Patrick Welch',
34
- imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
35
- },
36
- {
37
- name: 'Lucille Sanchez',
38
- imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
39
- },
40
- {
41
- name: 'Beverly Reyes',
42
- imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
43
- },
44
- ],
45
- [
46
- {
47
- name: 'Patrick Welch',
48
- imageUrl: 'https://randomuser.me/api/portraits/men/9.jpg',
49
- },
50
- {
51
- name: 'Lucille Sanchez',
52
- imageUrl: 'https://randomuser.me/api/portraits/women/6.jpg',
53
- },
54
- {
55
- name: 'Beverly Reyes',
56
- imageUrl: 'https://randomuser.me/api/portraits/women/74.jpg',
57
- },
58
- {
59
- name: 'Keith Craig',
60
- imageUrl: 'https://randomuser.me/api/portraits/men/40.jpg',
61
- },
62
- {
63
- name: 'Alicia Cooper',
64
- imageUrl: 'https://randomuser.me/api/portraits/women/46.jpg',
65
- },
66
- ],
67
- ]
68
-
69
- return (
70
- <>
71
- {sizes.map(({ label, size }) => (
72
- <Flex key={size}
73
- orientation="column"
74
- >
75
- <Title paddingTop='sm' >{label}</Title>
76
- <Flex>
77
- {usersList.map((users, index) => (
78
- <Flex key={index}
79
- paddingRight='sm'
80
- >
81
- <MultipleUsersStacked
82
- size={size}
83
- users={users}
84
- variant="bubble"
85
- {...props}
86
- />
87
- </Flex>
88
- ))}
89
- </Flex>
90
- <br />
91
- </Flex>
92
- ))}
93
- </>
94
- )
95
- }
96
-
97
- export default MultipleUsersStackedSize