playbook_ui_docs 14.2.0.pre.alpha.play1432playgroundsanitation3622 → 14.2.0.pre.alpha.play1490railsdialogdatafix3649

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: f099faaead4a58a3941ed66ca7c2f44e5362c7e565b68707cb134356062130c4
-  data.tar.gz: 4493f3b1e54460472b2cef9a99e7f3a621fa933a0d8b8e9772fd0c1684c83396
+  metadata.gz: ece876c6243b230746458ef5d7ef39128eacf41d79bdfa97d82c9702cc12eb8b
+  data.tar.gz: b30767358d0bb68cb02dea0b3c2991365cee46b774ad32359a4fb4e8647a85c5
 SHA512:
-  metadata.gz: 748d8cbb70e82f852cd3985f8ac29f3089ae6208609fc511597e6b8e09ea9cbaef9398ea65058e341a840b4828099f15b07b647181f56d5381a35a41b2cc4eb9
-  data.tar.gz: 2ae58bc9ec58c5cdbb8e77218f672394cce66060567bfb53ce83ddc2b7f16523b86b10ea2ffbdcf9495fe6d2674e39950f099d9b511118c4f1cba336bf5011eb
+  metadata.gz: f092fe9c1b31f8466415f14bccc3aaa82bb261e86d3ad4d72c49e707c05bd4f3f13fc7ad81d7cabacbb2efe95eb0ff461ba98ef5bd713b1f9383e30c20f9b43c
+  data.tar.gz: 0e30c5a64317fe31c24ee2ac2084487e9b42d9401e2f401bd2050bb7cf98669e5a916cc474813df399f625af6c336e9bd2a699da48dc1399bff8de3cd515ecb3

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.html.erb

@@ -0,0 +1,13 @@
+<%= pb_rails("button", props: { text: "Open Dialog", data: {"open-dialog": "dialog-loading"} }) %>
+
+<%= pb_rails("dialog", props: { 
+    id:"dialog-loading", 
+    size: "sm", 
+    title: "Loading Exmaple", 
+    text: "Make a loading request?", 
+    cancel_button: "Cancel Button", 
+    cancel_button_id: "cancel-button-loading",
+    confirm_button: "Okay", 
+    confirm_button_id: "confirm-button-loading",
+    loading: true,
+}) %>

data/app/pb_kits/playbook/pb_dialog/docs/_dialog_loading.md

@@ -0,0 +1,3 @@
+Pressing the "Okay" button will trigger a loading state where the button content is replaced by a spinner icon and both buttons are disabled.
+
+Currently, the loading state cannot be undone and will require a page refresh to reset the dialog.

data/app/pb_kits/playbook/pb_dialog/docs/example.yml

@@ -10,6 +10,7 @@ examples:
   - dialog_stacked_alert: Stacked Button Alert
   - dialog_full_height: Full Height
   - dialog_full_height_placement: Full Height Placement
+  - dialog_loading: Loading
 
 
   react: