playbook_ui 2.9.0 → 2.9.1

data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.html.erb

@@ -0,0 +1,13 @@
+<%= pb_rails("loading_inline", props: {
+	dark: true
+}) %>
+
+<%= pb_rails("loading_inline", props: {
+	align: "center",
+	dark: true
+}) %>
+
+<%= pb_rails("loading_inline", props: {
+	align: "right",
+	dark: true
+}) %>

data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_dark.jsx

@@ -0,0 +1,14 @@
+import React from "react"
+import LoadingInline from "../_loading_inline.jsx"
+
+function LoadingInlineDark() {
+  return (
+    <div>
+      <LoadingInline dark />
+      <LoadingInline dark align="center" />
+      <LoadingInline dark align="right" />
+    </div>
+  )
+}
+
+export default LoadingInlineDark;

data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.html.erb

@@ -0,0 +1,9 @@
+<%= pb_rails("loading_inline") %>
+
+<%= pb_rails("loading_inline", props: {
+	align: "center"
+}) %>
+
+<%= pb_rails("loading_inline", props: {
+	align: "right"
+}) %>

data/app/pb_kits/playbook/pb_loading_inline/docs/_loading_inline_light.jsx

@@ -0,0 +1,14 @@
+import React from "react"
+import LoadingInline from "../_loading_inline.jsx"
+
+function LoadingInlineLight() {
+  return (
+    <div>
+      <LoadingInline />
+      <LoadingInline align="center" />
+      <LoadingInline align="right" />
+    </div>
+  )
+}
+
+export default LoadingInlineLight;

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

@@ -0,0 +1,11 @@
+examples:
+  
+  rails:
+  - loading_inline_light: Light
+  - loading_inline_dark: Dark
+  
+  
+  react:
+  - loading_inline_light: Default
+  - loading_inline_dark: Default
+  

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

@@ -0,0 +1,2 @@
+export {default as LoadingInlineLight} from './_loading_inline_light.jsx';
+export {default as LoadingInlineDark} from './_loading_inline_dark.jsx';

data/app/pb_kits/playbook/pb_loading_inline/loading_inline.rb

@@ -0,0 +1,67 @@
+# frozen_string_literal: true
+
+module Playbook
+  module PbLoadingInline
+    class LoadingInline < Playbook::PbKit::Base
+      PROPS = %i[configured_align
+                 configured_classname
+                 configured_dark
+                 configured_data
+                 configured_id].freeze
+
+      def initialize(align: default_configuration,
+                     classname: default_configuration,
+                     dark: default_configuration,
+                     data: default_configuration,
+                     id: default_configuration)
+        self.configured_align = align
+        self.configured_classname = classname
+        self.configured_dark = dark
+        self.configured_data = data
+        self.configured_id = id
+      end
+
+      def align
+        align_options = %w[left center right]
+        one_of_value(configured_align, align_options, "left")
+      end
+
+      def dark
+        is_true? configured_dark
+      end
+
+      def icon
+        pb_icon = Playbook::PbIcon::Icon.new(fixed_width: true, icon: "spinner", pulse: true)
+        ApplicationController.renderer.render(partial: pb_icon, as: :object)
+      end
+
+      def value
+        pb_icon_value = Playbook::PbBody::Body.new(color: "light", dark: dark) do
+          icon + "Loading"
+        end
+        ApplicationController.renderer.render(partial: pb_icon_value, as: :object)
+      end
+
+      def to_partial_path
+        "pb_loading_inline/loading_inline"
+      end
+
+      def kit_class
+        loading_inline_options = [
+          "pb_loading_inline_kit",
+          align,
+        ]
+        loading_inline_options.join("_")
+      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_time/docs/_time_default.html.erb

@@ -1,18 +1,18 @@
 <%= pb_rails("time", props: {
-  timestamp: "2012-08-02T15:49:29Z",
+  time: Time.now,
   size: "lg"
 }) %>
 
 <br>
 
 <%= pb_rails("time", props: {
-  timestamp: "2012-08-02T15:49:29Z",
+  time: DateTime.now,
   size: "sm"
 }) %>
 
 <br>
 
 <%= pb_rails("time", props: {
-  timestamp: "2012-08-02T15:49:29Z",
+  time: "2012-08-02T15:49:29Z",
   size: "xs"
 }) %>

data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb

@@ -1,16 +1,16 @@
 <%= pb_rails("time", props: {
-  timestamp: "2012-08-02T15:49:29Z"
+  time: "2012-08-02T15:49:29Z"
 }) %>
 
 <br>
 
 <%= pb_rails("time", props: {
-  timestamp: DateTime.now
+  time: DateTime.now
 }) %>
 
 <br>
 
 <%= pb_rails("time", props: {
-  timestamp: DateTime.now,
+  time: DateTime.now,
   timezone: "America/Chicago"
 }) %>

data/app/pb_kits/playbook/pb_time/time.rb

@@ -10,6 +10,7 @@ module Playbook
                  configured_data
                  configured_id
                  configured_size
+                 configured_time
                  configured_timestamp
                  configured_timezone].freeze
 
@@ -17,12 +18,14 @@ module Playbook
                      data: default_configuration,
                      id: default_configuration,
                      size: default_configuration,
+                     time: default_configuration,
                      timestamp: default_configuration,
                      timezone: default_configuration)
         self.configured_classname = classname
         self.configured_data = data
         self.configured_id = id
         self.configured_size = size
+        self.configured_time = time
         self.configured_timestamp = timestamp
         self.configured_timezone = timezone
       end
@@ -53,41 +56,25 @@ module Playbook
     private
 
       def timestamp
-        convert_to_timestamp(configured_timestamp)
-      end
-
-      def convert_to_timestamp(time)
-        time.is_a?(String) ? DateTime.parse(time) : time
-        time.in_time_zone(timezone_value)
-      end
-
-      def format_time_string
-        "#{hour}:#{minutes}#{meridian}" if is_set? configured_timestamp
-      end
-
-      def hour
-        timestamp.strftime("%l")
-      end
-
-      def minutes
-        timestamp.strftime("%M")
-      end
-
-      def meridian
-        timestamp.strftime("%P")[0, 1]
+        if is_set? configured_time
+          time = configured_time
+        else
+          time = configured_timestamp
+        end
+        Playbook::PbKit::PbDateTime.new(time, timezone_value)
       end
 
       def timezone_value
         default_value(configured_timezone, "America/New_York")
       end
 
-      def timezone_abbr
-        timestamp.strftime("%Z").upcase
+      def format_time_string
+        "#{timestamp.to_hour}:#{timestamp.to_minutes}#{timestamp.to_meridian}"
       end
 
       def timezone
         content_tag(:span, class: "pb_time_timezone") do
-          timezone_abbr
+          timestamp.to_timezone.upcase
         end
       end
 
@@ -102,7 +89,7 @@ module Playbook
       end
 
       def text
-        content_tag(:time, datetime: timestamp.iso8601) do
+        content_tag(:time, datetime: timestamp.to_iso) do
           content_tag(:span) do
             format_time_string
           end +
@@ -111,7 +98,7 @@ module Playbook
       end
 
       def display_value_xs
-        if is_set? configured_timestamp
+        if is_set?(configured_timestamp) || is_set?(configured_time)
           pb_value = Playbook::PbBody::Body.new(color: "default") do
             text
           end
@@ -120,7 +107,7 @@ module Playbook
       end
 
       def display_value_sm
-        if is_set? configured_timestamp
+        if is_set?(configured_timestamp) || is_set?(configured_time)
           pb_value = Playbook::PbBody::Body.new(color: "default") do
             icon +
               text
@@ -130,7 +117,7 @@ module Playbook
       end
 
       def display_value_lg
-        if is_set? configured_timestamp
+        if is_set?(configured_timestamp) || is_set?(configured_time)
           pb_value_lg = Playbook::PbTitle::Title.new(size: 3, text: text)
           ApplicationController.renderer.render(partial: pb_value_lg, as: :object)
         end

data/app/pb_kits/playbook/pb_toggle/toggle.rb

@@ -1,5 +1,7 @@
 # frozen_string_literal: true
 
+require "action_view"
+
 module Playbook
   module PbToggle
     class Toggle < Playbook::PbKit::Base

data/app/pb_kits/playbook/props.rb

@@ -0,0 +1,45 @@
+# frozen_string_literal: true
+
+require "active_support/concern"
+require_relative "./props/base"
+require_relative "./props/boolean"
+require_relative "./props/enum"
+require_relative "./props/hash"
+require_relative "./props/string"
+
+module Playbook
+  module Props
+    extend ActiveSupport::Concern
+
+    def initialize(prop_values)
+      @values = prop_values
+      self.class.props.each do |key, definition|
+        definition.validate! @values[key]
+      end
+    end
+
+    def prop(name)
+      self.class.props[name].value @values[name]
+    end
+
+    included do
+      prop :id, default: nil
+      prop :data, type: Playbook::Props::Hash, default: {}
+      prop :classname, default: ""
+      prop :aria, type: Playbook::Props::Hash, default: {}
+    end
+
+    class_methods do
+      def props
+        @props
+      end
+
+      def prop(name, type: Playbook::Props::String, **options)
+        @props ||= {}
+        @props[name] = type.new(**options)
+
+        define_method(name) { prop(name) }
+      end
+    end
+  end
+end

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

@@ -0,0 +1,27 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Props
+    class Error < StandardError; end
+
+    class Base
+      attr_reader :default
+
+      def initialize(default: nil)
+        @default = default
+      end
+
+      def value(value)
+        value || @default
+      end
+
+      def validate!(input_value)
+        validate(value(input_value)) || raise(Playbook::Props::Error, "Invalid value (#{input_value.inspect}) for prop (#{inspect})")
+      end
+
+      def validate(_value)
+        true
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/props/boolean.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Props
+    class Boolean < Playbook::Props::Base
+      def validate(value)
+        value === true || value === false
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/props/enum.rb

@@ -0,0 +1,16 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Props
+    class Enum < Playbook::Props::Base
+      def initialize(values:, **options)
+        super(**options)
+        @values = values
+      end
+
+      def validate(value)
+        @values.include?(value)
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/props/hash.rb

@@ -0,0 +1,11 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Props
+    class Hash < Playbook::Props::Base
+      def validate(value)
+        value.is_a?(::Hash)
+      end
+    end
+  end
+end

data/app/pb_kits/playbook/props/string.rb

@@ -0,0 +1,8 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Props
+    class String < Playbook::Props::Base
+    end
+  end
+end

data/app/pb_kits/playbook/tokens/_colors.scss

@@ -140,7 +140,8 @@ $status_colors: (
   warning:            $warning,
   error:              $error,
   info:               $info,
-  neutral:            $neutral
+  neutral:            $neutral,
+  primary:            $primary
 );
 
 $status_color_text: (

data/app/pb_kits/playbook/tokens/_transition.scss

@@ -1 +1,2 @@
 $transition_default: 0.3s;
+$transition_cubic: 0.2s cubic-bezier(0.95, 0.05, 0.795, 0.035);