playbook_ui 2.7.2 → 2.8.1

data/app/pb_kits/playbook/pb_dashboard_value/child_kits/_stat_value.scss

@@ -0,0 +1,7 @@
+[class^=pb_stat_value]{
+  &[class*=_wrapper] {
+    display: flex;
+    justify-content: flex-start;
+    align-items: baseline;
+  }
+}

data/app/pb_kits/playbook/pb_dashboard_value/dashboardValueSettings.js

@@ -0,0 +1,47 @@
+import colors from "../tokens/_colors.scss";
+import typography from "../tokens/_typography.scss";
+
+const pbIndicator = {
+  title: {
+    fontFamily: typography.font_family_base,
+    color: colors.text_lt_light,
+    fontSizes: {
+      big: typography.text_large,
+      medium: typography.text_base,
+      small: typography.text_small,
+      micro: typography.text_small
+    }
+  },
+  secondaryTitle: {
+    color: colors.text_lt_light,
+    fontFamily: typography.font_family_base,
+    fontSizes: {
+      big: typography.text_large,
+      medium: typography.text_base,
+      small: typography.text_small,
+      micro: typography.text_small
+    }
+  },
+  value: {
+    fontFamily: typography.font_family_base,
+    color: colors.text_lt_default,
+    fontWeight: typography.lighter,
+    fontSizes: {
+      big: typography.heading_1,
+      medium: typography.heading_1,
+      small: typography.text_base,
+      micro: typography.text_small
+    }
+  },
+  secondaryValue: {
+    fontFamily: typography.font_family_base,
+    fontSizes: {
+      big: typography.text_large,
+      medium: typography.text_base,
+      small: typography.text_small,
+      micro: typography.text_small
+    }
+  }
+};
+
+export default pbIndicator;

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

@@ -0,0 +1,79 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbDashboardValue
+    class DashboardValue < Playbook::PbKit::Base
+      PROPS = %i[configured_align
+                 configured_classname
+                 configured_data
+                 configured_id
+                 configured_stat_change
+                 configured_stat_label
+                 configured_stat_value].freeze
+
+      def initialize(align: default_configuration,
+                     classname: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration,
+                     stat_change: default_configuration,
+                     stat_label: default_configuration,
+                     stat_value: default_configuration)
+
+        self.configured_align = align
+        self.configured_classname = classname
+        self.configured_data = data
+        self.configured_id = id
+        self.configured_stat_change = stat_change
+        self.configured_stat_label = stat_label
+        self.configured_stat_value = stat_value
+      end
+
+      def align
+        align_options = %w[left center right]
+        one_of_value(configured_align, align_options, "left")
+      end
+
+      def stat_label
+        if is_set? configured_stat_label
+          pb_label = Playbook::PbDashboardValue::StatLabel.new(configured_stat_label)
+          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)
+          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)
+          ApplicationController.renderer.render(partial: pb_change, as: :object)
+        end
+      end
+
+      def kit_class
+        kit_options = [
+          "pb_dashboard_value",
+          align,
+        ]
+        kit_options.join("_")
+      end
+
+      def to_partial_path
+        "pb_dashboard_value/dashboard_value"
+      end
+
+    private
+
+      DEFAULT = Object.new
+      private_constant :DEFAULT
+      def default_configuration
+        DEFAULT
+      end
+      attr_accessor(*PROPS)
+    end
+  end
+end

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

@@ -0,0 +1,23 @@
+<%= 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: {
+  align: "center",
+  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: {
+  align: "right",
+  stat_label: {label: "Top Title Value"},
+  stat_value: {value: "1,428", unit: "appts"},
+  stat_change: {change: "decrease", value: "26.1%"}
+}) %>

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

@@ -0,0 +1,15 @@
+<%= 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_default.html.erb

@@ -0,0 +1,21 @@
+<%= pb_rails("dashboard_value", props: {
+  stat_label: {label: "Decreased 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: "Increased Value"},
+  stat_value: {value: "938", unit: "homes"},
+  stat_change: {change: "increase", value: "26.1%"}
+}) %>
+
+<br><br>
+
+<%= pb_rails("dashboard_value", props: {
+  stat_label: {label: "Neutral Value"},
+  stat_value: {value: "261", unit: "windows"},
+  stat_change: {value: "26.1%"}
+}) %>

data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.jsx

@@ -0,0 +1,12 @@
+import React from "react"
+import DashboardValue from "../_dashboard_value.jsx"
+
+function DashboardValueDefault() {
+  return (
+    <div>
+      <DashboardValue />
+    </div>
+  )
+}
+
+export default DashboardValueDefault;

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

@@ -0,0 +1,19 @@
+<%= 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%"}
+}) %>

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

@@ -0,0 +1,11 @@
+examples:
+
+  rails:
+  - dashboard_value_default: Full Example
+  - dashboard_value_change: Change
+  - dashboard_value_label: Label
+  - dashboard_value_align: Align
+
+
+  react:
+  - dashboard_value_default: Default

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

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

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

@@ -0,0 +1,93 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbDashboardValue
+    class StatChange < Playbook::PbKit::Base
+      PROPS = %i[configured_change
+                 configured_classname
+                 configured_data
+                 configured_id
+                 configured_value].freeze
+
+      def initialize(change: default_configuration,
+                     classname: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration,
+                     value: default_configuration)
+
+        self.configured_change = change
+        self.configured_classname = classname
+        self.configured_data = data
+        self.configured_id = id
+        self.configured_value = value
+      end
+
+      def change
+        change_options = %w[neutral increase decrease]
+        one_of_value(configured_change, change_options, "neutral")
+      end
+
+      def status
+        case change
+        when "increase"
+          "positive"
+        when "decrease"
+          "negative"
+        else
+          "neutral"
+        end
+      end
+
+      def icon
+        case change
+        when "increase"
+          "arrow-up"
+        when "decrease"
+          "arrow-down"
+        end
+      end
+
+      def display_icon
+        if !icon.nil?
+          pb_icon = Playbook::PbIcon::Icon.new(icon: icon, fixed_width: true)
+          ApplicationController.renderer.render(partial: pb_icon, as: :object)
+        else
+          ""
+        end
+      end
+
+      def value
+        default_value(configured_value, "")
+      end
+
+      def display_value
+        pb_icon_element = Playbook::PbBody::Body.new(status: status) do
+          display_icon +
+            value
+        end
+        ApplicationController.renderer.render(partial: pb_icon_element, as: :object)
+      end
+
+      def kit_class
+        stat_options = [
+          "pb_stat_change",
+          status,
+        ]
+        stat_options.join("_")
+      end
+
+      def to_partial_path
+        "pb_dashboard_value/child_kits/stat_change"
+      end
+
+    private
+
+      DEFAULT = Object.new
+      private_constant :DEFAULT
+      def default_configuration
+        DEFAULT
+      end
+      attr_accessor(*PROPS)
+    end
+  end
+end

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

@@ -0,0 +1,53 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbDashboardValue
+    class StatLabel < Playbook::PbKit::Base
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 configured_label].freeze
+
+      def initialize(classname: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration,
+                     label: default_configuration)
+
+        self.configured_classname = classname
+        self.configured_data = data
+        self.configured_id = id
+        self.configured_label = label
+      end
+
+      def label
+        default_value(configured_label, nil)
+      end
+
+      def display_label
+        unless label.nil?
+          pb_label = Playbook::PbBody::Body.new(color: "light") do
+            label
+          end
+          ApplicationController.renderer.render(partial: pb_label, as: :object)
+        end
+      end
+
+      def kit_class
+        "pb_stat_label"
+      end
+
+      def to_partial_path
+        "pb_dashboard_value/child_kits/stat_label"
+      end
+
+    private
+
+      DEFAULT = Object.new
+      private_constant :DEFAULT
+      def default_configuration
+        DEFAULT
+      end
+      attr_accessor(*PROPS)
+    end
+  end
+end

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

@@ -0,0 +1,63 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbDashboardValue
+    class StatValue < Playbook::PbKit::Base
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 configured_unit
+                 configured_value].freeze
+
+      def initialize(classname: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration,
+                     unit: default_configuration,
+                     value: default_configuration)
+
+        self.configured_classname = classname
+        self.configured_data = data
+        self.configured_id = id
+        self.configured_unit = unit
+        self.configured_value = value
+      end
+
+      def value
+        default_value(configured_value, 0)
+      end
+
+      def display_value
+        pb_title = Playbook::PbTitle::Title.new(size: 1, text: value)
+        ApplicationController.renderer.render(partial: pb_title, as: :object)
+      end
+
+      def unit
+        default_value(configured_unit, nil)
+      end
+
+      def display_unit
+        unless unit.nil?
+          pb_unit = Playbook::PbTitle::Title.new(size: 3, text: unit)
+          ApplicationController.renderer.render(partial: pb_unit, as: :object)
+        end
+      end
+
+      def kit_class
+        "pb_stat_value"
+      end
+
+      def to_partial_path
+        "pb_dashboard_value/child_kits/stat_value"
+      end
+
+    private
+
+      DEFAULT = Object.new
+      private_constant :DEFAULT
+      def default_configuration
+        DEFAULT
+      end
+      attr_accessor(*PROPS)
+    end
+  end
+end