playbook_ui 14.21.2.pre.alpha.PLAY22558410 β†’ 14.21.2

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 (129) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx +2 -5
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +4 -20
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx +5 -25
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +16 -36
  6. data/app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx +5 -18
  7. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +17 -37
  8. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +5 -30
  9. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +0 -3
  10. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx +40 -91
  11. data/app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx +1 -4
  12. data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts +2 -3
  13. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +4 -49
  14. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +18 -36
  15. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.test.jsx +2 -105
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_sort.html.erb +1 -1
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta_subrow_headers.html.erb +1 -1
  18. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +1 -1
  19. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb +1 -1
  20. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows.jsx +1 -1
  21. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_pinned_rows_react.md +3 -5
  22. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions.jsx +2 -2
  23. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_actions_rails.html.erb +2 -3
  24. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header.html.erb +1 -1
  25. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -6
  26. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +0 -4
  27. data/app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js +84 -60
  28. data/app/pb_kits/playbook/pb_advanced_table/index.js +213 -125
  29. data/app/pb_kits/playbook/pb_advanced_table/table_action_bar.html.erb +1 -1
  30. data/app/pb_kits/playbook/pb_advanced_table/table_header.html.erb +1 -1
  31. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +0 -5
  32. data/app/pb_kits/playbook/pb_advanced_table/table_row.html.erb +2 -2
  33. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +0 -33
  34. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.html.erb +3 -3
  35. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_blank_selection.jsx +4 -7
  36. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_clear_selection.jsx +3 -6
  37. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default.jsx +3 -6
  38. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_rails.html.erb +3 -3
  39. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.html.erb +3 -3
  40. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_default_value.jsx +4 -7
  41. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +3 -3
  42. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.jsx +4 -7
  43. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select.jsx +10 -19
  44. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display.jsx +10 -19
  45. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_display_rails.html.erb +10 -10
  46. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_rails.html.erb +10 -10
  47. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.html.erb +10 -10
  48. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_autocomplete.jsx +11 -20
  49. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.html.erb +3 -3
  50. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_custom_options.jsx +8 -8
  51. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.html.erb +10 -10
  52. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx +14 -23
  53. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb +3 -3
  54. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx +3 -6
  55. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx +3 -6
  56. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.html.erb +3 -3
  57. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb +3 -3
  58. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx +3 -6
  59. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +3 -3
  60. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +3 -3
  61. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +4 -4
  62. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx +4 -4
  63. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx +4 -4
  64. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb +4 -4
  65. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx +3 -3
  66. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.html.erb +3 -3
  67. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb +3 -3
  68. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx +3 -3
  69. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx +3 -3
  70. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb +3 -3
  71. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx +3 -3
  72. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb +3 -3
  73. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx +3 -6
  74. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +3 -3
  75. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +3 -3
  76. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +0 -4
  77. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +1 -3
  78. data/app/pb_kits/playbook/pb_filter/Filter/index.tsx +0 -13
  79. data/app/pb_kits/playbook/pb_filter/_filter.scss +0 -4
  80. data/app/pb_kits/playbook/pb_filter/docs/example.yml +0 -1
  81. data/app/pb_kits/playbook/pb_filter/docs/index.js +0 -1
  82. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns.html.erb +8 -8
  83. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_columns_rails.md +1 -1
  84. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns.html.erb +12 -12
  85. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_left_columns_rails.md +2 -2
  86. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns.html.erb +12 -12
  87. data/app/pb_kits/playbook/pb_table/docs/_table_sticky_right_columns_rails.md +2 -2
  88. data/app/pb_kits/playbook/pb_table/index.ts +4 -4
  89. data/app/pb_kits/playbook/pb_table/styles/_vertical_border.scss +0 -4
  90. data/dist/chunks/_typeahead-BlPRej0F.js +22 -0
  91. data/dist/chunks/_weekday_stacked-CzxoxxCR.js +45 -0
  92. data/dist/chunks/lazysizes-DHz07jlL.js +1 -0
  93. data/dist/chunks/lib-D4vXIZF5.js +29 -0
  94. data/dist/chunks/{pb_form_validation-BVF3TmcL.js β†’ pb_form_validation-DyvJ8iPe.js} +1 -1
  95. data/dist/chunks/vendor.js +1 -1
  96. data/dist/playbook-doc.js +3 -3
  97. data/dist/playbook-rails-react-bindings.js +1 -1
  98. data/dist/playbook-rails.js +1 -1
  99. data/dist/playbook.css +1 -1
  100. data/lib/playbook/version.rb +2 -2
  101. metadata +7 -31
  102. data/app/pb_kits/playbook/pb_advanced_table/Utilities/ColumnStylingHelper.ts +0 -15
  103. data/app/pb_kits/playbook/pb_advanced_table/advanced_table_action_bar.js +0 -36
  104. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.jsx +0 -51
  105. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling.md +0 -7
  106. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.jsx +0 -77
  107. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers.md +0 -1
  108. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.html.erb +0 -63
  109. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_column_headers_rails.md +0 -1
  110. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.html.erb +0 -38
  111. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_styling_rails.md +0 -7
  112. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.md +0 -3
  113. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.jsx +0 -64
  114. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_row_styling.md +0 -7
  115. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options.html.erb +0 -52
  116. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options.jsx +0 -99
  117. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options_rails.md +0 -1
  118. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_icon_options_react.md +0 -1
  119. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.html.erb +0 -28
  120. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options.jsx +0 -47
  121. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options_rails.md +0 -1
  122. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_radio_options_react.md +0 -1
  123. data/app/pb_kits/playbook/pb_filter/Filter/FilterSection.tsx +0 -49
  124. data/app/pb_kits/playbook/pb_filter/Filter/FilterSidebar.tsx +0 -69
  125. data/app/pb_kits/playbook/pb_filter/docs/_filter_sidebar.jsx +0 -224
  126. data/dist/chunks/_typeahead-B80UsDrG.js +0 -22
  127. data/dist/chunks/_weekday_stacked-D1bqIne1.js +0 -45
  128. data/dist/chunks/lazysizes-B7xYodB-.js +0 -1
  129. data/dist/chunks/lib-CTkMyvfQ.js +0 -29
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_multi_select_with_default.jsx CHANGED
@@ -5,59 +5,50 @@ const DropdownMultiSelectWithDefault = (props) => {
5
5
  const options = [
6
6
  {
7
7
  label: "United States",
8
- value: "unitedStates",
9
- id: "us"
8
+ value: "United States",
10
9
  },
11
10
  {
12
11
  label: "United Kingdom",
13
- value: "unitedKingdom",
14
- id: "gb"
15
- },
12
+ value: "United Kingdom",
13
+ },
16
14
  {
17
15
  label: "Canada",
18
- value: "canada",
19
- id: "ca"
16
+ value: "Canada",
20
17
  },
21
18
  {
22
19
  label: "Pakistan",
23
- value: "pakistan",
24
- id: "pk"
20
+ value: "Pakistan",
25
21
  },
26
22
  {
27
23
  label: "India",
28
- value: "india",
29
- id: "in"
24
+ value: "India",
30
25
  },
31
26
  {
32
27
  label: "Australia",
33
- value: "australia",
34
- id: "au"
28
+ value: "Australia",
35
29
  },
36
30
  {
37
31
  label: "New Zealand",
38
- value: "new Zealand",
39
- id: "nz"
32
+ value: "New Zealand",
40
33
  },
41
34
  {
42
35
  label: "Italy",
43
- value: "italy",
44
- id: "it"
36
+ value: "Italy",
45
37
  },
46
38
  {
47
39
  label: "Spain",
48
- value: "spain",
49
- id: "es"
50
- }
51
- ];
40
+ value: "Spain",
41
+ },
42
+ ];
52
43
 
53
44
  const defaultSelectedOptions = [
54
45
  {
55
46
  label: "United States",
56
- value: "unitedStates",
47
+ value: "United States",
57
48
  },
58
49
  {
59
50
  label: "Italy",
60
- value: "italy",
51
+ value: "Italy",
61
52
  },
62
53
  ];
63
54
 
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.html.erb CHANGED
@@ -1,8 +1,8 @@
1
1
  <%
2
2
  options = [
3
- { label: 'United States', value: 'unitedStates', id: 'us' },
4
- { label: 'Canada', value: 'canada', id: 'ca' },
5
- { label: 'Pakistan', value: 'pakistan', id: 'pk' },
3
+ { label: 'United States', value: 'United States', id: 'us' },
4
+ { label: 'Canada', value: 'Canada', id: 'ca' },
5
+ { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
6
6
  ]
7
7
 
8
8
  %>
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_separators_hidden.jsx CHANGED
@@ -6,18 +6,15 @@ const DropdownSeparatorsHidden = (props) => {
6
6
  const options = [
7
7
  {
8
8
  label: "United States",
9
- value: "unitedStates",
10
- id: "us"
9
+ value: "United States",
11
10
  },
12
11
  {
13
12
  label: "Canada",
14
- value: "canada",
15
- id: "ca"
13
+ value: "Canada",
16
14
  },
17
15
  {
18
16
  label: "Pakistan",
19
- value: "pakistan",
20
- id: "pk"
17
+ value: "Pakistan",
21
18
  }
22
19
  ];
23
20
 
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure.jsx CHANGED
@@ -7,18 +7,15 @@ const DropdownSubcomponentStructure = (props) => {
7
7
  const options = [
8
8
  {
9
9
  label: "United States",
10
- value: "unitedStates",
11
- id: "us"
10
+ value: "United States",
12
11
  },
13
12
  {
14
13
  label: "Canada",
15
- value: "canada",
16
- id: "ca"
14
+ value: "Canada",
17
15
  },
18
16
  {
19
17
  label: "Pakistan",
20
- value: "pakistan",
21
- id: "pk"
18
+ value: "Pakistan",
22
19
  }
23
20
  ];
24
21
 
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subcomponent_structure_rails.html.erb CHANGED
@@ -1,8 +1,8 @@
1
1
  <%
2
2
  options = [
3
- { label: 'United States', value: 'unitedStates', id: 'us' },
4
- { label: 'Canada', value: 'canada', id: 'ca' },
5
- { label: 'Pakistan', value: 'pakistan', id: 'pk' },
3
+ { label: 'United States', value: 'United States', id: 'us' },
4
+ { label: 'Canada', value: 'Canada', id: 'ca' },
5
+ { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
6
6
  ]
7
7
 
8
8
  %>
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.html.erb CHANGED
@@ -1,8 +1,8 @@
1
1
  <%
2
2
  options = [
3
- { label: 'United States', value: 'unitedStates', id: 'us' },
4
- { label: 'Canada', value: 'canada', id: 'ca' },
5
- { label: 'Pakistan', value: 'pakistan', id: 'pk' },
3
+ { label: 'United States', value: 'United States', id: 'us' },
4
+ { label: 'Canada', value: 'Canada', id: 'ca' },
5
+ { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
6
6
  ]
7
7
 
8
8
  %>
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_subtle_variant.jsx CHANGED
@@ -6,18 +6,15 @@ const DropdownSubtleVariant = (props) => {
6
6
  const options = [
7
7
  {
8
8
  label: "United States",
9
- value: "unitedStates",
10
- id: "us"
9
+ value: "United States",
11
10
  },
12
11
  {
13
12
  label: "Canada",
14
- value: "canada",
15
- id: "ca"
13
+ value: "Canada",
16
14
  },
17
15
  {
18
16
  label: "Pakistan",
19
- value: "pakistan",
20
- id: "pk"
17
+ value: "Pakistan",
21
18
  }
22
19
  ];
23
20
 
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb CHANGED
@@ -2,21 +2,21 @@
2
2
  options = [
3
3
  {
4
4
  label: "United States",
5
- value: "unitedStates",
5
+ value: "United States",
6
6
  areaCode: "+1",
7
7
  icon: "πŸ‡ΊπŸ‡Έ",
8
8
  id: "us"
9
9
  },
10
10
  {
11
11
  label: "United Kingdom",
12
- value: "unitedKingdom",
12
+ value: "United Kingdom",
13
13
  areaCode: "+44",
14
14
  icon: "πŸ‡¬πŸ‡§",
15
15
  id: "gb"
16
16
  },
17
17
  {
18
18
  label: "Pakistan",
19
- value: "pakistan",
19
+ value: "Pakistan",
20
20
  areaCode: "+92",
21
21
  icon: "πŸ‡΅πŸ‡°",
22
22
  id: "pk"
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx CHANGED
@@ -7,21 +7,21 @@ const DropdownWithAutocomplete = (props) => {
7
7
  const options = [
8
8
  {
9
9
  label: "United States",
10
- value: "unitedStates",
10
+ value: "United States",
11
11
  areaCode: "+1",
12
12
  icon: "πŸ‡ΊπŸ‡Έ",
13
13
  id: "us"
14
14
  },
15
15
  {
16
16
  label: "United Kingdom",
17
- value: "unitedKingdom",
17
+ value: "United Kingdom",
18
18
  areaCode: "+44",
19
19
  icon: "πŸ‡¬πŸ‡§",
20
20
  id: "gb"
21
21
  },
22
22
  {
23
23
  label: "Pakistan",
24
- value: "pakistan",
24
+ value: "Pakistan",
25
25
  areaCode: "+92",
26
26
  icon: "πŸ‡΅πŸ‡°",
27
27
  id: "pk"
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb CHANGED
@@ -2,7 +2,7 @@
2
2
  options = [
3
3
  {
4
4
  label: "Jasper Furniss",
5
- value: "jasperFurniss",
5
+ value: "Jasper Furniss",
6
6
  territory: "PHL",
7
7
  title: "Lead UX Engineer",
8
8
  id: "jasper-furniss",
@@ -10,7 +10,7 @@
10
10
  },
11
11
  {
12
12
  label: "Ramon Ruiz",
13
- value: "ramonRuiz",
13
+ value: "Ramon Ruiz",
14
14
  territory: "PHL",
15
15
  title: "Senior UX Designer",
16
16
  id: "ramon-ruiz",
@@ -18,7 +18,7 @@
18
18
  },
19
19
  {
20
20
  label: "Carlos Lima",
21
- value: "carlosLima",
21
+ value: "Carlos Lima",
22
22
  territory: "PHL",
23
23
  title: "Nitro Developer",
24
24
  id: "carlos-lima",
@@ -26,7 +26,7 @@
26
26
  },
27
27
  {
28
28
  label: "Courtney Long",
29
- value: "courtneyLong",
29
+ value: "Courtney Long",
30
30
  territory: "PHL",
31
31
  title: "Lead UX Designer",
32
32
  id: "courtney-long",
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.jsx CHANGED
@@ -11,7 +11,7 @@ const DropdownWithAutocompleteWithSubcomponents = (props) => {
11
11
  const options = [
12
12
  {
13
13
  label: "Jasper Furniss",
14
- value: "jasperFurniss",
14
+ value: "Jasper Furniss",
15
15
  territory: "PHL",
16
16
  title: "Lead UX Engineer",
17
17
  id: "jasper-furniss",
@@ -19,7 +19,7 @@ const DropdownWithAutocompleteWithSubcomponents = (props) => {
19
19
  },
20
20
  {
21
21
  label: "Ramon Ruiz",
22
- value: "ramonRuiz",
22
+ value: "Ramon Ruiz",
23
23
  territory: "PHL",
24
24
  title: "Senior UX Designer",
25
25
  id: "ramon-ruiz",
@@ -27,7 +27,7 @@ const DropdownWithAutocompleteWithSubcomponents = (props) => {
27
27
  },
28
28
  {
29
29
  label: "Carlos Lima",
30
- value: "carlosLima",
30
+ value: "Carlos Lima",
31
31
  territory: "PHL",
32
32
  title: "Nitro Developer",
33
33
  id: "carlos-lima",
@@ -35,7 +35,7 @@ const DropdownWithAutocompleteWithSubcomponents = (props) => {
35
35
  },
36
36
  {
37
37
  label: "Courtney Long",
38
- value: "courtneyLong",
38
+ value: "Courtney Long",
39
39
  territory: "PHL",
40
40
  title: "Lead UX Designer",
41
41
  id: "courtney-long",
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display.jsx CHANGED
@@ -14,7 +14,7 @@ const DropdownWithCustomDisplay = (props) => {
14
14
  const options = [
15
15
  {
16
16
  label: "Jasper Furniss",
17
- value: "jasperFurniss",
17
+ value: "Jasper Furniss",
18
18
  territory: "PHL",
19
19
  title: "Lead UX Engineer",
20
20
  id: "jasper-furniss",
@@ -22,7 +22,7 @@ const DropdownWithCustomDisplay = (props) => {
22
22
  },
23
23
  {
24
24
  label: "Ramon Ruiz",
25
- value: "ramonRuiz",
25
+ value: "Ramon Ruiz",
26
26
  territory: "PHL",
27
27
  title: "Senior UX Designer",
28
28
  id: "ramon-ruiz",
@@ -30,7 +30,7 @@ const DropdownWithCustomDisplay = (props) => {
30
30
  },
31
31
  {
32
32
  label: "Carlos Lima",
33
- value: "carlosLima",
33
+ value: "Carlos Lima",
34
34
  territory: "PHL",
35
35
  title: "Nitro Developer",
36
36
  id: "carlos-lima",
@@ -38,7 +38,7 @@ const DropdownWithCustomDisplay = (props) => {
38
38
  },
39
39
  {
40
40
  label: "Courtney Long",
41
- value: "courtneyLong",
41
+ value: "Courtney Long",
42
42
  territory: "PHL",
43
43
  title: "Lead UX Designer",
44
44
  id: "courtney-long",
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_display_rails.html.erb CHANGED
@@ -2,7 +2,7 @@
2
2
  options = [
3
3
  {
4
4
  label: "Jasper Furniss",
5
- value: "jasperFurniss",
5
+ value: "Jasper Furniss",
6
6
  territory: "PHL",
7
7
  title: "Lead UX Engineer",
8
8
  id: "jasper-furniss",
@@ -10,7 +10,7 @@
10
10
  },
11
11
  {
12
12
  label: "Ramon Ruiz",
13
- value: "ramonRuiz",
13
+ value: "Ramon Ruiz",
14
14
  territory: "PHL",
15
15
  title: "Senior UX Designer",
16
16
  id: "ramon-ruiz",
@@ -18,7 +18,7 @@
18
18
  },
19
19
  {
20
20
  label: "Carlos Lima",
21
- value: "carlosLima",
21
+ value: "Carlos Lima",
22
22
  territory: "PHL",
23
23
  title: "Nitro Developer",
24
24
  id: "carlos-lima",
@@ -26,7 +26,7 @@
26
26
  },
27
27
  {
28
28
  label: "Courtney Long",
29
- value: "courtneyLong",
29
+ value: "Courtney Long",
30
30
  territory: "PHL",
31
31
  title: "Lead UX Designer",
32
32
  id: "courtney-long",
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options.jsx CHANGED
@@ -12,21 +12,21 @@ const DropdownWithCustomOptions = (props) => {
12
12
  const options = [
13
13
  {
14
14
  label: "United States",
15
- value: "unitedStates",
15
+ value: "United States",
16
16
  areaCode: "+1",
17
17
  icon: "πŸ‡ΊπŸ‡Έ",
18
18
  id: "United-states"
19
19
  },
20
20
  {
21
21
  label: "Canada",
22
- value: "canada",
22
+ value: "Canada",
23
23
  areaCode: "+1",
24
24
  icon: "πŸ‡¨πŸ‡¦",
25
25
  id: "canada"
26
26
  },
27
27
  {
28
28
  label: "Pakistan",
29
- value: "pakistan",
29
+ value: "Pakistan",
30
30
  areaCode: "+92",
31
31
  icon: "πŸ‡΅πŸ‡°",
32
32
  id: "pakistan"
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_options_rails.html.erb CHANGED
@@ -2,21 +2,21 @@
2
2
  options = [
3
3
  {
4
4
  label: "United States",
5
- value: "unitedStates",
5
+ value: "United States",
6
6
  areaCode: "+1",
7
7
  icon: "πŸ‡ΊπŸ‡Έ",
8
8
  id: "us"
9
9
  },
10
10
  {
11
11
  label: "Canada",
12
- value: "canada",
12
+ value: "Canada",
13
13
  areaCode: "+1",
14
14
  icon: "πŸ‡¨πŸ‡¦",
15
15
  id: "ca"
16
16
  },
17
17
  {
18
18
  label: "Pakistan",
19
- value: "pakistan",
19
+ value: "Pakistan",
20
20
  areaCode: "+92",
21
21
  icon: "πŸ‡΅πŸ‡°",
22
22
  id: "pk"
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.html.erb CHANGED
@@ -1,8 +1,8 @@
1
1
  <%
2
2
  options = [
3
- { label: 'United States', value: 'unitedStates', id: 'us' },
4
- { label: 'Canada', value: 'canada', id: 'ca' },
5
- { label: 'Pakistan', value: 'pakistan', id: 'pk' },
3
+ { label: 'United States', value: 'United States', id: 'us' },
4
+ { label: 'Canada', value: 'Canada', id: 'ca' },
5
+ { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
6
6
  ]
7
7
 
8
8
  %>
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_padding.jsx CHANGED
@@ -6,21 +6,21 @@ const DropdownWithCustomPadding = (props) => {
6
6
  const options = [
7
7
  {
8
8
  label: "United States",
9
- value: "unitedStates",
9
+ value: "United States",
10
10
  areaCode: "+1",
11
11
  icon: "πŸ‡ΊπŸ‡Έ",
12
12
  id: "United-states"
13
13
  },
14
14
  {
15
15
  label: "Canada",
16
- value: "canada",
16
+ value: "Canada",
17
17
  areaCode: "+1",
18
18
  icon: "πŸ‡¨πŸ‡¦",
19
19
  id: "canada"
20
20
  },
21
21
  {
22
22
  label: "Pakistan",
23
- value: "pakistan",
23
+ value: "Pakistan",
24
24
  areaCode: "+92",
25
25
  icon: "πŸ‡΅πŸ‡°",
26
26
  id: "pakistan"
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger.jsx CHANGED
@@ -14,21 +14,21 @@ const [selectedOption, setSelectedOption] = useState();
14
14
  const options = [
15
15
  {
16
16
  label: "United States",
17
- value: "unitedStates",
17
+ value: "United States",
18
18
  areaCode: "+1",
19
19
  icon: "πŸ‡ΊπŸ‡Έ",
20
20
  id: "United-states"
21
21
  },
22
22
  {
23
23
  label: "Canada",
24
- value: "canada",
24
+ value: "Canada",
25
25
  areaCode: "+1",
26
26
  icon: "πŸ‡¨πŸ‡¦",
27
27
  id: "canada"
28
28
  },
29
29
  {
30
30
  label: "Pakistan",
31
- value: "pakistan",
31
+ value: "Pakistan",
32
32
  areaCode: "+92",
33
33
  icon: "πŸ‡΅πŸ‡°",
34
34
  id: "pakistan"
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_custom_trigger_rails.html.erb CHANGED
@@ -2,21 +2,21 @@
2
2
  options = [
3
3
  {
4
4
  label: "United States",
5
- value: "unitedStates",
5
+ value: "United States",
6
6
  areaCode: "+1",
7
7
  icon: "πŸ‡ΊπŸ‡Έ",
8
8
  id: "us"
9
9
  },
10
10
  {
11
11
  label: "Canada",
12
- value: "canada",
12
+ value: "Canada",
13
13
  areaCode: "+1",
14
14
  icon: "πŸ‡¨πŸ‡¦",
15
15
  id: "ca"
16
16
  },
17
17
  {
18
18
  label: "Pakistan",
19
- value: "pakistan",
19
+ value: "Pakistan",
20
20
  areaCode: "+92",
21
21
  icon: "πŸ‡΅πŸ‡°",
22
22
  id: "pk"
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.jsx CHANGED
@@ -11,21 +11,21 @@ const [isDropDownClosed, setIsDropdownClosed] = useDropdown(true);
11
11
  const options = [
12
12
  {
13
13
  label: "United States",
14
- value: "unitedStates",
14
+ value: "United States",
15
15
  areaCode: "+1",
16
16
  icon: "πŸ‡ΊπŸ‡Έ",
17
17
  id: "United-states"
18
18
  },
19
19
  {
20
20
  label: "Canada",
21
- value: "canada",
21
+ value: "Canada",
22
22
  areaCode: "+1",
23
23
  icon: "πŸ‡¨πŸ‡¦",
24
24
  id: "canada"
25
25
  },
26
26
  {
27
27
  label: "Pakistan",
28
- value: "pakistan",
28
+ value: "Pakistan",
29
29
  areaCode: "+92",
30
30
  icon: "πŸ‡΅πŸ‡°",
31
31
  id: "pakistan"
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.html.erb CHANGED
@@ -1,8 +1,8 @@
1
1
  <%
2
2
  options = [
3
- { label: 'United States', value: 'unitedStates', id: 'us' },
4
- { label: 'Canada', value: 'canada', id: 'ca' },
5
- { label: 'Pakistan', value: 'pakistan', id: 'pk' },
3
+ { label: 'United States', value: 'United States', id: 'us' },
4
+ { label: 'Canada', value: 'Canada', id: 'ca' },
5
+ { label: 'Pakistan', value: 'Pakistan', id: 'pk' },
6
6
  ]
7
7
 
8
8
  %>
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_label.jsx CHANGED
@@ -6,18 +6,15 @@ const DropdownDefault = (props) => {
6
6
  const options = [
7
7
  {
8
8
  label: "United States",
9
- value: "unitedStates",
10
- id: "us"
9
+ value: "United States",
11
10
  },
12
11
  {
13
12
  label: "Canada",
14
- value: "canada",
15
- id: "ca"
13
+ value: "Canada",
16
14
  },
17
15
  {
18
16
  label: "Pakistan",
19
- value: "pakistan",
20
- id: "pk"
17
+ value: "Pakistan",
21
18
  }
22
19
  ];
23
20
 
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx CHANGED
@@ -8,20 +8,20 @@ const [selectedOption, setSelectedOption] = useState();
8
8
  const options = [
9
9
  {
10
10
  label: "United States",
11
- value: "unitedStates",
11
+ value: "United States",
12
12
  icon: "πŸ‡ΊπŸ‡Έ",
13
13
  id: "United-states"
14
14
 
15
15
  },
16
16
  {
17
17
  label: "United Kingdom",
18
- value: "unitedKingdom",
18
+ value: "United Kingdom",
19
19
  icon: "πŸ‡¬πŸ‡§",
20
20
  id: "united-kingdom"
21
21
  },
22
22
  {
23
23
  label: "Pakistan",
24
- value: "pakistan",
24
+ value: "Pakistan",
25
25
  icon: "πŸ‡΅πŸ‡°",
26
26
  id: "pakistan"
27
27
  }
data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb CHANGED
@@ -2,21 +2,21 @@
2
2
  options = [
3
3
  {
4
4
  label: "United States",
5
- value: "unitedStates",
5
+ value: "United States",
6
6
  areaCode: "+1",
7
7
  icon: "πŸ‡ΊπŸ‡Έ",
8
8
  id: "us"
9
9
  },
10
10
  {
11
11
  label: "United Kingdom",
12
- value: "unitedKingdom",
12
+ value: "United Kingdom",
13
13
  areaCode: "+44",
14
14
  icon: "πŸ‡¬πŸ‡§",
15
15
  id: "gb"
16
16
  },
17
17
  {
18
18
  label: "Pakistan",
19
- value: "pakistan",
19
+ value: "Pakistan",
20
20
  areaCode: "+92",
21
21
  icon: "πŸ‡΅πŸ‡°",
22
22
  id: "pk"
data/app/pb_kits/playbook/pb_dropdown/docs/example.yml CHANGED
@@ -15,8 +15,6 @@ examples:
15
15
  - dropdown_with_custom_trigger_rails: Custom Trigger
16
16
  - dropdown_with_search_rails: Custom Trigger Dropdown with Search
17
17
  - dropdown_with_custom_padding: Custom Option Padding
18
- - dropdown_with_custom_icon_options: Custom Icon Options
19
- # - dropdown_with_custom_radio_options: Custom Radio Options # TODO: Update and publish doc ex in [PLAY-2146](https://runway.powerhrg.com/backlog_items/PLAY-2146) (remove this comment afterwards)
20
18
  - dropdown_error: Dropdown with Error
21
19
  - dropdown_default_value: Default Value
22
20
  - dropdown_multi_select_with_default: Multi Select Default Value
@@ -39,8 +37,6 @@ examples:
39
37
  - dropdown_with_custom_trigger: Custom Trigger
40
38
  - dropdown_with_search: Custom Trigger Dropdown with Search
41
39
  - dropdown_with_custom_padding: Custom Option Padding
42
- - dropdown_with_custom_icon_options: Custom Icon Options
43
- # - dropdown_with_custom_radio_options: Custom Radio Options # TODO: Update and publish doc ex in [PLAY-2146](https://runway.powerhrg.com/backlog_items/PLAY-2146) (remove this comment afterwards)
44
40
  - dropdown_error: Dropdown with Error
45
41
  - dropdown_default_value: Default Value
46
42
  - dropdown_multi_select_with_default: Multi Select Default Value
data/app/pb_kits/playbook/pb_dropdown/docs/index.js CHANGED
@@ -19,6 +19,4 @@ export { default as DropdownMultiSelect } from './_dropdown_multi_select.jsx'
19
19
  export { default as DropdownMultiSelectDisplay } from './_dropdown_multi_select_display.jsx'
20
20
  export { default as DropdownMultiSelectWithAutocomplete } from './_dropdown_multi_select_with_autocomplete.jsx'
21
21
  export { default as DropdownMultiSelectWithDefault } from './_dropdown_multi_select_with_default.jsx'
22
- export { default as DropdownMultiSelectWithCustomOptions } from './_dropdown_multi_select_with_custom_options.jsx'
23
- export {default as DropdownWithCustomIconOptions} from './_dropdown_with_custom_icon_options.jsx'
24
- export {default as DropdownWithCustomRadioOptions} from './_dropdown_with_custom_radio_options.jsx'
22
+ export { default as DropdownMultiSelectWithCustomOptions } from './_dropdown_multi_select_with_custom_options.jsx'