playbook_ui 2.7.2 → 2.8.1

data/app/pb_kits/playbook/pb_image/_image.html.erb

@@ -1,5 +1,6 @@
 <%= tag(:img,
     id: object.id,
     data: object.data(src: object.url),
-    class: object.classname("pb_image lazyload blur_up"),
+    class: object.classname(object.kit_class),
+    aria: object.aria,
     alt: object.alt) %>

data/app/pb_kits/playbook/pb_image/image.rb

@@ -1,18 +1,23 @@
+# frozen_string_literal: true
+
 module Playbook
   module PbImage
     class Image < Playbook::PbKit::Base
-      PROPS = [:configured_alt,
-          :configured_classname,
-          :configured_data,
-          :configured_id,
-          :configured_url].freeze
+      PROPS = %i[configured_alt
+                 configured_aria
+                 configured_classname
+                 configured_data
+                 configured_id
+                 configured_url].freeze
 
       def initialize(alt: default_configuration,
-                   classname: default_configuration,
-                   data: default_configuration,
-                   id: default_configuration,
-                   url: default_configuration)
+                     aria: default_configuration,
+                     classname: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration,
+                     url: default_configuration)
         self.configured_alt = alt
+        self.configured_aria = aria
         self.configured_classname = classname
         self.configured_data = data
         self.configured_id = id
@@ -20,19 +25,20 @@ module Playbook
       end
 
       def alt
-        if configured_alt == default_configuration
-          ""
-        else
-          configured_alt
-        end
+        default_value(configured_alt, "")
       end
 
       def url
-        if configured_url == default_configuration
-          "path/to/some/image/placeholder.jpg"
-        else
-          configured_url
-        end
+        default_value(configured_url, "")
+      end
+
+      def kit_class
+        image_options = %w[
+          pb_image
+          lazyload
+          blur_up
+        ]
+        image_options.reject(&:nil?).join(" ")
       end
 
       def to_partial_path
@@ -46,8 +52,8 @@ module Playbook
       def default_configuration
         DEFAULT
       end
+      attr_reader(*PROPS)
       attr_accessor(*PROPS)
-
     end
   end
 end

data/app/pb_kits/playbook/pb_input/input.rb

@@ -1,23 +1,28 @@
+# frozen_string_literal: true
+
 module Playbook
   module PbInput
     class Input < Playbook::PbKit::Base
-      PROPS = [:configured_classname,
-            :configured_data,
-            :configured_id,
-            :configured_name,
-            :configured_label,
-            :configured_placeholder,
-            :configured_type,
-            :configured_value].freeze
+      PROPS = %i[configured_aria
+                 configured_classname
+                 configured_data
+                 configured_id
+                 configured_name
+                 configured_label
+                 configured_placeholder
+                 configured_type
+                 configured_value].freeze
 
-      def initialize(classname: default_configuration,
-                    data: default_configuration,
-                    id: default_configuration,
-                    name: default_configuration,
-                    label: default_configuration,
-                    placeholder: default_configuration,
-                    type: default_configuration,
-                    value: default_configuration)
+      def initialize(aria: default_configuration,
+                     classname: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration,
+                     name: default_configuration,
+                     label: default_configuration,
+                     placeholder: default_configuration,
+                     type: default_configuration,
+                     value: default_configuration)
+        self.configured_aria = aria
         self.configured_classname = classname
         self.configured_data = data
         self.configured_id = id

data/app/pb_kits/playbook/pb_kit/base.rb

@@ -1,28 +1,89 @@
+# frozen_string_literal: true
+
 module Playbook
   module PbKit
     class Base
-      def classname(ui_classes="")
-        if configured_classname == default_configuration
-          ui_classes
+      #============= Default props =============
+      def aria(ui_aria = {})
+        merge_value(configured_aria, ui_aria)
+      end
+
+      def classname(ui_classes = "")
+        concat_value(configured_classname, ui_classes)
+      end
+
+      def data(ui_data = {})
+        merge_value(configured_data, ui_data)
+      end
+
+      def id(ui_id = nil)
+        default_value(configured_id, ui_id)
+      end
+
+      #============= Type checking =============
+      def is_true?(value)
+        is_boolean?(value) && value == true
+      end
+
+      def is_string?(value)
+        value.is_a? String
+      end
+
+      def is_integer?(value)
+        value.is_a? Integer
+      end
+
+      def is_boolean?(value)
+        [true, false].include? value
+      end
+
+      def one_of?(value, options = [])
+        options.include? value
+      end
+
+      def is_set?(value)
+        value != default_configuration
+      end
+
+      #============= Default value =============
+      def default_value(value, default_value)
+        is_set?(value) ? value : default_value
+      end
+
+      def adjusted_value(value, adjusted_value, default_value)
+        is_set?(value) ? adjusted_value : default_value
+      end
+
+      def concat_value(value, value2)
+        is_set?(value) ? value2 + " " + value : value2
+      end
+
+      def merge_value(value, value2)
+        value2 ||= {}
+        is_set?(value) ? value.merge(value2) : value2
+      end
+
+      def one_of_value(value, options = [], default = "")
+        if is_set?(value)
+          options.include?(value) ? value : default
         else
-          ui_classes+" "+configured_classname
+          default
         end
       end
 
-      def data(ui_data={})
-        ui_data ||= {}
-        if configured_data == default_configuration
-          ui_data
+      def true_value(value, true_value = "", false_value = "")
+        if is_set?(value)
+          is_true?(value) ? true_value : false_value
         else
-          configured_data.merge(ui_data)
+          false_value
         end
       end
 
-      def id(ui_id=nil)
-        if configured_id == default_configuration
-          ui_id
+      def false_value(value, false_value = "", true_value = "")
+        if is_set?(value)
+          is_true?(value) ? true_value : false_value
         else
-          configured_id
+          false_value
         end
       end
 

data/app/pb_kits/playbook/pb_label_value/_label_value.html.erb

@@ -0,0 +1,7 @@
+<%= content_tag(:div,
+    id: object.id,
+    data: object.data,
+    class: object.classname(object.kit_class)) do %>
+  <%= object.label %>
+  <%= object.value %>
+<% end %>

data/app/pb_kits/playbook/pb_label_value/_label_value.jsx

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

data/app/pb_kits/playbook/pb_label_value/_label_value.scss

@@ -0,0 +1,7 @@
+@import "../tokens/spacing";
+
+[class^=pb_label_value] {
+  [class^=pb_caption]  {
+    margin-bottom: $space-xs/1.5;
+  }
+}

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.html.erb

@@ -0,0 +1,21 @@
+<%= pb_rails("label_value", props: {
+  label: "Role",
+  value: "Administrator, Moderator"
+}) %>
+
+<br>
+
+<%= pb_rails("label_value", props: {
+  label: "Email",
+  value: "anna.black@powerhrg.com"
+}) %>
+
+<br>
+
+<%= pb_rails("label_value", props: {
+  label: "Bio",
+  value: "Proin pulvinar feugiat massa in luctus. Donec urna nulla,
+    elementum sit amet tincidunt nec, mattis nec urna. Cras viverra
+    lorem odio, id pretium dui interdum ut. Nullam dignissim nisl vitae
+    orci vehicula condimentum."
+}) %>

data/app/pb_kits/playbook/pb_label_value/docs/_label_value_default.jsx

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

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

@@ -0,0 +1,9 @@
+examples:
+  
+  rails:
+  - label_value_default: Default
+  
+  
+  react:
+  - label_value_default: Default
+  

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

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

data/app/pb_kits/playbook/pb_label_value/label_value.rb

@@ -0,0 +1,56 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbLabelValue
+    class LabelValue < Playbook::PbKit::Base
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 configured_label
+                 configured_value].freeze
+
+      def initialize(classname: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration,
+                     label: default_configuration,
+                     value: default_configuration)
+        self.configured_classname = classname
+        self.configured_data = data
+        self.configured_id = id
+        self.configured_label = label
+        self.configured_value = value
+      end
+
+      def label
+        if is_set? configured_label
+          pb_label = Playbook::PbCaption::Caption.new(text: configured_label)
+          ApplicationController.renderer.render(partial: pb_label, as: :object)
+        end
+      end
+
+      def value
+        pb_body = Playbook::PbBody::Body.new do
+          default_value(configured_value, "")
+        end
+        ApplicationController.renderer.render(partial: pb_body, as: :object)
+      end
+
+      def kit_class
+        "pb_label_value"
+      end
+
+      def to_partial_path
+        "pb_label_value/label_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_layout/_layout.scss

@@ -27,10 +27,10 @@
     padding: $space_sm $space_xl;
     &_border {
       padding: $space_sm $space_xl;
-      border-bottom: 1px solid $sky;
+      border-bottom: 1px solid $border_light;
       &_margin {
         margin: $space_sm $space_xl;
-        border-bottom: 1px solid $sky;
+        border-bottom: 1px solid $border_light;
       }
     }
   }

data/app/pb_kits/playbook/pb_layout/_layout_mixin.scss

@@ -34,26 +34,26 @@
       border-width: 0 1px 0 0;
       border-style: solid;
       @if $color == 'dark' {
-        background: $white_opacity_1;
-        border-color: $white_opacity_1;
+        background: $bg_dark;
+        border-color: $border_dark;
       } @else if $color == 'transparent' {
         border-color: transparent;
       } @else {
         background: $white;
-        border-color: $sky;
+        border-color: $border_light;
       }
     }
     @if $side == 'right' {
       border-width: 0 0 0 1px;
       border-style: solid;
       @if $color == 'dark' {
-        background: $white_opacity_1;
-        border-color: $white_opacity_1;
+        background: $bg_dark;
+        border-color: $border_dark;
       } @else if $color == 'transparent' {
         border-color: transparent;
       } @else {
         background: $white;
-        border-color: $sky;
+        border-color: $border_light;
       }
     }
   }

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

@@ -1,15 +1,17 @@
+# frozen_string_literal: true
+
 module Playbook
   module PbLayout
     class Body < Playbook::PbKit::Base
-      PROPS = [:configured_classname,
-          :configured_data,
-          :configured_id,
-          :block].freeze
+      PROPS = %i[configured_classname
+                 configured_data
+                 configured_id
+                 block].freeze
 
       def initialize(classname: default_configuration,
-                  data: default_configuration,
-                  id: default_configuration,
-                  &block)
+                     data: default_configuration,
+                     id: default_configuration,
+                     &block)
         self.configured_classname = classname
         self.configured_data = data
         self.configured_id = id