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

playbook_ui 2.9.6 → 2.9.7

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