playbook_ui 14.7.0.pre.alpha.spacingquickchange4482 → 14.7.0.pre.rc.0

data/lib/playbook/hover.rb

@@ -4,7 +4,6 @@ module Playbook
   module Hover
     def self.included(base)
       base.prop :hover
-      base.prop :group_hover, type: Playbook::Props::Boolean, default: false
     end
 
     def hover_options
@@ -39,8 +38,7 @@ module Playbook
 
     def hover_props
       selected_props = hover_options.keys.select { |sk| try(sk) }
-
-      return nil if selected_props.nil? && group_hover.nil?
+      return nil unless selected_props.present?
 
       responsive = selected_props.present? && try(selected_props.first).is_a?(::Hash)
       css = ""
@@ -60,7 +58,6 @@ module Playbook
         end
       end
 
-      css += "group_hover " if group_hover
       css.strip unless css.blank?
     end
   end

data/lib/playbook/kit_base.rb

@@ -82,6 +82,18 @@ module Playbook
       self
     end
 
+    def combined_html_options
+      default_html_options.merge(html_options.deep_merge(data_attributes))
+    end
+
+    def global_inline_props
+      {
+        height: height,
+        min_height: min_height,
+        max_height: max_height,
+      }.compact
+    end
+
     # rubocop:disable Layout/CommentIndentation
     # pb_content_tag information (potentially to be abstracted into its own dev doc in the future)
     # The pb_content_tag generates HTML content tags for rails kits with flexible options.
@@ -110,34 +122,6 @@ module Playbook
     end
     # rubocop:enable Style/OptionalBooleanParameter
 
-    def combined_html_options
-      merged = default_html_options.dup
-
-      html_options.each do |key, value|
-        if key == :style && value.is_a?(Hash)
-          # Convert style hash to CSS string
-          merged[:style] = value.map { |k, v| "#{k.to_s.gsub('_', '-')}: #{v}" }.join("; ")
-        else
-          merged[key] = value
-        end
-      end
-
-      inline_styles = dynamic_inline_props
-      merged[:style] = if inline_styles.present?
-                         merged[:style].present? ? "#{merged[:style]}; #{inline_styles}" : inline_styles
-                       end
-
-      merged.deep_merge(data_attributes)
-    end
-
-    def global_inline_props
-      {
-        height: height,
-        min_height: min_height,
-        max_height: max_height,
-      }.compact
-    end
-
   private
 
     def default_options
@@ -147,10 +131,8 @@ module Playbook
         class: classname,
         aria: aria,
       }
-
       inline_styles = dynamic_inline_props
-      options[:style] = inline_styles if inline_styles.present? && !html_options.key?(:style)
-
+      options[:style] = inline_styles if inline_styles.present?
       options
     end
 
@@ -166,8 +148,8 @@ module Playbook
     end
 
     def dynamic_inline_props
-      styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value}" if value.present? }.compact
-      styles.join("; ").presence
+      styles = global_inline_props.map { |key, value| "#{key.to_s.gsub('_', '-')}: #{value};" if value.present? }.compact
+      styles.join(" ").presence
     end
   end
 end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "14.7.0"
-  VERSION = "14.7.0.pre.alpha.spacingquickchange4482"
+  PREVIOUS_VERSION = "14.6.0"
+  VERSION = "14.7.0.pre.rc.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 14.7.0.pre.alpha.spacingquickchange4482
+  version: 14.7.0.pre.rc.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2024-11-14 00:00:00.000000000 Z
+date: 2024-10-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -762,9 +762,6 @@ files:
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_alignment_swift.md
-- app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.jsx
-- app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.html.erb
 - app/pb_kits/playbook/pb_currency/docs/_currency_matching_decimals.jsx
 - app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
@@ -1098,29 +1095,17 @@ files:
 - app/pb_kits/playbook/pb_draggable/context/types.ts
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_default.md
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_default_rails.html.erb
-- 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_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
-- app/pb_kits/playbook/pb_draggable/docs/_draggable_with_cards_rails.md
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.jsx
 - app/pb_kits/playbook/pb_draggable/docs/_draggable_with_list.md
-- 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/example.yml
 - app/pb_kits/playbook/pb_draggable/docs/index.js
-- app/pb_kits/playbook/pb_draggable/draggable.html.erb
-- app/pb_kits/playbook/pb_draggable/draggable.rb
 - app/pb_kits/playbook/pb_draggable/draggable.test.jsx
-- app/pb_kits/playbook/pb_draggable/draggable_container.html.erb
-- app/pb_kits/playbook/pb_draggable/draggable_container.rb
-- app/pb_kits/playbook/pb_draggable/draggable_item.html.erb
-- app/pb_kits/playbook/pb_draggable/draggable_item.rb
-- app/pb_kits/playbook/pb_draggable/index.js
 - app/pb_kits/playbook/pb_draggable/subcomponents/DraggableContainer.tsx
 - app/pb_kits/playbook/pb_draggable/subcomponents/DraggableItem.tsx
 - app/pb_kits/playbook/pb_drawer/_close_icon.tsx
@@ -1397,8 +1382,7 @@ files:
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.jsx
-- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_rails.md
-- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text.md
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/example.yml
@@ -1748,23 +1732,6 @@ files:
 - app/pb_kits/playbook/pb_line_graph/lineGraphSettings.js
 - app/pb_kits/playbook/pb_line_graph/line_graph.html.erb
 - app/pb_kits/playbook/pb_line_graph/line_graph.rb
-- app/pb_kits/playbook/pb_link/_link.scss
-- app/pb_kits/playbook/pb_link/_link.tsx
-- app/pb_kits/playbook/pb_link/docs/_link_color.html.erb
-- app/pb_kits/playbook/pb_link/docs/_link_color.jsx
-- app/pb_kits/playbook/pb_link/docs/_link_disabled.html.erb
-- app/pb_kits/playbook/pb_link/docs/_link_disabled.jsx
-- app/pb_kits/playbook/pb_link/docs/_link_icon.html.erb
-- 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_underline.html.erb
-- app/pb_kits/playbook/pb_link/docs/_link_underline.jsx
-- app/pb_kits/playbook/pb_link/docs/example.yml
-- app/pb_kits/playbook/pb_link/docs/index.js
-- app/pb_kits/playbook/pb_link/link.html.erb
-- app/pb_kits/playbook/pb_link/link.rb
-- app/pb_kits/playbook/pb_link/link.test.jsx
 - app/pb_kits/playbook/pb_list/_list.scss
 - app/pb_kits/playbook/pb_list/_list.tsx
 - app/pb_kits/playbook/pb_list/_list_item.tsx
@@ -2445,24 +2412,6 @@ files:
 - app/pb_kits/playbook/pb_selectable_list/selectable_list.test.js
 - app/pb_kits/playbook/pb_selectable_list/selectable_list_item.html.erb
 - app/pb_kits/playbook/pb_selectable_list/selectable_list_item.rb
-- app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.scss
-- app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading.tsx
-- app/pb_kits/playbook/pb_skeleton_loading/_skeleton_loading_mixins.scss
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.jsx
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_border_radius.md
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.jsx
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_color.md
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.html.erb
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_default.jsx
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.jsx
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_height_width.md
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.jsx
-- app/pb_kits/playbook/pb_skeleton_loading/docs/_skeleton_loading_layout.md
-- app/pb_kits/playbook/pb_skeleton_loading/docs/example.yml
-- app/pb_kits/playbook/pb_skeleton_loading/docs/index.js
-- app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.html.erb
-- app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.rb
-- app/pb_kits/playbook/pb_skeleton_loading/skeleton_loading.test.jsx
 - app/pb_kits/playbook/pb_source/_source.scss
 - app/pb_kits/playbook/pb_source/_source.tsx
 - app/pb_kits/playbook/pb_source/docs/_description.md
@@ -2769,16 +2718,11 @@ files:
 - app/pb_kits/playbook/pb_timeline/_item.tsx
 - app/pb_kits/playbook/pb_timeline/_timeline.scss
 - app/pb_kits/playbook/pb_timeline/_timeline.tsx
-- app/pb_kits/playbook/pb_timeline/detail.html.erb
-- app/pb_kits/playbook/pb_timeline/detail.rb
 - app/pb_kits/playbook/pb_timeline/docs/_description.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_default.jsx
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_vertical.jsx
-- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.html.erb
-- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.jsx
-- app/pb_kits/playbook/pb_timeline/docs/_timeline_with_children.md
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.html.erb
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.jsx
 - app/pb_kits/playbook/pb_timeline/docs/_timeline_with_date.md
@@ -2786,14 +2730,6 @@ files:
 - app/pb_kits/playbook/pb_timeline/docs/index.js
 - app/pb_kits/playbook/pb_timeline/item.html.erb
 - app/pb_kits/playbook/pb_timeline/item.rb
-- app/pb_kits/playbook/pb_timeline/label.html.erb
-- app/pb_kits/playbook/pb_timeline/label.rb
-- app/pb_kits/playbook/pb_timeline/step.html.erb
-- app/pb_kits/playbook/pb_timeline/step.rb
-- app/pb_kits/playbook/pb_timeline/subcomponents/Detail.tsx
-- app/pb_kits/playbook/pb_timeline/subcomponents/Label.tsx
-- app/pb_kits/playbook/pb_timeline/subcomponents/Step.tsx
-- app/pb_kits/playbook/pb_timeline/subcomponents/index.tsx
 - app/pb_kits/playbook/pb_timeline/timeline.html.erb
 - app/pb_kits/playbook/pb_timeline/timeline.rb
 - app/pb_kits/playbook/pb_timeline/timeline.test.js
@@ -3163,8 +3099,8 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/truncate.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - app/pb_kits/playbook/utilities/validEmojiChecker.ts
-- dist/chunks/_typeahead-DhLic2Fe.js
-- dist/chunks/_weekday_stacked-Mx8TYP5I.js
+- dist/chunks/_typeahead-BhHnXJjy.js
+- dist/chunks/_weekday_stacked-C_QAqbqJ.js
 - dist/chunks/lazysizes-B7xYodB-.js
 - dist/chunks/lib-D-mTv-kp.js
 - dist/chunks/pb_form_validation-BkWGwJsl.js

data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.html.erb

@@ -1,7 +0,0 @@
-<%= pb_rails("currency", props: {
-  amount: '1234567.89',
-  comma_separator: true,
-  size: 'lg',
-  emphasized: false,
-  decimals: 'matching',
-}) %>

data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.jsx

@@ -1,18 +0,0 @@
-import React from "react"
-
-import Currency from "../_currency"
-
-const CurrencyCommaSeparator = (props) => {
-  return (
-    <Currency
-        amount='1234567.89'
-        commaSeparator
-        decimals="matching"
-        emphasized={false}
-        size="lg"
-        {...props}
-    />
-  )
-}
-
-export default CurrencyCommaSeparator

data/app/pb_kits/playbook/pb_currency/docs/_currency_comma_separator.md

@@ -1,3 +0,0 @@
-The optional `commaSeparator` can be used to auto-format the use of commas as a thousands separator. 
-
-**NOTE:** If the value passed into the `amount` prop is already comma-dilineated, it will not add additional commas.

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

@@ -1,26 +0,0 @@
-<% initial_items = [
-  {
-    id: "1",
-    url: "https://unsplash.it/500/400/?image=633",
-  },
-  {
-    id: "2",
-    url: "https://unsplash.it/500/400/?image=634",
-  },
-  {
-    id: "3",
-    url: "https://unsplash.it/500/400/?image=637",
-  },
-] %>
-
-<%= pb_rails("draggable", props: {initial_items: initial_items}) do %>
-  <%= pb_rails("draggable/draggable_container") do %>
-    <%= pb_rails("flex") do %>
-      <% initial_items.each do |item| %>
-        <%= pb_rails("draggable/draggable_item", props:{drag_id: item[:id]}) do %>
-          <%= pb_rails("image", props: { alt: item[:id], size: "md", url: item[:url], margin: "xs" }) %>
-        <% end %>
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

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

@@ -1,7 +0,0 @@
-The `draggable` kit gives you a full subcomponent structure that allows it to be used with almost any kit.
-
-`initial_items` is a REQUIRED prop, which is the array of objects that contains data for the the draggable items.
- 
-`draggable/draggable_container` = This specifies the container within which items can be dropped.
-
-`draggable/draggable_item` = This specifies the items that can be dragged and dropped. `drag_id` is a REQUIRED prop for draggable_item and must match the id on the items within `initial_items`.

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

@@ -1,38 +0,0 @@
-<% initial_items = [
-  { id: "21", name: "Joe Black" },
-  { id: "22", name: "Nancy White" },
-  { id: "23", name: "Bill Green" },
-] %>
-
-<%= pb_rails("draggable", props: {initial_items: initial_items}) do %>
-  <%= pb_rails("draggable/draggable_container") do %>
-    <% initial_items.each do |item| %>
-      <%= pb_rails("draggable/draggable_item", props:{drag_id: item[:id]}) do %>
-        <%= pb_rails("card", props: {highlight: {position: "side", color:"primary"}, margin_bottom: "xs", padding: "xs"}) do %>
-          <%= pb_rails("flex", props:{align_items: "stretch", flex_direction:"column"}) do %>
-            <%= pb_rails("flex", props:{gap: "xs"}) do %>
-              <%= pb_rails("title", props: { text: item[:name], tag: "h4", size: 4 }) %>
-              <%= pb_rails("badge", props: {text:"35-12345" ,variant: "primary"}) %>
-            <% end %>
-            <%= pb_rails("caption", props: { size: "xs", text: "8:00A • Township Name • 90210" }) %>
-            <%= pb_rails("flex", props:{gap: "xxs", spacing:"between"}) do %>
-              <%= pb_rails("flex", props:{gap: "xxs"}) do %>
-                <%= pb_rails("caption", props: { size: "xs" , color: "error" }) do %>
-                  <%= pb_rails("icon", props: { icon: "house-circle-exclamation", fixed_width: true }) %>
-                <% end %>
-                <%= pb_rails("caption", props: { size: "xs" , color: "success" }) do %>
-                  <%= pb_rails("icon", props: { icon: "file-circle-check", fixed_width: true }) %>
-                <% end %>
-              <% end %>
-              <%= pb_rails("flex") do %>
-                <%= pb_rails("badge", props: {text:"Schedule QA" ,variant: "warning", rounded: true}) %>
-                <%= pb_rails("badge", props: {text:"Flex" ,variant: "primary", rounded: true}) %>
-                <%= pb_rails("badge", props: {text:"R99" ,variant: "primary", rounded: true}) %>
-            <% end %>
-            <% end %>
-          <% end %>
-        <% end %>
-      <% end %>
-    <% end %>
-  <% end %>
-<% end %>

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

@@ -1,19 +0,0 @@
-<% initial_items = [
-  { id: "31", name: "Philadelphia" },
-  { id: "32", name: "New Jersey" },
-  { id: "33", name: "Maryland" },
-  { id: "34", name: "Connecticut" },
-
-] %>
-
-<%= pb_rails("draggable", props: {initial_items: initial_items}) do %>
-  <%= pb_rails("draggable/draggable_container") do %>
-    <%= pb_rails("list", props: {ordered: false}) do %>
-        <% initial_items.each do |item| %>
-            <%= pb_rails("draggable/draggable_item", props:{drag_id: item[:id]}) do %>
-                <%= pb_rails("list/item") do %><%= item[:name] %><% end %>
-            <% end %>
-        <% end %>
-    <% end %>
-  <% end %>
-<% end %>

data/app/pb_kits/playbook/pb_draggable/draggable.html.erb

@@ -1,3 +0,0 @@
-<%= pb_content_tag do %>
-  <%= content.presence %>
-<% end %>

data/app/pb_kits/playbook/pb_draggable/draggable.rb

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbDraggable
-    class Draggable < ::Playbook::KitBase
-      prop :initial_items, type: Playbook::Props::Array,
-                           default: []
-
-      def data
-        Hash(prop(:data)).merge(pb_draggable: true)
-      end
-
-      def classname
-        generate_classname("pb_draggable")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_draggable/draggable_container.html.erb

@@ -1,3 +0,0 @@
-<%= pb_content_tag do %>
-    <%= content.presence %>
-  <% end %>

data/app/pb_kits/playbook/pb_draggable/draggable_container.rb

@@ -1,15 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbDraggable
-    class DraggableContainer < ::Playbook::KitBase
-      def data
-        Hash(prop(:data)).merge(pb_draggable_container: true)
-      end
-
-      def classname
-        generate_classname("pb_draggable_container")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_draggable/draggable_item.html.erb

@@ -1,7 +0,0 @@
-<%= pb_content_tag(:div, {
-id: "item_#{object.drag_id}",
-draggable: true
-}) do %>
-    <%= content.presence %>
-<% end %>
-  

data/app/pb_kits/playbook/pb_draggable/draggable_item.rb

@@ -1,18 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbDraggable
-    class DraggableItem < ::Playbook::KitBase
-      prop :drag_id, type: Playbook::Props::String,
-                     default: ""
-
-      def data
-        Hash(prop(:data)).merge(pb_draggable_item: true)
-      end
-
-      def classname
-        generate_classname("pb_draggable_item")
-      end
-    end
-  end
-end

data/app/pb_kits/playbook/pb_draggable/index.js

@@ -1,125 +0,0 @@
-import PbEnhancedElement from "../pb_enhanced_element";
-
-const DRAGGABLE_SELECTOR = "[data-pb-draggable]";
-const DRAGGABLE_CONTAINER = ".pb_draggable_container";
-
-export default class PbDraggable extends PbEnhancedElement {
-  static get selector() {
-    return DRAGGABLE_SELECTOR;
-  }
-
-  connect() {
-    this.draggedItem = null;
-    this.draggedItemId = null;
-    document.addEventListener("DOMContentLoaded", () => this.bindEventListeners());
-  }
-
-  bindEventListeners() {
-    // Needed to prevent images within draggable items from being independently draggable
-    // Needed if using Image kit in draggable items
-    this.element.querySelectorAll(".pb_draggable_item img").forEach(img => {
-      img.setAttribute("draggable", "false");
-    });
-
-    this.element.querySelectorAll(".pb_draggable_item").forEach(item => {
-      item.addEventListener("dragstart", this.handleDragStart.bind(this));
-      item.addEventListener("dragend", this.handleDragEnd.bind(this));
-      item.addEventListener("dragenter", this.handleDragEnter.bind(this));
-    });
-
-    const container = this.element.querySelector(DRAGGABLE_CONTAINER);
-    if (container) {
-      container.addEventListener("dragover", this.handleDragOver.bind(this));
-      container.addEventListener("drop", this.handleDrop.bind(this));
-    }
-  }
-
-  handleDragStart(event) {
-    // Needed to prevent images within draggable items from being independently draggable
-    // Needed if using Image kit in draggable items
-    if (event.target.tagName.toLowerCase() === 'img') {
-      event.preventDefault();
-      return;
-    }
-    
-    this.draggedItem = event.target;
-    this.draggedItemId = event.target.id;
-    event.target.classList.add("is_dragging");
-
-    if (event.dataTransfer) {
-      event.dataTransfer.effectAllowed = 'move';
-      event.dataTransfer.setData('text/plain', this.draggedItemId);
-    }
-
-    setTimeout(() => {
-      event.target.style.opacity = '0.5';
-    }, 0);
-  }
-
-  handleDragEnter(event) {
-    if (!this.draggedItem || event.target === this.draggedItem) return;
-
-    const targetItem = event.target.closest('.pb_draggable_item');
-    if (!targetItem) return;
-
-    const container = targetItem.parentNode;
-    const items = Array.from(container.children);
-    const draggedIndex = items.indexOf(this.draggedItem);
-    const targetIndex = items.indexOf(targetItem);
-
-    if (draggedIndex > targetIndex) {
-      container.insertBefore(this.draggedItem, targetItem);
-    } else {
-      container.insertBefore(this.draggedItem, targetItem.nextSibling);
-    }
-  }
-
-  handleDragOver(event) {
-    event.preventDefault();
-    const container = event.target.closest(DRAGGABLE_CONTAINER);
-
-    if (container) {
-      container.classList.add("active_container");
-    }
-  }
-
-  handleDrop(event) {
-    event.preventDefault();
-    const container = event.target.closest(DRAGGABLE_CONTAINER);
-    if (!container || !this.draggedItem) return;
-  
-    container.classList.remove("active_container");
-    this.draggedItem.style.opacity = '1';
-  
-    // Updated order of items as an array of item IDs
-    const reorderedItems = Array.from(container.children)
-      .filter(item => item.classList.contains("pb_draggable_item"))
-      .map(item => item.id.replace("item_", "")); 
-  
-    // Store reordered items in a data attribute on the container
-    container.setAttribute("data-reordered-items", JSON.stringify(reorderedItems));
-  
-    const customEvent = new CustomEvent('pb-draggable-reorder', {
-      detail: {
-        reorderedItems,
-        containerId: container.id,
-      }
-    });
-    this.element.dispatchEvent(customEvent);
-  
-    this.draggedItem = null;
-    this.draggedItemId = null;
-  }
-  
-
-  handleDragEnd(event) {
-    event.target.classList.remove("is_dragging");
-    event.target.style.opacity = '1';
-    this.draggedItem = null;
-    this.draggedItemId = null;
-
-    this.element.querySelectorAll(DRAGGABLE_CONTAINER).forEach(container => {
-      container.classList.remove("active_container");
-    });
-  }
-}

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_rails.md

@@ -1,3 +0,0 @@
-For Form Pills with longer text, the truncate global prop can be used to truncate the label within each Form Pill. See [here](https://playbook.powerapp.cloud/visual_guidelines/truncate) for more information on the truncate global prop.
-
-__NOTE__: For Rails Form Pills (not ones embedded within a React-rendered Typeahead or MultiLevelSelect), a unique `id` is required to enable the Tooltip functionality displaying the text or tag section of the Form Pill.

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_truncated_text_react.md

@@ -1 +0,0 @@
-For Form Pills with longer text, the `truncate` global prop can be used to truncate the label within each Form Pill. Hover over the truncated Form Pill and a Tooltip containing the text or tag section of the Form Pill will appear. See [here](https://playbook.powerapp.cloud/visual_guidelines/truncate) for more information on the truncate global prop.