playbook_ui 13.8.0.pre.alpha.play845allkitsbytypes1258 → 13.8.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e5c8dbe877503d2a312add43c4ee5319192494aef32945e9a7c2f32dc254ad9d
-  data.tar.gz: 62a00cbb99b842e8a348dd33da90bedaac35ecc5fff1afc167f882014ef8d76c
+  metadata.gz: d2eca7c20f8832218f6db41d2723db43b2350e59a7aad8334da3931c3c0bbb1a
+  data.tar.gz: ebc310683144bfef85d081ceb97d118a34974f77e172999fdbb448abaf30291b
 SHA512:
-  metadata.gz: 291bc413c5067b82944b7559d216f42a14aba1eb7a750db833c26fc0de76ea8dba1945e71022bc80c104eef3dfc391af8c82de6c0e31673b338625b1b495cbcf
-  data.tar.gz: 1a4abac14b519af6c39bbcb1a769ff6c7bfc41d6eee534d319fa7716fa2666d7dcc19df39749994853da9a0ac15704dc4ab52500f484f1b1c96622d2d13de846
+  metadata.gz: bf3e81b0e87cdb87c08ccff73734d1f1f29eb854d1472fcbef22a366529a6a8c94c4fd0951d4d21f053b1114e84bad839bc90a062c30a15caa3c70f98185da1b
+  data.tar.gz: 160a1bcfea2ba6353e6d0469fb9884deb3d28628063fad41bb7e1a2c5e92bac0d7ee45e4e78ab27e14b4b6e5bd584cba1ff3134e74b444064624b25533a5c73b

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

@@ -26,75 +26,42 @@ module Playbook
     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)
-
-      # Iterate through the filtered kits and render them
-      kits.map do |kit|
-        render_pb_doc_kit(kit["name"], type, limit_examples, true, dark_mode)
-      end.join.html_safe
-    end
-
-    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) }
+    # 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|
+        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
+      raw("<div class='pb--docItem'>" + display_kits.join("</div><div class='pb--docItem'>") + "</div>")
     end
+    # rubocop:enable Style/StringConcatenation
 
-    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
+    # rubocop:disable Naming/AccessorMethodName
+    def get_kits
+      menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
+      menu["kits"]
+    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)
-      parent_kit = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))["kits"].find { |kit| kit["name"] == kit_name }
-
-      # Initialize component_content as an empty string
-      component_content = ""
-
-      # Check if parent_kit is not nil
-      # Check if type is not "swift"
-      if parent_kit && type != "swift"
-        # Filter components based on the specified type
-        components = parent_kit["components"].select { |component| component["platforms"].include?(type) }
-
-        # If it's a parent with components, accumulate the UI content for child components
-        if components.any?
-          component_content = components.map do |component|
-            component_name = component["name"]
-            title = pb_doc_render_clickable_title(component_name, type) # Use component_name for the title
-
-            # Render the component UI content with the same styles/tags as the parent
-            component_ui = raw("<div class='pb--docItem-ui'>
-                #{pb_kit(kit: component_name, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}
-              </div>")
-
-            # Combine the component name and component UI content
-            "#{title}#{component_ui}"
-          end.join.to_s
-        end
-      end
-
-      # Return the component_content
-      component_content.to_s
+    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, type: type, show_code: code, limit_examples: limit_examples, dark_mode: dark_mode)}</div>")
+      title + ui
     end
-
   # rubocop:enable Style/OptionalBooleanParameter
 
   private

data/lib/playbook/version.rb

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

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 13.8.0.pre.alpha.play845allkitsbytypes1258
+  version: 13.8.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-10-04 00:00:00.000000000 Z
+date: 2023-09-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -2638,7 +2638,7 @@ homepage: https://playbook.powerapp.cloud/
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2649,12 +2649,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: []