playbook_ui_docs 13.8.0.pre.alpha.play845allkitsbytypes1258 → 13.9.0.pre.alpha.play845addswiftkitspage1272

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: ddf86926af8cd1c684471ea7f309297f8b6a50dd4c62dc8a259130e338f8929f
-  data.tar.gz: ffa2221b03f5d64afb802fef29dc50887d1c626e8a32ab415ee1afe0c66adf03
+  metadata.gz: 7996cc53eb36000b43ccd4f3ffc7596e478724599b22bb59f823fc497e665a8c
+  data.tar.gz: 138d68b77389834b52a49f3305c2e8b5d549d00ead4bd37f99c0cf68f0c00d81
 SHA512:
-  metadata.gz: 1f67f812a570779945937a10c9334febeee4ac267cb5289025ed9bad78d84620b7cb090866ef7fb96f02f600b18d96ac2aecafff6bb1a388c38a04c6437926bb
-  data.tar.gz: e56e17062d3ec23d7d398295c36a0b6848c163c758c40bcd10cd2c565ec732fc0b1e0da1006c09166c213a3ee5a40254fa604e7b888800f134325a70d8eee3a5
+  metadata.gz: 641c7061cd7e56dc2c3c59d324548c6b4cf412e447cf9390ff7e6af4c11402cbc0a1689aef6e93538cf7dfb1e3c5afbed726600341f063f811de40cc00717b33
+  data.tar.gz: c8a698028618d4c1893a91c9387ecec56c5c4404433c3e7053b2c235adae66d04165443fdfd630ed72b3f2a057438f5b0328c2ecde436563b54bcbd3c03bd8d2

data/app/pb_kits/playbook/pb_button/docs/_button_reaction.html.erb

@@ -1,5 +1,5 @@
 <%= pb_rails("button", props: { count: 153, highlight: false, icon: "&#127881;", classname: "count", id: "reaction-button-highlight", variant: "reaction" }) %>
-<%= pb_rails("button", props: { count: 5, icon: "😍", variant: "reaction", margin_left: "lg" }) %>
+<%= pb_rails("button", props: { count: 5, icon: "1️⃣", variant: "reaction", margin_left: "lg" }) %>
 <%= pb_rails("button", props: { variant: "reaction", margin_left: "lg" }) %>
 <%= pb_rails("button", props: { icon: "user", variant: "reaction", margin_left: "lg" }) %>
 

data/app/pb_kits/playbook/pb_button/docs/_button_reaction.jsx

@@ -19,7 +19,7 @@ return (
     />
     <Button
         count={5}
-        icon="😍"
+        icon="1️⃣"
         marginLeft='lg'
         tabIndex={0}
         variant="reaction"

data/dist/pb_doc_helper.rb

@@ -26,81 +26,45 @@ module PlaybookWebsite
     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
+    # 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
-
-    def get_kits(type = "rails")
-      kits = MENU["kits"] || []
-
+    # rubocop:enable Style/StringConcatenation
+
+    # rubocop:disable Naming/AccessorMethodName
+    # def get_kits
+    #   menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
+    #   menu["kits"]
+    # end
+    def get_kits(_type = "rails")
+      aggregate_kits || []
       # Filter kits that have at least one component compatible with the type
-      kits.select do |kit|
-        kit["components"].any? { |component| component["platforms"].include?(type) }
-      end
     end
 
-    def aggregate_kits
-      all_kits = []
-
-      MENU["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)
-      parent_kit = MENU["kits"].find { |kit| kit["name"] == kit_name }
-
-      # Initialize component_content as an empty string
-      component_content = ""
-      title = ""
-
-      # Check if parent_kit is nil
-      if parent_kit.nil?
-        title = pb_doc_render_clickable_title(kit_name, type)
-        component_content = 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>")
-      else
-        # 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
-
-      # Combine the component content and UI content for the parent kit
-      if parent_kit.nil?
-        "#{title}#{component_content}".to_s
-      else
-        component_content.to_s.to_s
-      end
+    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