playbook_ui_docs 14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355 → 14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: b29ced69883c08efeeb38c8cae1c7a9dca8bdb13222e9bf8b5d45a7058f20433
-  data.tar.gz: 30714ea1e97be8ddd8766dca5ff9a7707b9cdce82bf96f1f4538070b8215e4a7
+  metadata.gz: '0499b960bdd8aa7dd866a1ffe9cf0402bc0a2a4c3b9b51a9c74d9eb0cb02275c'
+  data.tar.gz: d2e521b255f2ea811548a6f173a89a1ead6fafffd7b1b2c68fc744ed15f3c410
 SHA512:
-  metadata.gz: 6a616895c39c34e9d17e09c7abd702f569762af4bb1aecb35632d514795ab6457077b5bf19dc3f59b800742ebf1bea9c4622c04cbdb7a4bc2e7dd75b2c257463
-  data.tar.gz: 5ea0bfef4c19c5bbbc318cca0937330c95654dd70b36ad2dbc85008c901e2a4e980eedf6a385aa2e80edf6825c020d129659fbebb6b91fac19732856147e35e7
+  metadata.gz: 1c640616ac5f02e50c2de458f2bd6ff2fb229e25cd375477c682e285819c8d8f4413a83be500c9cc84e7c3d6fe12f8e6785e476c4631ce5f5d9ad8c5ba3c96bf
+  data.tar.gz: fc2df1c87fe369f9a72be5005a8ccdce44e4892f168879d630a722ae6827d9ec1ee0a9ecc4c5dce6adaf45252581955ac651e5f995ecf8567b27fc79ba9fd3a3

data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb

@@ -1,12 +1 @@
-<%= pb_rails("date_picker", props: { picker_id: "date-picker-default", custom_event_listener: "datePickerLoader" }) %>
-<%= pb_rails("button", props: { id: "date-picker-loader", text: "Load Custom Event" }) %>
-
-<script>
-    document.getElementById("date-picker-loader").addEventListener("click", () => {
-        window.document.dispatchEvent(
-            new CustomEvent("datePickerLoader", {
-                bubbles: true,
-            })
-        );
-    });
-</script>
+<%= pb_rails("date_picker", props: { picker_id: "date-picker-default"}) %>

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb

@@ -0,0 +1,38 @@
+<%= pb_rails("selectable_list",
+        props: {
+          enable_drag: true,
+          variant: "radio",
+          items: [
+            { drag_id: "41",
+              text: "Task 1",
+              input_options: {
+                value: "1",
+                name: "radio-name",
+              }
+            },
+            { drag_id: "42",
+              text: "Task 2",
+              checked: true,
+              input_options: {
+                value: "2",
+                name: "radio-name",
+              }
+            },
+            { drag_id: "43",
+              text: "Task 3",
+              input_options: {
+                value: "3",
+                name: "radio-name",
+              }
+            },
+            { drag_id: "44",
+              text: "Task 4",
+              input_options: {
+                value: "4",
+                name: "radio-name",
+              }
+            }
+          ]
+        }
+    )
+%>

data/app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md

@@ -0,0 +1,3 @@
+For a simplified version of the Draggable API for the SelectableList kit, you can do the following:
+
+The SelectableList kit is optimized to work with the draggable kit. To enable drag, use the `enable_drag` prop on SelectableList kit AND `drag_id` prop within the SelectableList kit prop. An additional optional boolean prop (set to true by default) of `drag_handle` is also available on SelectableList kit to show the drag handle icon.

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

@@ -11,6 +11,7 @@ examples:
   rails:
   - draggable_default_rails: Default
   - draggable_with_list_rails: Draggable with List Kit
+  - draggable_with_selectable_list_rails: Draggable with SelectableList Kit
   - draggable_with_cards_rails: Draggable with Cards
 
 

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.11.1.pre.alpha.PBNTR573datepickerinvestigation5355
+  version: 14.11.1.pre.alpha.PBNTR718simiplifieddraggablereact5400
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-01-13 00:00:00.000000000 Z
+date: 2025-01-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: playbook_ui
@@ -684,6 +684,8 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list_rails.html.erb
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list.md
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.html.erb
+- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_selectable_list_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
 - app/pb_kits/playbook/pb_drawer/docs/_drawer_borders.jsx