playbook_ui 7.16.0.pre.alpha5 → 8.0.0

data/lib/playbook/pb_doc_helper.rb

@@ -0,0 +1,89 @@
+# 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
+    def pb_kits(type: "rails", limit_examples: false, dark_mode: false)
+      display_kits = []
+      kits = get_kits
+      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
+      menu = YAML.load_file(Playbook::Engine.root.join("app/pb_kits/playbook/data/menu.yml"))
+      menu["kits"]
+    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
+
+  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

data/lib/playbook/pb_kit_helper.rb

@@ -2,30 +2,9 @@
 
 module Playbook
   module PbKitHelper
-    def pb_rails(kit, props: {}, &block)
-      previous = prefix_partial_path_with_controller_namespace
-      self.prefix_partial_path_with_controller_namespace = false
-      kit = build_view_model(kit.to_s, props, &block)
-      if kit.is_a?(Playbook::KitBase)
-        render_component kit, &block
-      else
-        render(partial: kit, as: :object)
-      end
-    ensure
-      self.prefix_partial_path_with_controller_namespace = previous
-    end
-
-  private
-
-    def is_subkit?(kit)
-      kit.match(%r{[/\\]})
-    end
-
-    def build_view_model(kit, props, &block)
-      folder = is_subkit?(kit) ? kit.split("/")[0] : kit
-      item = is_subkit?(kit) ? kit.split("/")[-1] : kit
-      class_name = "Playbook::Pb#{folder.camelize}::#{item.camelize}"
-      class_name.safe_constantize.new(props, &block)
+    def pb_rails(kit_name, props: {}, &block)
+      kit = Playbook::KitResolver.resolve(kit_name.to_s)
+      render_component kit.new(props, &block), &block
     end
   end
 end

data/lib/playbook/props.rb

@@ -22,6 +22,9 @@ module Playbook
   module Props
     extend ActiveSupport::Concern
 
+    attr_accessor :values
+    private :values, :values=
+
     def initialize(prop_values = {}, &block)
       self.values = { children: block }.merge(Hash(prop_values))
       self.class.props.each do |key, definition|
@@ -33,129 +36,11 @@ module Playbook
       self.class.props[name].value values[name]
     end
 
-    def spacing_props
-      selected_props = spacing_options.keys.select { |sk| try(sk) }
-      return nil unless selected_props.present?
-
-      selected_props.map do |k|
-        spacing_value = send(k)
-        "#{spacing_options[k]}_#{spacing_value}" if spacing_values.include? spacing_value
-      end.compact.join(" ")
-    end
-
-    def dark_props
-      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 z_index_props
-      selected_index_props = z_index_options.keys.select { |sk| try(sk) }
-      return nil unless selected_index_props.present?
-
-      selected_index_props.map do |k|
-        index_value = send(k)
-        "z_index_#{index_value}" if z_index_values.include? index_value
-      end.compact.join(" ")
-    end
-
-    def generate_classname(*name_parts, separator: "_")
-      [
-        name_parts.compact.join(separator),
-        prop(:classname),
-        spacing_props,
-        dark_props,
-        max_width_props,
-        z_index_props,
-      ].compact.join(" ")
-    end
-
-    def generate_classname_without_spacing(*name_parts, separator: "_")
-      [
-        name_parts.compact.join(separator),
-        prop(:classname),
-      ].compact.join(" ")
-    end
-
     attr_accessor :values
     private :values, :values=
 
     included do
       class_attribute :props, default: {}
-
-      prop :id
-      prop :data, type: Playbook::Props::Hash, default: {}
-      prop :classname
-      prop :aria, type: Playbook::Props::Hash, default: {}
-      prop :children, type: Playbook::Props::Proc
-      prop :margin
-      prop :margin_bottom
-      prop :margin_left
-      prop :margin_right
-      prop :margin_top
-      prop :margin_x
-      prop :margin_y
-      prop :max_width
-      prop :padding
-      prop :padding_bottom
-      prop :padding_left
-      prop :padding_right
-      prop :padding_top
-      prop :padding_x
-      prop :padding_y
-      prop :dark, type: Playbook::Props::Boolean, default: false
-      prop :z_index
-    end
-
-    def spacing_options
-      {
-        margin: "m",
-        margin_bottom: "mb",
-        margin_left: "ml",
-        margin_right: "mr",
-        margin_top: "mt",
-        margin_x: "mx",
-        margin_y: "my",
-        padding: "p",
-        padding_bottom: "pb",
-        padding_left: "pl",
-        padding_right: "pr",
-        padding_top: "pt",
-        padding_x: "px",
-        padding_y: "py",
-      }
-    end
-
-    def max_width_options
-      {
-        max_width: "mw",
-      }
-    end
-
-    def max_width_values
-      %w[sm md lg xl]
-    end
-
-    def z_index_options
-      {
-        z_index: "z-index",
-      }
-    end
-
-    def z_index_values
-      %w[1 2 3 4 5 6 7 8 9 10]
-    end
-
-    def spacing_values
-      %w[none xs sm md lg xl]
     end
 
     class_methods do

data/lib/playbook/spacing.rb

@@ -0,0 +1,76 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Spacing
+    def self.included(base)
+      base.prop :margin
+      base.prop :margin_bottom
+      base.prop :margin_left
+      base.prop :margin_right
+      base.prop :margin_top
+      base.prop :margin_x
+      base.prop :margin_y
+      base.prop :max_width
+      base.prop :padding
+      base.prop :padding_bottom
+      base.prop :padding_left
+      base.prop :padding_right
+      base.prop :padding_top
+      base.prop :padding_x
+      base.prop :padding_y
+    end
+
+    def spacing_options
+      {
+        margin: "m",
+        margin_bottom: "mb",
+        margin_left: "ml",
+        margin_right: "mr",
+        margin_top: "mt",
+        margin_x: "mx",
+        margin_y: "my",
+        padding: "p",
+        padding_bottom: "pb",
+        padding_left: "pl",
+        padding_right: "pr",
+        padding_top: "pt",
+        padding_x: "px",
+        padding_y: "py",
+      }
+    end
+
+    def spacing_values
+      %w[none xs sm md lg xl]
+    end
+
+    def spacing_props
+      selected_props = spacing_options.keys.select { |sk| try(sk) }
+      return nil unless selected_props.present?
+
+      selected_props.map do |k|
+        spacing_value = send(k)
+        "#{spacing_options[k]}_#{spacing_value}" if spacing_values.include? spacing_value
+      end.compact.join(" ")
+    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 max_width_options
+      {
+        max_width: "mw",
+      }
+    end
+
+    def max_width_values
+      %w[sm md lg xl]
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "7.16.0.pre.alpha5"
+  VERSION = "8.0.0"
 end

data/lib/playbook/z_index.rb

@@ -0,0 +1,31 @@
+# frozen_string_literal: true
+
+module Playbook
+  module ZIndex
+    def self.included(base)
+      base.prop :z_index
+    end
+
+  private
+
+    def z_index_props
+      selected_index_props = z_index_options.keys.select { |sk| try(sk) }
+      return nil unless selected_index_props.present?
+
+      selected_index_props.map do |k|
+        index_value = send(k)
+        "z_index_#{index_value}" if z_index_values.include? index_value
+      end.compact.join(" ")
+    end
+
+    def z_index_options
+      {
+        z_index: "z-index",
+      }
+    end
+
+    def z_index_values
+      %w[1 2 3 4 5 6 7 8 9 10]
+    end
+  end
+end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.16.0.pre.alpha5
+  version: 8.0.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-02-16 00:00:00.000000000 Z
+date: 2021-02-23 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -286,6 +286,9 @@ dependencies:
   requirement: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.8.0
   type: :development
@@ -293,6 +296,9 @@ dependencies:
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - "~>"
+      - !ruby/object:Gem::Version
+        version: '3.8'
+    - - ">="
       - !ruby/object:Gem::Version
         version: 3.8.0
 - !ruby/object:Gem::Dependency
@@ -420,16 +426,7 @@ files:
 - app/assets/images/pb-logo.svg
 - app/assets/images/pb-white-logo.svg
 - app/assets/images/pb.logo.svg
-- app/controllers/playbook/application_controller.rb
-- app/helpers/playbook/application_helper.rb
-- app/helpers/playbook/pb_doc_helper.rb
-- app/helpers/playbook/pb_sample_helper.rb
-- app/helpers/playbook/redcarpet_helper.rb
 - app/pb_kits/playbook/_playbook.scss
-- app/pb_kits/playbook/config/_kit_example.html.erb
-- app/pb_kits/playbook/config/_kit_samples_list.html.erb
-- app/pb_kits/playbook/config/_kit_ui.html.erb
-- app/pb_kits/playbook/config/_pb_kit_api.html.erb
 - app/pb_kits/playbook/data/menu.yml
 - app/pb_kits/playbook/index.js
 - app/pb_kits/playbook/pb_avatar/_avatar.jsx
@@ -849,6 +846,10 @@ 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.js
 - app/pb_kits/playbook/pb_enhanced_element/index.js
 - app/pb_kits/playbook/pb_file_upload/_file_upload.jsx
@@ -866,7 +867,6 @@ files:
 - app/pb_kits/playbook/pb_filter/Filter/ResultsCount.jsx
 - app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx
 - app/pb_kits/playbook/pb_filter/Filter/index.jsx
-- app/pb_kits/playbook/pb_filter/_filter.html.erb
 - 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
@@ -890,9 +890,8 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_sort_only.jsx
 - app/pb_kits/playbook/pb_filter/docs/example.yml
 - app/pb_kits/playbook/pb_filter/docs/index.js
+- app/pb_kits/playbook/pb_filter/filter.html.erb
 - app/pb_kits/playbook/pb_filter/filter.rb
-- app/pb_kits/playbook/pb_filter/templates/_core.html.erb
-- app/pb_kits/playbook/pb_filter/templates/_default.html.erb
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.jsx
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/_fixed_confirmation_toast.scss
 - app/pb_kits/playbook/pb_fixed_confirmation_toast/docs/_description.md
@@ -947,8 +946,6 @@ files:
 - app/pb_kits/playbook/pb_flex/flex_item.html.erb
 - app/pb_kits/playbook/pb_flex/flex_item.rb
 - app/pb_kits/playbook/pb_form/_form.scss
-- app/pb_kits/playbook/pb_form/_form_form_with.html.erb
-- app/pb_kits/playbook/pb_form/_form_simple_form.html.erb
 - app/pb_kits/playbook/pb_form/docs/_description.md
 - app/pb_kits/playbook/pb_form/docs/_footer.md
 - app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb
@@ -958,20 +955,22 @@ files:
 - app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb
 - app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.md
 - app/pb_kits/playbook/pb_form/docs/example.yml
+- app/pb_kits/playbook/pb_form/form.html.erb
 - app/pb_kits/playbook/pb_form/form.rb
-- app/pb_kits/playbook/pb_form/form/form_with_form.rb
-- app/pb_kits/playbook/pb_form/form/simple_form_form.rb
 - app/pb_kits/playbook/pb_form/form_builder.rb
+- app/pb_kits/playbook/pb_form/form_builder/action_area.html.erb
 - app/pb_kits/playbook/pb_form/form_builder/action_area.rb
 - app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb
 - app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
-- app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/select_field.rb
-- app/pb_kits/playbook/pb_form/form_builder/simple_form_builder.rb
 - app/pb_kits/playbook/pb_form/form_builder/typeahead_field.rb
+- app/pb_kits/playbook/pb_form/form_with.html.erb
+- app/pb_kits/playbook/pb_form/form_with.rb
 - app/pb_kits/playbook/pb_form/pb_form_validation.js
+- app/pb_kits/playbook/pb_form/simple_form.html.erb
+- app/pb_kits/playbook/pb_form/simple_form.rb
 - app/pb_kits/playbook/pb_form_group/_form_group.jsx
 - app/pb_kits/playbook/pb_form_group/_form_group.scss
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_button.html.erb
@@ -1142,7 +1141,6 @@ files:
 - app/pb_kits/playbook/pb_image/image.html.erb
 - app/pb_kits/playbook/pb_image/image.rb
 - app/pb_kits/playbook/pb_image/image.test.js
-- app/pb_kits/playbook/pb_kit/base.rb
 - app/pb_kits/playbook/pb_kit/dateTime.js
 - app/pb_kits/playbook/pb_kit/pb_date_time.rb
 - app/pb_kits/playbook/pb_label_pill/_label_pill.jsx
@@ -1172,7 +1170,6 @@ files:
 - app/pb_kits/playbook/pb_label_value/docs/index.js
 - app/pb_kits/playbook/pb_label_value/label_value.html.erb
 - app/pb_kits/playbook/pb_label_value/label_value.rb
-- app/pb_kits/playbook/pb_layout/_item.html.erb
 - app/pb_kits/playbook/pb_layout/_layout.jsx
 - app/pb_kits/playbook/pb_layout/_layout.scss
 - app/pb_kits/playbook/pb_layout/_layout_mixin.scss
@@ -1205,6 +1202,7 @@ files:
 - app/pb_kits/playbook/pb_layout/footer.rb
 - app/pb_kits/playbook/pb_layout/header.html.erb
 - app/pb_kits/playbook/pb_layout/header.rb
+- app/pb_kits/playbook/pb_layout/item.html.erb
 - app/pb_kits/playbook/pb_layout/item.rb
 - app/pb_kits/playbook/pb_layout/layout.html.erb
 - app/pb_kits/playbook/pb_layout/layout.rb
@@ -2017,9 +2015,14 @@ files:
 - fonts/fontawesome-min.js
 - fonts/regular-min.js
 - lib/playbook.rb
+- lib/playbook/classnames.rb
 - lib/playbook/engine.rb
 - lib/playbook/kit_base.rb
+- lib/playbook/kit_resolver.rb
+- lib/playbook/markdown.rb
+- lib/playbook/markdown/helper.rb
 - lib/playbook/markdown/template_handler.rb
+- lib/playbook/pb_doc_helper.rb
 - lib/playbook/pb_kit_helper.rb
 - lib/playbook/props.rb
 - lib/playbook/props/array.rb
@@ -2035,7 +2038,9 @@ files:
 - lib/playbook/props/percentage.rb
 - lib/playbook/props/proc.rb
 - lib/playbook/props/string.rb
+- lib/playbook/spacing.rb
 - lib/playbook/version.rb
+- lib/playbook/z_index.rb
 - lib/playbook_ui.rb
 homepage: http://playbook.powerapp.cloud
 licenses:
@@ -2052,11 +2057,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.1.4
+rubyforge_project:
+rubygems_version: 2.7.3
 signing_key:
 specification_version: 4
 summary: Playbook Design System