playbook_ui 15.0.0.pre.alpha.PLAY2426textfieldaccessibility10330 → 15.0.0.pre.alpha.PLAY236510413

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 (78) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/_playbook.scss +3 -1
  3. data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +2 -0
  4. data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -0
  5. data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +1 -0
  6. data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +48 -4
  7. data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +5 -1
  8. data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +6 -8
  9. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -1
  10. data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +2 -2
  11. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +0 -1
  12. data/app/pb_kits/playbook/pb_icon/_icon.tsx +13 -2
  13. data/app/pb_kits/playbook/pb_icon/icon.rb +9 -1
  14. data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +1 -1
  15. data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +3 -1
  16. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb +5 -0
  17. data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +24 -0
  18. data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +2 -0
  19. data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +1 -0
  20. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +1 -1
  21. data/app/pb_kits/playbook/pb_loading_inline/loading_inline.rb +11 -0
  22. data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.scss +3 -0
  23. data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx +62 -0
  24. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb +31 -0
  25. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +81 -0
  26. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb +25 -0
  27. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +40 -0
  28. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md +5 -0
  29. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb +27 -0
  30. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +39 -0
  31. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +5 -0
  32. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb +93 -0
  33. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +131 -0
  34. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md +14 -0
  35. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.html.erb +42 -0
  36. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +58 -0
  37. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.html.erb +24 -0
  38. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +38 -0
  39. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb +22 -0
  40. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +33 -0
  41. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb +118 -0
  42. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +144 -0
  43. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +60 -0
  44. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.html.erb +24 -0
  45. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +42 -0
  46. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.html.erb +38 -0
  47. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +52 -0
  48. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/example.yml +29 -0
  49. data/app/pb_kits/playbook/pb_pb_circle_chart/docs/index.js +11 -0
  50. data/app/pb_kits/playbook/pb_pb_circle_chart/pbCircleChartTheme.ts +88 -0
  51. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb +1 -0
  52. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb +28 -0
  53. data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx +51 -0
  54. data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +3 -0
  55. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb +41 -0
  56. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx +80 -0
  57. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md +1 -0
  58. data/app/pb_kits/playbook/pb_text_input/docs/example.yml +3 -0
  59. data/app/pb_kits/playbook/pb_text_input/docs/index.js +1 -0
  60. data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -3
  61. data/app/pb_kits/playbook/pb_text_input/text_input.test.js +38 -0
  62. data/dist/chunks/{_line_graph-CApw7aQD.js → _line_graph-B5Dr0Huy.js} +1 -1
  63. data/dist/chunks/_typeahead-GbjDoSSQ.js +6 -0
  64. data/dist/chunks/_weekday_stacked-DjQv3Sok.js +37 -0
  65. data/dist/chunks/{lib-CY5ZPzic.js → lib-BTs5acfO.js} +1 -1
  66. data/dist/chunks/{pb_form_validation-D3b0JKHH.js → pb_form_validation-CKkaQFX3.js} +1 -1
  67. data/dist/chunks/vendor.js +1 -1
  68. data/dist/menu.yml +6 -0
  69. data/dist/playbook-doc.js +2 -2
  70. data/dist/playbook-rails-react-bindings.js +1 -1
  71. data/dist/playbook-rails.js +1 -1
  72. data/dist/playbook.css +1 -1
  73. data/lib/playbook/forms/builder/form_field_builder.rb +1 -9
  74. data/lib/playbook/version.rb +1 -1
  75. metadata +44 -8
  76. data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +0 -65
  77. data/dist/chunks/_typeahead-J1_avqdO.js +0 -6
  78. data/dist/chunks/_weekday_stacked-C3QAjEFv.js +0 -37
@@ -6,7 +6,7 @@ module Playbook
6
6
  class FormFieldBuilder < Module
7
7
  def initialize(method_name, kit_name:)
8
8
  define_method method_name do |name, props: {}, **options, &block|
9
- props = props.dup
9
+ props[:label] = @template.label(@object_name, name) if props[:label] == true
10
10
  options = Hash(options)
11
11
 
12
12
  options[:skip_default_ids] = false unless options.key?(:skip_default_ids)
@@ -21,14 +21,6 @@ module Playbook
21
21
 
22
22
  input = super(name, **options, &block)
23
23
 
24
- input_id = input[/\bid="([^"]+)"/, 1] || "#{@object_name}_#{name}"
25
-
26
- if props[:label] == true
27
- props[:label] = @template.label(@object_name, name)
28
- elsif props[:label].is_a?(String)
29
- props[:label] = @template.label_tag(input_id, props[:label])
30
- end
31
-
32
24
  @template.pb_rails(kit_name, props: props) do
33
25
  input
34
26
  end
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "15.0.0"
5
- VERSION = "15.0.0.pre.alpha.PLAY2426textfieldaccessibility10330"
5
+ VERSION = "15.0.0.pre.alpha.PLAY236510413"
6
6
  end
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: playbook_ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 15.0.0.pre.alpha.PLAY2426textfieldaccessibility10330
4
+ version: 15.0.0.pre.alpha.PLAY236510413
5
5
  platform: ruby
6
6
  authors:
7
7
  - Power UX
@@ -9,7 +9,7 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2025-09-09 00:00:00.000000000 Z
12
+ date: 2025-09-11 00:00:00.000000000 Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: actionpack
@@ -1220,7 +1220,6 @@ files:
1220
1220
  - app/pb_kits/playbook/pb_dialog/dialog.html.erb
1221
1221
  - app/pb_kits/playbook/pb_dialog/dialog.rb
1222
1222
  - app/pb_kits/playbook/pb_dialog/dialog.test.jsx
1223
- - app/pb_kits/playbook/pb_dialog/dialogHelper.js
1224
1223
  - app/pb_kits/playbook/pb_dialog/dialog_body.html.erb
1225
1224
  - app/pb_kits/playbook/pb_dialog/dialog_body.rb
1226
1225
  - app/pb_kits/playbook/pb_dialog/dialog_footer.html.erb
@@ -2091,6 +2090,8 @@ files:
2091
2090
  - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_custom.jsx
2092
2091
  - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_default.html.erb
2093
2092
  - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_default.jsx
2093
+ - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb
2094
+ - app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx
2094
2095
  - app/pb_kits/playbook/pb_loading_inline/docs/example.yml
2095
2096
  - app/pb_kits/playbook/pb_loading_inline/docs/index.js
2096
2097
  - app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb
@@ -2414,6 +2415,38 @@ files:
2414
2415
  - app/pb_kits/playbook/pb_passphrase/passphrase.html.erb
2415
2416
  - app/pb_kits/playbook/pb_passphrase/passphrase.rb
2416
2417
  - app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx
2418
+ - app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.scss
2419
+ - app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx
2420
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb
2421
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx
2422
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb
2423
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx
2424
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md
2425
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb
2426
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx
2427
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md
2428
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb
2429
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx
2430
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md
2431
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.html.erb
2432
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx
2433
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.html.erb
2434
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx
2435
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb
2436
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx
2437
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb
2438
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx
2439
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx
2440
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.html.erb
2441
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx
2442
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.html.erb
2443
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx
2444
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/example.yml
2445
+ - app/pb_kits/playbook/pb_pb_circle_chart/docs/index.js
2446
+ - app/pb_kits/playbook/pb_pb_circle_chart/pbCircleChartTheme.ts
2447
+ - app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb
2448
+ - app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb
2449
+ - app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx
2417
2450
  - app/pb_kits/playbook/pb_person/_person.scss
2418
2451
  - app/pb_kits/playbook/pb_person/_person.tsx
2419
2452
  - app/pb_kits/playbook/pb_person/docs/_description.md
@@ -3111,6 +3144,9 @@ files:
3111
3144
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.html.erb
3112
3145
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx
3113
3146
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on_swift.md
3147
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb
3148
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx
3149
+ - app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md
3114
3150
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb
3115
3151
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
3116
3152
  - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
@@ -3620,12 +3656,12 @@ files:
3620
3656
  - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
3621
3657
  - app/pb_kits/playbook/utilities/text.ts
3622
3658
  - app/pb_kits/playbook/utilities/validEmojiChecker.ts
3623
- - dist/chunks/_line_graph-CApw7aQD.js
3624
- - dist/chunks/_typeahead-J1_avqdO.js
3625
- - dist/chunks/_weekday_stacked-C3QAjEFv.js
3659
+ - dist/chunks/_line_graph-B5Dr0Huy.js
3660
+ - dist/chunks/_typeahead-GbjDoSSQ.js
3661
+ - dist/chunks/_weekday_stacked-DjQv3Sok.js
3626
3662
  - dist/chunks/lazysizes-B7xYodB-.js
3627
- - dist/chunks/lib-CY5ZPzic.js
3628
- - dist/chunks/pb_form_validation-D3b0JKHH.js
3663
+ - dist/chunks/lib-BTs5acfO.js
3664
+ - dist/chunks/pb_form_validation-CKkaQFX3.js
3629
3665
  - dist/chunks/vendor.js
3630
3666
  - dist/menu.yml
3631
3667
  - dist/playbook-doc.js
@@ -1,65 +0,0 @@
1
- // Three places in Nitro depend on this function inside the window scope.
2
- // We will keep this file until we remove this dependency from Nitro.
3
- const dialogHelper = () => {
4
- const openTrigger = document.querySelectorAll("[data-open-dialog]");
5
- const closeTrigger = document.querySelectorAll("[data-close-dialog]");
6
- const dialogs = document.querySelectorAll(".pb_dialog_rails")
7
-
8
- const loadingButton = document.querySelector('[data-disable-with="Loading"]');
9
- if (loadingButton) {
10
- loadingButton.addEventListener("click", function() {
11
- const okayLoadingButton = document.querySelector('[data-disable-with="Loading"]');
12
- const cancelButton = document.querySelector('[data-disable-cancel-with="Loading"]');
13
- let currentClass = okayLoadingButton.className;
14
- let cancelClass = cancelButton ? cancelButton.className : "";
15
-
16
- let newClass = currentClass.replace("_enabled", "_disabled_loading");
17
- let newCancelClass = cancelClass.replace("_enabled", "_disabled");
18
-
19
- // Disable the buttons
20
- okayLoadingButton.disabled = true;
21
- if (cancelButton) cancelButton.disabled = true;
22
-
23
- okayLoadingButton.className = newClass;
24
- if (cancelButton) cancelButton.className = newCancelClass;
25
- });
26
- }
27
-
28
-
29
- openTrigger.forEach((open) => {
30
- open.addEventListener("click", () => {
31
- var openTriggerData = open.dataset.openDialog;
32
- var targetDialog = document.getElementById(openTriggerData)
33
- if (targetDialog.open) return;
34
- targetDialog.showModal();
35
- });
36
- });
37
-
38
- closeTrigger.forEach((close) => {
39
- close.addEventListener("click", () => {
40
- var closeTriggerData = close.dataset.closeDialog;
41
- document.getElementById(closeTriggerData).close();
42
- });
43
- });
44
-
45
- // Close dialog box on outside click
46
- dialogs.forEach((dialogElement) => {
47
- dialogElement.addEventListener("mousedown", (event) => {
48
- const dialogParentDataset = dialogElement.parentElement.dataset
49
- if (dialogParentDataset.overlayClick === "overlay_close") return
50
-
51
- const dialogModal = event.target.getBoundingClientRect()
52
- const clickedOutsideDialogModal = event.clientX < dialogModal.left ||
53
- event.clientX > dialogModal.right ||
54
- event.clientY < dialogModal.top ||
55
- event.clientY > dialogModal.bottom
56
-
57
- if (clickedOutsideDialogModal) {
58
- dialogElement.close()
59
- event.stopPropagation()
60
- }
61
- })
62
- })
63
- };
64
-
65
- export default dialogHelper;