playbook_ui 15.0.0.pre.alpha.removewebpacker10589 → 15.0.0

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 (133) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +0 -3
  3. data/app/pb_kits/playbook/pb_bar_graph/docs/example.yml +1 -0
  4. data/app/pb_kits/playbook/pb_card/_card.scss +4 -12
  5. data/app/pb_kits/playbook/pb_card/_card.tsx +3 -3
  6. data/app/pb_kits/playbook/pb_card/_card_mixin.scss +0 -10
  7. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.html.erb +0 -3
  8. data/app/pb_kits/playbook/pb_card/docs/_card_highlight.jsx +0 -8
  9. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +0 -2
  10. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +0 -1
  11. data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +0 -1
  12. data/app/pb_kits/playbook/pb_date_picker/_date_picker.tsx +4 -6
  13. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +4 -48
  14. data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +1 -5
  15. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +8 -6
  16. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -1
  17. data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +65 -0
  18. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +2 -2
  19. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.tsx +0 -9
  20. data/app/pb_kits/playbook/pb_fixed_confirmation_toast/fixed_confirmation_toast.html.erb +3 -3
  21. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +0 -1
  22. data/app/pb_kits/playbook/pb_icon/_icon.tsx +2 -13
  23. data/app/pb_kits/playbook/pb_icon/icon.rb +1 -9
  24. data/app/pb_kits/playbook/pb_icon_button/_icon_button.tsx +0 -1
  25. data/app/pb_kits/playbook/pb_icon_button/icon_button.html.erb +1 -2
  26. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +1 -1
  27. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +1 -3
  28. data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +0 -2
  29. data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +0 -1
  30. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +1 -1
  31. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.rb +0 -11
  32. data/app/pb_kits/playbook/pb_nav/_item.tsx +5 -19
  33. data/app/pb_kits/playbook/pb_nav/item.html.erb +2 -6
  34. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb +3 -3
  35. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.html.erb +3 -3
  36. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_confirmation.html.erb +3 -3
  37. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_meter_settings.html.erb +3 -3
  38. data/app/pb_kits/playbook/pb_passphrase/docs/_passphrase_strength_change.html.erb +3 -3
  39. data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +2 -2
  40. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +0 -3
  41. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +0 -3
  42. data/app/pb_kits/playbook/pb_text_input/docs/index.js +0 -1
  43. data/app/pb_kits/playbook/pb_text_input/text_input.rb +3 -2
  44. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +0 -38
  45. data/dist/chunks/{_line_graph-DeH7NK-i.js → _line_graph-CIyKqNGy.js} +1 -1
  46. data/dist/chunks/_typeahead-B-mDRLxH.js +6 -0
  47. data/dist/chunks/_weekday_stacked-B_lp1Spt.js +37 -0
  48. data/dist/chunks/{lib-QZuu1ltS.js → lib-DgtxnJqa.js} +2 -2
  49. data/dist/chunks/{pb_form_validation-CleM960_.js → pb_form_validation-_NsOWfBS.js} +1 -1
  50. data/dist/chunks/vendor.js +1 -1
  51. data/dist/menu.yml +1 -15
  52. data/dist/playbook-doc.js +2 -2
  53. data/dist/playbook-rails-react-bindings.js +1 -1
  54. data/dist/playbook-rails.js +1 -1
  55. data/dist/playbook.css +1 -1
  56. data/lib/playbook/engine.rb +1 -0
  57. data/lib/playbook/forms/builder/form_field_builder.rb +2 -37
  58. data/lib/playbook/kit_base.rb +2 -23
  59. data/lib/playbook/version.rb +2 -2
  60. metadata +27 -83
  61. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb +0 -5
  62. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +0 -24
  63. data/app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.scss +0 -0
  64. data/app/pb_kits/playbook/pb_pb_bar_graph/_pb_bar_graph.tsx +0 -62
  65. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.html.erb +0 -35
  66. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors.jsx +0 -49
  67. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_rails.md +0 -1
  68. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_colors_react.md +0 -2
  69. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.html.erb +0 -38
  70. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_default.jsx +0 -51
  71. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.html.erb +0 -46
  72. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.jsx +0 -62
  73. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_height.md +0 -3
  74. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.html.erb +0 -47
  75. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_horizontal.jsx +0 -60
  76. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.html.erb +0 -25
  77. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend.jsx +0 -36
  78. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_non_clickable.jsx +0 -44
  79. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.html.erb +0 -100
  80. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_legend_position.jsx +0 -126
  81. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.html.erb +0 -32
  82. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_negative_numbers.jsx +0 -48
  83. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.html.erb +0 -68
  84. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_secondary_y_axis.jsx +0 -81
  85. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.html.erb +0 -31
  86. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.jsx +0 -42
  87. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_spline.md +0 -2
  88. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.html.erb +0 -35
  89. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/_pb_bar_graph_stacked.jsx +0 -51
  90. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/example.yml +0 -27
  91. data/app/pb_kits/playbook/pb_pb_bar_graph/docs/index.js +0 -11
  92. data/app/pb_kits/playbook/pb_pb_bar_graph/pbBarGraphTheme.ts +0 -106
  93. data/app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.html.erb +0 -1
  94. data/app/pb_kits/playbook/pb_pb_bar_graph/pb_bar_graph.rb +0 -28
  95. data/app/pb_kits/playbook/pb_pb_bar_graph/pbbargraph.test.jsx +0 -31
  96. data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.scss +0 -3
  97. data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx +0 -62
  98. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb +0 -31
  99. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +0 -81
  100. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb +0 -25
  101. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +0 -40
  102. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md +0 -5
  103. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb +0 -27
  104. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +0 -39
  105. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +0 -5
  106. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb +0 -93
  107. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +0 -131
  108. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md +0 -14
  109. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.html.erb +0 -42
  110. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +0 -58
  111. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.html.erb +0 -24
  112. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +0 -38
  113. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb +0 -22
  114. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +0 -33
  115. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb +0 -118
  116. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +0 -144
  117. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +0 -60
  118. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.html.erb +0 -24
  119. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +0 -42
  120. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.html.erb +0 -38
  121. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +0 -52
  122. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/example.yml +0 -29
  123. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/index.js +0 -11
  124. data/app/pb_kits/playbook/pb_pb_circle_chart/pbCircleChartTheme.ts +0 -88
  125. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb +0 -1
  126. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb +0 -28
  127. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx +0 -51
  128. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb +0 -41
  129. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx +0 -80
  130. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md +0 -1
  131. data/dist/chunks/_typeahead-CCGp0OQe.js +0 -6
  132. data/dist/chunks/_weekday_stacked-BHLwECdV.js +0 -37
  133. data/dist/chunks/componentRegistry-DzmmLR2x.js +0 -1
@@ -1 +1 @@
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
+ import{P as PbEnhancedElement,d as debounce}from"./lib-DgtxnJqa.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-BHLwECdV.js";import"./lazysizes-B7xYodB-.js";import"./_typeahead-CCGp0OQe.js";import"./_line_graph-DeH7NK-i.js";import"./lib-QZuu1ltS.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";
1
+ import"./_weekday_stacked-B_lp1Spt.js";import"./lazysizes-B7xYodB-.js";import"./_typeahead-B-mDRLxH.js";import"./_line_graph-CIyKqNGy.js";import"./lib-DgtxnJqa.js";import"react/jsx-runtime";import"react";import"react-dom";import"react-trix";import"trix";import"react-is";
data/dist/menu.yml CHANGED
@@ -227,14 +227,6 @@ kits:
227
227
  icons_used: false
228
228
  react_rendered: true
229
229
  enhanced_element_used: false
230
- - name: pb_bar_graph
231
- description: Bar graphs are used to compare data. Bar graphs are not typically
232
- used to show percentages.
233
- platforms: *1
234
- status: beta
235
- icons_used: false
236
- react_rendered: true
237
- enhanced_element_used: false
238
230
  - name: circle_chart
239
231
  platforms: *1
240
232
  description:
@@ -242,12 +234,6 @@ kits:
242
234
  icons_used: false
243
235
  react_rendered: true
244
236
  enhanced_element_used: false
245
- - name: pb_circle_chart
246
- platforms: web
247
- status: beta
248
- icons_used: false
249
- react_rendered: true
250
- enhanced_element_used: false
251
237
  - name: line_graph
252
238
  platforms: *1
253
239
  description: Line graphs are used to show changes in data over time.
@@ -955,4 +941,4 @@ kits:
955
941
  status: stable
956
942
  icons_used: false
957
943
  react_rendered: false
958
- enhanced_element_used: false
944
+ enhanced_element_used: false