playbook_ui 12.24.0.pre.alpha.railsmultilevelimprovements749 → 12.24.0

data/lib/playbook/markdown/helper.rb

@@ -0,0 +1,132 @@
+# 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

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

data/lib/playbook/version.rb

@@ -1,6 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  PREVIOUS_VERSION = "12.24.0"
-  VERSION = "12.24.0.pre.alpha.railsmultilevelimprovements749"
+  PREVIOUS_VERSION = "12.23.0"
+  VERSION = "12.24.0"
 end

data/lib/playbook.rb

@@ -8,9 +8,10 @@ require "playbook/props"
 require "playbook/forms"
 require "playbook/pb_forms_helper"
 require "playbook/pb_kit_helper"
-require "playbook/pb_doc_helper" # Duplicated from website (Temp)
+require "playbook/pb_doc_helper"
 require "playbook/kit_base"
 require "playbook/kit_resolver"
+require "playbook/markdown"
 
 module Playbook
   ROOT_PATH = Pathname.new(File.join(__dir__, ".."))

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 12.24.0.pre.alpha.railsmultilevelimprovements749
+  version: 12.24.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-06-08 00:00:00.000000000 Z
+date: 2023-05-26 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -67,6 +67,34 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 2.6.1
+- !ruby/object:Gem::Dependency
+  name: redcarpet
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.6'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.6'
+- !ruby/object:Gem::Dependency
+  name: rouge
+  requirement: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.15'
+  type: :runtime
+  prerelease: false
+  version_requirements: !ruby/object:Gem::Requirement
+    requirements:
+    - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.15'
 - !ruby/object:Gem::Dependency
   name: view_component
   requirement: !ruby/object:Gem::Requirement
@@ -255,9 +283,7 @@ dependencies:
     - - '='
       - !ruby/object:Gem::Version
         version: 3.3.1
-description: Playbook UI is built out in Ruby View Components and React Components.
-  Playbook takes a modern design approach and applies it in a way that makes it easy
-  to support bleeding edge or legacy systems.
+description: Playbook Design System. Built for Nitro, but powering all.
 email:
 - nitroux@powerhrg.com
 - dev@powerhrg.com
@@ -879,6 +905,8 @@ files:
 - app/pb_kits/playbook/pb_distribution_bar/docs/_distribution_bar_default.jsx
 - app/pb_kits/playbook/pb_distribution_bar/docs/example.yml
 - app/pb_kits/playbook/pb_distribution_bar/docs/index.js
+- app/pb_kits/playbook/pb_docs/kit_api.html.erb
+- app/pb_kits/playbook/pb_docs/kit_api.rb
 - app/pb_kits/playbook/pb_docs/kit_example.html.erb
 - app/pb_kits/playbook/pb_docs/kit_example.rb
 - app/pb_kits/playbook/pb_enhanced_element/element_observer.ts
@@ -1413,7 +1441,6 @@ files:
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.jsx
 - app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_return_all_selected.md
-- app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb
 - app/pb_kits/playbook/pb_multi_level_select/docs/example.yml
 - app/pb_kits/playbook/pb_multi_level_select/docs/index.js
 - app/pb_kits/playbook/pb_multi_level_select/helper_functions.ts
@@ -2404,7 +2431,6 @@ files:
 - app/pb_kits/playbook/utilities/test/globalProps/order.test.js
 - app/pb_kits/playbook/utilities/text.ts
 - dist/menu.yml
-- dist/playbook-rails.js
 - dist/reset.css
 - lib/playbook.rb
 - lib/playbook/align_content.rb
@@ -2426,7 +2452,6 @@ files:
 - lib/playbook/forms/builder/collection_select_field.rb
 - lib/playbook/forms/builder/date_picker_field.rb
 - lib/playbook/forms/builder/form_field_builder.rb
-- lib/playbook/forms/builder/multi_level_select_field.rb
 - lib/playbook/forms/builder/select_field.rb
 - lib/playbook/forms/builder/typeahead_field.rb
 - lib/playbook/justify_content.rb
@@ -2434,6 +2459,8 @@ files:
 - lib/playbook/kit_base.rb
 - lib/playbook/kit_resolver.rb
 - lib/playbook/line_height.rb
+- lib/playbook/markdown.rb
+- lib/playbook/markdown/helper.rb
 - lib/playbook/number_spacing.rb
 - lib/playbook/order.rb
 - lib/playbook/pagination_renderer.rb
@@ -2461,11 +2488,11 @@ files:
 - lib/playbook/version.rb
 - lib/playbook/z_index.rb
 - lib/playbook_ui.rb
-homepage: https://playbook.powerapp.cloud/
+homepage: http://playbook.powerapp.cloud
 licenses:
 - ISC
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2476,12 +2503,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: []

data/app/pb_kits/playbook/pb_multi_level_select/docs/_multi_level_select_with_form.html.erb

@@ -1,72 +0,0 @@
-<%= pb_form_with(scope: :example, url: "", method: :get) do |form| %>
-
-  <% treeData = [{
-  label: "Power Home Remodeling",
-  value: "Power Home Remodeling",
-  id: "powerhome1",
-  expanded: true,
-  children: [
-    {
-      label: "People",
-      value: "People",
-      id: "people1",
-      children: [
-        {
-          label: "Talent Acquisition",
-          value: "Talent Acquisition",
-          id: "talent1",
-        },
-        {
-          label: "Business Affairs",
-          value: "Business Affairs",
-          id: "business1",
-          children: [
-            {
-              label: "Initiatives",
-              value: "Initiatives",
-              id: "initiative1",
-            },
-            {
-              label: "Learning & Development",
-              value: "Learning & Development",
-              id: "development1",
-            },
-          ],
-        },
-        {
-          label: "People Experience",
-          value: "People Experience",
-          id: "experience1",
-        },
-      ],
-    },
-    {
-      label: "Contact Center",
-      value: "Contact Center",
-      id: "contact1",
-      children: [
-        {
-          label: "Appointment Management",
-          value: "Appointment Management",
-          id: "appointment1",
-        },
-        {
-          label: "Customer Service",
-          value: "Customer Service",
-          id: "customer1",
-        },
-        {
-          label: "Energy",
-          value: "Energy",
-          id: "energy1",
-        },
-      ],
-    },
-  ],
-}] %>
-
-  <%= form.multi_level_select :example, props: {id: "with-form-multi-level-select", tree_data: treeData } %>
-  <%= form.actions do |action| %>
-    <%= action.button props: { type: "submit", text: "Submit", variant: "primary", margin_top: "lg" } %>
-  <% end %>   
-<% end %>