RubyGems - playbook_ui - Versions diffs - 2.9.6 → 2.9.7 - Mend

playbook_ui 2.9.6 → 2.9.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (71) hide show

data/app/pb_kits/playbook/pb_contact/docs/_contact_default.jsx CHANGED

@@ -7,9 +7,11 @@ function ContactDefault() {
       <Contact
         contactType="cell"
         contactValue="349-185-9988"
+        contactDetail="John's Cell"
       />
       <Contact
         contactValue="5555555555"
+        contactDetail="Home"
       />
       <Contact
         contactType="email"
@@ -18,6 +20,7 @@ function ContactDefault() {
       <Contact
         contactType="work"
         contactValue="3245627482"
+        contactDetail="John's Work"
       />
     </div>
   )

data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.html.erb CHANGED

@@ -1,8 +1,16 @@
 <%= content_tag(:div,
     id: object.id,
     data: object.data,
-    class: object.classname(object.kit_class)) do %>
-  <%= object.stat_label %>
-  <%= object.stat_value %>
-  <%= object.stat_change %>
+    class: object.classname) do %>
+  <% if object.stat_label.present? %>
+    <%= pb_rails("body", props: { color: "light", text: object.stat_label } ) %>
+  <% end %>
+  <% if object.stat_value.present? %>
+    <%= pb_rails("stat_value", props: object.stat_value) %>
+  <% end %>
+  <% if object.stat_change.present? %>
+    <%= pb_rails("stat_change", props: object.stat_change) %>
+  <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_dashboard_value/_dashboard_value.jsx CHANGED

@@ -17,9 +17,7 @@ type DashboardValueProps = {
     change?: String,
     value?: String | Number
   },
-  stat_label?: {
-    label?: String
-  },
+  stat_label?: String,
   stat_value?: {
     unit?: String,
     value?: String | Number
@@ -49,7 +47,7 @@ const DashboardValue = (props: DashboardValueProps) => {
   const statLabel = function(stat_label) {
     if (stat_label) {
       return (
-        <Body color="light">{stat_label.label}</Body>
+        <Body color="light">{stat_label}</Body>
       )
     }
   }

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

@@ -2,80 +2,23 @@
 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
+    class DashboardValue
+      include Playbook::Props
-      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)
+      partial "pb_dashboard_value/dashboard_value"
-        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::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::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::PbStatChange::StatChange.new(configured_stat_change)
-          ApplicationController.renderer.render(partial: pb_change, as: :object)
-        end
-      end
-      def kit_class
-        kit_options = [
-          "pb_dashboard_value_kit",
-          align,
-        ]
-        kit_options.join("_")
-      end
-      def to_partial_path
-        "pb_dashboard_value/dashboard_value"
-      end
-    private
+      prop :align, type: Playbook::Props::Enum,
+                   values: %w[left center right],
+                   default: "left"
+      prop :stat_change, type: Playbook::Props::Hash,
+                         default: {}
+      prop :stat_label
+      prop :stat_value, type: Playbook::Props::Hash,
+                        default: {}
-      DEFAULT = Object.new
-      private_constant :DEFAULT
-      def default_configuration
-        DEFAULT
+      def classname
+        generate_classname("pb_dashboard_value_kit", align)
       end
-      attr_accessor(*PROPS)
     end
   end
 end

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

@@ -1,23 +1,23 @@
 <%= pb_rails("dashboard_value", props: {
-  stat_label: {label: "Top Title Value"},
+  stat_label: "Top Title Value",
   stat_value: {value: 1428, unit: "appts"},
-  stat_change: {change: "decrease", value: "26.1%"}
+  stat_change: {change: "decrease", value: 26.1}
 }) %>
 <br><br>
 <%= pb_rails("dashboard_value", props: {
   align: "center",
-  stat_label: {label: "Top Title Value"},
+  stat_label: "Top Title Value",
   stat_value: {value: 1428, unit: "appts"},
-  stat_change: {change: "decrease", value: "26.1%"}
+  stat_change: {change: "decrease", value: 56 }
 }) %>
 <br><br>
 <%= pb_rails("dashboard_value", props: {
   align: "right",
-  stat_label: {label: "Top Title Value"},
+  stat_label: "Top Title Value",
   stat_value: {value: 1428, unit: "appts"},
-  stat_change: {change: "decrease", value: "26.1%"}
+  stat_change: {change: "decrease", value: 86.1 }
 }) %>

data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_align.jsx CHANGED

@@ -5,25 +5,25 @@ function DashboardValueAlign() {
   return (
     <div>
       <DashboardValue
-          stat_label={{label: "Top Title Value"}}
+          stat_label="Top Title Value"
           stat_value={{value: "1,428", unit: "appts"}}
-          stat_change={{change: "decrease", value: "26.1%"}} />
+          stat_change={{change: "decrease", value: "26.1"}} />
       <br/><br/>
       <DashboardValue
           align="center"
-          stat_label={{label: "Top Title Value"}}
+          stat_label="Top Title Value"
           stat_value={{value: "1,428", unit: "appts"}}
-          stat_change={{change: "decrease", value: "26.1%"}} />
+          stat_change={{change: "decrease", value: 56.1}} />
       <br/><br/>
       <DashboardValue
           align="right"
-          stat_label={{label: "Top Title Value"}}
+          stat_label="Top Title Value"
           stat_value={{value: "1,428", unit: "appts"}}
-          stat_change={{change: "decrease", value: "26.1%"}} />
+          stat_change={{change: "decrease", value: 86}} />
     </div>
   )
 }

data/app/pb_kits/playbook/pb_dashboard_value/docs/_dashboard_value_default.html.erb CHANGED

@@ -1,21 +1,21 @@
 <%= pb_rails("dashboard_value", props: {
-  stat_label: {label: "Decreased Value"},
+  stat_label: "Decreased Value",
   stat_value: {value: 1428, unit: "appts"},
-  stat_change: {change: "decrease", value: "26.1%"}
+  stat_change: {change: "decrease", value: 26.1}
 }) %>
 <br><br>
 <%= pb_rails("dashboard_value", props: {
-  stat_label: {label: "Increased Value"},
+  stat_label: "Increased Value",
   stat_value: {value: 938, unit: "homes"},
-  stat_change: {change: "increase", value: "26.1%"}
+  stat_change: {change: "increase", value: 56.1}
 }) %>
 <br><br>
 <%= pb_rails("dashboard_value", props: {
-  stat_label: {label: "Neutral Value"},
+  stat_label: "Neutral Value",
   stat_value: {value: 261, unit: "windows"},
-  stat_change: {value: "26.1%"}
+  stat_change: {value: 86}
 }) %>

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

@@ -5,23 +5,23 @@ function DashboardValueDefault() {
   return (
     <div>
       <DashboardValue
-          stat_label={{label: "Decreased Value"}}
+          stat_label="Decreased Value"
           stat_value={{value: "1,428", unit: "appts"}}
-          stat_change={{change: "decrease", value: "26.1%"}} />
+          stat_change={{change: "decrease", value: "26.1"}} />
       <br/><br/>
       <DashboardValue
-          stat_label={{label: "Increased Value"}}
+          stat_label="Increased Value"
           stat_value={{value: "938", unit: "homes"}}
-          stat_change={{change: "increase", value: "26.1%"}} />
+          stat_change={{change: "increase", value: 56.1}} />
       <br/><br/>
       <DashboardValue
-          stat_label={{label: "Neutral Value"}}
+          stat_label="Neutral Value"
           stat_value={{value: "261", unit: "windows"}}
-          stat_change={{value: "26.1%"}} />
+          stat_change={{value: 86}} />
     </div>
   )
 }

data/app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb CHANGED

@@ -1,14 +1,14 @@
 <%= content_tag(:div,
     id: object.id,
     data: object.data,
-    class: object.classname("pb_date_range_inline")) do %>
+    class: object.classname) do %>
     <%= pb_rails("body", props: { tag: "span", color: "light" }) do %>
       <%= pb_rails("icon", props: { icon: "calendar-alt", fixed_width: true }) %>
     <% end %>
     <%= pb_rails("body", props: { tag: "span"}) do %>
-      <%= object.start_date %>
+      <%= object.start_date_display %>
     <% end %>
     <%= pb_rails("body", props: { tag: "span", color: "light" }) do %>
@@ -16,7 +16,7 @@
     <% end %>
     <%= pb_rails("body", props: { tag: "span"}) do %>
-      <%= object.end_date %>
+      <%= object.end_date_display %>
     <% end %>
 <% end %>

data/app/pb_kits/playbook/pb_date_range_inline/date_range_inline.rb CHANGED

@@ -2,54 +2,33 @@
 module Playbook
   module PbDateRangeInline
-    class DateRangeInline < Playbook::PbKit::Base
+    class DateRangeInline
       include ActionView::Helpers::TagHelper
       include ActionView::Context
+      include Playbook::Props
-      PROPS = %i[configured_classname
-                 configured_data
-                 configured_end_date
-                 configured_id
-                 configured_start_date].freeze
+      partial "pb_date_range_inline/date_range_inline"
-      def initialize(classname: default_configuration,
-                     data: default_configuration,
-                     end_date: default_configuration,
-                     id: default_configuration,
-                     start_date: default_configuration)
-        self.configured_classname = classname
-        self.configured_data = data
-        self.configured_id = id
-        self.configured_end_date = end_date
-        self.configured_start_date = start_date
+      prop :end_date, type: Playbook::Props::Date, required: true
+      prop :start_date, type: Playbook::Props::Date, required: true
+      def classname
+        generate_classname("pb_date_range_inline_kit")
       end
-      def end_date
-        date_time = Playbook::PbKit::PbDateTime.new(default_value(configured_end_date, ""))
+      def end_date_display
+        date_time = Playbook::PbKit::PbDateTime.new(end_date)
         content_tag(:time, datetime: date_time.to_iso) do
           "#{date_time.to_day} #{date_time.to_month_downcase} #{date_time.to_year}"
         end
       end
-      def start_date
-        date_time = Playbook::PbKit::PbDateTime.new(default_value(configured_start_date, ""))
+      def start_date_display
+        date_time = Playbook::PbKit::PbDateTime.new(start_date)
         content_tag(:time, datetime: date_time.to_iso) do
           "#{date_time.to_day} #{date_time.to_month_downcase} #{date_time.to_year}"
         end
       end
-      def to_partial_path
-        "pb_date_range_inline/date_range_inline"
-      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_home_address_street/_home_address_street.html.erb CHANGED

@@ -20,8 +20,10 @@
     text: object.city_state_zip,
   } %>
-  <%= pb_rails "body", props: { classname: "home-hashtag", tag: "span" } do %>
-    H#<%= object.home_id %>
+  <% if object.home_id %>
+    <%= pb_rails "body", props: { classname: "home-hashtag", tag: "span" } do %>
+      H#<%= object.home_id %>
+    <% end %>
   <% end %>
   <%= pb_rails "body", props: { color: "light", tag: "span" } do %>

data/app/pb_kits/playbook/pb_home_address_street/docs/_home_address_street_modified.html.erb CHANGED

@@ -1,7 +1,6 @@
 <%= pb_rails("home_address_street", props: {
   address: "70 Prospect Ave",
   city: "West Chester",
-  home_id: 8250263,
   state: "PA",
   zipcode: "19382",
   territory: "PHL",

data/app/pb_kits/playbook/pb_layout/_body.html.erb CHANGED

@@ -1,6 +1,6 @@
 <%= content_tag(:div,
     id: object.id,
     data: object.data,
-    class: object.classname("layout_body")) do %>
-  <%= object.yield(context: self) %>
+    class: object.classname) do %>
+  <%= capture(&object.children) %>
 <% end %>

data/app/pb_kits/playbook/pb_layout/_layout.html.erb CHANGED

@@ -1,6 +1,6 @@
 <%= content_tag(:div,
     id: object.id,
     data: object.data,
-    class: object.classname("pb_layout_#{object.size}#{object.position}#{object.dark}#{object.transparent}#{object.full}#{object.collapse}")) do %>
-  <%= object.yield(context: self) %>
+    class: object.classname) do %>
+  <%= capture(&object.children) %>
 <% end %>

data/app/pb_kits/playbook/pb_layout/_sidebar.html.erb CHANGED

@@ -1,6 +1,6 @@
 <%= content_tag(:div,
     id: object.id,
     data: object.data,
-    class: object.classname("layout_sidebar")) do %>
-  <%= object.yield(context: self) %>
+    class: object.classname) do %>
+  <%= capture(&object.children) %>
 <% end %>

data/app/pb_kits/playbook/pb_layout/body.rb CHANGED

@@ -2,38 +2,14 @@
 module Playbook
   module PbLayout
-    class Body < Playbook::PbKit::Base
-      PROPS = %i[configured_classname
-                 configured_data
-                 configured_id
-                 block].freeze
+    class Body
+      include Playbook::Props
-      def initialize(classname: default_configuration,
-                     data: default_configuration,
-                     id: default_configuration,
-                     &block)
-        self.configured_classname = classname
-        self.configured_data = data
-        self.configured_id = id
-        self.block = block_given? ? block : nil
-      end
-      def yield(context:)
-        context.capture(&block)
-      end
-      def to_partial_path
-        "pb_layout/body"
-      end
-    private
+      partial "pb_layout/body"
-      DEFAULT = Object.new
-      private_constant :DEFAULT
-      def default_configuration
-        DEFAULT
+      def classname
+        generate_classname("layout_body")
       end
-      attr_accessor(*PROPS)
     end
   end
 end