playbook_ui_docs 14.12.0.pre.alpha.PBNTR779railsdraggablecrosscontainer5863 → 14.12.0.pre.alpha.PBNTR8335906

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui_docs
 version: !ruby/object:Gem::Version
-  version: 14.12.0.pre.alpha.PBNTR779railsdraggablecrosscontainer5863
+  version: 14.12.0.pre.alpha.PBNTR8335906
 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: playbook_ui
@@ -436,7 +436,9 @@ files:
 - app/pb_kits/playbook/pb_contact/docs/_description.md
 - app/pb_kits/playbook/pb_contact/docs/example.yml
 - app/pb_kits/playbook/pb_contact/docs/index.js
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.html.erb
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_default.jsx
+- app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.html.erb
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.jsx
 - app/pb_kits/playbook/pb_copy_button/docs/_copy_button_from.md
 - app/pb_kits/playbook/pb_copy_button/docs/example.yml
@@ -696,8 +698,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
@@ -976,10 +976,6 @@ files:
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_emphasis_swift.md
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md
-- app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.html.erb
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.jsx
 - app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_link.md
@@ -1176,6 +1172,8 @@ files:
 - app/pb_kits/playbook/pb_link/docs/_link_icon.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_tag.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_tag.jsx
+- app/pb_kits/playbook/pb_link/docs/_link_target.html.erb
+- app/pb_kits/playbook/pb_link/docs/_link_target.jsx
 - app/pb_kits/playbook/pb_link/docs/_link_underline.html.erb
 - app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
 - app/pb_kits/playbook/pb_link/docs/example.yml

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.

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.html.erb

@@ -1,11 +0,0 @@
-<%= pb_rails("home_address_street", props: {
-  address: "70 pRoSpEcT ave",
-  address_cont: "Apt M18",
-  city: "West Chester",
-  home_id: 8250263,
-  home_url: "https://powerhrg.com/",
-  preserve_case: true,
-  state: "pa",
-  zipcode: "19382",
-  territory: "PHL",
-}) %>

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting.jsx

@@ -1,22 +0,0 @@
-import React from 'react'
-
-import HomeAddressStreet from '../_home_address_street'
-
-const HomeAddressStreetFormatting = (props) => {
-  return (
-    <HomeAddressStreet
-        address="70 pRoSpEcT ave"
-        addressCont="Apt M18"
-        city="West Chester"
-        homeId="8250263"
-        homeUrl="https://powerhrg.com/"
-        preserveCase
-        state="pa"
-        territory="PHL"
-        zipcode="19382"
-        {...props}
-    />
-  )
-}
-
-export default HomeAddressStreetFormatting

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_rails.md

@@ -1 +0,0 @@
-The `state` prop will always capitalize the state name, even if the data entered is in lowercase. For example, when `state="pa"` is passed, it will be rendered as "PA". When you pass `preserve_case: true`, the street address will be rendered exactly as entered, without automatic title capitalization.

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_formatting_react.md

@@ -1 +0,0 @@
-The `state` prop will always capitalize the state name, even if the data entered is in lowercase. For example, when `state="pa"` is passed, it will be rendered as "PA". When you pass `preserveCase`, the street address will be rendered exactly as entered, without automatic title capitalization.