playbook_ui 7.16.0 → 8.0.0.pre.alpha1

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ba7ca0e1a8dbb832e4553d4ca3c0c8c328ead105c57d691a0181ca169197b53a
-  data.tar.gz: a8c51729b2dfcfb7dc54d448abc6a305cb89fb367933b4a01893a8a455dd0fcb
+  metadata.gz: c921685c5d3955c36d8ae3c9e44ca3da8a85566f09b1586435c2e0eaadef53bc
+  data.tar.gz: 84fe2792d4bd4dbc7bb57bc150d5af4bec0cf93b7bbf7ed7e64a7b5c85e6b63d
 SHA512:
-  metadata.gz: e2ff1660024fbfc09a674433414caf39bc8b1c50220f51dc642c76d5de7d11f2b8056ae70ab924944c2828ee362f7b9986d1e5226672e9feda680606fc4ba7c2
-  data.tar.gz: 01b2ae4f1a7abed5972b1394f9a2b13ac31de8814050adef4f78ca81cab284c82fab7b966a88428b94c326f6319b72774443f00894c29e273773279d97388696
+  metadata.gz: 68eb2a35ffe4c1b6ecf9fe60853562f7d2cd28ab16c17a8f4cc5904f9b05e56128fa66699fd82527346bdff505f8d797d5eb7251ac78d7095088c8dacabdc721
+  data.tar.gz: de3dfb369f495b031ac6744170d62c5dfe0ef1ff84cbbb470a03b35675fc8460abb63b44940764b7c6239e351a888d4a23a9c5733958d0595bd5dc97d2c62be9

data/app/controllers/playbook/application_controller.rb

@@ -6,7 +6,6 @@ module Playbook
     helper Playbook::ApplicationHelper
     helper Playbook::PbDocHelper
     helper Playbook::PbSampleHelper
-    append_view_path Playbook::Engine.root + "app/pb_kits"
 
     def delete_dark_mode_cookie
       cookies.delete :dark_mode

data/app/helpers/playbook/pb_doc_helper.rb

@@ -6,6 +6,27 @@ module Playbook
       title.remove("pb_").titleize.tr("_", " ")
     end
 
+    def pb_doc_source(type, kit, example_key)
+      highlight = type == "react" ? "react" : "erb"
+      extension = type == "react" ? "jsx" : "html.erb"
+      source = read_source_file kit_path(kit).join("docs/_#{example_key}.#{extension}")
+      raw rouge(source, highlight)
+    end
+
+    def pb_doc_example(type, kit, example_key)
+      if type == "rails"
+        render file: kit_path(kit).join("docs/_#{example_key}.html.erb")
+      elsif type == "react"
+        pb_react(example_key.camelize)
+      end
+    end
+
+    def pb_doc_kit_api(kit)
+      kit_class = Playbook::KitResolver.resolve(kit.to_s)
+      return unless kit_class
+      render partial: "playbook/config/pb_kit_api", locals: { kit_api: kit_class.props.keys }
+    end
+
     def has_kit_type?(kit, type)
       type ||= "rails"
       if type == "rails"
@@ -17,20 +38,16 @@ module Playbook
       end
     end
 
-    def kit_path(kit)
-      "#{Playbook::Engine.root}/app/pb_kits/playbook/pb_#{kit}"
-    end
-
     def get_kit_description(kit)
-      read_source_file "app/pb_kits/playbook/pb_#{kit}/docs/_description.md"
+      read_source_file kit_path(kit).join("docs/_description.md")
     end
 
     def get_per_sample_descriptions(kit, key)
-      read_source_file "app/pb_kits/playbook/pb_#{kit}/docs/_#{key}.md"
+      read_source_file kit_path(kit).join("docs/_#{key}.md")
     end
 
     def get_kit_footer(kit)
-      read_source_file "app/pb_kits/playbook/pb_#{kit}/docs/_footer.md"
+      read_source_file kit_path(kit).join("docs/_footer.md")
     end
 
     def pb_kit(kit: "", type: "rails", show_code: true, limit_examples: false)
@@ -38,7 +55,7 @@ module Playbook
       @kit_examples = get_kit_examples(kit, type)
       @limit_examples = limit_examples
       @show_code = show_code
-      render partial: "config/kit_example"
+      render partial: "playbook/config/kit_example"
     end
 
     def pb_kits(type: "rails", limit_examples: false)
@@ -76,16 +93,6 @@ module Playbook
       title + ui
     end
 
-    def pb_kit_api(kit)
-      kit_class_obj = get_class_name(kit.to_s)
-      @kit_api = if kit_class_obj < Playbook::PbKit::Base
-                   kit_class_obj.instance_method(:initialize).parameters.map(&:last)
-                 else
-                   kit_class_obj.props.keys
-                 end
-      render partial: "playbook/config/pb_kit_api"
-    end
-
     def nav_hash_category(link)
       link.keys.first
     end
@@ -171,9 +178,12 @@ module Playbook
 
   private
 
+    def kit_path(kit)
+      Playbook::Engine.root.join("app/pb_kits/playbook/pb_#{kit}")
+    end
+
     def get_kit_examples(kit, type)
-      example_file = File.join(Playbook::Engine.root,
-                               "app", "pb_kits", "playbook", "pb_#{kit}", "docs", "example.yml")
+      example_file = kit_path(kit).join("docs/example.yml")
       if File.exist? example_file
         examples_list = YAML.load_file(example_file)
                             .inject({}) { |item, (k, v)| item[k.to_sym] = v; item }
@@ -183,12 +193,6 @@ module Playbook
       end
     end
 
-    def get_class_name(kit)
-      folder = is_subkit?(kit) ? kit.split("/")[0] : kit
-      item = is_subkit?(kit) ? kit.split("/")[-1] : kit
-      "Playbook::Pb#{folder.camelize}::#{item.camelize}".safe_constantize
-    end
-
     def render_clickable_title(kit, type)
       url = "#"
       begin

data/app/pb_kits/playbook/_playbook.scss

@@ -90,3 +90,4 @@
 @import 'pb_weekday_stacked/weekday_stacked';
 @import './utilities/spacing';
 @import './utilities/max_width';
+@import './utilities/positioning';

data/app/pb_kits/playbook/pb_avatar/avatar.rb

@@ -2,11 +2,7 @@
 
 module Playbook
   module PbAvatar
-    class Avatar
-      include Playbook::Props
-
-      partial "pb_avatar/avatar"
-
+    class Avatar < Playbook::KitBase
       prop :image_url
       prop :name, default: ""
       prop :size, type: Playbook::Props::Enum,

data/app/pb_kits/playbook/pb_avatar_action_button/{_avatar_action_button.html.erb → avatar_action_button.html.erb}

@@ -3,8 +3,6 @@
     id: object.id,
     data: object.data,
     class: object.classname) do %>
-      
-
     <% if object.tooltip_text.present? %>
         <%= pb_rails("tooltip", props: {
           trigger_element_id: object.tooltip_id,
@@ -17,7 +15,6 @@
     <% end %>
 
     <%= link_to object.link_url, id: object.tooltip_id do %>
-
       <%= pb_rails("avatar", props: {
         dark: object.dark,
         name: object.name,
@@ -25,12 +22,11 @@
         image_url: object.image_url,
         class: "avatar_action"
       }) %>
-        <div class="icon <%= object.dark ? 'dark' : '' %> ">
-          <%= pb_rails("icon", props: {
-            dark: object.dark,
-            icon: object.action_icons
-          }) %>
-        </div>
-       
+      <div class="icon <%= object.dark ? 'dark' : '' %> ">
+        <%= pb_rails("icon", props: {
+          dark: object.dark,
+          icon: object.action_icons
+        }) %>
+      </div>
     <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_avatar_action_button/avatar_action_button.rb

@@ -2,13 +2,11 @@
 
 module Playbook
   module PbAvatarActionButton
-    class AvatarActionButton
-      include Playbook::Props
-
+    class AvatarActionButton < Playbook::KitBase
       prop :action, type: Playbook::Props::String,
                     default: "add"
       prop :image_url, type: Playbook::Props::String
-      prop :link_url, type: Playbook::Props::String
+      prop :link_url, type: Playbook::Props::String, default: "#"
       prop :tooltip_text, type: Playbook::Props::String
       prop :tooltip_id, type: Playbook::Props::String
       prop :name, type: Playbook::Props::String,
@@ -20,8 +18,6 @@ module Playbook
                        values: %w[bottom_left bottom_right top_left top_right],
                        default: "bottom_left"
 
-      partial "pb_avatar_action_button/avatar_action_button"
-
       def classname
         generate_classname("pb_avatar_action_button_kit", action, size, placement)
       end

data/app/pb_kits/playbook/pb_avatar_action_button/docs/_avatar_action_button_default.html.erb

@@ -1,5 +1,5 @@
 <div class="pb--doc-demo-row">
-  
+
   <%= pb_rails("avatar_action_button", props: {
       name: "Sophia Carden",
       image_url: "https://randomuser.me/api/portraits/women/8.jpg"

data/app/pb_kits/playbook/pb_background/{_background.html.erb → background.html.erb}

@@ -6,7 +6,7 @@
       class: object.classname,
       style: "background-image: url('#{object.image_url}');"
   ) do %>
-    <%= capture(&object.children) %>
+    <%= content.presence %>
   <% end %>
 <% else %>
   <%= content_tag(object.tag,
@@ -15,6 +15,6 @@
       id: object.id,
       class: object.classname
   ) do %>
-    <%= capture(&object.children) %>
+    <%= content.presence %>
   <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_background/background.rb

@@ -2,11 +2,7 @@
 
 module Playbook
   module PbBackground
-    class Background
-      include Playbook::Props
-
-      partial "pb_background/background"
-
+    class Background < Playbook::KitBase
       prop :background_color, type: Playbook::Props::Enum,
                               values: %w[gradient dark light white],
                               default: "light"

data/app/pb_kits/playbook/pb_badge/badge.rb

@@ -2,11 +2,7 @@
 
 module Playbook
   module PbBadge
-    class Badge
-      include Playbook::Props
-
-      partial "pb_badge/badge"
-
+    class Badge < Playbook::KitBase
       prop :rounded, type: Playbook::Props::Boolean, default: false
       prop :text
       prop :variant, type: Playbook::Props::Enum,

data/app/pb_kits/playbook/pb_bar_graph/bar_graph.rb

@@ -2,10 +2,7 @@
 
 module Playbook
   module PbBarGraph
-    class BarGraph
-      include Playbook::Props
-      partial "pb_bar_graph/bar_graph"
-
+    class BarGraph < Playbook::KitBase
       prop :axis_title
       prop :chart_data, type: Playbook::Props::Array,
                         default: []

data/app/pb_kits/playbook/{pb_caption/_caption.html.erb → pb_body/body.html.erb}

@@ -3,5 +3,5 @@
   id: object.id,
   data: object.data,
   class: object.classname) do %>
-  <%= object.children.present? ? capture(&object.children) : object.text %>
+  <%= object.content %>
 <% end %>

data/app/pb_kits/playbook/pb_body/body.rb

@@ -2,12 +2,7 @@
 
 module Playbook
   module PbBody
-    class Body
-      include Playbook::Props
-      include ActionView::Helpers
-
-      partial "pb_body/body"
-
+    class Body < Playbook::KitBase
       prop :color, type: Playbook::Props::Enum,
                    values: %w[default light lighter],
                    default: "default"
@@ -19,7 +14,7 @@ module Playbook
                  default: "div"
       prop :text
       prop :highlighting, type: Playbook::Props::Boolean,
-                              default: false
+                          default: false
       prop :highlighted_text, type: Playbook::Props::Array,
                               default: []
 
@@ -28,14 +23,14 @@ module Playbook
       end
 
       def content
-        highlighting ? apply_highlight : text
+        body_text = super.presence || text
+        highlighting ? apply_highlight(body_text) : body_text
       end
 
     private
 
-      def apply_highlight
-        pb_highlight = Playbook::PbHighlight::Highlight.new() {"|"}
-        pb_highlight_output = ApplicationController.renderer.render(partial: pb_highlight, as: :object)
+      def apply_highlight(text)
+        pb_highlight_output = pb_rails("highlight") { "|" }
         highlight_tags = pb_highlight_output.split("|")
         highlight(text, highlighted_text, highlighter: "#{highlight_tags.first.html_safe} \\1 #{highlight_tags.last.html_safe}")
       end

data/app/pb_kits/playbook/pb_body/docs/_body_light.html.erb

@@ -2,7 +2,6 @@
   text: "I am a body kit"
 }) %>
 
-
 <%= pb_rails("body", props: {
   text: "I am a body kit (Light)",
   color: "light"

data/app/pb_kits/playbook/pb_button/{_button.html.erb → button.html.erb}

@@ -1,5 +1,5 @@
 <%= content_tag(object.tag,
     object.tag == "button" ? object.options : object.link_options) do %>
     <%= pb_rails("icon", props: { icon: "spinner", pulse: true, fixed_width: true, classname: "loading-icon" }) %>
-    <span class="pb_button_content"><%= !object.children.nil? ? capture(&object.children) : object.text %></span>
+    <span class="pb_button_content"><%= content.presence || object.text %></span>
 <% end %>

data/app/pb_kits/playbook/pb_button/button.rb

@@ -2,11 +2,7 @@
 
 module Playbook
   module PbButton
-    class Button
-      include Playbook::Props
-
-      partial "pb_button/button"
-
+    class Button < Playbook::KitBase
       prop :disabled, type: Playbook::Props::Boolean,
                       default: false
       prop :full_width, type: Playbook::Props::Boolean,

data/app/pb_kits/playbook/pb_button_toolbar/{_button_toolbar.html.erb → button_toolbar.html.erb}

@@ -3,5 +3,5 @@
     class: object.classname,
     data: object.data,
     id: object.id) do %>
-      <%= !object.children.nil? ? capture(&object.children) : object.text %>
+      <%= content.presence || object.text %>
 <% end %>

data/app/pb_kits/playbook/pb_button_toolbar/button_toolbar.rb

@@ -2,11 +2,7 @@
 
 module Playbook
   module PbButtonToolbar
-    class ButtonToolbar
-      include Playbook::Props
-
-      partial "pb_button_toolbar/button_toolbar"
-
+    class ButtonToolbar < Playbook::KitBase
       prop :connected, type: Playbook::Props::Boolean, default: false
 
       prop :orientation, type: Playbook::Props::Enum,

data/app/pb_kits/playbook/{pb_body/_body.html.erb → pb_caption/caption.html.erb}

@@ -3,5 +3,5 @@
   id: object.id,
   data: object.data,
   class: object.classname) do %>
-  <%= object.children.present? ? capture(&object.children) : object.content %>
+  <%= content.presence || object.text %>
 <% end %>

data/app/pb_kits/playbook/pb_caption/caption.rb

@@ -2,11 +2,7 @@
 
 module Playbook
   module PbCaption
-    class Caption
-      include Playbook::Props
-
-      partial "pb_caption/caption"
-
+    class Caption < Playbook::KitBase
       prop :size, type: Playbook::Props::Enum,
                   values: %w[xs sm md base lg xl],
                   default: "md"

data/app/pb_kits/playbook/pb_card/{_card.html.erb → card.html.erb}

@@ -4,7 +4,7 @@
     class: object.classname,
     aria: object.aria,
     dark: object.dark) do %>
-  <% if object.children %>
-    <%= pb_rails("card/card_body", props: { padding: object.body_padding, children: object.children }) %>
-  <% end %>
+  <%= pb_rails("card/card_body", props: { padding: object.body_padding }) do %>
+    <%= content %>
+  <% end if content.present? %>
 <% end %>

data/app/pb_kits/playbook/pb_card/card.rb

@@ -2,11 +2,7 @@
 
 module Playbook
   module PbCard
-    class Card
-      include Playbook::Props
-
-      partial "pb_card/card"
-
+    class Card < Playbook::KitBase
       prop :selected, type: Playbook::Props::Boolean, default: false
       prop :shadow, type: Playbook::Props::Enum,
                     values: %w[none deep deeper deepest],
@@ -31,7 +27,7 @@ module Playbook
 
       def body_padding
         if padding.present?
-           ""
+          ""
         else
           "p_md"
         end
@@ -39,7 +35,6 @@ module Playbook
 
     private
 
-
       def selected_class
         selected ? "selected" : "deselected"
       end