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.
Files changed (97) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/Components/RegularTableView.tsx +127 -0
  3. data/app/pb_kits/playbook/pb_advanced_table/Components/TableActionBar.tsx +55 -0
  4. data/app/pb_kits/playbook/pb_advanced_table/Components/TablePagination.tsx +33 -0
  5. data/app/pb_kits/playbook/pb_advanced_table/Components/VirtualizedTableView.tsx +275 -0
  6. data/app/pb_kits/playbook/pb_advanced_table/Context/AdvancedTableContext.tsx +143 -3
  7. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableActions.ts +66 -0
  8. data/app/pb_kits/playbook/pb_advanced_table/Hooks/useTableState.ts +195 -0
  9. data/app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx +45 -99
  10. data/app/pb_kits/playbook/pb_advanced_table/Utilities/CellRendererUtils.tsx +73 -0
  11. data/app/pb_kits/playbook/pb_advanced_table/Utilities/RowUtils.ts +52 -0
  12. data/app/pb_kits/playbook/pb_advanced_table/Utilities/TableContainerStyles.ts +80 -0
  13. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.scss +123 -7
  14. data/app/pb_kits/playbook/pb_advanced_table/_advanced_table.tsx +153 -299
  15. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_infinite_scroll.jsx +50 -0
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/advanced_table_mock_data_infinite_scroll.json +152002 -0
  17. data/app/pb_kits/playbook/pb_card/_card.tsx +2 -1
  18. data/app/pb_kits/playbook/pb_date_picker/date_picker.html.erb +4 -1
  19. data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +2 -0
  20. data/app/pb_kits/playbook/pb_date_picker/index.ts +38 -0
  21. data/app/pb_kits/playbook/pb_dialog/dialog.html.erb +6 -5
  22. data/app/pb_kits/playbook/pb_dialog/dialogHelper.js +0 -2
  23. data/app/pb_kits/playbook/pb_drawer/_drawer.scss +19 -3
  24. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx +3 -3
  25. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_breakpoints.jsx +20 -37
  26. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_menu.jsx +6 -6
  27. data/app/pb_kits/playbook/pb_drawer/docs/_drawer_overlay.jsx +1 -0
  28. data/app/pb_kits/playbook/pb_drawer/docs/example.yml +1 -0
  29. data/app/pb_kits/playbook/pb_filter/Filter/CurrentFilters.tsx +5 -4
  30. data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.tsx +2 -2
  31. data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -1
  32. data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +9 -2
  33. data/app/pb_kits/playbook/pb_form_pill/_form_pill.tsx +4 -0
  34. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.html.erb +40 -0
  35. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.jsx +50 -0
  36. data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_wrapped.md +3 -0
  37. data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -0
  38. data/app/pb_kits/playbook/pb_form_pill/docs/index.js +1 -0
  39. data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +7 -1
  40. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.scss +7 -0
  41. data/app/pb_kits/playbook/pb_multi_level_select/_multi_level_select.tsx +13 -3
  42. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.html.erb +72 -0
  43. data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_disabled.jsx +91 -0
  44. data/app/pb_kits/playbook/pb_multi_level_select/docs/example.yml +2 -1
  45. data/app/pb_kits/playbook/pb_multi_level_select/docs/index.js +1 -0
  46. data/app/pb_kits/playbook/pb_multi_level_select/multi_level_select.rb +6 -0
  47. data/app/pb_kits/playbook/pb_popover/_popover.tsx +2 -2
  48. data/app/pb_kits/playbook/pb_popover/popover.test.js +1 -1
  49. data/app/pb_kits/playbook/pb_radio/_radio.tsx +85 -74
  50. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.jsx +60 -0
  51. data/app/pb_kits/playbook/pb_radio/docs/_radio_react_hook.md +1 -0
  52. data/app/pb_kits/playbook/pb_radio/docs/example.yml +2 -1
  53. data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
  54. data/app/pb_kits/playbook/pb_radio/radio.test.js +16 -0
  55. data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.jsx +58 -0
  56. data/app/pb_kits/playbook/pb_select/docs/_select_react_hook.md +1 -0
  57. data/app/pb_kits/playbook/pb_select/docs/example.yml +1 -0
  58. data/app/pb_kits/playbook/pb_select/docs/index.js +1 -0
  59. data/app/pb_kits/playbook/pb_select/select.html.erb +3 -5
  60. data/app/pb_kits/playbook/pb_selectable_card/selectable_card.html.erb +1 -5
  61. data/app/pb_kits/playbook/pb_selectable_card_icon/selectable_card_icon.html.erb +1 -4
  62. data/app/pb_kits/playbook/pb_selectable_icon/selectable_icon.html.erb +1 -5
  63. data/app/pb_kits/playbook/pb_timeline/_timeline.scss +2 -2
  64. data/app/pb_kits/playbook/pb_title/_title.scss +32 -0
  65. data/app/pb_kits/playbook/pb_title/_title.tsx +10 -1
  66. data/app/pb_kits/playbook/pb_title/docs/_title_default.html.erb +1 -2
  67. data/app/pb_kits/playbook/pb_title/docs/_title_default.jsx +1 -1
  68. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.html.erb +7 -0
  69. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.jsx +54 -0
  70. data/app/pb_kits/playbook/pb_title/docs/_title_display_size.md +1 -0
  71. data/app/pb_kits/playbook/pb_title/docs/example.yml +2 -0
  72. data/app/pb_kits/playbook/pb_title/docs/index.js +1 -0
  73. data/app/pb_kits/playbook/pb_title/title.rb +10 -1
  74. data/app/pb_kits/playbook/pb_tooltip/_tooltip.tsx +25 -0
  75. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.jsx +69 -0
  76. data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_sizing.md +3 -0
  77. data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +1 -1
  78. data/app/pb_kits/playbook/pb_tooltip/docs/index.js +1 -0
  79. data/app/pb_kits/playbook/pb_typeahead/_typeahead.tsx +2 -1
  80. data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.tsx +5 -1
  81. data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +4 -1
  82. data/app/pb_kits/playbook/utilities/object.test.js +99 -0
  83. data/app/pb_kits/playbook/utilities/object.ts +29 -1
  84. data/dist/chunks/_typeahead-F4bG5YsC.js +36 -0
  85. data/dist/chunks/_weekday_stacked-CaWVQMMq.js +45 -0
  86. data/dist/chunks/{lib-Dmay5Z6U.js → lib-5OzNgeeu.js} +2 -2
  87. data/dist/chunks/{pb_form_validation-DdP7BnVX.js → pb_form_validation-DGhKbZtO.js} +1 -1
  88. data/dist/chunks/vendor.js +1 -1
  89. data/dist/playbook-doc.js +1 -1
  90. data/dist/playbook-rails-react-bindings.js +1 -1
  91. data/dist/playbook-rails.js +1 -1
  92. data/dist/playbook.css +1 -1
  93. data/lib/playbook/version.rb +1 -1
  94. metadata +33 -7
  95. data/app/pb_kits/playbook/pb_dialog/index.js +0 -75
  96. data/dist/chunks/_typeahead-NXKDTf__.js +0 -36
  97. data/dist/chunks/_weekday_stacked-DtCYkCXM.js +0 -45
@@ -2,5 +2,5 @@
2
2
 
3
3
  module Playbook
4
4
  PREVIOUS_VERSION = "14.14.0"
5
- VERSION = "14.14.0.pre.alpha.PBNTR892dialogenhancedelement6476"
5
+ VERSION = "14.14.0.pre.alpha.PBNTR907reactfilterpopoverpropswidthbug6557"
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: 14.14.0.pre.alpha.PBNTR892dialogenhancedelement6476
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-05 00:00:00.000000000 Z
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-NXKDTf__.js
3380
- - dist/chunks/_weekday_stacked-DtCYkCXM.js
3405
+ - dist/chunks/_typeahead-F4bG5YsC.js
3406
+ - dist/chunks/_weekday_stacked-CaWVQMMq.js
3381
3407
  - dist/chunks/lazysizes-B7xYodB-.js
3382
- - dist/chunks/lib-Dmay5Z6U.js
3383
- - dist/chunks/pb_form_validation-DdP7BnVX.js
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
- }