playbook_ui 14.12.0.pre.alpha.PBNTR779railsdraggablecrosscontainer5863 → 14.12.0.pre.alpha.PBNTR8335887

data/lib/playbook/version.rb

@@ -2,5 +2,5 @@
 
 module Playbook
   PREVIOUS_VERSION = "14.12.0"
-  VERSION = "14.12.0.pre.alpha.PBNTR779railsdraggablecrosscontainer5863"
+  VERSION = "14.12.0.pre.alpha.PBNTR8335887"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.12.0.pre.alpha.PBNTR779railsdraggablecrosscontainer5863
+  version: 14.12.0.pre.alpha.PBNTR8335887
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-02-03 00:00:00.000000000 Z
+date: 2025-02-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -265,6 +265,7 @@ files:
 - app/pb_kits/playbook/pb_advanced_table/README.md
 - app/pb_kits/playbook/pb_advanced_table/SubKits/TableBody.tsx
 - app/pb_kits/playbook/pb_advanced_table/SubKits/TableHeader.tsx
+- app/pb_kits/playbook/pb_advanced_table/Utilities/ActionBarAnimationHelper.ts
 - app/pb_kits/playbook/pb_advanced_table/Utilities/BrowserCheck.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/ExpansionControlHelpers.tsx
 - app/pb_kits/playbook/pb_advanced_table/Utilities/IconHelpers.tsx
@@ -1163,8 +1164,6 @@ files:
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers.md
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.html.erb
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_multiple_containers_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.html.erb
@@ -3321,7 +3320,7 @@ files:
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
 - dist/chunks/_typeahead-W0hatdPs.js
-- dist/chunks/_weekday_stacked-C98LOqgG.js
+- dist/chunks/_weekday_stacked-Be4uzzgn.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-kMuhBuU7.js
 - dist/chunks/pb_form_validation-DBJ0wZuS.js

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

@@ -1,193 +0,0 @@
-<% content_for :helper_methods do %>
-  <% def badge_properties(container)
-    case container
-    when "To Do"
-      { text: "queue", variant: "warning" }
-    when "In Progress"
-      { text: "progress", variant: "primary" }
-    else
-      { text: "done", variant: "success" }
-    end
-  end %>
-<% end %>
-
-<% containers = [
-  "To Do",
-  "In Progress",
-  "Done"
-] %>
-
-<% items_data = [
-  {
-    id: "11",
-    container: "To Do",
-    title: "Task 1",
-    description: "Bug fixes",
-    assignee_name: "Terry Miles",
-    assignee_img: "https://randomuser.me/api/portraits/men/44.jpg",
-  },
-  {
-    id: "12",
-    container: "To Do",
-    title: "Task 2",
-    description: "Documentation",
-    assignee_name: "Sophia Miles",
-    assignee_img: "https://randomuser.me/api/portraits/women/8.jpg",
-  },
-  {
-    id: "13",
-    container: "In Progress",
-    title: "Task 3",
-    description: "Add a variant",
-    assignee_name: "Alice Jones",
-    assignee_img: "https://randomuser.me/api/portraits/women/10.jpg",
-  },
-  {
-    id: "14",
-    container: "To Do",
-    title: "Task 4",
-    description: "Add jest tests",
-    assignee_name: "Mike James",
-    assignee_img: "https://randomuser.me/api/portraits/men/8.jpg",
-  },
-  {
-    id: "15",
-    container: "Done",
-    title: "Task 5",
-    description: "Alpha testing",
-    assignee_name: "James Guy",
-    assignee_img: "https://randomuser.me/api/portraits/men/18.jpg",
-  },
-  {
-    id: "16",
-    container: "In Progress",
-    title: "Task 6",
-    description: "Release",
-    assignee_name: "Sally Jones",
-    assignee_img: "https://randomuser.me/api/portraits/women/28.jpg",
-  },
-] %>
-
-<%= pb_rails("draggable", props: { initial_items: items_data }) do %>
-  <%= pb_rails("flex", props: { justify_content: "center" }) do %>
-    <% containers.each do |container| %>
-        <%= pb_rails("draggable/draggable_container", props: {
-            container: container,
-            width: "xs",
-            height: "xs",
-            padding: "sm",
-            data: { container: container }
-        }) do %>
-            <%= pb_rails("caption", props: { text_align: "center" }) do %><%= container %><% end %>
-            <%= pb_rails("flex", props: {align_items: "stretch", orientation: "column"}) do %>
-                <% items_data.select { |item| item[:container] == container }.each do |item| %>
-                    <%= pb_rails("draggable/draggable_item", props: {
-                        container: container,
-                        drag_id: item[:id]
-                    }) do %>
-                        <%= pb_rails("card", props: { margin_bottom: "sm", padding: "sm"}) do %>
-                            <%= pb_rails("flex", props: { justify: "between" }) do %>
-                                <%= pb_rails("flex/flex_item") do %>
-                                    <%= pb_rails("flex") do %>
-                                        <%= pb_rails("avatar", props: {
-                                            image_url: item[:assignee_img],
-                                            name: item[:assignee_name],
-                                            size: "xxs"
-                                        }) %>
-                                        <%= pb_rails("title", props: {
-                                            padding_left: "xs",
-                                            size: 4,
-                                            text: item[:title]
-                                        }) %>
-                                    <% end %>
-                                <% end %>
-                                <%= pb_rails("badge", props: {
-                                    margin_left: "sm",
-                                    rounded: true,
-                                    text: badge_properties(container)[:text],
-                                    variant: badge_properties(container)[:variant],
-                                      data: {
-                                        pb_status_badge: true,
-                                        pb_tag_type: "badge"
-                                      }
-                                }) %>
-                            <% end %>
-                            <%= pb_rails("body", props: { padding_top: "xs", text: item[:description] }) %>
-                        <% end %>
-                    <% end %>
-                <% end %>
-            <% end %>
-        <% end %>
-    <% end %>
-  <% end %>
-<% end %>
-
-<script>
-  const initBadgeUpdates = function() {
-    const updateBadge = function(container) {
-      switch (container) {
-        case 'To Do':
-          return { text: 'queue', variant: 'warning' };
-        case 'In Progress':
-          return { text: 'progress', variant: 'primary' };
-        case 'Done':
-          return { text: 'done', variant: 'success' };
-        default:
-          return { text: 'queue', variant: 'warning' };
-      }
-    };
-
-    let draggedElement = null;
-    let startContainer = null;
-
-    document.querySelectorAll('.pb_draggable_item').forEach(function(item) {
-      item.addEventListener('dragstart', function(event) {
-        draggedElement = event.target;
-        startContainer = draggedElement.closest('.pb_draggable_container');
-      });
-    });
-
-    document.querySelectorAll('.pb_draggable_container').forEach(function(container) {
-      container.addEventListener('drop', function(event) {
-        event.preventDefault();
-
-        if (draggedElement) {
-          setTimeout(function() {
-            const currentContainer = container;
-
-            if (currentContainer && startContainer && currentContainer !== startContainer) {
-              const containerData = currentContainer.getAttribute('data-container');
-              const badge = draggedElement.querySelector('[data-pb-status-badge]');
-
-              if (badge && containerData) {
-                const newProperties = updateBadge(containerData);
-                const span = badge.querySelector('span');
-
-                if (span) {
-                  span.textContent = newProperties.text;
-                }
-
-                badge.classList.forEach(function(className) {
-                  if (className.includes('pb_badge_kit_') || className === 'ml_sm') {
-                    badge.classList.remove(className);
-                  }
-                });
-
-                badge.className = `pb_badge_kit_${newProperties.variant}_rounded ml_sm`;
-              }
-            }
-
-            draggedElement = null;
-            startContainer = null;
-          }, 50);
-        }
-      });
-    });
-  };
-
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', initBadgeUpdates);
-  } else {
-    initBadgeUpdates();
-  }
-</script>

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

@@ -1 +0,0 @@
-The Draggable kit can also be used to achieve more complex, multiple container functionality as shown here. This complex usage requires the full subcomponent structure.