playbook_ui 12.19.0.pre.alpha.PLAY699zindexresponsive650 → 12.19.0.pre.alpha.movemarkdown637

data/dist/menu.yml

@@ -1,110 +0,0 @@
-kits:
-  - 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
-    - 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
-  - multi_level_select
-  - 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
-    - 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/markdown/helper.rb

@@ -1,132 +0,0 @@
-# frozen_string_literal: true
-
-require "redcarpet"
-require "rouge"
-require "rouge/plugins/redcarpet"
-require "action_view"
-
-module Playbook
-  module Markdown
-    module Helper
-      def self.call(template, _source)
-        markdown(template.source)
-      end
-
-      def render_markdown(text)
-        # rubocop:disable Security/Eval
-        eval(Playbook::Markdown::Helper.markdown(text))
-        # rubocop:enable Security/Eval
-      end
-
-      def self.markdown(text)
-        options = {
-          filter_html: false,
-          hard_wrap: true,
-          link_attributes: { rel: "nofollow", target: "_blank" },
-          space_after_headers: true,
-          fenced_code_blocks: true,
-          no_styles: false,
-          safe_links_only: true,
-        }
-
-        extensions = {
-          lax_spacing: true,
-          no_intra_emphasis: true,
-          autolink: true,
-          superscript: true,
-          fenced_code_blocks: true,
-          tables: true,
-          disable_indented_code_blocks: false,
-          strikethrough: true,
-          underline: true,
-          highlight: true,
-          footnotes: true,
-          with_toc_data: true,
-        }
-
-        renderer = HTMLBlockCode.new(options)
-        # toc_renderer = Redcarpet::Render::HTML_TOC.new(with_toc_data: true)
-        # @TOC = Redcarpet::Markdown.new(toc_renderer)
-        # puts "TOC: #{@TOC.inspect}"
-        markdown = Redcarpet::Markdown.new(renderer, extensions)
-        "#{markdown.render(text).inspect}.html_safe;"
-      end
-
-      def rouge(text, language)
-        formatter = Rouge::Formatters::HTML.new(scope: ".highlight")
-        lexer = Rouge::Lexer.find(language)
-        formatter.format(lexer.lex(text))
-      end
-
-      class HTML < Redcarpet::Render::HTML
-        include Rouge::Plugins::Redcarpet
-      end
-
-      def rouge_markdown(text)
-        render_options = {
-          filter_html: true,
-          hard_wrap: true,
-          link_attributes: { rel: "nofollow" },
-        }
-        renderer = HTML.new(render_options)
-
-        extensions = {
-          autolink: true,
-          fenced_code_blocks: true,
-          lax_spacing: true,
-          no_intra_emphasis: true,
-          strikethrough: true,
-          superscript: true,
-        }
-        markdown = Redcarpet::Markdown.new(renderer, extensions)
-        markdown.render(text)
-      end
-    end
-
-    class HTMLWithPants < Redcarpet::Render::HTML
-      include Redcarpet::Render::SmartyPants
-    end
-
-    class HTML < Redcarpet::Render::HTML
-      include Rouge::Plugins::Redcarpet
-    end
-
-    class HTMLBlockCode < Redcarpet::Render::HTML
-      include ActionView::Helpers::AssetTagHelper
-
-      # def block_code(code, language)
-      #   "\n.nf\n#{normal_text(rouge(code, language))}\n.fi\n"
-      # end
-
-      def table(header, body)
-        "<table class='pb_table table-sm table-responsive-collapse table-card table-collapse-sm'>" \
-          "<thead>#{header}</thead>" \
-          "<tbody>#{body}</tbody>" \
-        "</table>"
-      end
-
-      def header(title, level)
-        @headers ||= []
-        permalink = title.gsub(/\W+/, "-")
-        if @headers.include?(permalink)
-          permalink += "_1"
-          loop do
-            break unless @headers.include?(permalink)
-
-            permalink.gsub!(/_(\d+)$/, "_#{Regexp.last_match(1).to_i + 1}")
-          end
-        end
-        @headers << permalink
-        permalink_markup = %(<a name="#{permalink}" class="markdown-header-anchor" )
-        permalink_markup += %(href="##{permalink}"><span class="far fa-link markdown-header-anchor-icon"></span></a>)
-        %(\n<h#{level} id="#{permalink}">#{title} #{permalink_markup}</h#{level}>\n)
-      end
-
-      def image(link, title, alt_text)
-        return nil if link.nil?
-
-        %(<a href="#{link}" target="_blank">#{image_tag(link, title: title, alt: alt_text, class: 'imageloader lazyload')}</a>)
-      end
-    end
-  end
-end

data/lib/playbook/markdown.rb

@@ -1,3 +0,0 @@
-# frozen_string_literal: true
-
-require "playbook/markdown/helper"

data/lib/playbook/pb_doc_helper.rb

@@ -1,100 +0,0 @@
-# frozen_string_literal: true
-
-module Playbook
-  module PbDocHelper
-    def pb_kit_title(title)
-      title.remove("pb_").titleize.tr("_", " ")
-    end
-
-    def pb_kit(kit: "", type: "rails", show_code: true, limit_examples: false, dark_mode: false)
-      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
-
-    def nav_hash_array(link)
-      link.first.last
-    end
-
-    # 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|
-        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
-
-    # rubocop:disable Naming/AccessorMethodName
-    def get_kits
-      menu = YAML.load_file(Playbook::Engine.root.join("dist/menu.yml"))
-      menu["kits"]
-    end
-
-    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, 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
-
-    def pb_doc_kit_path(kit, *args)
-      Playbook.kit_path(kit, "docs", *args)
-    end
-
-    def pb_doc_kit_examples(kit, type)
-      example_file = pb_doc_kit_path(kit, "example.yml")
-      if File.exist?(example_file)
-        examples_list = YAML.load_file(example_file)
-                            .inject({}) { |item, (k, v)| item[k.to_sym] = v; item }
-        examples_list.dig(:examples, type) || []
-      else
-        []
-      end
-    end
-
-    def pb_doc_render_clickable_title(kit, type)
-      url = "#"
-      begin
-        url = if type == "react"
-                kit_show_reacts_path(kit)
-              else
-                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 Avaliable"
-      end
-      render inline: "<a href='#{url}'>#{pb_rails(:title, props: { text: pb_kit_title(kit), tag: 'h3', size: 2 })}</a>"
-    end
-  end
-end