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.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/_playbook.scss +3 -1
- data/app/pb_kits/playbook/pb_circle_icon_button/_circle_icon_button.tsx +2 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/circle_icon_button.html.erb +1 -0
- data/app/pb_kits/playbook/pb_collapsible/__snapshots__/collapsible.test.js.snap +1 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.ts +48 -4
- data/app/pb_kits/playbook/pb_dialog/_close_icon.tsx +5 -1
- data/app/pb_kits/playbook/pb_dialog/_dialog.tsx +6 -8
- data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +1 -1
- data/app/pb_kits/playbook/pb_dialog/dialog_header.html.erb +2 -2
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +0 -1
- data/app/pb_kits/playbook/pb_icon/_icon.tsx +13 -2
- data/app/pb_kits/playbook/pb_icon/icon.rb +9 -1
- data/app/pb_kits/playbook/pb_icon_circle/icon_circle.html.erb +1 -1
- data/app/pb_kits/playbook/pb_loading_inline/_loading_inline.tsx +3 -1
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.html.erb +5 -0
- data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_variant.jsx +24 -0
- data/app/pb_kits/playbook/pb_loading_inline/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_loading_inline/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_loading_inline/loading_inline.html.erb +1 -1
- data/app/pb_kits/playbook/pb_loading_inline/loading_inline.rb +11 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.scss +3 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/_pb_circle_chart.tsx +62 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.html.erb +31 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_block_content.jsx +81 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.html.erb +25 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.jsx +40 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_color_overrides.md +5 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.html.erb +27 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.jsx +39 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_custom_tooltip.md +5 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.html.erb +93 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.jsx +131 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_legend_position.md +14 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.html.erb +42 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_labels.jsx +58 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.html.erb +24 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_data_with_legend.jsx +38 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.html.erb +22 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_default.jsx +33 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.html.erb +118 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_inner_sizes.jsx +144 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_live_data.jsx +60 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.html.erb +24 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_rounded.jsx +42 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.html.erb +38 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/_pb_circle_chart_with_title.jsx +52 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/example.yml +29 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/docs/index.js +11 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/pbCircleChartTheme.ts +88 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.html.erb +1 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.rb +28 -0
- data/app/pb_kits/playbook/pb_pb_circle_chart/pb_circle_chart.test.jsx +51 -0
- data/app/pb_kits/playbook/pb_text_input/_text_input.tsx +3 -0
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.html.erb +41 -0
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.jsx +80 -0
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_autocomplete.md +1 -0
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +3 -0
- data/app/pb_kits/playbook/pb_text_input/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -3
- data/app/pb_kits/playbook/pb_text_input/text_input.test.js +38 -0
- data/dist/chunks/{_line_graph-CApw7aQD.js → _line_graph-B5Dr0Huy.js} +1 -1
- data/dist/chunks/_typeahead-GbjDoSSQ.js +6 -0
- data/dist/chunks/_weekday_stacked-DjQv3Sok.js +37 -0
- data/dist/chunks/{lib-CY5ZPzic.js → lib-BTs5acfO.js} +1 -1
- data/dist/chunks/{pb_form_validation-D3b0JKHH.js → pb_form_validation-CKkaQFX3.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/menu.yml +6 -0
- data/dist/playbook-doc.js +2 -2
- data/dist/playbook-rails-react-bindings.js +1 -1
- data/dist/playbook-rails.js +1 -1
- data/dist/playbook.css +1 -1
- data/lib/playbook/forms/builder/form_field_builder.rb +1 -9
- data/lib/playbook/version.rb +1 -1
- metadata +44 -8
- data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +0 -65
- data/dist/chunks/_typeahead-J1_avqdO.js +0 -6
- 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
|
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
|
data/lib/playbook/version.rb
CHANGED
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.
|
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-
|
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-
|
3624
|
-
- dist/chunks/_typeahead-
|
3625
|
-
- dist/chunks/_weekday_stacked-
|
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-
|
3628
|
-
- dist/chunks/pb_form_validation-
|
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;
|