playbook_ui 2.8.6 → 2.8.7

data/app/pb_kits/playbook/pb_user_badge/user_badge.rb

@@ -1,10 +1,10 @@
 # frozen_string_literal: true
 
-include ActionView::Helpers::AssetTagHelper
-
 module Playbook
   module PbUserBadge
     class UserBadge < Playbook::PbKit::Base
+      include ActionView::Helpers::AssetTagHelper
+
       PROPS = %i[configured_badge
                  configured_classname
                  configured_data

data/app/pb_kits/playbook/pb_vertical_nav/_vertical_nav.html.erb

@@ -2,11 +2,7 @@
     id: object.id,
     data: object.data,
     class: object.classname("vertical_nav_list")) do %>
-  <div class="vertical_nav_list_title">
-    <a class="vertical_nav_list_item_link_text" href="<%= object.link %>">
-      <%= pb_rails("caption", props: { text: object.title, tag: "p" }) %>
-    </a>
-  </div>
+  <%= object.title %>
   <ul>
     <%= object.yield(context: self) %>
   </ul>

data/app/pb_kits/playbook/pb_vertical_nav/docs/_block_no_title.html.erb

@@ -0,0 +1,5 @@
+<%= pb_rails("vertical_nav") do %>
+  <%= pb_rails("vertical_nav/item", props: { link: "#", active: true }) do%>Active Nav Item using block<% end %>
+  <%= pb_rails("vertical_nav/item", props: { link: "#" }) do%>Nav Item using block<% end %>
+  <%= pb_rails("vertical_nav/item", props: { link: "#" }) do%>Nav Item using block<% end %>
+<% end %>

data/app/pb_kits/playbook/pb_vertical_nav/docs/example.yml

@@ -2,5 +2,6 @@ examples:
   rails:
   - default_nav: Default
   - block_nav: Block
+  - block_no_title: Without Title
   react:
   - default_nav: Default

data/app/pb_kits/playbook/pb_vertical_nav/vertical_nav.rb

@@ -3,6 +3,9 @@
 module Playbook
   module PbVerticalNav
     class VerticalNav < Playbook::PbKit::Base
+      include ActionView::Helpers::TagHelper
+      include ActionView::Context
+
       PROPS = %i[configured_aria
                  configured_classname
                  configured_data
@@ -27,20 +30,23 @@ module Playbook
         self.block = block_given? ? block : nil
       end
 
+      def title_text
+        pb_title = Playbook::PbCaption::Caption.new(text: configured_title)
+        ApplicationController.renderer.render(partial: pb_title, as: :object)
+      end
+
       def title
-        if configured_title == default_configuration
-          ""
-        else
-          configured_title
+        if is_set? configured_title
+          content_tag(:div, class: "vertical_nav_list_title") do
+            content_tag(:a, class: "vertical_nav_list_item_link_text", href: link) do
+              title_text
+            end
+          end
         end
       end
 
       def link
-        if configured_link == default_configuration
-          "#"
-        else
-          configured_link
-        end
+        default_value(configured_link, "#")
       end
 
       def yield(context:)

data/app/pb_kits/playbook/plugins/pb_chart_plugin.js

@@ -1,3 +1,5 @@
+import Highcharts from 'highcharts'
+
 import { highchartsTheme } from '../pb_dashboard/pbChartsLightTheme.js'
 
 class pbChart {

data/app/pb_kits/playbook/vendor.js

@@ -0,0 +1,6 @@
+// Charts
+import pbChart from "./plugins/pb_chart_plugin"
+window.pbChart = pbChart
+
+// Lazy image loading
+import "lazysizes"

data/app/views/layouts/playbook/application.html.slim

@@ -16,7 +16,6 @@ html
           = yield
 
   = javascript_include_tag "https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"
-  = javascript_include_tag "https://code.highcharts.com/highcharts.js"
   = javascript_pack_tag 'application'
   = javascript_pack_tag 'examples'
 = yield :pb_js

data/lib/generators/kit/templates/kit_jsx.erb.tt

@@ -1,21 +1,39 @@
-import React from 'react';
-import PropTypes from "prop-types";
+/* @flow */
+/*eslint-disable react/no-multi-comp, flowtype/space-before-type-colon */
 
-const propTypes = {
-  className: PropTypes.string,
-  id: PropTypes.string
-};
+import React from 'react'
+
+import classnames from 'classnames'
+
+type <%= @kit_name_pascal %>Props = {
+  className?: String,
+  text: String,
+}
+
+class <%= @kit_name_pascal %> extends React.Component<<%= @kit_name_pascal %>Props> {
+  static defaultProps = {
+    text: '<%= @kit_name_uppercase %>'
+  }
+
+  props: <%= @kit_name_pascal %>Props
 
-class <%= @kit_name_pascal %> extends React.Component {
   render() {
+    const {
+      className,
+      text
+    } = this.props
+
+    const css = classnames([
+      `pb_<%= @kit_name_underscore %>_kit`,
+      className,
+    ])
+
     return (
-      <div className="pb_<%= @kit_name_underscore %>">
-        <span><%= @kit_name_uppercase %> CONTENT</span>
+      <div className={css}>
+        {text}
       </div>
     )
   }
 }
 
-<%= @kit_name_pascal %>.propTypes = propTypes;
-
-export default <%= @kit_name_pascal %>;
+export default <%= @kit_name_pascal %>

data/lib/playbook/engine.rb

@@ -19,7 +19,7 @@ module Playbook
     config.sass.load_paths ||= []
     config.sass.load_paths << "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook"
 
-    initializer 'playbook_ui.add_view_paths', :after => :add_view_paths do |app|
+    initializer "playbook_ui.add_view_paths", after: :add_view_paths do |_app|
       ActiveSupport.on_load(:action_controller) do
         append_view_path "#{Gem.loaded_specs['playbook_ui'].full_gem_path}/app/pb_kits/playbook"
       end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "2.8.6".freeze
+  VERSION = "2.8.7"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 2.8.6
+  version: 2.8.7
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2019-09-04 00:00:00.000000000 Z
+date: 2019-09-06 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: method_source
@@ -347,6 +347,7 @@ files:
 - app/pb_kits/playbook/packs/pb_button.js
 - app/pb_kits/playbook/packs/pb_caption.js
 - app/pb_kits/playbook/packs/pb_card.js
+- app/pb_kits/playbook/packs/pb_currency.js
 - app/pb_kits/playbook/packs/pb_dashboard_value.js
 - app/pb_kits/playbook/packs/pb_date.js
 - app/pb_kits/playbook/packs/pb_icon.js
@@ -366,8 +367,11 @@ files:
 - app/pb_kits/playbook/packs/pb_phone.js
 - app/pb_kits/playbook/packs/pb_pill.js
 - app/pb_kits/playbook/packs/pb_progress_simple.js
+- app/pb_kits/playbook/packs/pb_section_separator.js
 - app/pb_kits/playbook/packs/pb_source.js
 - app/pb_kits/playbook/packs/pb_star_rating.js
+- app/pb_kits/playbook/packs/pb_stat_change.js
+- app/pb_kits/playbook/packs/pb_stat_value.js
 - app/pb_kits/playbook/packs/pb_table.js
 - app/pb_kits/playbook/packs/pb_time.js
 - app/pb_kits/playbook/packs/pb_timestamp.js
@@ -462,28 +466,28 @@ files:
 - app/pb_kits/playbook/pb_card/docs/_card_shadow.html.erb
 - app/pb_kits/playbook/pb_card/docs/example.yml
 - app/pb_kits/playbook/pb_card/docs/index.js
+- app/pb_kits/playbook/pb_currency/_currency.html.erb
+- 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_default.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_large.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_small.html.erb
+- app/pb_kits/playbook/pb_currency/docs/example.yml
+- app/pb_kits/playbook/pb_currency/docs/index.js
 - app/pb_kits/playbook/pb_dashboard/commonSettings.js
 - app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss
 - app/pb_kits/playbook/pb_dashboard_value/_dashboard_value_mixins.scss
-- app/pb_kits/playbook/pb_dashboard_value/child_kits/_stat_change.html.erb
-- app/pb_kits/playbook/pb_dashboard_value/child_kits/_stat_label.html.erb
-- app/pb_kits/playbook/pb_dashboard_value/child_kits/_stat_value.html.erb
-- app/pb_kits/playbook/pb_dashboard_value/child_kits/_stat_value.scss
 - app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.js
 - app/pb_kits/playbook/pb_dashboard_value/dashboard_value.rb
 - app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.html.erb
-- app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_change.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.jsx
-- app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_label.html.erb
 - app/pb_kits/playbook/pb_dashboard_value/docs/example.yml
 - app/pb_kits/playbook/pb_dashboard_value/docs/index.js
-- app/pb_kits/playbook/pb_dashboard_value/stat_change.rb
-- app/pb_kits/playbook/pb_dashboard_value/stat_label.rb
-- app/pb_kits/playbook/pb_dashboard_value/stat_value.rb
 - app/pb_kits/playbook/pb_date/_date.html.erb
 - app/pb_kits/playbook/pb_date/_date.jsx
 - app/pb_kits/playbook/pb_date/_date.scss
@@ -674,6 +678,15 @@ files:
 - app/pb_kits/playbook/pb_progress_simple/docs/example.yml
 - app/pb_kits/playbook/pb_progress_simple/docs/index.js
 - app/pb_kits/playbook/pb_progress_simple/progress_simple.rb
+- app/pb_kits/playbook/pb_section_separator/_section_separator.html.erb
+- app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
+- app/pb_kits/playbook/pb_section_separator/_section_separator.scss
+- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_default.jsx
+- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.html.erb
+- app/pb_kits/playbook/pb_section_separator/docs/_section_separator_text.html.erb
+- app/pb_kits/playbook/pb_section_separator/docs/example.yml
+- app/pb_kits/playbook/pb_section_separator/docs/index.js
+- app/pb_kits/playbook/pb_section_separator/section_separator.rb
 - app/pb_kits/playbook/pb_source/_source.html.erb
 - app/pb_kits/playbook/pb_source/_source.jsx
 - app/pb_kits/playbook/pb_source/_source.scss
@@ -693,6 +706,23 @@ files:
 - app/pb_kits/playbook/pb_star_rating/docs/example.yml
 - app/pb_kits/playbook/pb_star_rating/docs/index.js
 - app/pb_kits/playbook/pb_star_rating/star_rating.rb
+- app/pb_kits/playbook/pb_stat_change/_stat_change.html.erb
+- app/pb_kits/playbook/pb_stat_change/_stat_change.jsx
+- app/pb_kits/playbook/pb_stat_change/_stat_change.scss
+- 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/example.yml
+- app/pb_kits/playbook/pb_stat_change/docs/index.js
+- app/pb_kits/playbook/pb_stat_change/stat_change.rb
+- app/pb_kits/playbook/pb_stat_value/_stat_value.html.erb
+- app/pb_kits/playbook/pb_stat_value/_stat_value.jsx
+- app/pb_kits/playbook/pb_stat_value/_stat_value.scss
+- app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.html.erb
+- app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx
+- app/pb_kits/playbook/pb_stat_value/docs/_stat_value_unit.html.erb
+- app/pb_kits/playbook/pb_stat_value/docs/example.yml
+- app/pb_kits/playbook/pb_stat_value/docs/index.js
+- app/pb_kits/playbook/pb_stat_value/stat_value.rb
 - app/pb_kits/playbook/pb_table/_table.html.erb
 - app/pb_kits/playbook/pb_table/_table.jsx
 - app/pb_kits/playbook/pb_table/_table.scss
@@ -812,6 +842,7 @@ files:
 - app/pb_kits/playbook/pb_vertical_nav/_vertical_nav.jsx
 - app/pb_kits/playbook/pb_vertical_nav/_vertical_nav.scss
 - app/pb_kits/playbook/pb_vertical_nav/docs/_block_nav.html.erb
+- app/pb_kits/playbook/pb_vertical_nav/docs/_block_no_title.html.erb
 - app/pb_kits/playbook/pb_vertical_nav/docs/_default_nav.html.erb
 - app/pb_kits/playbook/pb_vertical_nav/docs/_default_nav.jsx
 - app/pb_kits/playbook/pb_vertical_nav/docs/example.yml
@@ -833,6 +864,7 @@ files:
 - app/pb_kits/playbook/tokens/_typography.scss
 - app/pb_kits/playbook/utilities/_background_colors.scss
 - app/pb_kits/playbook/utilities/_colors.scss
+- app/pb_kits/playbook/vendor.js
 - app/views/layouts/playbook/_nav.html.slim
 - app/views/layouts/playbook/_sidebar.html.slim
 - app/views/layouts/playbook/application.html.slim

data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_change.html.erb

@@ -1,15 +0,0 @@
-<%= pb_rails("dashboard_value", props: {
-  stat_change: {change: "increase", value: "26.1%"}
-}) %>
-
-<br><br>
-
-<%= pb_rails("dashboard_value", props: {
-  stat_change: {change: "decrease", value: "26.1%"}
-}) %>
-
-<br><br>
-
-<%= pb_rails("dashboard_value", props: {
-  stat_change: {value: "26.1%"}
-}) %>

data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_label.html.erb

@@ -1,19 +0,0 @@
-<%= pb_rails("dashboard_value", props: {
-  stat_label: {label: "Top Title Value"},
-  stat_value: {value: "1,428", unit: "appts"},
-  stat_change: {change: "decrease", value: "26.1%"}
-}) %>
-
-<br><br>
-
-<%= pb_rails("dashboard_value", props: {
-  stat_label: {label: "Top Title Value"},
-  stat_value: {value: "1,428", unit: "appts"}
-}) %>
-
-<br><br>
-
-<%= pb_rails("dashboard_value", props: {
-  stat_label: {label: "Top Title Value"},
-  stat_change: {change: "decrease", value: "26.1%"}
-}) %>