playbook_ui 13.9.0.pre.alpha.play845allkitsbytypes1271 → 13.9.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ff7b8b3237da9f9e8d2f2d2499d12c1a9ba9f3733c4df77351046bab555d484a
-  data.tar.gz: 3fdcded5fc7d8eedae311d779fbfbe026eb07d398b3cd8d41ecfd15f1070debb
+  metadata.gz: 3913dffced512fb212f3b0a4e1037abbf10a28420af5f13f666b62ac4b4a385d
+  data.tar.gz: c254328bfcb08db335a4c1a376cfbd83fc7f9eb981749a2041f6fd0394ab3a36
 SHA512:
-  metadata.gz: 860659fe9fc6cda1f594437afb9b174d21683c43d689cfd111f7bd53f85d58795e4ca8c9fd7a3a9cb4f9882348587a9e880dcae70068e9b668dd4f325ee2ac4b
-  data.tar.gz: 7844aba1c42c9dd7b7400fa2e3c3853067da8d6b240d7f7bff33bd02d52a72d05f6d942bf4c9861dd9912ed2f1bd8f7f4ffa1624709c57339d0d6c1787f9f979
+  metadata.gz: 76ad54d6d06215fcc8ed33cf0186f8c6b23d850b21a2f58e99f5761a8eb33dfb9a8e7280692962134b53a0cb475663eba34fe7029394cdfa9e56b6ea905ddf6c
+  data.tar.gz: e897dae13452e396a6efda42c0d2ddeee117413c7bb9c9778fd781a024302c7946f420631c1cd9d01181ed132dc419a949356cc5a9541b6cc540583f4566134b

data/app/pb_kits/playbook/pb_docs/kit_example.html.erb

@@ -11,12 +11,12 @@
   <% else %>
     <div class="pb--kit-example-markdown pt_none markdown <%= dark ? "dark" : "" %>">
       <%= pb_rails("caption", props: { text: example_title, dark: dark, margin_top: "md" }) %>
-      <%#= render_markdown(description) %>
+      <%= render_markdown(description) %>
     </div>
   <% end %>
   <% if show_code %>
     <div class="markdown pb--kit-example-markdown markdown <%= dark ? "dark" : "" %>">
-      <%#= render_markdown(description) %>
+      <%= render_markdown(description) %>
     </div>
     <div id="code-wrapper">
       <div class="pb--codeControls">

data/dist/menu.yml

@@ -1,282 +1,111 @@
-web: &web ["rails", "react"]
-all: &all ["rails", "react", "swift"]
-rails_only: &rails_only ["rails"]
-react_only: &react_only ["react"]
-
 kits:
-  - name: "avatars"
-    components:
-      - name: "avatar"
-        platforms: *all
-      - name: "avatar_action_button"
-        platforms: *web
-      - name: "multiple_users"
-        platforms: *web
-      - name: "multiple_users_stacked"
-        platforms: *web
-      - name: "user"
-        platforms: *web
-  - name: "background"
-    components:
-      - name: "background"
-        platforms: *web
-  - name: "bread_crumbs"
-    components:
-      - name: "bread_crumbs"
-        platforms: *web
-  - name: "buttons"
-    components:
-      - name: "button"
-        platforms: *web
-      - name: "button_toolbar"
-        platforms: *web
-      - name: "circle_icon_button"
-        platforms: *web
-  - name: "card"
-    components:
-      - name: "card"
-        platforms: *all
-  - name: "collapsible"
-    components:
-      - name: "collapsible"
-        platforms: *web
-  - name: "charts_and_graphs"
-    components:
-      - name: "bar_graph"
-        platforms: *web
-      - name: "circle_chart"
-        platforms: *web
-      - name: "distribution_bar"
-        platforms: *web
-      - name: "gauge"
-        platforms: *web
-      - name: "legend"
-        platforms: *web
-      - name: "line_graph"
-        platforms: *web
-      - name: "treemap_chart"
-        platforms: *web
-  - name: "dialog"
-    components:
-      - name: "dialog"
-        platforms: *web
-  - name: "filter"
-    components:
-      - name: "filter"
-        platforms: *web
-  - name: "fixed_confirmation_toast"
-    components:
-      - name: "fixed_confirmation_toast"
-        platforms: *web
-  - name: "forms"
-    components:
-      - name: "checkbox"
-        platforms: *web
-      - name: "date_picker"
-        platforms: *web
-      - name: "file_upload"
-        platforms: *web
-      - name: "form"
-        platforms: *rails_only
-      - name: "form_group"
-        platforms: *web
-      - name: "form_pill"
-        platforms: *web
-      - name: "multi_level_select"
-        platforms: *web
-      - name: "passphrase"
-        platforms: *web
-      - name: "phone_number_input"
-        platforms: *web
-      - name: "radio"
-        platforms: *all
-      - name: "rich_text_editor"
-        platforms: *web
-      - name: "select"
-        platforms: *web
-      - name: "selectable_card"
-        platforms: *web
-      - name: "selectable_card_icon"
-        platforms: *web
-      - name: "selectable_icon"
-        platforms: *web
-      - name: "selectable_list"
-        platforms: *web
-      - name: "text_input"
-        platforms: *web
-      - name: "textarea"
-        platforms: *web
-      - name: "toggle"
-        platforms: *web
-      - name: "typeahead"
-        platforms: *web
-  - name: "highlight"
-    components:
-      - name: "highlight"
-        platforms: *web
-  - name: "icon"
-    components:
-      - name: "icon"
-        platforms: *web
-  - name: "icon_circle"
-    components:
-      - name: "icon_circle"
-        platforms: *web
-  - name: "icon_stat_value"
-    components:
-      - name: "icon_stat_value"
-        platforms: *web
-  - name: "icon_value"
-    components:
-      - name: "icon_value"
-        platforms: *web
-  - name: "image"
-    components:
-      - name: "image"
-        platforms: *web
-  - name: "layouts"
-    components:
-      - name: "flex"
-        platforms: *web
-      - name: "layout"
-        platforms: *web
-  - name: "lightbox"
-    components:
-      - name: "lightbox"
-        platforms: *react_only
-  - name: "list"
-    components:
-      - name: "list"
-        platforms: *web
-  - name: "loading_inline"
-    components:
-      - name: "loading_inline"
-        platforms: *web
-  - name: "map"
-    components:
-      - name: "map"
-        platforms: *react_only
-  - name: "nav"
-    components:
-      - name: "nav"
-        platforms: *web
-  - name: "pagination"
-    components:
-      - name: "pagination"
-        platforms: *rails_only
-  - name: "popover"
-    components:
-      - name: "popover"
-        platforms: *web
-  - name: "progress"
-    components:
-      - name: "progress_pills"
-        platforms: *web
-      - name: "progress_simple"
-        platforms: *web
-      - name: "progress_step"
-        platforms: *web
-  - name: "section_separator"
-    components:
-      - name: "section_separator"
-        platforms: *web
-  - name: "star_rating"
-    components:
-      - name: "star_rating"
-        platforms: *web
-  - name: "table"
-    components:
-      - name: "table"
-        platforms: *web
-  - name: "tags"
-    components:
-      - name: "tags"
-        platforms: *web
-      - name: "badge"
-        platforms: *web
-      - name: "hashtag"
-        platforms: *web
-      - name: "pill"
-        platforms: *all
-  - name: "timeline"
-    components:
-      - name: "timeline"
-        platforms: *web
-  - name: "time_and_date"
-    components:
-      - name: "date"
-        platforms: *web
-      - name: "date_range_inline"
-        platforms: *web
-      - name: "date_range_stacked"
-        platforms: *web
-      - name: "date_stacked"
-        platforms: *web
-      - name: "date_time"
-        platforms: *web
-      - name: "date_time_stacked"
-        platforms: *web
-      - name: "date_year_stacked"
-        platforms: *web
-      - name: "time"
-        platforms: *web
-      - name: "time_range_inline"
-        platforms: *web
-      - name: "time_stacked"
-        platforms: *web
-      - name: "timestamp"
-        platforms: *all
-      - name: "weekday_stacked"
-        platforms: *web
-  - name: "tooltip"
-    components:
-      - name: "tooltip"
-        platforms: *web
-  - name: "typography"
-    components:
-      - name: "body"
-        platforms: *web
-      - name: "caption"
-        platforms: *web
-      - name: "detail"
-        platforms: *web
-      - name: "title"
-        platforms: *web
-  - name: "typography_patterns"
-    components:
-      - name: "contact"
-        platforms: *web
-      - name: "currency"
-        platforms: *web
-      - name: "dashboard_value"
-        platforms: *web
-      - name: "home_address_street"
-        platforms: *web
-      - name: "label_pill"
-        platforms: *web
-      - name: "label_value"
-        platforms: *web
-      - name: "message"
-        platforms: *web
-      - name: "person"
-        platforms: *web
-      - name: "person_contact"
-        platforms: *web
-      - name: "source"
-        platforms: *web
-      - name: "stat_change"
-        platforms: *web
-      - name: "stat_value"
-        platforms: *web
-      - name: "title_count"
-        platforms: *web
-      - name: "title_detail"
-        platforms: *web
-  - name: "user_badge"
-    components:
-      - name: "user_badge"
-        platforms: *web
-  - name: "walkthrough"
-    components:
-      - name: "walkthrough"
-        platforms: *web
+  - avatars:
+    - avatar
+    - avatar_action_button
+    - multiple_users
+    - multiple_users_stacked
+    - user
+  - background
+  - bread_crumbs
+  - buttons:
+    - button
+    - button_toolbar
+    - circle_icon_button
+  - card
+  - collapsible
+  - charts_and_graphs:
+    - bar_graph
+    - circle_chart
+    - distribution_bar
+    - gauge
+    - legend
+    - line_graph
+    - treemap_chart
+  - dialog
+  - filter
+  - fixed_confirmation_toast
+  - forms:
+    - checkbox
+    - date_picker
+    - file_upload
+    - form
+    - form_group
+    - form_pill
+    - multi_level_select
+    - passphrase
+    - phone_number_input
+    - radio
+    - rich_text_editor
+    - select
+    - selectable_card
+    - selectable_card_icon
+    - selectable_icon
+    - selectable_list
+    - text_input
+    - textarea
+    - toggle
+    - typeahead
+  - highlight
+  - icon
+  - icon_circle
+  - icon_stat_value
+  - icon_value
+  - image
+  - layouts:
+    - flex
+    - layout
+  - lightbox
+  - list
+  - loading_inline
+  - map
+  - nav
+  - tags:
+    - badge
+    - hashtag
+    - pill
+  - pagination
+  - popover
+  - progress:
+    - progress_pills
+    - progress_simple
+    - progress_step
+  - section_separator
+  - star_rating
+  - table
+  - timeline
+  - time_and_date:
+    - date
+    - date_range_inline
+    - date_range_stacked
+    - date_stacked
+    - date_time
+    - date_time_stacked
+    - date_year_stacked
+    - time
+    - time_range_inline
+    - time_stacked
+    - timestamp
+    - weekday_stacked
+  - tooltip
+  - typography:
+    - body
+    - caption
+    - detail
+    - title
+  - typography_patterns:
+    - contact
+    - currency
+    - dashboard_value
+    - home_address_street
+    - label_pill
+    - label_value
+    - message
+    - person
+    - person_contact
+    - source
+    - stat_change
+    - stat_value
+    - title_count
+    - title_detail
+  - user_badge
+  - walkthrough

data/lib/playbook/pb_doc_helper.rb

@@ -7,75 +7,61 @@ module Playbook
     end
 
     def pb_kit(kit: "", type: "rails", show_code: true, limit_examples: false, dark_mode: false)
-      unless type == "swift"
-        examples = pb_doc_kit_examples(kit, type)
-        examples = examples.first(1) if limit_examples
-        examples.map do |example|
-          pb_rails "docs/kit_example", props: {
-            kit: kit,
-            example_title: example.values.first,
-            example_key: example.keys.first,
-            show_code: show_code,
-            type: type,
-            dark: dark_mode,
-          }
-        end.join.yield_self(&method(:raw))
-      end
+      examples = pb_doc_kit_examples(kit, type)
+      examples = examples.first(1) if limit_examples
+      examples.map do |example|
+        pb_rails "docs/kit_example", props: {
+          kit: kit,
+          example_title: example.values.first,
+          example_key: example.keys.first,
+          show_code: show_code,
+          type: type,
+          dark: dark_mode,
+        }
+      end.join.yield_self(&method(:raw))
     end
 
-    # Deal with lists of kits, used in Playbook doc and Externally
-    def pb_kits(type: "rails", limit_examples: false, dark_mode: false)
-      kits = get_kits(type)
-
-      # Initialize an empty string to store the rendered HTML
-      rendered_html = ""
+    def nav_hash_array(link)
+      link.first.last
+    end
 
-      # Iterate through the filtered kits and render their child components
+    # Deal with lists of kits, used in Playbook doc and Externally
+    # rubocop:disable Style/StringConcatenation
+    def pb_kits(type: "rails", limit_examples: false, dark_mode: false, method: get_kits)
+      display_kits = []
+      kits = method
       kits.each do |kit|
-        kit["components"].each do |component|
-          # Check if the component is compatible with the specified type
-          rendered_html += render_pb_doc_kit(component["name"], type, limit_examples, true, dark_mode) if component["platforms"].include?(type)
+        if kit.is_a?(Hash)
+          nav_hash_array(kit).each do |sub_kit|
+            display_kits << render_pb_doc_kit(sub_kit, type, limit_examples, false, dark_mode)
+          end
+        else
+          display_kits << render_pb_doc_kit(kit, type, limit_examples, false, dark_mode)
         end
       end
-
-      # Return the rendered HTML as safe HTML
-      rendered_html.html_safe
+      raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
     end
+    # rubocop:enable Style/StringConcatenation
 
-    def get_kits(type = "rails")
-      kits = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml")) || []
-
-      # Filter kits that have at least one component compatible with the type
-      kits["kits"].select do |kit|
-        kit["components"].any? { |component| component["platforms"].include?(type) }
-      end
+    # rubocop:disable Naming/AccessorMethodName
+    def get_kits
+      menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
+      menu["kits"]
     end
 
-    def aggregate_kits
-      all_kits = []
-
-      YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))["kits"].each do |kit|
-        kit_name = kit["name"]
-        components = kit["components"].map { |c| c["name"] }
-
-        all_kits << if components.size == 1
-                      components.first
-                    else
-                      { kit_name => components }
-                    end
-      end
-
-      all_kits
+    def get_kits_pb_website
+      menu = YAML.load_file(Rails.root.join("config/menu.yml"))
+      menu["kits"]
     end
+    # rubocop:enable Naming/AccessorMethodName
 
     # rubocop:disable Style/OptionalBooleanParameter
-    def render_pb_doc_kit(kit_name, type, limit_examples, code = true, dark_mode = false)
-      title = pb_doc_render_clickable_title(kit_name, type)
+    def render_pb_doc_kit(kit, type, limit_examples, code = true, dark_mode = false)
+      title = pb_doc_render_clickable_title(kit, type)
       ui = raw("<div class='pb--docItem-ui'>
-          #{pb_kit(kit: kit_name, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
+          #{pb_kit(kit: kit, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
       title + ui
     end
-
   # rubocop:enable Style/OptionalBooleanParameter
 
   private
@@ -95,24 +81,23 @@ module Playbook
       end
     end
 
-    # Modify the method to accept kit_name
-    def pb_doc_render_clickable_title(kit_name, type)
+    def pb_doc_render_clickable_title(kit, type)
       url = "#"
       begin
         url = case type
               when "react"
-                kit_show_reacts_path(kit_name) # Use kit_name instead of kit
+                kit_show_reacts_path(kit)
               when "swift"
-                kit_show_swift_path(kit_name) # Use kit_name instead of kit
+                kit_show_swift_path(kit)
               else
-                kit_show_path(kit_name) # Use kit_name instead of kit
+                kit_show_path(kit)
               end
       # FIXME: this is here because this helper generates a link for playbook website,
       #       but shouldn't do anything when used elsewhere
       rescue
-        puts "Kit Path Not Available"
+        puts "Kit Path Not Avaliable"
       end
-      render inline: "<a href='#{url}'>#{pb_rails(:title, props: { text: pb_kit_title(kit_name), tag: 'h3', size: 2 })}</a>"
+      render inline: "<a href='#{url}'>#{pb_rails(:title, props: { text: pb_kit_title(kit), tag: 'h3', size: 2 })}</a>"
     end
   end
 end

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "13.9.0"
-  VERSION = "13.9.0.pre.alpha.play845allkitsbytypes1271"
+  PREVIOUS_VERSION = "13.8.0"
+  VERSION = "13.9.0"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.9.0.pre.alpha.play845allkitsbytypes1271
+  version: 13.9.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-10-06 00:00:00.000000000 Z
+date: 2023-10-05 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2639,7 +2639,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2650,12 +2650,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
 rubygems_version: 3.3.7
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []