playbook_ui 7.11.1 → 7.14.0

data/lib/playbook.rb

@@ -8,6 +8,7 @@ require "webpacker/react"
 require "playbook/props"
 require "playbook/version"
 require "playbook/engine" if defined?(Rails)
+require "playbook/markdown/template_handler"
 
 module Playbook
   ROOT_PATH = Pathname.new(File.join(__dir__, ".."))

data/lib/playbook/engine.rb

@@ -1,4 +1,6 @@
 # frozen_string_literal: true
+require "sassc-rails"
+require "slim-rails"
 
 module Playbook
   class Engine < ::Rails::Engine

data/lib/playbook/markdown/template_handler.rb

@@ -0,0 +1,45 @@
+require 'redcarpet'
+
+module Playbook
+  module Markdown
+    class HTMLWithPants < Redcarpet::Render::HTML
+      include Redcarpet::Render::SmartyPants
+    end
+
+    class TemplateHandler
+      class_attribute :default_format
+      self.default_format = Mime[:html]
+
+      class << self
+        def call(template)
+          compiled_source = erb.call(template)
+          "#{name}.render(begin;#{compiled_source};end)"
+        end
+
+        def render(template)
+          markdown.render(template).html_safe
+        end
+
+        private
+
+        def md_options
+          @md_options ||= {
+            autolink: true,
+            no_intra_emphasis: true,
+            fenced_code_blocks: true,
+            strikethrough: true,
+            tables: true,
+          }
+        end
+
+        def markdown
+          @markdown ||= Redcarpet::Markdown.new(::Playbook::Markdown::HTMLWithPants, md_options)
+        end
+
+        def erb
+          @erb ||= ActionView::Template.registered_template_handler(:erb)
+        end
+      end
+    end
+  end
+end

data/lib/playbook/props.rb

@@ -47,12 +47,23 @@ module Playbook
       dark ? "dark" : nil
     end
 
+    def max_width_props
+      selected_mw_props = max_width_options.keys.select { |sk| try(sk) }
+      return nil unless selected_mw_props.present?
+
+      selected_mw_props.map do |k|
+        width_value = send(k)
+        "max_width_#{width_value}" if max_width_values.include? width_value
+      end.compact.join(" ")
+    end
+
     def generate_classname(*name_parts, separator: "_")
       [
         name_parts.compact.join(separator),
         prop(:classname),
         spacing_props,
-        dark_props
+        dark_props,
+        max_width_props,
       ].compact.join(" ")
     end
 
@@ -79,6 +90,7 @@ module Playbook
       prop :margin_top
       prop :margin_x
       prop :margin_y
+      prop :max_width
       prop :padding
       prop :padding_bottom
       prop :padding_left
@@ -108,6 +120,16 @@ module Playbook
       }
     end
 
+    def max_width_options
+      {
+        max_width: "mw",
+      }
+    end
+
+    def max_width_values
+      %w[sm md lg xl]
+    end
+
     def spacing_values
       %w[none xs sm md lg xl]
     end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "7.11.1"
+  VERSION = "7.14.0"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.11.1
+  version: 7.14.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire:
+autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-01-06 00:00:00.000000000 Z
+date: 2021-01-20 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -105,14 +105,14 @@ dependencies:
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 3.4.0
+        version: 3.5.1
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - '='
       - !ruby/object:Gem::Version
-        version: 3.4.0
+        version: 3.5.1
 - !ruby/object:Gem::Dependency
   name: rouge
   requirement: !ruby/object:Gem::Requirement
@@ -576,6 +576,9 @@ files:
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_border_none.md
+- app/pb_kits/playbook/pb_card/docs/_card_border_radius.html.erb
+- app/pb_kits/playbook/pb_card/docs/_card_border_radius.jsx
+- app/pb_kits/playbook/pb_card/docs/_card_border_radius.md
 - app/pb_kits/playbook/pb_card/docs/_card_content.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_content.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_header.html.erb
@@ -586,6 +589,7 @@ files:
 - app/pb_kits/playbook/pb_card/docs/_card_highlight.md
 - app/pb_kits/playbook/pb_card/docs/_card_light.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_light.jsx
+- app/pb_kits/playbook/pb_card/docs/_card_light.md
 - app/pb_kits/playbook/pb_card/docs/_card_padding.html.erb
 - app/pb_kits/playbook/pb_card/docs/_card_padding.jsx
 - app/pb_kits/playbook/pb_card/docs/_card_selected.html.erb
@@ -858,8 +862,10 @@ files:
 - app/pb_kits/playbook/pb_filter/_filter.jsx
 - app/pb_kits/playbook/pb_filter/_filter.scss
 - app/pb_kits/playbook/pb_filter/docs/_description.md
+- app/pb_kits/playbook/pb_filter/docs/_filter_close_popover.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_default.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
@@ -1173,6 +1179,7 @@ files:
 - app/pb_kits/playbook/pb_layout/docs/_description.md
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection.jsx
+- app/pb_kits/playbook/pb_layout/docs/_layout_collection.md
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.html.erb
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.jsx
 - app/pb_kits/playbook/pb_layout/docs/_layout_collection_detail.md
@@ -1551,6 +1558,9 @@ files:
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.md
+- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_input.html.erb
+- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_input.jsx
+- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_input.md
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_options.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.jsx
@@ -1745,6 +1755,8 @@ files:
 - app/pb_kits/playbook/pb_textarea/_textarea_mixin.scss
 - app/pb_kits/playbook/pb_textarea/docs/_description.md
 - app/pb_kits/playbook/pb_textarea/docs/_footer.md
+- app/pb_kits/playbook/pb_textarea/docs/_textarea_character_counter.html.erb
+- app/pb_kits/playbook/pb_textarea/docs/_textarea_character_counter.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
@@ -1914,13 +1926,15 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
-- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context_dark.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_custom_options.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.md
@@ -1993,6 +2007,7 @@ files:
 - app/pb_kits/playbook/types.js
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
+- app/pb_kits/playbook/utilities/_max_width.scss
 - app/pb_kits/playbook/utilities/_spacing.scss
 - app/pb_kits/playbook/utilities/globalProps.js
 - app/pb_kits/playbook/utilities/props.js
@@ -2003,6 +2018,7 @@ files:
 - fonts/regular-min.js
 - lib/playbook.rb
 - lib/playbook/engine.rb
+- lib/playbook/markdown/template_handler.rb
 - lib/playbook/props.rb
 - lib/playbook/props/array.rb
 - lib/playbook/props/base.rb
@@ -2023,7 +2039,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message:
+post_install_message: 
 rdoc_options: []
 require_paths:
 - lib
@@ -2038,9 +2054,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubyforge_project:
-rubygems_version: 2.7.3
-signing_key:
+rubygems_version: 3.1.4
+signing_key: 
 specification_version: 4
 summary: Playbook Design System
 test_files: []