playbook_ui_docs 14.18.0 → 14.19.0.pre.alpha.PLAY1968typeaheadpreservesearchreact7796

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 (174) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md +0 -6
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx +80 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md +3 -0
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +58 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md +3 -0
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.jsx +57 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility.md +4 -0
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.jsx +62 -0
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_custom.md +1 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.jsx +82 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_multi.md +1 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.jsx +65 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_visibility_with_state.md +1 -0
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md +5 -1
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.jsx → _advanced_table_selectable_rows_no_subrows_react.jsx} +2 -2
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md +3 -2
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +10 -5
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +7 -2
  20. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.html.erb +5 -0
  21. data/app/pb_kits/playbook/pb_avatar/docs/_avatar_grayscale.jsx +16 -0
  22. data/app/pb_kits/playbook/pb_avatar/docs/example.yml +2 -0
  23. data/app/pb_kits/playbook/pb_avatar/docs/index.js +1 -0
  24. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.html.erb +2 -2
  25. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_block.jsx +1 -1
  26. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.html.erb +1 -1
  27. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_colors.jsx +1 -1
  28. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.html.erb +1 -1
  29. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_custom_tooltip.jsx +1 -1
  30. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.html.erb +1 -1
  31. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_default.jsx +1 -1
  32. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.html.erb +1 -1
  33. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_legend_position.jsx +1 -1
  34. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_live_data.jsx +2 -2
  35. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.jsx +38 -0
  36. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_pb_styles.md +1 -0
  37. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.html.erb +1 -1
  38. data/app/pb_kits/playbook/pb_circle_chart/docs/_circle_chart_rounded.jsx +1 -1
  39. data/app/pb_kits/playbook/pb_circle_chart/docs/example.yml +2 -3
  40. data/app/pb_kits/playbook/pb_circle_chart/docs/index.js +2 -1
  41. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +2 -2
  42. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +4 -1
  43. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_rails.md +4 -0
  44. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_range_limit.md +1 -1
  45. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_quick_pick_react.md +5 -1
  46. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.jsx +34 -0
  47. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern.md +14 -0
  48. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.html.erb +20 -0
  49. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range_pattern_rails.md +14 -0
  50. data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +2 -0
  51. data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
  52. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +64 -0
  53. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb +55 -0
  54. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md +1 -0
  55. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line.html.erb +55 -0
  56. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_line_rails.md +5 -0
  57. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_rails.md +5 -0
  58. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners.jsx +59 -0
  59. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_event_listeners_react.md +1 -0
  60. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +4 -1
  61. data/app/pb_kits/playbook/pb_draggable/docs/index.js +2 -1
  62. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +5 -2
  63. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +4 -1
  64. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +28 -0
  65. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +17 -64
  66. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +58 -0
  67. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_autocomplete_and_custom_display.jsx → _dropdown_with_autocomplete_with_subcomponents.jsx} +11 -25
  68. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md +1 -0
  69. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +11 -0
  70. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.md +1 -1
  71. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +33 -2
  72. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.md +3 -1
  73. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md +1 -0
  74. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +61 -0
  75. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md +2 -0
  76. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +52 -0
  77. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md +2 -0
  78. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +7 -4
  79. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +2 -2
  80. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_alignment.html.erb +27 -0
  81. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_default.html.erb +7 -0
  82. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_orientation.html.erb +12 -0
  83. data/app/pb_kits/playbook/pb_empty_state/docs/_empty_state_size.html.erb +23 -0
  84. data/app/pb_kits/playbook/pb_empty_state/docs/example.yml +5 -1
  85. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.html.erb +1 -0
  86. data/app/pb_kits/playbook/pb_file_upload/docs/_file_upload_error.jsx +41 -0
  87. data/app/pb_kits/playbook/pb_file_upload/docs/example.yml +2 -0
  88. data/app/pb_kits/playbook/pb_file_upload/docs/index.js +1 -0
  89. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb +41 -0
  90. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md +1 -0
  91. data/app/pb_kits/playbook/pb_filter/docs/example.yml +1 -0
  92. data/app/pb_kits/playbook/pb_gauge/docs/_gauge_pb_styles.jsx +0 -1
  93. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx +52 -0
  94. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md +1 -0
  95. data/app/pb_kits/playbook/pb_line_graph/docs/example.yml +1 -0
  96. data/app/pb_kits/playbook/pb_line_graph/docs/index.js +1 -0
  97. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.html.erb +9 -0
  98. data/app/pb_kits/playbook/pb_message/docs/_message_grayscale.jsx +21 -0
  99. data/app/pb_kits/playbook/pb_message/docs/example.yml +2 -0
  100. data/app/pb_kits/playbook/pb_message/docs/index.js +1 -0
  101. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.html.erb +11 -11
  102. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_color.jsx +11 -11
  103. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb +11 -11
  104. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx +11 -11
  105. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +11 -11
  106. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx +11 -11
  107. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.html.erb +11 -11
  108. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options.jsx +11 -11
  109. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.html.erb +11 -11
  110. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_default.jsx +11 -11
  111. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.html.erb +11 -11
  112. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent.jsx +11 -11
  113. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.html.erb +11 -11
  114. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled_options_parent_default.jsx +11 -11
  115. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.html.erb +11 -11
  116. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_error.jsx +11 -11
  117. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.html.erb +11 -11
  118. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_label.jsx +11 -11
  119. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_react_hook.jsx +11 -11
  120. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb +11 -11
  121. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb +11 -11
  122. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx +11 -11
  123. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.html.erb +11 -11
  124. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids.md +2 -0
  125. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.jsx +11 -11
  126. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_selected_ids_react.md +3 -1
  127. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.html.erb +22 -22
  128. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single.jsx +22 -22
  129. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.html.erb +22 -22
  130. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_single_children_only.jsx +22 -22
  131. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children.jsx +11 -11
  132. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_children_with_radios.jsx +11 -11
  133. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb +11 -11
  134. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_vertical_dynamic_multi_directional.jsx +1 -1
  135. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb +10 -0
  136. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx +20 -0
  137. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md +1 -0
  138. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_validation.jsx +8 -1
  139. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +2 -0
  140. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +1 -0
  141. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb +46 -0
  142. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md +1 -0
  143. data/app/pb_kits/playbook/pb_popover/docs/example.yml +1 -0
  144. data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +1 -1
  145. data/app/pb_kits/playbook/pb_select/docs/_select_error.jsx +7 -2
  146. data/app/pb_kits/playbook/pb_table/docs/_table_with_collapsible_with_custom_click.jsx +7 -7
  147. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +1 -1
  148. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx +9 -1
  149. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb +5 -1
  150. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.jsx +7 -1
  151. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb +8 -1
  152. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.jsx +6 -2
  153. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.jsx +23 -0
  154. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_preserve_input.md +1 -0
  155. data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +1 -0
  156. data/app/pb_kits/playbook/pb_typeahead/docs/index.js +1 -0
  157. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.html.erb +6 -0
  158. data/app/pb_kits/playbook/pb_user/docs/_user_grayscale.jsx +16 -0
  159. data/app/pb_kits/playbook/pb_user/docs/example.yml +2 -0
  160. data/app/pb_kits/playbook/pb_user/docs/index.js +1 -0
  161. data/dist/playbook-doc.js +2 -2
  162. metadata +68 -16
  163. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md +0 -1
  164. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +0 -79
  165. data/app/pb_kits/playbook/pb_gantt_chart/docs/_gantt_chart_default.jsx +0 -53
  166. data/app/pb_kits/playbook/pb_gantt_chart/docs/example.yml +0 -7
  167. data/app/pb_kits/playbook/pb_gantt_chart/docs/index.js +0 -1
  168. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_react.md → _advanced_table_selectable_rows.md} +0 -0
  169. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows.html.erb → _advanced_table_selectable_rows_no_subrows_rails.html.erb} +0 -0
  170. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows.html.erb → _advanced_table_selectable_rows_rails.html.erb} +0 -0
  171. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_colors.md → _draggable_drop_zones_colors_react.md} +0 -0
  172. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_line.md → _draggable_drop_zones_line_react.md} +0 -0
  173. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones.md → _draggable_drop_zones_react.md} +0 -0
  174. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_event_listeners.md → _draggable_event_listeners_rails.md} +0 -0
@@ -1,65 +1,65 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "powerhome1",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "people1",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "talent1",
17
17
  disabled: true,
18
18
  },
19
19
  {
20
20
  label: "Business Affairs",
21
- value: "Business Affairs",
21
+ value: "businessAffairs",
22
22
  id: "business1",
23
23
  children: [
24
24
  {
25
25
  label: "Initiatives",
26
- value: "Initiatives",
26
+ value: "initiatives",
27
27
  id: "initiative1",
28
28
  disabled: true,
29
29
  },
30
30
  {
31
31
  label: "Learning & Development",
32
- value: "Learning & Development",
32
+ value: "learningAndDevelopment",
33
33
  id: "development1",
34
34
  },
35
35
  ],
36
36
  },
37
37
  {
38
38
  label: "People Experience",
39
- value: "People Experience",
39
+ value: "peopleExperience",
40
40
  id: "experience1",
41
41
  },
42
42
  ],
43
43
  },
44
44
  {
45
45
  label: "Contact Center",
46
- value: "Contact Center",
46
+ value: "contactCenter",
47
47
  id: "contact1",
48
48
  children: [
49
49
  {
50
50
  label: "Appointment Management",
51
- value: "Appointment Management",
51
+ value: "appointmentManagement",
52
52
  id: "appointment1",
53
53
  },
54
54
  {
55
55
  label: "Customer Service",
56
- value: "Customer Service",
56
+ value: "customerService",
57
57
  id: "customer1",
58
58
  disabled: true,
59
59
  },
60
60
  {
61
61
  label: "Energy",
62
- value: "Energy",
62
+ value: "energy",
63
63
  id: "energy1",
64
64
  },
65
65
  ],
@@ -4,66 +4,66 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  disabled: true,
22
22
  },
23
23
  {
24
24
  label: "Business Affairs",
25
- value: "Business Affairs",
25
+ value: "businessAffairs",
26
26
  id: "business1",
27
27
  children: [
28
28
  {
29
29
  label: "Initiatives",
30
- value: "Initiatives",
30
+ value: "initiatives",
31
31
  id: "initiative1",
32
32
  disabled: true,
33
33
  },
34
34
  {
35
35
  label: "Learning & Development",
36
- value: "Learning & Development",
36
+ value: "learningAndDevelopment",
37
37
  id: "development1",
38
38
  },
39
39
  ],
40
40
  },
41
41
  {
42
42
  label: "People Experience",
43
- value: "People Experience",
43
+ value: "peopleExperience",
44
44
  id: "experience1",
45
45
  },
46
46
  ],
47
47
  },
48
48
  {
49
49
  label: "Contact Center",
50
- value: "Contact Center",
50
+ value: "contactCenter",
51
51
  id: "contact1",
52
52
  children: [
53
53
  {
54
54
  label: "Appointment Management",
55
- value: "Appointment Management",
55
+ value: "appointmentManagement",
56
56
  id: "appointment1",
57
57
  },
58
58
  {
59
59
  label: "Customer Service",
60
- value: "Customer Service",
60
+ value: "customerService",
61
61
  id: "customer1",
62
62
  disabled: true,
63
63
  },
64
64
  {
65
65
  label: "Energy",
66
- value: "Energy",
66
+ value: "energy",
67
67
  id: "energy1",
68
68
  },
69
69
  ],
@@ -1,65 +1,65 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "powerhome1",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "people1",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "talent1",
17
17
  disabled: true,
18
18
  },
19
19
  {
20
20
  label: "Business Affairs",
21
- value: "Business Affairs",
21
+ value: "businessAffairs",
22
22
  id: "business1",
23
23
  children: [
24
24
  {
25
25
  label: "Initiatives",
26
- value: "Initiatives",
26
+ value: "initiatives",
27
27
  id: "initiative1",
28
28
  disabled: true,
29
29
  },
30
30
  {
31
31
  label: "Learning & Development",
32
- value: "Learning & Development",
32
+ value: "learningAndDevelopment",
33
33
  id: "development1",
34
34
  },
35
35
  ],
36
36
  },
37
37
  {
38
38
  label: "People Experience",
39
- value: "People Experience",
39
+ value: "peopleExperience",
40
40
  id: "experience1",
41
41
  },
42
42
  ],
43
43
  },
44
44
  {
45
45
  label: "Contact Center",
46
- value: "Contact Center",
46
+ value: "contactCenter",
47
47
  id: "contact1",
48
48
  children: [
49
49
  {
50
50
  label: "Appointment Management",
51
- value: "Appointment Management",
51
+ value: "appointmentManagement",
52
52
  id: "appointment1",
53
53
  },
54
54
  {
55
55
  label: "Customer Service",
56
- value: "Customer Service",
56
+ value: "customerService",
57
57
  id: "customer1",
58
58
  disabled: true,
59
59
  },
60
60
  {
61
61
  label: "Energy",
62
- value: "Energy",
62
+ value: "energy",
63
63
  id: "energy1",
64
64
  },
65
65
  ],
@@ -4,66 +4,66 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  disabled: true,
22
22
  },
23
23
  {
24
24
  label: "Business Affairs",
25
- value: "Business Affairs",
25
+ value: "businessAffairs",
26
26
  id: "business1",
27
27
  children: [
28
28
  {
29
29
  label: "Initiatives",
30
- value: "Initiatives",
30
+ value: "initiatives",
31
31
  id: "initiative1",
32
32
  disabled: true,
33
33
  },
34
34
  {
35
35
  label: "Learning & Development",
36
- value: "Learning & Development",
36
+ value: "learningAndDevelopment",
37
37
  id: "development1",
38
38
  },
39
39
  ],
40
40
  },
41
41
  {
42
42
  label: "People Experience",
43
- value: "People Experience",
43
+ value: "peopleExperience",
44
44
  id: "experience1",
45
45
  },
46
46
  ],
47
47
  },
48
48
  {
49
49
  label: "Contact Center",
50
- value: "Contact Center",
50
+ value: "contactCenter",
51
51
  id: "contact1",
52
52
  children: [
53
53
  {
54
54
  label: "Appointment Management",
55
- value: "Appointment Management",
55
+ value: "appointmentManagement",
56
56
  id: "appointment1",
57
57
  },
58
58
  {
59
59
  label: "Customer Service",
60
- value: "Customer Service",
60
+ value: "customerService",
61
61
  id: "customer1",
62
62
  disabled: true,
63
63
  },
64
64
  {
65
65
  label: "Energy",
66
- value: "Energy",
66
+ value: "energy",
67
67
  id: "energy1",
68
68
  },
69
69
  ],
@@ -1,64 +1,64 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "powerhome1",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "people1",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "talent1",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "businessAffairs",
21
21
  id: "business1",
22
22
  expanded: true,
23
23
  disabled: true,
24
24
  children: [
25
25
  {
26
26
  label: "Initiatives",
27
- value: "Initiatives",
27
+ value: "initiatives",
28
28
  id: "initiative1",
29
29
  },
30
30
  {
31
31
  label: "Learning & Development",
32
- value: "Learning & Development",
32
+ value: "learningAndDevelopment",
33
33
  id: "development1",
34
34
  },
35
35
  ],
36
36
  },
37
37
  {
38
38
  label: "People Experience",
39
- value: "People Experience",
39
+ value: "peopleExperience",
40
40
  id: "experience1",
41
41
  },
42
42
  ],
43
43
  },
44
44
  {
45
45
  label: "Contact Center",
46
- value: "Contact Center",
46
+ value: "contactCenter",
47
47
  id: "contact1",
48
48
  children: [
49
49
  {
50
50
  label: "Appointment Management",
51
- value: "Appointment Management",
51
+ value: "appointmentManagement",
52
52
  id: "appointment1",
53
53
  },
54
54
  {
55
55
  label: "Customer Service",
56
- value: "Customer Service",
56
+ value: "customerService",
57
57
  id: "customer1",
58
58
  },
59
59
  {
60
60
  label: "Energy",
61
- value: "Energy",
61
+ value: "energy",
62
62
  id: "energy1",
63
63
  },
64
64
  ],
@@ -4,65 +4,65 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  },
22
22
  {
23
23
  label: "Business Affairs",
24
- value: "Business Affairs",
24
+ value: "businessAffairs",
25
25
  id: "business1",
26
26
  expanded: true,
27
27
  disabled: true,
28
28
  children: [
29
29
  {
30
30
  label: "Initiatives",
31
- value: "Initiatives",
31
+ value: "initiatives",
32
32
  id: "initiative1",
33
33
  },
34
34
  {
35
35
  label: "Learning & Development",
36
- value: "Learning & Development",
36
+ value: "learningAndDevelopment",
37
37
  id: "development1",
38
38
  },
39
39
  ],
40
40
  },
41
41
  {
42
42
  label: "People Experience",
43
- value: "People Experience",
43
+ value: "peopleExperience",
44
44
  id: "experience1",
45
45
  },
46
46
  ],
47
47
  },
48
48
  {
49
49
  label: "Contact Center",
50
- value: "Contact Center",
50
+ value: "contactCenter",
51
51
  id: "contact1",
52
52
  children: [
53
53
  {
54
54
  label: "Appointment Management",
55
- value: "Appointment Management",
55
+ value: "appointmentManagement",
56
56
  id: "appointment1",
57
57
  },
58
58
  {
59
59
  label: "Customer Service",
60
- value: "Customer Service",
60
+ value: "customerService",
61
61
  id: "customer1",
62
62
  },
63
63
  {
64
64
  label: "Energy",
65
- value: "Energy",
65
+ value: "energy",
66
66
  id: "energy1",
67
67
  },
68
68
  ],
@@ -1,64 +1,64 @@
1
1
  <% treeData = [{
2
2
  label: "Power Home Remodeling",
3
- value: "Power Home Remodeling",
3
+ value: "powerHomeRemodeling",
4
4
  id: "powerhome1",
5
5
  expanded: true,
6
6
  children: [
7
7
  {
8
8
  label: "People",
9
- value: "People",
9
+ value: "people",
10
10
  id: "people1",
11
11
  expanded: true,
12
12
  children: [
13
13
  {
14
14
  label: "Talent Acquisition",
15
- value: "Talent Acquisition",
15
+ value: "talentAcquisition",
16
16
  id: "talent1",
17
17
  },
18
18
  {
19
19
  label: "Business Affairs",
20
- value: "Business Affairs",
20
+ value: "businessAffairs",
21
21
  id: "business1",
22
22
  expanded: true,
23
23
  disabled: true,
24
24
  children: [
25
25
  {
26
26
  label: "Initiatives",
27
- value: "Initiatives",
27
+ value: "initiatives",
28
28
  id: "initiative1",
29
29
  },
30
30
  {
31
31
  label: "Learning & Development",
32
- value: "Learning & Development",
32
+ value: "learningAndDevelopment",
33
33
  id: "development1",
34
34
  },
35
35
  ],
36
36
  },
37
37
  {
38
38
  label: "People Experience",
39
- value: "People Experience",
39
+ value: "peopleExperience",
40
40
  id: "experience1",
41
41
  },
42
42
  ],
43
43
  },
44
44
  {
45
45
  label: "Contact Center",
46
- value: "Contact Center",
46
+ value: "contactCenter",
47
47
  id: "contact1",
48
48
  children: [
49
49
  {
50
50
  label: "Appointment Management",
51
- value: "Appointment Management",
51
+ value: "appointmentManagement",
52
52
  id: "appointment1",
53
53
  },
54
54
  {
55
55
  label: "Customer Service",
56
- value: "Customer Service",
56
+ value: "customerService",
57
57
  id: "customer1",
58
58
  },
59
59
  {
60
60
  label: "Energy",
61
- value: "Energy",
61
+ value: "energy",
62
62
  id: "energy1",
63
63
  },
64
64
  ],
@@ -4,65 +4,65 @@ import MultiLevelSelect from "../_multi_level_select";
4
4
  const treeData = [
5
5
  {
6
6
  label: "Power Home Remodeling",
7
- value: "Power Home Remodeling",
7
+ value: "powerHomeRemodeling",
8
8
  id: "powerhome1",
9
9
  expanded: true,
10
10
  children: [
11
11
  {
12
12
  label: "People",
13
- value: "People",
13
+ value: "people",
14
14
  id: "people1",
15
15
  expanded: true,
16
16
  children: [
17
17
  {
18
18
  label: "Talent Acquisition",
19
- value: "Talent Acquisition",
19
+ value: "talentAcquisition",
20
20
  id: "talent1",
21
21
  },
22
22
  {
23
23
  label: "Business Affairs",
24
- value: "Business Affairs",
24
+ value: "businessAffairs",
25
25
  id: "business1",
26
26
  expanded: true,
27
27
  disabled: true,
28
28
  children: [
29
29
  {
30
30
  label: "Initiatives",
31
- value: "Initiatives",
31
+ value: "initiatives",
32
32
  id: "initiative1",
33
33
  },
34
34
  {
35
35
  label: "Learning & Development",
36
- value: "Learning & Development",
36
+ value: "learningAndDevelopment",
37
37
  id: "development1",
38
38
  },
39
39
  ],
40
40
  },
41
41
  {
42
42
  label: "People Experience",
43
- value: "People Experience",
43
+ value: "peopleExperience",
44
44
  id: "experience1",
45
45
  },
46
46
  ],
47
47
  },
48
48
  {
49
49
  label: "Contact Center",
50
- value: "Contact Center",
50
+ value: "contactCenter",
51
51
  id: "contact1",
52
52
  children: [
53
53
  {
54
54
  label: "Appointment Management",
55
- value: "Appointment Management",
55
+ value: "appointmentManagement",
56
56
  id: "appointment1",
57
57
  },
58
58
  {
59
59
  label: "Customer Service",
60
- value: "Customer Service",
60
+ value: "customerService",
61
61
  id: "customer1",
62
62
  },
63
63
  {
64
64
  label: "Energy",
65
- value: "Energy",
65
+ value: "energy",
66
66
  id: "energy1",
67
67
  },
68
68
  ],