playbook_ui 2.8.6 → 2.8.7

data/app/pb_kits/playbook/pb_currency/docs/_currency_large.html.erb

@@ -0,0 +1,25 @@
+<%= pb_rails("currency", props: {
+  dollar_sign: "$",
+  label: "Caption",
+  value: "2,000.",
+  unit: "00",
+  size: "lg"
+}) %>
+
+<%= pb_rails("currency", props: {
+  align: "center",
+  dollar_sign: "$",
+  label: "Caption",
+  value: "2,000.",
+  unit: "00",
+  size: "lg"
+}) %>
+
+<%= pb_rails("currency", props: {
+  align: "right",
+  dollar_sign: "$",
+  label: "Caption",
+  value: "2,000.",
+  unit: "00",
+  size: "lg"
+}) %>

data/app/pb_kits/playbook/pb_currency/docs/_currency_small.html.erb

@@ -0,0 +1,25 @@
+<%= pb_rails("currency", props: {
+  dollar_sign: "$",
+  label: "Caption",
+  value: "2,000.",
+  unit: "00",
+  size: "sm"
+}) %>
+
+<%= pb_rails("currency", props: {
+  align: "center",
+  dollar_sign: "$",
+  label: "Caption",
+  value: "2,000.",
+  unit: "00",
+  size: "sm"
+}) %>
+
+<%= pb_rails("currency", props: {
+  align: "right",
+  dollar_sign: "$",
+  label: "Caption",
+  value: "2,000.",
+  unit: "00",
+  size: "sm"
+}) %>

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

@@ -0,0 +1,9 @@
+examples:
+
+  rails:
+  - currency_small: Small
+  - currency_large: Large
+
+
+  react:
+  - currency_default: Default

data/app/pb_kits/playbook/pb_currency/docs/index.js

@@ -0,0 +1 @@
+export {default as CurrencyDefault} from './_currency_default.jsx';

data/app/pb_kits/playbook/pb_dashboard/pbChartsLightTheme.js

@@ -1,6 +1,8 @@
 import colors from '../tokens/_colors.scss';
 import typography from '../tokens/_typography.scss';
 
+import Highcharts from 'highcharts'
+
 const highchartsTheme = {
   colors: [
     colors.data_1,

data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.scss

@@ -1,8 +1,7 @@
 @import "dashboard_value_mixins";
-@import "child_kits/stat_value";
-@import "../pb_icon/icon";
+@import "../pb_stat_value/stat_value";
+@import "../pb_stat_change/stat_change";
 @import "../pb_body/body";
-@import "../pb_title/title";
 
 [class^=pb_dashboard_value_kit]{
   @each $align_name, $align_value in $pb_dashboard_value_align {

data/app/pb_kits/playbook/pb_dashboard_value/dashboard_value.rb

@@ -35,21 +35,23 @@ module Playbook
 
       def stat_label
         if is_set? configured_stat_label
-          pb_label = Playbook::PbDashboardValue::StatLabel.new(configured_stat_label)
+          pb_label = Playbook::PbBody::Body.new(color: "light") do
+            configured_stat_label[:label]
+          end
           ApplicationController.renderer.render(partial: pb_label, as: :object)
         end
       end
 
       def stat_value
         if is_set? configured_stat_value
-          pb_value = Playbook::PbDashboardValue::StatValue.new(configured_stat_value)
+          pb_value = Playbook::PbStatValue::StatValue.new(configured_stat_value)
           ApplicationController.renderer.render(partial: pb_value, as: :object)
         end
       end
 
       def stat_change
         if is_set? configured_stat_change
-          pb_change = Playbook::PbDashboardValue::StatChange.new(configured_stat_change)
+          pb_change = Playbook::PbStatChange::StatChange.new(configured_stat_change)
           ApplicationController.renderer.render(partial: pb_change, as: :object)
         end
       end

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

@@ -2,8 +2,6 @@ examples:
 
   rails:
   - dashboard_value_default: Full Example
-  - dashboard_value_change: Change
-  - dashboard_value_label: Label
   - dashboard_value_align: Align
 
 

data/app/pb_kits/playbook/pb_date/_date.scss

@@ -1,9 +1,2 @@
 @import "../pb_icon/icon";
-@import "../pb_body/body";
 @import "../pb_title/title";
-
-[class^=pb_date_kit] {
-  [class^=pb_body] {
-    font-weight: $bold !important;
-  }
-}

data/app/pb_kits/playbook/pb_date/date.rb

@@ -3,6 +3,9 @@
 module Playbook
   module PbDate
     class Date < Playbook::PbKit::Base
+      include ActionView::Helpers::TagHelper
+      include ActionView::Context
+
       PROPS = %i[configured_classname
                  configured_data
                  configured_id
@@ -39,12 +42,12 @@ module Playbook
     private
 
       def timestamp
-        timestamp = convert_to_timestamp(configured_timestamp)
+        convert_to_timestamp(configured_timestamp)
       end
 
-      def convert_to_timestamp(ts)
-        ts.is_a?(String) ? DateTime.parse(ts) : ts
-        ts.in_time_zone(timezone_value)
+      def convert_to_timestamp(time)
+        time.is_a?(String) ? DateTime.parse(time) : time
+        time.in_time_zone(timezone_value)
       end
 
       def timezone_value
@@ -74,15 +77,14 @@ module Playbook
       end
 
       def text
-        "<span>#{day_of_week} &middot; #{month} #{day}</span>".html_safe
+        content_tag(:span) do
+          "#{day_of_week} &middot; #{month} #{day}".html_safe
+        end
       end
 
       def display_value_sm
         if is_set? configured_timestamp
-          pb_value = Playbook::PbBody::Body.new(color: "default") do
-            icon +
-              text
-          end
+          pb_value = Playbook::PbTitle::Title.new(size: 4, text: icon + text)
           ApplicationController.renderer.render(partial: pb_value, as: :object)
         end
       end

data/app/pb_kits/playbook/pb_label_pill/label_pill.rb

@@ -1,23 +1,24 @@
+# frozen_string_literal: true
+
 module Playbook
   module PbLabelPill
     class LabelPill < Playbook::PbKit::Base
-      PROPS = [:configured_classname,
-					:configured_data,
-					:configured_id,
-          :configured_label,
-          :configured_pill_value,
-          :configured_variant].freeze
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 configured_label
+                 configured_pill_value
+                 configured_variant].freeze
 
       def initialize(classname: default_configuration,
-							data: default_configuration,
-							id: default_configuration,
-              label: default_configuration,
-              pill_value: default_configuration,
-              variant: default_configuration
-              )
+                     data: default_configuration,
+                     id: default_configuration,
+                     label: default_configuration,
+                     pill_value: default_configuration,
+                     variant: default_configuration)
         self.configured_classname = classname
-				self.configured_data = data
-				self.configured_id = id
+        self.configured_data = data
+        self.configured_id = id
         self.configured_label = label
         self.configured_pill_value = pill_value
         self.configured_variant = variant
@@ -26,14 +27,14 @@ module Playbook
       def label
         if is_set? configured_label
           pb_caption = Playbook::PbCaption::Caption.new(text: configured_label, classname: "pb_label_pill_label")
-        ApplicationController.renderer.render(partial: pb_caption, as: :object)
+          ApplicationController.renderer.render(partial: pb_caption, as: :object)
         end
       end
 
       def pill
         if is_set? configured_pill_value
           pb_pill = Playbook::PbPill::Pill.new(text: configured_pill_value, variant: variant, classname: "pb_label_pill_pill")
-        ApplicationController.renderer.render(partial: pb_pill, as: :object)
+          ApplicationController.renderer.render(partial: pb_pill, as: :object)
         end
       end
 

data/app/pb_kits/playbook/pb_owner/owner.rb

@@ -3,45 +3,45 @@
 module Playbook
   module PbOwner
     class Owner < Playbook::PbKit::Base
-      PROPS = [:configured_classname,
-               :configured_data,
-               :configured_id,
-               :configured_first_name,
-               :configured_last_name].freeze
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 configured_first_name
+                 configured_last_name].freeze
 
-       def initialize(classname: default_configuration,
-							data: default_configuration,
-							id: default_configuration,
-              first_name: default_configuration,
-              last_name: default_configuration)
+      def initialize(classname: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration,
+                     first_name: default_configuration,
+                     last_name: default_configuration)
         self.configured_classname = classname
-				self.configured_data = data
-				self.configured_id = id
+        self.configured_data = data
+        self.configured_id = id
         self.configured_first_name = first_name
         self.configured_last_name = last_name
       end
 
-       def first_name
+      def first_name
         pb_first_name = Playbook::PbBody::Body.new(tag: "span", classname: "pb_owner_first") do
           default_value(configured_first_name, "")
         end
         ApplicationController.renderer.render(partial: pb_first_name, as: :object)
       end
 
-       def last_name
+      def last_name
         if is_set? configured_last_name
           pb_last_name = Playbook::PbTitle::Title.new(text: configured_last_name, size: 4)
           ApplicationController.renderer.render(partial: pb_last_name, as: :object)
         end
       end
 
-       def to_partial_path
+      def to_partial_path
         "pb_owner/owner"
       end
 
-     private
+    private
 
-       DEFAULT = Object.new
+      DEFAULT = Object.new
       private_constant :DEFAULT
       def default_configuration
         DEFAULT

data/app/pb_kits/playbook/pb_owner_phone/owner_phone.rb

@@ -1,24 +1,26 @@
+# frozen_string_literal: true
+
 module Playbook
   module PbOwnerPhone
     class OwnerPhone < Playbook::PbKit::Base
-      PROPS = [:configured_classname,
-					:configured_data,
-					:configured_id,
-          :configured_first_name,
-          :configured_last_name,
-          :configured_number,
-          :configured_icon].freeze
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 configured_first_name
+                 configured_last_name
+                 configured_number
+                 configured_icon].freeze
 
       def initialize(classname: default_configuration,
-							data: default_configuration,
-							id: default_configuration,
-              first_name: default_configuration,
-              last_name: default_configuration,
-              number: default_configuration,
-              icon: default_configuration)
+                     data: default_configuration,
+                     id: default_configuration,
+                     first_name: default_configuration,
+                     last_name: default_configuration,
+                     number: default_configuration,
+                     icon: default_configuration)
         self.configured_classname = classname
-				self.configured_data = data
-				self.configured_id = id
+        self.configured_data = data
+        self.configured_id = id
         self.configured_first_name = first_name
         self.configured_last_name = last_name
         self.configured_number = number
@@ -26,25 +28,21 @@ module Playbook
       end
 
       def icon
-        if is_set? configured_icon
-          configured_icon
-        end
+        configured_icon if is_set? configured_icon
       end
 
       def phone
-        phone = Playbook::PbPhone::Phone.new({ icon: configured_icon, number: configured_number })
+        phone = Playbook::PbPhone::Phone.new(icon: configured_icon, number: configured_number)
         ApplicationController.renderer.render(partial: phone, as: :object)
       end
 
       def name
-        owner = Playbook::PbOwner::Owner.new({ first_name: configured_first_name, last_name: configured_last_name })
+        owner = Playbook::PbOwner::Owner.new(first_name: configured_first_name, last_name: configured_last_name)
         ApplicationController.renderer.render(partial: owner, as: :object)
       end
 
       def number
-        if is_set? configured_number
-          configured_number
-        end
+        configured_number if is_set? configured_number
       end
 
       def to_partial_path

data/app/pb_kits/playbook/pb_phone/phone.rb

@@ -1,23 +1,26 @@
+# frozen_string_literal: true
+
 require "action_view"
-include ActionView::Helpers::NumberHelper
 
 module Playbook
   module PbPhone
     class Phone < Playbook::PbKit::Base
-      PROPS = [:configured_classname,
-					:configured_data,
-					:configured_id,
-          :configured_icon,
-          :configured_number].freeze
+      include ActionView::Helpers::NumberHelper
+
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 configured_icon
+                 configured_number].freeze
 
       def initialize(classname: default_configuration,
-							data: default_configuration,
-							id: default_configuration,
-              icon: default_configuration,
-              number: default_configuration)
+                     data: default_configuration,
+                     id: default_configuration,
+                     icon: default_configuration,
+                     number: default_configuration)
         self.configured_classname = classname
-				self.configured_data = data
-				self.configured_id = id
+        self.configured_data = data
+        self.configured_id = id
         self.configured_icon = icon
         self.configured_number = number
       end
@@ -25,7 +28,7 @@ module Playbook
       def icon
         # TODO: Strict options and automaticlly pass the correct icon name
         if is_set? configured_icon
-          icon_props = { icon: configured_icon, fixed_width: true}
+          icon_props = { icon: configured_icon, fixed_width: true }
           pb_icon = Playbook::PbIcon::Icon.new(icon_props)
           ApplicationController.renderer.render(partial: pb_icon, as: :object)
         else
@@ -35,9 +38,7 @@ module Playbook
 
       def number
         if is_set? configured_number
-          if formatted_number
-            return number_to_phone(formatted_number, area_code: true)
-          end
+          return number_to_phone(formatted_number, area_code: true) if formatted_number
         end
       end
 

data/app/pb_kits/playbook/{pb_dashboard_value/child_kits/_stat_label.html.erb → pb_section_separator/_section_separator.html.erb}

@@ -2,5 +2,5 @@
     id: object.id,
     data: object.data,
     class: object.classname(object.kit_class)) do %>
-  <%= object.display_label %>
+  <span><%= object.text %></span>
 <% end %>

data/app/pb_kits/playbook/pb_section_separator/_section_separator.jsx

@@ -0,0 +1,21 @@
+import React from 'react';
+import PropTypes from "prop-types";
+
+const propTypes = {
+  className: PropTypes.string,
+  id: PropTypes.string
+};
+
+class SectionSeparator extends React.Component {
+  render() {
+    return (
+      <div className="pb_section_separator">
+        <span>SECTION SEPARATOR CONTENT</span>
+      </div>
+    )
+  }
+}
+
+SectionSeparator.propTypes = propTypes;
+
+export default SectionSeparator;