playbook_ui 7.1.2 → 7.2.0

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb

@@ -19,7 +19,8 @@
     name: tag(:slot, name: "name"),
     orientation: "horizontal",
     align: "left",
-    avatar_url: "placeholder"
+    avatar_url: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=",
+    avatar: true
     }) %>
 </template>
 
@@ -35,7 +36,7 @@
         event.detail.setResults((result.items || []).map((user) => {
           const wrapper = resultOptionTemplate.content.cloneNode(true)
           wrapper.querySelector('slot[name="name"]').replaceWith(user.login)
-          wrapper.querySelector('img').setAttribute("src", user.avatar_url)
+          wrapper.querySelector('img').dataset.src = user.avatar_url
           return wrapper
         }))
       })

data/app/pb_kits/playbook/props.rb

@@ -124,7 +124,7 @@ module Playbook
 
       def prop(name, type: Playbook::Props::String, **options)
         @props ||= {}
-        @props[name] = type.new(**options)
+        @props[name] = type.new(options.merge(name: name, kit: self))
 
         define_method(name) { prop(name) }
       end

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

@@ -5,11 +5,13 @@ module Playbook
     class Error < StandardError; end
 
     class Base
-      attr_reader :default, :required
+      attr_reader :default, :required, :name, :kit
 
-      def initialize(default: nil, required: false)
+      def initialize(default: nil, required: false, name:, kit:)
         @default = default
         @required = required
+        @name = name
+        @kit = kit
       end
 
       def value(value)
@@ -17,10 +19,10 @@ module Playbook
       end
 
       def validate!(input_value)
-        raise(Playbook::Props::Error, "#{inspect} is a required prop and needs to be provided a value") if required && input_value.nil?
+        raise(Playbook::Props::Error, "#{kit} prop '#{name}' of type #{inspect.class} is required and needs a value") if required && input_value.nil?
 
         validate(value(input_value)) ||
-          raise(Playbook::Props::Error, "Invalid value (#{input_value.inspect}) for prop (#{inspect})")
+          raise(Playbook::Props::Error, "#{kit} has invalid value of '#{input_value.inspect}' for prop '#{name}' of type #{inspect.class}")
       end
 
       def validate(_value)

data/lib/playbook/version.rb

@@ -1,4 +1,4 @@
 # frozen_string_literal: true
 module Playbook
-  VERSION = "7.1.2"
+  VERSION = "7.2.0"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.1.2
+  version: 7.2.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-15 00:00:00.000000000 Z
+date: 2020-10-16 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -530,6 +530,8 @@ files:
 - app/pb_kits/playbook/pb_caption/_caption.scss
 - app/pb_kits/playbook/pb_caption/_caption_mixin.scss
 - app/pb_kits/playbook/pb_caption/caption.rb
+- app/pb_kits/playbook/pb_caption/docs/_caption_block.html.erb
+- app/pb_kits/playbook/pb_caption/docs/_caption_block.jsx
 - app/pb_kits/playbook/pb_caption/docs/_caption_light.html.erb
 - app/pb_kits/playbook/pb_caption/docs/_caption_light.jsx
 - app/pb_kits/playbook/pb_caption/docs/_caption_variants.html.erb
@@ -1213,6 +1215,8 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_block_no_title_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_borderless_nav.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_borderless_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_default_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_default_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_description.md
@@ -1228,6 +1232,9 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_subtle_with_icons_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_with_icons_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_with_img_nav.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_with_img_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_with_img_nav.md
 - app/pb_kits/playbook/pb_nav/docs/example.yml
 - app/pb_kits/playbook/pb_nav/docs/index.js
 - app/pb_kits/playbook/pb_nav/item.rb
@@ -1374,6 +1381,7 @@ files:
 - app/pb_kits/playbook/pb_section_separator/_section_separator.html.erb
 - app/pb_kits/playbook/pb_section_separator/_section_separator.jsx
 - app/pb_kits/playbook/pb_section_separator/_section_separator.scss
+- app/pb_kits/playbook/pb_section_separator/_section_separator_mixin.scss
 - app/pb_kits/playbook/pb_section_separator/docs/_description.md
 - app/pb_kits/playbook/pb_section_separator/docs/_footer.md
 - app/pb_kits/playbook/pb_section_separator/docs/_section_separator_line.html.erb
@@ -1423,6 +1431,7 @@ files:
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_default.md
+- app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_options.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.html.erb
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.jsx
 - app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.md
@@ -1436,6 +1445,7 @@ files:
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx
+- app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_options.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.html.erb
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx
 - app/pb_kits/playbook/pb_selectable_card_icon/docs/example.yml
@@ -1446,6 +1456,7 @@ files:
 - app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.scss
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx
+- app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_options.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.html.erb
 - app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx
 - app/pb_kits/playbook/pb_selectable_icon/docs/example.yml