playbook_ui 14.18.0.pre.alpha.dropdownautocomplete7493 → 14.18.0.pre.alpha.play1736highchartslinegraphdefaultrebuild7431

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 (97) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +21 -304
  3. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +1 -5
  4. data/app/pb_kits/playbook/pb_advanced_table/advanced_table.rb +1 -6
  5. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_beta.md +6 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows_react.jsx → _advanced_table_selectable_rows_no_subrows.jsx} +2 -2
  7. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_no_subrows_rails.md +1 -5
  8. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_selectable_rows_rails.md +2 -3
  9. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +5 -6
  10. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +2 -3
  11. data/app/pb_kits/playbook/pb_advanced_table/index.js +11 -228
  12. data/app/pb_kits/playbook/pb_advanced_table/table_body.rb +1 -9
  13. data/app/pb_kits/playbook/pb_advanced_table/table_header.rb +3 -0
  14. data/app/pb_kits/playbook/pb_advanced_table/table_row.rb +2 -1
  15. data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +2 -2
  16. data/app/pb_kits/playbook/pb_draggable/docs/example.yml +1 -2
  17. data/app/pb_kits/playbook/pb_draggable/draggable.rb +1 -9
  18. data/app/pb_kits/playbook/pb_draggable/index.js +142 -139
  19. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +0 -5
  20. data/app/pb_kits/playbook/pb_dropdown/_dropdown.tsx +16 -5
  21. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_error.html.erb +2 -5
  22. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.jsx +64 -17
  23. data/app/pb_kits/playbook/pb_dropdown/docs/{_dropdown_with_autocomplete_with_subcomponents.jsx → _dropdown_with_autocomplete_and_custom_display.jsx} +25 -11
  24. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_and_custom_display.md +1 -0
  25. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_hook.jsx +79 -0
  26. data/app/pb_kits/playbook/pb_dropdown/docs/example.yml +4 -7
  27. data/app/pb_kits/playbook/pb_dropdown/docs/index.js +2 -2
  28. data/app/pb_kits/playbook/pb_dropdown/dropdown.html.erb +2 -2
  29. data/app/pb_kits/playbook/pb_dropdown/dropdown.rb +0 -4
  30. data/app/pb_kits/playbook/pb_dropdown/dropdown.test.jsx +1 -45
  31. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.html.erb +0 -10
  32. data/app/pb_kits/playbook/pb_dropdown/dropdown_container.rb +0 -3
  33. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.html.erb +2 -12
  34. data/app/pb_kits/playbook/pb_dropdown/dropdown_trigger.rb +1 -3
  35. data/app/pb_kits/playbook/pb_dropdown/index.js +0 -57
  36. data/app/pb_kits/playbook/pb_dropdown/keyboard_accessibility.js +0 -26
  37. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownContainer.tsx +2 -1
  38. data/app/pb_kits/playbook/pb_dropdown/subcomponents/DropdownTrigger.tsx +4 -4
  39. data/app/pb_kits/playbook/pb_filter/docs/example.yml +0 -1
  40. data/app/pb_kits/playbook/pb_form_group/_error_state_mixin.scss +18 -22
  41. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.jsx +1 -1
  42. data/app/pb_kits/playbook/pb_line_graph/lineGraphTheme.js +49 -0
  43. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.scss +0 -13
  44. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +1 -3
  45. data/app/pb_kits/playbook/pb_phone_number_input/docs/example.yml +0 -2
  46. data/app/pb_kits/playbook/pb_phone_number_input/docs/index.js +0 -1
  47. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.rb +0 -3
  48. data/app/pb_kits/playbook/pb_phone_number_input/phone_number_input.test.js +0 -19
  49. data/app/pb_kits/playbook/pb_popover/docs/example.yml +0 -1
  50. data/app/pb_kits/playbook/pb_popover/index.ts +1 -13
  51. data/app/pb_kits/playbook/pb_popover/popover.rb +0 -2
  52. data/app/pb_kits/playbook/pb_select/docs/_select_error.html.erb +1 -1
  53. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb +1 -1
  54. data/app/pb_kits/playbook/pb_textarea/docs/_textarea_error.html.erb +1 -5
  55. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_error_state.html.erb +1 -8
  56. data/dist/chunks/{_typeahead-D8CsVBZO.js → _typeahead-0GuhDCLl.js} +2 -2
  57. data/dist/chunks/_weekday_stacked-DGgA3ilU.js +45 -0
  58. data/dist/chunks/{lib-BmTAc7Nc.js → lib-C8GLwWXp.js} +1 -1
  59. data/dist/chunks/{pb_form_validation-BWjy4bFn.js → pb_form_validation-Eul4XODx.js} +1 -1
  60. data/dist/chunks/vendor.js +1 -1
  61. data/dist/playbook-doc.js +1 -1
  62. data/dist/playbook-rails-react-bindings.js +1 -1
  63. data/dist/playbook-rails.js +1 -1
  64. data/dist/playbook.css +1 -1
  65. data/lib/playbook/version.rb +1 -1
  66. metadata +16 -38
  67. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.jsx +0 -80
  68. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color.md +0 -3
  69. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.html.erb +0 -58
  70. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_column_border_color_rails.md +0 -3
  71. data/app/pb_kits/playbook/pb_advanced_table/flat_advanced_table.js +0 -106
  72. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones.html.erb +0 -43
  73. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors.html.erb +0 -55
  74. data/app/pb_kits/playbook/pb_draggable/docs/_draggable_drop_zones_colors_rails.md +0 -1
  75. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete.html.erb +0 -28
  76. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.html.erb +0 -58
  77. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_autocomplete_with_subcomponents.md +0 -1
  78. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_external_control.md +0 -1
  79. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.jsx +0 -61
  80. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search.md +0 -2
  81. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.html.erb +0 -52
  82. data/app/pb_kits/playbook/pb_dropdown/docs/_dropdown_with_search_rails.md +0 -2
  83. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.html.erb +0 -41
  84. data/app/pb_kits/playbook/pb_filter/docs/_filter_within_turbo_frames.md +0 -1
  85. data/app/pb_kits/playbook/pb_line_graph/docs/_line_graph_pb_styles.md +0 -1
  86. data/app/pb_kits/playbook/pb_line_graph/lineGraphTheme.ts +0 -110
  87. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.html.erb +0 -10
  88. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.jsx +0 -20
  89. data/app/pb_kits/playbook/pb_phone_number_input/docs/_phone_number_input_country_search.md +0 -1
  90. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.html.erb +0 -46
  91. data/app/pb_kits/playbook/pb_popover/docs/_popover_append_to.md +0 -1
  92. data/dist/chunks/_weekday_stacked-Da8b-KUp.js +0 -45
  93. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_rails.html.erb → _advanced_table_selectable_rows.html.erb} +0 -0
  94. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows_no_subrows_rails.html.erb → _advanced_table_selectable_rows_no_subrows.html.erb} +0 -0
  95. /data/app/pb_kits/playbook/pb_advanced_table/docs/{_advanced_table_selectable_rows.md → _advanced_table_selectable_rows_react.md} +0 -0
  96. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_react.md → _draggable_drop_zones.md} +0 -0
  97. /data/app/pb_kits/playbook/pb_draggable/docs/{_draggable_drop_zones_colors_react.md → _draggable_drop_zones_colors.md} +0 -0
@@ -9,7 +9,6 @@ examples:
9
9
  - phone_number_input_clear_field: Clearing the Input Field
10
10
  - phone_number_input_access_input_element: Accessing the Input Element
11
11
  - phone_number_input_format: Format as You Type
12
- - phone_number_input_country_search: Country Search
13
12
 
14
13
  rails:
15
14
  - phone_number_input_default: Default
@@ -19,5 +18,4 @@ examples:
19
18
  - phone_number_input_validation: Form Validation
20
19
  - phone_number_input_format: Format as You Type
21
20
  - phone_number_input_hidden_inputs: Hidden Inputs
22
- - phone_number_input_country_search: Country Search
23
21
 
@@ -6,4 +6,3 @@ export { default as PhoneNumberInputValidation } from './_phone_number_input_val
6
6
  export { default as PhoneNumberInputClearField } from './_phone_number_input_clear_field'
7
7
  export { default as PhoneNumberInputAccessInputElement } from './_phone_number_input_access_input_element'
8
8
  export { default as PhoneNumberInputFormat } from './_phone_number_input_format'
9
- export { default as PhoneNumberInputCountrySearch } from './_phone_number_input_country_search'
@@ -25,8 +25,6 @@ module Playbook
25
25
  default: false
26
26
  prop :hidden_inputs, type: Playbook::Props::Boolean,
27
27
  default: false
28
- prop :country_search, type: Playbook::Props::Boolean,
29
- default: false
30
28
 
31
29
  def classname
32
30
  generate_classname("pb_phone_number_input")
@@ -47,7 +45,6 @@ module Playbook
47
45
  preferredCountries: preferred_countries,
48
46
  required: required,
49
47
  value: value,
50
- countrySearch: country_search,
51
48
  }
52
49
  end
53
50
  end
@@ -139,22 +139,3 @@ test("should format phone number as '555-555-5555' with formatAsYouType and 'us'
139
139
 
140
140
  expect(input.value).toBe("555-555-5555");
141
141
  });
142
-
143
- test("should pass countrySearch prop to component", () => {
144
- window.intlTelInput = jest.fn(() => ({
145
- getSelectedCountryData: jest.fn(() => ({})),
146
- isValidNumber: jest.fn(() => true),
147
- getValidationError: jest.fn(() => 0),
148
- }));
149
-
150
- const props = {
151
- id: testId,
152
- countrySearch: true,
153
- data: { testid: 'phone-input-with-search' }
154
- };
155
-
156
- render(<PhoneNumberInput {...props} />);
157
-
158
- const wrapper = screen.getByTestId('phone-input-with-search');
159
- expect(wrapper).toBeInTheDocument();
160
- });
@@ -6,7 +6,6 @@ examples:
6
6
  - popover_z_index: Set Z-Index
7
7
  - popover_scroll_height: Scroll and Height Settings
8
8
  - popover_actionable_content: With Actionable Content
9
- - popover_append_to: Append To
10
9
 
11
10
  react:
12
11
  - popover_default: Default
@@ -13,15 +13,7 @@ export default class PbPopover extends PbEnhancedElement {
13
13
  }
14
14
 
15
15
  moveTooltip() {
16
- let container: HTMLElement | null;
17
-
18
- if (this.appendTo === "parent") {
19
- container = this.element.parentElement;
20
- } else if (this.appendTo) {
21
- container = document.querySelector(this.appendTo);
22
- }
23
-
24
- (container || document.body).appendChild(this.tooltip);
16
+ document.querySelector('body').appendChild(this.tooltip)
25
17
  }
26
18
 
27
19
  connect() {
@@ -116,8 +108,4 @@ export default class PbPopover extends PbEnhancedElement {
116
108
  get closeOnClick() {
117
109
  return this.element.dataset.pbPopoverCloseOnClick
118
110
  }
119
-
120
- get appendTo() {
121
- return this.element.dataset.pbPopoverAppendTo;
122
- }
123
111
  }
@@ -3,7 +3,6 @@
3
3
  module Playbook
4
4
  module PbPopover
5
5
  class Popover < Playbook::KitBase
6
- prop :append_to, type: Playbook::Props::String, default: "body"
7
6
  prop :position, type: Playbook::Props::Enum,
8
7
  values: %w[top bottom left right top-start top-end bottom-start bottom-end right-start right-end left-start left-end],
9
8
  default: "left"
@@ -48,7 +47,6 @@ module Playbook
48
47
 
49
48
  def data
50
49
  Hash(values[:data]).merge(
51
- pb_popover_append_to: append_to,
52
50
  pb_popover_kit: true,
53
51
  pb_popover_position: position,
54
52
  pb_popover_trigger_element_id: trigger_element_id,
@@ -1,5 +1,5 @@
1
1
  <%= pb_rails("select", props: {
2
- error: raw(pb_rails("icon", props: { icon: "warning" }) + " Please make a valid selection"),
2
+ error: "Please make a valid selection",
3
3
  label: "Favorite Food",
4
4
  name: "food",
5
5
  options: [
@@ -4,7 +4,7 @@
4
4
  border: true,
5
5
  icon: "user"
6
6
  },
7
- error: raw(pb_rails("icon", props: { icon: "warning" }) + " Please enter a valid email address"),
7
+ error: "Please enter a valid email address",
8
8
  label: "Email Address",
9
9
  placeholder: "Enter email address",
10
10
  type: "email"
@@ -1,5 +1 @@
1
- <%= pb_rails("textarea", props: {
2
- error: raw(pb_rails("icon", props: { icon: "warning" }) + " This field has an error!"),
3
- label: "Label",
4
- rows: 4
5
- }) %>
1
+ <%= pb_rails("textarea", props: { error: "This field has an error!", label: "Label", rows: 4}) %>
@@ -8,14 +8,7 @@
8
8
 
9
9
  %>
10
10
 
11
- <%= pb_rails("typeahead", props: {
12
- id: "typeahead-error-example",
13
- options: options,
14
- error: "Please make a valid selection",
15
- label: "Products",
16
- name: :foo,
17
- is_multi: false
18
- }) %>
11
+ <%= pb_rails("typeahead", props: { id: "typeahead-error-example", options: options, error: "Please make a valid selection", label: "Products", name: :foo, is_multi: false }) %>
19
12
 
20
13
  <!-- This section is an example of the available JavaScript event hooks -->
21
14
  <%= javascript_tag defer: "defer" do %>