playbook_ui 15.1.0 → 15.2.0.pre.alpha.PLAY236711331

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 (88) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +4 -6
  3. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +7 -0
  4. data/app/pb_kits/playbook/pb_button/_button.scss +6 -0
  5. data/app/pb_kits/playbook/pb_button/docs/_button_loading.html.erb +7 -3
  6. data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +29 -0
  7. data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.html.erb +31 -0
  8. data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled.md +7 -0
  9. data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.html.erb +21 -0
  10. data/app/pb_kits/playbook/pb_button/docs/_button_managed_disabled_helper.md +7 -0
  11. data/app/pb_kits/playbook/pb_button/docs/example.yml +2 -0
  12. data/app/pb_kits/playbook/pb_button/index.js +99 -0
  13. data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +4 -0
  14. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.html.erb +16 -16
  15. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_stacked_alert.jsx +2 -1
  16. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.html.erb +31 -31
  17. data/app/pb_kits/playbook/pb_dialog/docs/_dialog_status.jsx +4 -3
  18. data/app/pb_kits/playbook/pb_draggable/_draggable.scss +8 -0
  19. data/app/pb_kits/playbook/pb_dropdown/_dropdown.scss +105 -29
  20. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +12 -1
  21. data/app/pb_kits/playbook/pb_icon_circle/_icon_circle.tsx +2 -2
  22. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.scss +15 -21
  23. data/app/pb_kits/playbook/pb_icon_stat_value/_icon_stat_value.tsx +6 -5
  24. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.html.erb +2 -0
  25. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.rb +11 -3
  26. data/app/pb_kits/playbook/pb_icon_stat_value/icon_stat_value.test.js +9 -8
  27. data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +36 -9
  28. data/app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.tsx +8 -6
  29. data/app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.rb +7 -10
  30. data/app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx +73 -1
  31. data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx +1 -1
  32. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb +7 -10
  33. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx +47 -0
  34. data/app/pb_kits/playbook/pb_pb_line_graph/_pb_line_graph.scss +3 -0
  35. data/app/pb_kits/playbook/pb_pb_line_graph/_pb_line_graph.tsx +61 -0
  36. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_description.md +3 -0
  37. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.html.erb +34 -0
  38. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.jsx +52 -0
  39. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_colors.md +5 -0
  40. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.html.erb +34 -0
  41. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_default.jsx +45 -0
  42. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.html.erb +47 -0
  43. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.jsx +64 -0
  44. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_height.md +3 -0
  45. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend.html.erb +24 -0
  46. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend.jsx +37 -0
  47. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_nonclickable.html.erb +39 -0
  48. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_nonclickable.jsx +45 -0
  49. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.html.erb +86 -0
  50. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.jsx +116 -0
  51. data/app/pb_kits/playbook/pb_pb_line_graph/docs/_pb_line_graph_legend_position.md +11 -0
  52. data/app/pb_kits/playbook/pb_pb_line_graph/docs/example.yml +20 -0
  53. data/app/pb_kits/playbook/pb_pb_line_graph/docs/index.js +6 -0
  54. data/app/pb_kits/playbook/pb_pb_line_graph/pbLineGraphTheme.ts +125 -0
  55. data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.html.erb +1 -0
  56. data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.rb +25 -0
  57. data/app/pb_kits/playbook/pb_pb_line_graph/pb_line_graph.test.jsx +110 -0
  58. data/app/pb_kits/playbook/pb_phone_number_input/_phone_number_input.tsx +105 -22
  59. data/app/pb_kits/playbook/pb_text_input/_text_input.scss +3 -0
  60. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +14 -6
  61. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb +8 -4
  62. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +5 -0
  63. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.md +1 -0
  64. data/app/pb_kits/playbook/pb_text_input/text_input.html.erb +3 -1
  65. data/app/pb_kits/playbook/pb_text_input/text_input.rb +6 -0
  66. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +250 -233
  67. data/app/pb_kits/playbook/pb_timeline/_timeline.tsx +1 -1
  68. data/app/pb_kits/playbook/pb_timeline/timeline.test.js +2 -2
  69. data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +10 -10
  70. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +39 -1
  71. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +2 -0
  72. data/app/pb_kits/playbook/utilities/_hover.scss +2 -2
  73. data/app/pb_kits/playbook/utilities/globalProps.ts +2 -2
  74. data/dist/chunks/{_line_graph-CW8Ygzyq.js → _line_graph-AKTV-rqw.js} +1 -1
  75. data/dist/chunks/_typeahead-DCInCM2E.js +6 -0
  76. data/dist/chunks/{_weekday_stacked-3-FtXg76.js → _weekday_stacked-ByJl1kOQ.js} +3 -3
  77. data/dist/chunks/{lib-izYrkvOQ.js → lib-QZuu1ltS.js} +2 -2
  78. data/dist/chunks/{pb_form_validation-Cah5Z5J3.js → pb_form_validation-CleM960_.js} +1 -1
  79. data/dist/chunks/vendor.js +1 -1
  80. data/dist/menu.yml +7 -1
  81. data/dist/playbook-doc.js +2 -2
  82. data/dist/playbook-rails-react-bindings.js +1 -1
  83. data/dist/playbook-rails.js +1 -1
  84. data/dist/playbook.css +1 -1
  85. data/lib/playbook/hover.rb +5 -1
  86. data/lib/playbook/version.rb +2 -2
  87. metadata +37 -7
  88. data/dist/chunks/_typeahead-DUIMqJiu.js +0 -6
@@ -1 +1 @@
1
- import{P as PbEnhancedElement,d as debounce}from"./lib-izYrkvOQ.js";const KIT_SELECTOR='[class^="pb_"][class*="_kit"]';const ERROR_MESSAGE_SELECTOR=".pb_body_kit_negative";const FORM_SELECTOR='form[data-pb-form-validation="true"]';const REQUIRED_FIELDS_SELECTOR="input[required],textarea[required],select[required]";const FIELD_EVENTS=["change","valid","invalid"];class PbFormValidation extends PbEnhancedElement{static get selector(){return FORM_SELECTOR}connect(){this.formValidationFields.forEach((field=>{FIELD_EVENTS.forEach((e=>{field.addEventListener(e,debounce((event=>{this.validateFormField(event)}),250),false)}))}))}validateFormField(event){event.preventDefault();const{target:target}=event;target.setCustomValidity("");const isValid=event.target.validity.valid;if(isValid){this.clearError(target)}else{this.showValidationMessage(target)}}showValidationMessage(target){const{parentElement:parentElement}=target;this.clearError(target);parentElement.closest(KIT_SELECTOR).classList.add("error");const errorMessageContainer=this.errorMessageContainer;if(target.dataset.message)target.setCustomValidity(target.dataset.message);errorMessageContainer.innerHTML=target.validationMessage;parentElement.appendChild(errorMessageContainer)}clearError(target){const{parentElement:parentElement}=target;parentElement.closest(KIT_SELECTOR).classList.remove("error");const errorMessageContainer=parentElement.querySelector(ERROR_MESSAGE_SELECTOR);if(errorMessageContainer)errorMessageContainer.remove()}get errorMessageContainer(){const errorContainer=document.createElement("div");const kitClassName=ERROR_MESSAGE_SELECTOR.replace(/\./,"");errorContainer.classList.add(kitClassName);return errorContainer}get formValidationFields(){return this._formValidationFields=this._formValidationFields||this.element.querySelectorAll(REQUIRED_FIELDS_SELECTOR)}}window.PbFormValidation=PbFormValidation;
1
+ import{P as PbEnhancedElement,d as debounce}from"./lib-QZuu1ltS.js";const KIT_SELECTOR='[class^="pb_"][class*="_kit"]';const ERROR_MESSAGE_SELECTOR=".pb_body_kit_negative";const FORM_SELECTOR='form[data-pb-form-validation="true"]';const REQUIRED_FIELDS_SELECTOR="input[required],textarea[required],select[required]";const FIELD_EVENTS=["change","valid","invalid"];class PbFormValidation extends PbEnhancedElement{static get selector(){return FORM_SELECTOR}connect(){this.formValidationFields.forEach((field=>{FIELD_EVENTS.forEach((e=>{field.addEventListener(e,debounce((event=>{this.validateFormField(event)}),250),false)}))}))}validateFormField(event){event.preventDefault();const{target:target}=event;target.setCustomValidity("");const isValid=event.target.validity.valid;if(isValid){this.clearError(target)}else{this.showValidationMessage(target)}}showValidationMessage(target){const{parentElement:parentElement}=target;this.clearError(target);parentElement.closest(KIT_SELECTOR).classList.add("error");const errorMessageContainer=this.errorMessageContainer;if(target.dataset.message)target.setCustomValidity(target.dataset.message);errorMessageContainer.innerHTML=target.validationMessage;parentElement.appendChild(errorMessageContainer)}clearError(target){const{parentElement:parentElement}=target;parentElement.closest(KIT_SELECTOR).classList.remove("error");const errorMessageContainer=parentElement.querySelector(ERROR_MESSAGE_SELECTOR);if(errorMessageContainer)errorMessageContainer.remove()}get errorMessageContainer(){const errorContainer=document.createElement("div");const kitClassName=ERROR_MESSAGE_SELECTOR.replace(/\./,"");errorContainer.classList.add(kitClassName);return errorContainer}get formValidationFields(){return this._formValidationFields=this._formValidationFields||this.element.querySelectorAll(REQUIRED_FIELDS_SELECTOR)}}window.PbFormValidation=PbFormValidation;
@@ -1 +1 @@
1
- import"./_weekday_stacked-3-FtXg76.js";import"./lazysizes-B7xYodB-.js";import"./_typeahead-DUIMqJiu.js";import"./_line_graph-CW8Ygzyq.js";import"./lib-izYrkvOQ.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";
1
+ import"./_weekday_stacked-ByJl1kOQ.js";import"./lazysizes-B7xYodB-.js";import"./_typeahead-DCInCM2E.js";import"./_line_graph-AKTV-rqw.js";import"./lib-QZuu1ltS.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";
data/dist/menu.yml CHANGED
@@ -134,7 +134,7 @@ kits:
134
134
  status: stable
135
135
  icons_used: true
136
136
  react_rendered: false
137
- enhanced_element_used: false
137
+ enhanced_element_used: true
138
138
  - name: button_toolbar
139
139
  platforms: *1
140
140
  description: This kit should primarily hold the most commonly used buttons.
@@ -255,6 +255,12 @@ kits:
255
255
  icons_used: false
256
256
  react_rendered: true
257
257
  enhanced_element_used: false
258
+ - name: pb_line_graph
259
+ platforms: web
260
+ status: beta
261
+ icons_used: false
262
+ react_rendered: true
263
+ enhanced_element_used: false
258
264
  - category: date_and_time_text_patterns
259
265
  description: ''
260
266
  components: