playbook_ui 7.8.2 → 7.11.0.pre.alpha1

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.html.erb

@@ -1,4 +1,13 @@
-<%= pb_rails("typeahead", props: { async: true, load_options: 'asyncPillsPromiseOptions', label: "Github Users", name: :foo, pills: true, placeholder: "type the name of a Github user" }) %>
+<%= pb_rails("typeahead", props: {
+  async: true,
+  get_option_label: 'getOptionLabel',
+  get_option_value: 'getOptionValue',
+  load_options: 'asyncPillsPromiseOptions',
+  label: "Github Users",
+  name: :foo,
+  pills: true,
+  placeholder: "type the name of a Github user"
+}) %>
 
 <!-- This section is an example of how to provide load_options prop for using dynamic options -->
 <%= javascript_tag defer: "defer" do %>
@@ -7,8 +16,8 @@
   const filterResults = function(results) {
     return results.items.map(function(result) {
       return {
-        label: result.login,
-        value: result.id,
+        name: result.login,
+        id: result.id,
       }
     })
   }
@@ -27,4 +36,11 @@
       }
     })
   }
+
+  window.getOptionLabel = function(option) {
+    return option.name;
+  }
+  window.getOptionValue = function(option) {
+    return option.id;
+  }
 <% end %>

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx

@@ -20,8 +20,8 @@ import {
 const filterResults = (results) =>
   results.items.map((result) => {
     return {
-      label: result.login,
-      value: result.id,
+      name: result.login,
+      id: result.id,
     }
   })
 
@@ -71,6 +71,8 @@ const TypeaheadWithPillsAsync = () => {
       </If>
       <Typeahead
           async
+          getOptionLabel={(option) => option.name}
+          getOptionValue={(option) => option.id}
           isMulti
           label="Github Users"
           loadOptions={promiseOptions}

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md

@@ -4,8 +4,16 @@
 
 The prop `load_options`, when used in conjunction with `async: true` and `pills: true`, points to a JavaScript function located within the global window namespace. This function should return a `Promise` which resolves with the list of formatted options as described in prior examples above. This function is identical to the function provided to the React version of this kit. See the code example for more details.
 
-#### React: `loadOptions`
+#### React
+
+##### `loadOptions`
 
 **Additional required props: ** `async: true`
 
-[As outlined in the react-select Async docs](https://react-select.com/async), `loadOptions` expects to return a Promise that resolves resolves with the list of formatted options as described in prior examples above. See the code example for more details.
+[As outlined in the react-select Async docs](https://react-select.com/async), `loadOptions` expects to return a Promise that resolves resolves with the list of formatted options as described in prior examples above. See the code example for more details.
+
+##### `getOptionLabel` + `getOptionValue`
+
+If your server returns data that requires differing field names other than `label` and `value`
+
+See `react-select` docs for more information: https://react-select.com/advanced#replacing-builtins

data/app/pb_kits/playbook/pb_typeahead/typeahead.rb

@@ -8,6 +8,8 @@ module Playbook
       prop :async, type: Playbook::Props::Boolean,
                     default: false
       prop :default_options, type: Playbook::Props::HashArray, default: []
+      prop :get_option_label
+      prop :get_option_value
       prop :id
       prop :label
       prop :load_options
@@ -45,6 +47,9 @@ module Playbook
           placeholder: placeholder
         }
 
+        base_options.merge!({getOptionLabel: get_option_label}) if get_option_label.present?
+        base_options.merge!({getOptionValue: get_option_value}) if get_option_value.present?
+
         base_options.merge!({
           async: true,
           loadOptions: load_options,

data/app/pb_kits/playbook/react_rails_kits.js

@@ -5,3 +5,4 @@ export { default as Legend } from './pb_legend/_legend.jsx'
 export { default as LineGraph } from './pb_line_graph/_line_graph.jsx'
 export { default as Typeahead } from './pb_typeahead/_typeahead.jsx'
 export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor.jsx'
+export { KitSearch, SnippetToggle, DarkModeToggle } from './docs_components'

data/lib/playbook.rb

@@ -1,8 +1,14 @@
 # frozen_string_literal: true
 
 require "sassc-rails"
+require "slim-rails"
 require "webpacker"
-require "playbook/engine"
+require "webpacker/react"
+
+require "playbook/props"
+require "playbook/version"
+require "playbook/markdown/template_handler"
+require "playbook/engine" if defined?(Rails)
 
 module Playbook
   ROOT_PATH = Pathname.new(File.join(__dir__, ".."))
@@ -10,22 +16,6 @@ module Playbook
   class ConflictingPropsError < StandardError; end
   class MissingPropError < StandardError; end
 
-  # @return [Boolean] indication of whether the request is a web view within Nitro Mobile
-  def self.web_page_within_mobile_app?(request)
-    request.user_agent.try(:downcase) =~ /^nitro/
-  end
-
-  # @return [String] the digest value for assets managed by the asset pipeline
-  def self.assets_digest
-    @assets_digest ||= begin
-      if ActionView::Base.respond_to?(:asset_manifest) # Rails 4
-        Digest::MD5.hexdigest(ActionView::Base.assets_manifest.assets.values.sort.join)
-      elsif Rails.configuration.assets.digests.present? # Rails 3
-        Digest::MD5.hexdigest(Rails.configuration.assets.digests.try(:values).sort.join)
-      end
-    end
-  end
-
   class << self
     def webpacker
       @webpacker ||= ::Webpacker::Instance.new(

data/lib/playbook/engine.rb

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

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/{app/pb_kits → lib}/playbook/props/base.rb

@@ -5,10 +5,11 @@ module Playbook
     class Error < StandardError; end
 
     class Base
-      attr_reader :default, :required, :name, :kit
+      attr_reader :default, :deprecated, :required, :name, :kit
 
-      def initialize(default: nil, required: false, name:, kit:)
+      def initialize(default: nil, deprecated: false, required: false, name:, kit:)
         @default = default
+        @deprecated = deprecated
         @required = required
         @name = name
         @kit = kit
@@ -19,6 +20,8 @@ module Playbook
       end
 
       def validate!(input_value)
+        warn("#{kit} Kit: The prop '#{name}' is deprecated and will be removed in a future release!") if deprecated #TODO: add some color for pop
+
         raise(Playbook::Props::Error, "#{kit} prop '#{name}' of type #{inspect.class} is required and needs a value") if required && input_value.nil?
 
         validate(value(input_value)) ||
@@ -28,6 +31,19 @@ module Playbook
       def validate(_value)
         true
       end
+
+    private
+
+      def warn(message)
+        log("Prop Warning: #{message}")
+      end
+
+      def log(message)
+        logger = ActiveSupport::Logger.new(STDOUT)
+        log_formatter = ::Logger::Formatter.new
+        @logger ||= ActiveSupport::TaggedLogging.new(logger)
+        @logger.log(0, message)
+      end
     end
   end
-end
+end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "7.8.2"
+  VERSION = "7.11.0.pre.alpha1"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.8.2
+  version: 7.11.0.pre.alpha1
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-27 00:00:00.000000000 Z
+date: 2020-12-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -408,7 +408,6 @@ files:
 - app/assets/images/pb.logo.svg
 - app/controllers/playbook/application_controller.rb
 - app/helpers/playbook/application_helper.rb
-- app/helpers/playbook/layout_helper.rb
 - app/helpers/playbook/pb_doc_helper.rb
 - app/helpers/playbook/pb_kit_helper.rb
 - app/helpers/playbook/pb_sample_helper.rb
@@ -664,12 +663,14 @@ files:
 - app/pb_kits/playbook/pb_currency/_currency.jsx
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/currency.rb
-- app/pb_kits/playbook/pb_currency/docs/_currency_large.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_large.jsx
-- app/pb_kits/playbook/pb_currency/docs/_currency_medium.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_medium.jsx
-- app/pb_kits/playbook/pb_currency/docs/_currency_small.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_small.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx
 - app/pb_kits/playbook/pb_currency/docs/_description.md
 - app/pb_kits/playbook/pb_currency/docs/example.yml
 - app/pb_kits/playbook/pb_currency/docs/index.js
@@ -708,6 +709,7 @@ files:
 - app/pb_kits/playbook/pb_date_picker/_date_picker.scss
 - app/pb_kits/playbook/pb_date_picker/date_picker.rb
 - app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
@@ -717,6 +719,8 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md
@@ -858,6 +862,9 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md
+- app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb
+- app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
@@ -1287,6 +1294,7 @@ files:
 - app/pb_kits/playbook/pb_nav/_nav.html.erb
 - app/pb_kits/playbook/pb_nav/_nav.jsx
 - app/pb_kits/playbook/pb_nav/_nav.scss
+- app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
 - app/pb_kits/playbook/pb_nav/_vertical_nav.scss
 - app/pb_kits/playbook/pb_nav/docs/_block_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx
@@ -1299,8 +1307,12 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_description.md
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_new_tab.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_new_tab.jsx
 - app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_subtle_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_subtle_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_subtle_no_highlight_nav.html.erb
@@ -1460,6 +1472,7 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
+- app/pb_kits/playbook/pb_rich_text_editor/_trix_styles.scss
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
@@ -1605,6 +1618,11 @@ files:
 - app/pb_kits/playbook/pb_stat_change/docs/_description.md
 - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb
 - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.html.erb
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.html.erb
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.md
 - app/pb_kits/playbook/pb_stat_change/docs/example.yml
 - app/pb_kits/playbook/pb_stat_change/docs/index.js
 - app/pb_kits/playbook/pb_stat_change/stat_change.rb
@@ -1680,14 +1698,15 @@ files:
 - app/pb_kits/playbook/pb_table/docs/example.yml
 - app/pb_kits/playbook/pb_table/docs/index.js
 - app/pb_kits/playbook/pb_table/index.js
+- app/pb_kits/playbook/pb_table/styles/_alignment.scss
 - app/pb_kits/playbook/pb_table/styles/_all.scss
 - app/pb_kits/playbook/pb_table/styles/_as-cards.scss
 - app/pb_kits/playbook/pb_table/styles/_content.scss
 - app/pb_kits/playbook/pb_table/styles/_headers.scss
 - app/pb_kits/playbook/pb_table/styles/_hover.scss
-- app/pb_kits/playbook/pb_table/styles/_mixins.scss
 - app/pb_kits/playbook/pb_table/styles/_mobile.scss
 - app/pb_kits/playbook/pb_table/styles/_reset.scss
+- app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
 - app/pb_kits/playbook/pb_table/styles/_single-line.scss
 - app/pb_kits/playbook/pb_table/styles/_structure.scss
 - app/pb_kits/playbook/pb_table/styles/_table-card.scss
@@ -1866,6 +1885,7 @@ files:
 - app/pb_kits/playbook/pb_tooltip/_tooltip.scss
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/example.yml
 - app/pb_kits/playbook/pb_tooltip/index.js
 - app/pb_kits/playbook/pb_tooltip/tooltip.rb
@@ -1946,20 +1966,6 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
 - app/pb_kits/playbook/plugins/pb_chart.js
-- app/pb_kits/playbook/props.rb
-- app/pb_kits/playbook/props/array.rb
-- app/pb_kits/playbook/props/base.rb
-- app/pb_kits/playbook/props/boolean.rb
-- app/pb_kits/playbook/props/date.rb
-- app/pb_kits/playbook/props/enum.rb
-- app/pb_kits/playbook/props/hash.rb
-- app/pb_kits/playbook/props/hash_array.rb
-- app/pb_kits/playbook/props/number.rb
-- app/pb_kits/playbook/props/number_array.rb
-- app/pb_kits/playbook/props/numeric.rb
-- app/pb_kits/playbook/props/percentage.rb
-- app/pb_kits/playbook/props/proc.rb
-- app/pb_kits/playbook/props/string.rb
 - app/pb_kits/playbook/react_rails_kits.js
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
@@ -1987,13 +1993,28 @@ 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
+- lib/playbook/props/boolean.rb
+- lib/playbook/props/date.rb
+- lib/playbook/props/enum.rb
+- lib/playbook/props/hash.rb
+- lib/playbook/props/hash_array.rb
+- lib/playbook/props/number.rb
+- lib/playbook/props/number_array.rb
+- lib/playbook/props/numeric.rb
+- lib/playbook/props/percentage.rb
+- lib/playbook/props/proc.rb
+- lib/playbook/props/string.rb
 - lib/playbook/version.rb
 - lib/playbook_ui.rb
 homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2004,12 +2025,13 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubygems_version: 3.1.4
-signing_key: 
+rubyforge_project:
+rubygems_version: 2.7.3
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []