playbook_ui 12.25.0 → 12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown794

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 (53) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +1 -0
  3. data/app/pb_kits/playbook/index.js +1 -0
  4. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_swift.md +82 -1
  5. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +26 -0
  6. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +102 -95
  7. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +30 -2
  8. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +11 -4
  9. data/app/pb_kits/playbook/pb_date_picker/date_picker.test.js +44 -1
  10. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +38 -4
  11. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick.html.erb +8 -0
  12. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick.jsx +18 -0
  13. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
  14. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +2 -1
  15. data/app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx +168 -0
  16. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss +3 -2
  17. data/app/pb_kits/playbook/pb_date_picker/sass_partials/_quick_pick_styles.scss +75 -0
  18. data/app/pb_kits/playbook/pb_detail/_detail.scss +44 -0
  19. data/app/pb_kits/playbook/pb_detail/_detail.tsx +55 -0
  20. data/app/pb_kits/playbook/pb_detail/_detail_mixins.scss +29 -0
  21. data/app/pb_kits/playbook/pb_detail/detail.html.erb +7 -0
  22. data/app/pb_kits/playbook/pb_detail/detail.rb +31 -0
  23. data/app/pb_kits/playbook/pb_detail/detail.test.jsx +46 -0
  24. data/app/pb_kits/playbook/pb_detail/docs/_description.md +1 -0
  25. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.html.erb +34 -0
  26. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx +49 -0
  27. data/app/pb_kits/playbook/pb_detail/docs/_detail_bold.md +1 -0
  28. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.html.erb +24 -0
  29. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx +38 -0
  30. data/app/pb_kits/playbook/pb_detail/docs/_detail_colors.md +6 -0
  31. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.html.erb +3 -0
  32. data/app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx +13 -0
  33. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.html.erb +22 -0
  34. data/app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx +32 -0
  35. data/app/pb_kits/playbook/pb_detail/docs/example.yml +11 -0
  36. data/app/pb_kits/playbook/pb_detail/docs/index.js +4 -0
  37. data/app/pb_kits/playbook/pb_docs/kit_example.html.erb +14 -13
  38. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +3 -2
  39. data/app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx +212 -0
  40. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +58 -98
  41. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +340 -86
  42. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md +1 -1
  43. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +1 -0
  44. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx +1 -1
  45. data/app/pb_kits/playbook/pb_nav/_item.tsx +1 -1
  46. data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +1 -1
  47. data/app/pb_kits/playbook/playbook-doc.js +2 -0
  48. data/dist/menu.yml +1 -0
  49. data/dist/playbook-rails.js +279 -7
  50. data/lib/playbook/version.rb +2 -2
  51. metadata +31 -9
  52. data/app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx +0 -31
  53. data/app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts +0 -87
@@ -1,6 +1,6 @@
1
1
  # frozen_string_literal: true
2
2
 
3
3
  module Playbook
4
- PREVIOUS_VERSION = "12.24.0"
5
- VERSION = "12.25.0"
4
+ PREVIOUS_VERSION = "12.26.0"
5
+ VERSION = "12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown794"
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.25.0
4
+ version: 12.26.0.pre.alpha.PLAY603datepickerquickpickinputpresetdropdown794
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-06-09 00:00:00.000000000 Z
12
+ date: 2023-06-16 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -723,6 +723,8 @@ files:
723
723
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions.md
724
724
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.html.erb
725
725
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_positions_element.jsx
726
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick.html.erb
727
+ - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick.jsx
726
728
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
727
729
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
728
730
  - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_time.html.erb
@@ -737,6 +739,7 @@ files:
737
739
  - app/pb_kits/playbook/pb_date_picker/docs/_description.md
738
740
  - app/pb_kits/playbook/pb_date_picker/docs/example.yml
739
741
  - app/pb_kits/playbook/pb_date_picker/docs/index.js
742
+ - app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx
740
743
  - app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.ts
741
744
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
742
745
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss
@@ -746,6 +749,7 @@ files:
746
749
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_input_styles.scss
747
750
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_month_and_year_styles.scss
748
751
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
752
+ - app/pb_kits/playbook/pb_date_picker/sass_partials/_quick_pick_styles.scss
749
753
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_time_selection_styles.scss
750
754
  - app/pb_kits/playbook/pb_date_picker/sass_partials/_week_styles.scss
751
755
  - app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
@@ -823,6 +827,25 @@ files:
823
827
  - app/pb_kits/playbook/pb_date_year_stacked/docs/_footer.md
824
828
  - app/pb_kits/playbook/pb_date_year_stacked/docs/example.yml
825
829
  - app/pb_kits/playbook/pb_date_year_stacked/docs/index.js
830
+ - app/pb_kits/playbook/pb_detail/_detail.scss
831
+ - app/pb_kits/playbook/pb_detail/_detail.tsx
832
+ - app/pb_kits/playbook/pb_detail/_detail_mixins.scss
833
+ - app/pb_kits/playbook/pb_detail/detail.html.erb
834
+ - app/pb_kits/playbook/pb_detail/detail.rb
835
+ - app/pb_kits/playbook/pb_detail/detail.test.jsx
836
+ - app/pb_kits/playbook/pb_detail/docs/_description.md
837
+ - app/pb_kits/playbook/pb_detail/docs/_detail_bold.html.erb
838
+ - app/pb_kits/playbook/pb_detail/docs/_detail_bold.jsx
839
+ - app/pb_kits/playbook/pb_detail/docs/_detail_bold.md
840
+ - app/pb_kits/playbook/pb_detail/docs/_detail_colors.html.erb
841
+ - app/pb_kits/playbook/pb_detail/docs/_detail_colors.jsx
842
+ - app/pb_kits/playbook/pb_detail/docs/_detail_colors.md
843
+ - app/pb_kits/playbook/pb_detail/docs/_detail_default.html.erb
844
+ - app/pb_kits/playbook/pb_detail/docs/_detail_default.jsx
845
+ - app/pb_kits/playbook/pb_detail/docs/_detail_styled.html.erb
846
+ - app/pb_kits/playbook/pb_detail/docs/_detail_styled.jsx
847
+ - app/pb_kits/playbook/pb_detail/docs/example.yml
848
+ - app/pb_kits/playbook/pb_detail/docs/index.js
826
849
  - app/pb_kits/playbook/pb_dialog/_close_icon.tsx
827
850
  - app/pb_kits/playbook/pb_dialog/_dialog.scss
828
851
  - app/pb_kits/playbook/pb_dialog/_dialog.tsx
@@ -1407,9 +1430,9 @@ files:
1407
1430
  - app/pb_kits/playbook/pb_message/message.html.erb
1408
1431
  - app/pb_kits/playbook/pb_message/message.rb
1409
1432
  - app/pb_kits/playbook/pb_message/message.test.js
1433
+ - app/pb_kits/playbook/pb_multi_level_select/_helper_functions.tsx
1410
1434
  - app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss
1411
1435
  - app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx
1412
- - app/pb_kits/playbook/pb_multi_level_select/_multi_select_helper.tsx
1413
1436
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb
1414
1437
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
1415
1438
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
@@ -1418,7 +1441,6 @@ files:
1418
1441
  - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
1419
1442
  - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
1420
1443
  - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
1421
- - app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts
1422
1444
  - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.html.erb
1423
1445
  - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb
1424
1446
  - app/pb_kits/playbook/pb_multi_level_select/multi_level_select.test.jsx
@@ -2469,7 +2491,7 @@ homepage: https://playbook.powerapp.cloud/
2469
2491
  licenses:
2470
2492
  - ISC
2471
2493
  metadata: {}
2472
- post_install_message:
2494
+ post_install_message:
2473
2495
  rdoc_options: []
2474
2496
  require_paths:
2475
2497
  - lib
@@ -2480,12 +2502,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
2480
2502
  version: '0'
2481
2503
  required_rubygems_version: !ruby/object:Gem::Requirement
2482
2504
  requirements:
2483
- - - ">="
2505
+ - - ">"
2484
2506
  - !ruby/object:Gem::Version
2485
- version: '0'
2507
+ version: 1.3.1
2486
2508
  requirements: []
2487
2509
  rubygems_version: 3.3.7
2488
- signing_key:
2510
+ signing_key:
2489
2511
  specification_version: 4
2490
2512
  summary: Playbook Design System
2491
2513
  test_files: []
@@ -1,31 +0,0 @@
1
- import React from "react"
2
- import DropdownTreeSelect from "react-dropdown-tree-select"
3
- import "react-dropdown-tree-select/dist/styles.css"
4
-
5
- type HelperProps = {
6
- id?: string
7
- treeData?: { [key: string]: string }[]
8
- treeMode?: boolean
9
- onChange?: any
10
-
11
- }
12
-
13
- const MultiSelectHelper = (props: HelperProps) => {
14
- const { id, treeData, onChange, treeMode } = props
15
-
16
-
17
- return (
18
- <DropdownTreeSelect
19
- data={treeData}
20
- id={id}
21
- keepOpenOnSelect
22
- keepTreeOnSearch
23
- keepChildrenOnSearch
24
- onChange={onChange}
25
- texts={{ placeholder: "Select..." }}
26
- mode={treeMode ? 'hierarchical' : 'multiSelect'}
27
- />
28
- )
29
- }
30
-
31
- export default MultiSelectHelper
@@ -1,87 +0,0 @@
1
- export const findItemById = (
2
- items: { [key: string]: any }[],
3
- id: string
4
- ): any => {
5
- for (const item of items) {
6
- if (item.id === id) {
7
- return item;
8
- }
9
- if (item.children) {
10
- const found = findItemById(item.children, id);
11
- if (found) {
12
- return found;
13
- }
14
- }
15
- }
16
- return null;
17
- };
18
-
19
- export const checkIt = (
20
- foundItem: { [key: string]: any },
21
- selectedItems: any[],
22
- setSelectedItems: Function,
23
- expand: boolean
24
- ) => {
25
- if (!foundItem) {
26
- return;
27
- }
28
-
29
- foundItem.checked = true;
30
- foundItem.expanded = expand;
31
- selectedItems.push(foundItem);
32
-
33
- if (foundItem.children) {
34
- foundItem.children.map((x: any) => {
35
- checkIt(x, selectedItems, setSelectedItems, expand);
36
- });
37
- }
38
-
39
- setSelectedItems([...selectedItems]);
40
- };
41
-
42
- export const unCheckIt = (
43
- foundItem: { [key: string]: any },
44
- selectedItems: any,
45
- setSelectedItems: any,
46
- expand: boolean
47
- ) => {
48
- if (!foundItem) {
49
- return;
50
- }
51
-
52
- foundItem.checked = false;
53
- foundItem.expanded = false;
54
- const newSelectedItems = selectedItems.filter(
55
- (item: any) => item.id !== foundItem.id
56
- );
57
- if (foundItem.children) {
58
- foundItem.children.map((x: any) => {
59
- unCheckIt(x, selectedItems, setSelectedItems, expand);
60
- });
61
- }
62
- setSelectedItems([...newSelectedItems]);
63
- };
64
-
65
-
66
- export const getParentAndAncestorsIds = (itemId:string, items:{ [key: string]: string; }[], ancestors:string[] = []):any => {
67
- for (let i = 0; i < items.length; i++) {
68
- const item:any = items[i];
69
- if (item.id === itemId) {
70
- // item found in current level of items array
71
- return [...ancestors, item.id];
72
- }
73
- if (item.children && item.children.length > 0) {
74
- // recursively search through children
75
- const foundAncestors = getParentAndAncestorsIds(
76
- itemId,
77
- item.children,
78
- [...ancestors, item.id]
79
- );
80
- if (foundAncestors) {
81
- return foundAncestors;
82
- }
83
- }
84
- }
85
- // item not found in this level of items array or its children
86
- return null;
87
- }