playbook_ui 14.14.0.pre.alpha.PBNTR892dialogenhancedelement6476 → 14.14.0.pre.alpha.PBNTR907reactfilterpopoverpropswidthbug6557
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/pb_advanced_table/Components/RegularTableView.tsx +127 -0
- data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +55 -0
- data/app/pb_kits/playbook/pb_advanced_table/Components/TablePagination.tsx +33 -0
- data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +275 -0
- data/app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx +143 -3
- data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +66 -0
- data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +195 -0
- data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +45 -99
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx +73 -0
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts +52 -0
- data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts +80 -0
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +123 -7
- data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +153 -299
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +50 -0
- data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json +152002 -0
- data/app/pb_kits/playbook/pb_card/_card.tsx +2 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +4 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +2 -0
- data/app/pb_kits/playbook/pb_date_picker/index.ts +38 -0
- data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +6 -5
- data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +0 -2
- data/app/pb_kits/playbook/pb_drawer/_drawer.scss +19 -3
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +3 -3
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +20 -37
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +6 -6
- data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +1 -0
- data/app/pb_kits/playbook/pb_drawer/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx +5 -4
- data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx +2 -2
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +9 -2
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +4 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.html.erb +40 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +50 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md +3 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +7 -1
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +7 -0
- data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +13 -3
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +72 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx +91 -0
- data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +2 -1
- data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +6 -0
- data/app/pb_kits/playbook/pb_popover/_popover.tsx +2 -2
- data/app/pb_kits/playbook/pb_popover/popover.test.js +1 -1
- data/app/pb_kits/playbook/pb_radio/_radio.tsx +85 -74
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +60 -0
- data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md +1 -0
- data/app/pb_kits/playbook/pb_radio/docs/example.yml +2 -1
- data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_radio/radio.test.js +16 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +58 -0
- data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.md +1 -0
- data/app/pb_kits/playbook/pb_select/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_select/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_select/select.html.erb +3 -5
- data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -5
- data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +1 -4
- data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +1 -5
- data/app/pb_kits/playbook/pb_timeline/_timeline.scss +2 -2
- data/app/pb_kits/playbook/pb_title/_title.scss +32 -0
- data/app/pb_kits/playbook/pb_title/_title.tsx +10 -1
- data/app/pb_kits/playbook/pb_title/docs/_title_default.html.erb +1 -2
- data/app/pb_kits/playbook/pb_title/docs/_title_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb +7 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx +54 -0
- data/app/pb_kits/playbook/pb_title/docs/_title_display_size.md +1 -0
- data/app/pb_kits/playbook/pb_title/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_title/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_title/title.rb +10 -1
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +25 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +69 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md +3 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +1 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +2 -1
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +5 -1
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +4 -1
- data/app/pb_kits/playbook/utilities/object.test.js +99 -0
- data/app/pb_kits/playbook/utilities/object.ts +29 -1
- data/dist/chunks/_typeahead-F4bG5YsC.js +36 -0
- data/dist/chunks/_weekday_stacked-CaWVQMMq.js +45 -0
- data/dist/chunks/{lib-Dmay5Z6U.js → lib-5OzNgeeu.js} +2 -2
- data/dist/chunks/{pb_form_validation-DdP7BnVX.js → pb_form_validation-DGhKbZtO.js} +1 -1
- data/dist/chunks/vendor.js +1 -1
- data/dist/playbook-doc.js +1 -1
- 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/version.rb +1 -1
- metadata +33 -7
- data/app/pb_kits/playbook/pb_dialog/index.js +0 -75
- data/dist/chunks/_typeahead-NXKDTf__.js +0 -36
- data/dist/chunks/_weekday_stacked-DtCYkCXM.js +0 -45
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: 14.14.0.pre.alpha.
|
4
|
+
version: 14.14.0.pre.alpha.PBNTR907reactfilterpopoverpropswidthbug6557
|
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-03-
|
12
|
+
date: 2025-03-07 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -257,18 +257,27 @@ files:
|
|
257
257
|
- app/pb_kits/playbook/pb_advanced_table/Components/CollapsibleTrail.tsx
|
258
258
|
- app/pb_kits/playbook/pb_advanced_table/Components/CustomCell.tsx
|
259
259
|
- app/pb_kits/playbook/pb_advanced_table/Components/LoadingCell.tsx
|
260
|
+
- app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx
|
260
261
|
- app/pb_kits/playbook/pb_advanced_table/Components/SortIconButton.tsx
|
261
262
|
- app/pb_kits/playbook/pb_advanced_table/Components/SubRowHeaderRow.tsx
|
263
|
+
- app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx
|
262
264
|
- app/pb_kits/playbook/pb_advanced_table/Components/TableHeaderCell.tsx
|
265
|
+
- app/pb_kits/playbook/pb_advanced_table/Components/TablePagination.tsx
|
263
266
|
- app/pb_kits/playbook/pb_advanced_table/Components/ToggleIconButton.tsx
|
267
|
+
- app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx
|
264
268
|
- app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx
|
269
|
+
- app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts
|
270
|
+
- app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts
|
265
271
|
- app/pb_kits/playbook/pb_advanced_table/README.md
|
266
272
|
- app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
|
267
273
|
- app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
|
268
274
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
|
269
275
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
|
276
|
+
- app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx
|
270
277
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
|
271
278
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
|
279
|
+
- app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts
|
280
|
+
- app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts
|
272
281
|
- app/pb_kits/playbook/pb_advanced_table/Utilities/types.ts
|
273
282
|
- app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss
|
274
283
|
- app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx
|
@@ -300,6 +309,7 @@ files:
|
|
300
309
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_default.md
|
301
310
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.jsx
|
302
311
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_expanded_control.md
|
312
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx
|
303
313
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.jsx
|
304
314
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_inline_row_loading.md
|
305
315
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_loading.html.erb
|
@@ -340,6 +350,7 @@ files:
|
|
340
350
|
- app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_table_props_sticky_header_react.md
|
341
351
|
- app/pb_kits/playbook/pb_advanced_table/docs/_mock_data_inline_loading.js
|
342
352
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data.json
|
353
|
+
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json
|
343
354
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_no_subrows.json
|
344
355
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_with_id.json
|
345
356
|
- app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_pagination_mock_data.json
|
@@ -967,6 +978,7 @@ files:
|
|
967
978
|
- app/pb_kits/playbook/pb_date_picker/docs/_description.md
|
968
979
|
- app/pb_kits/playbook/pb_date_picker/docs/example.yml
|
969
980
|
- app/pb_kits/playbook/pb_date_picker/docs/index.js
|
981
|
+
- app/pb_kits/playbook/pb_date_picker/index.ts
|
970
982
|
- app/pb_kits/playbook/pb_date_picker/plugins/quickPick.tsx
|
971
983
|
- app/pb_kits/playbook/pb_date_picker/plugins/timeSelect.ts
|
972
984
|
- app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
|
@@ -1143,7 +1155,6 @@ files:
|
|
1143
1155
|
- app/pb_kits/playbook/pb_dialog/docs/_dialog_status_swift.md
|
1144
1156
|
- app/pb_kits/playbook/pb_dialog/docs/example.yml
|
1145
1157
|
- app/pb_kits/playbook/pb_dialog/docs/index.js
|
1146
|
-
- app/pb_kits/playbook/pb_dialog/index.js
|
1147
1158
|
- app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.scss
|
1148
1159
|
- app/pb_kits/playbook/pb_distribution_bar/_distribution_bar.tsx
|
1149
1160
|
- app/pb_kits/playbook/pb_distribution_bar/distribution_bar.html.erb
|
@@ -1493,6 +1504,9 @@ files:
|
|
1493
1504
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md
|
1494
1505
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb
|
1495
1506
|
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx
|
1507
|
+
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.html.erb
|
1508
|
+
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx
|
1509
|
+
- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md
|
1496
1510
|
- app/pb_kits/playbook/pb_form_pill/docs/example.yml
|
1497
1511
|
- app/pb_kits/playbook/pb_form_pill/docs/index.js
|
1498
1512
|
- app/pb_kits/playbook/pb_form_pill/form_pill.html.erb
|
@@ -1964,6 +1978,8 @@ files:
|
|
1964
1978
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.html.erb
|
1965
1979
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.jsx
|
1966
1980
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_default.md
|
1981
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb
|
1982
|
+
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx
|
1967
1983
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.html.erb
|
1968
1984
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_reset.md
|
1969
1985
|
- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
|
@@ -2380,6 +2396,8 @@ files:
|
|
2380
2396
|
- app/pb_kits/playbook/pb_radio/docs/_radio_orientation_swift.md
|
2381
2397
|
- app/pb_kits/playbook/pb_radio/docs/_radio_padding_swift.md
|
2382
2398
|
- app/pb_kits/playbook/pb_radio/docs/_radio_props_swift.md
|
2399
|
+
- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx
|
2400
|
+
- app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md
|
2383
2401
|
- app/pb_kits/playbook/pb_radio/docs/_radio_spacing_swift.md
|
2384
2402
|
- app/pb_kits/playbook/pb_radio/docs/_radio_subtitle_swift.md
|
2385
2403
|
- app/pb_kits/playbook/pb_radio/docs/example.yml
|
@@ -2497,6 +2515,8 @@ files:
|
|
2497
2515
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.jsx
|
2498
2516
|
- app/pb_kits/playbook/pb_select/docs/_select_multiple.md
|
2499
2517
|
- app/pb_kits/playbook/pb_select/docs/_select_props_table.md
|
2518
|
+
- app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx
|
2519
|
+
- app/pb_kits/playbook/pb_select/docs/_select_react_hook.md
|
2500
2520
|
- app/pb_kits/playbook/pb_select/docs/_select_required.html.erb
|
2501
2521
|
- app/pb_kits/playbook/pb_select/docs/_select_required.jsx
|
2502
2522
|
- app/pb_kits/playbook/pb_select/docs/_select_value_text_same.html.erb
|
@@ -3030,6 +3050,9 @@ files:
|
|
3030
3050
|
- app/pb_kits/playbook/pb_title/docs/_title_default.html.erb
|
3031
3051
|
- app/pb_kits/playbook/pb_title/docs/_title_default.jsx
|
3032
3052
|
- app/pb_kits/playbook/pb_title/docs/_title_default.md
|
3053
|
+
- app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb
|
3054
|
+
- app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx
|
3055
|
+
- app/pb_kits/playbook/pb_title/docs/_title_display_size.md
|
3033
3056
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.html.erb
|
3034
3057
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.jsx
|
3035
3058
|
- app/pb_kits/playbook/pb_title/docs/_title_light_weight.md
|
@@ -3116,6 +3139,8 @@ files:
|
|
3116
3139
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip.md
|
3117
3140
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.jsx
|
3118
3141
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_show_tooltip_react.md
|
3142
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx
|
3143
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md
|
3119
3144
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
|
3120
3145
|
- app/pb_kits/playbook/pb_tooltip/docs/example.yml
|
3121
3146
|
- app/pb_kits/playbook/pb_tooltip/docs/index.js
|
@@ -3357,6 +3382,7 @@ files:
|
|
3357
3382
|
- app/pb_kits/playbook/utilities/icons/envelope.svg
|
3358
3383
|
- app/pb_kits/playbook/utilities/icons/spinner.svg
|
3359
3384
|
- app/pb_kits/playbook/utilities/icons/times.svg
|
3385
|
+
- app/pb_kits/playbook/utilities/object.test.js
|
3360
3386
|
- app/pb_kits/playbook/utilities/object.ts
|
3361
3387
|
- app/pb_kits/playbook/utilities/props.ts
|
3362
3388
|
- app/pb_kits/playbook/utilities/test-utils.js
|
@@ -3376,11 +3402,11 @@ files:
|
|
3376
3402
|
- app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
|
3377
3403
|
- app/pb_kits/playbook/utilities/text.ts
|
3378
3404
|
- app/pb_kits/playbook/utilities/validEmojiChecker.ts
|
3379
|
-
- dist/chunks/_typeahead-
|
3380
|
-
- dist/chunks/_weekday_stacked-
|
3405
|
+
- dist/chunks/_typeahead-F4bG5YsC.js
|
3406
|
+
- dist/chunks/_weekday_stacked-CaWVQMMq.js
|
3381
3407
|
- dist/chunks/lazysizes-B7xYodB-.js
|
3382
|
-
- dist/chunks/lib-
|
3383
|
-
- dist/chunks/pb_form_validation-
|
3408
|
+
- dist/chunks/lib-5OzNgeeu.js
|
3409
|
+
- dist/chunks/pb_form_validation-DGhKbZtO.js
|
3384
3410
|
- dist/chunks/vendor.js
|
3385
3411
|
- dist/menu.yml
|
3386
3412
|
- dist/playbook-doc.js
|
@@ -1,75 +0,0 @@
|
|
1
|
-
import PbEnhancedElement from "../pb_enhanced_element";
|
2
|
-
|
3
|
-
const DIALOG_WRAPPER_SELECTOR = "[data-pb-dialog-wrapper]";
|
4
|
-
|
5
|
-
export default class PbDialog extends PbEnhancedElement {
|
6
|
-
static get selector() {
|
7
|
-
return DIALOG_WRAPPER_SELECTOR;
|
8
|
-
}
|
9
|
-
|
10
|
-
connect() {
|
11
|
-
window.addEventListener("DOMContentLoaded", () => this.setupDialog())
|
12
|
-
window.addEventListener("turbo:frame-load", () => this.setupDialog())
|
13
|
-
}
|
14
|
-
|
15
|
-
setupDialog() {
|
16
|
-
const openTrigger = document.querySelectorAll("[data-open-dialog]");
|
17
|
-
const closeTrigger = document.querySelectorAll("[data-close-dialog]");
|
18
|
-
const dialogs = document.querySelectorAll(".pb_dialog_rails")
|
19
|
-
|
20
|
-
const loadingButton = document.querySelector('[data-disable-with="Loading"]');
|
21
|
-
if (loadingButton) {
|
22
|
-
loadingButton.addEventListener("click", function () {
|
23
|
-
const okayLoadingButton = document.querySelector('[data-disable-with="Loading"]');
|
24
|
-
const cancelButton = document.querySelector('[data-disable-cancel-with="Loading"]');
|
25
|
-
let currentClass = okayLoadingButton.className;
|
26
|
-
let cancelClass = cancelButton ? cancelButton.className : "";
|
27
|
-
|
28
|
-
let newClass = currentClass.replace("_enabled", "_disabled_loading");
|
29
|
-
let newCancelClass = cancelClass.replace("_enabled", "_disabled");
|
30
|
-
|
31
|
-
// Disable the buttons
|
32
|
-
okayLoadingButton.disabled = true;
|
33
|
-
if (cancelButton) cancelButton.disabled = true;
|
34
|
-
|
35
|
-
okayLoadingButton.className = newClass;
|
36
|
-
if (cancelButton) cancelButton.className = newCancelClass;
|
37
|
-
});
|
38
|
-
}
|
39
|
-
|
40
|
-
openTrigger.forEach((open) => {
|
41
|
-
open.addEventListener("click", () => {
|
42
|
-
var openTriggerData = open.dataset.openDialog;
|
43
|
-
var targetDialog = document.getElementById(openTriggerData)
|
44
|
-
if (targetDialog.open) return;
|
45
|
-
targetDialog.showModal();
|
46
|
-
});
|
47
|
-
});
|
48
|
-
|
49
|
-
closeTrigger.forEach((close) => {
|
50
|
-
close.addEventListener("click", () => {
|
51
|
-
var closeTriggerData = close.dataset.closeDialog;
|
52
|
-
document.getElementById(closeTriggerData).close();
|
53
|
-
});
|
54
|
-
});
|
55
|
-
|
56
|
-
// Close dialog box on outside click
|
57
|
-
dialogs.forEach((dialogElement) => {
|
58
|
-
dialogElement.addEventListener("mousedown", (event) => {
|
59
|
-
const dialogParentDataset = dialogElement.parentElement.dataset
|
60
|
-
if (dialogParentDataset.overlayClick === "overlay_close") return
|
61
|
-
|
62
|
-
const dialogModal = event.target.getBoundingClientRect()
|
63
|
-
const clickedOutsideDialogModal = event.clientX < dialogModal.left ||
|
64
|
-
event.clientX > dialogModal.right ||
|
65
|
-
event.clientY < dialogModal.top ||
|
66
|
-
event.clientY > dialogModal.bottom
|
67
|
-
|
68
|
-
if (clickedOutsideDialogModal) {
|
69
|
-
dialogElement.close()
|
70
|
-
event.stopPropagation()
|
71
|
-
}
|
72
|
-
})
|
73
|
-
})
|
74
|
-
}
|
75
|
-
}
|