playbook_ui 7.10.0 → 7.12.1

data/app/pb_kits/playbook/pb_user/docs/_user_default.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { User } from '../../'
 
-const UserDefault = () => {
+const UserDefault = (props) => {
   return (
     <div className="pb--doc-demo-row">
 
@@ -13,6 +13,7 @@ const UserDefault = () => {
             orientation="vertical"
             size="lg"
             title="Remodeling Consultant"
+            {...props}
         />
       </div>
 
@@ -23,6 +24,7 @@ const UserDefault = () => {
             name="Anna Black"
             orientation="horizontal"
             title="Remodeling Consultant"
+            {...props}
         />
       </div>
 
@@ -32,6 +34,7 @@ const UserDefault = () => {
             avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
             name="Anna Black"
             orientation="horizontal"
+            {...props}
         />
 
         <br />
@@ -41,6 +44,7 @@ const UserDefault = () => {
             avatar
             name="Anna Black"
             orientation="horizontal"
+            {...props}
         />
       </div>
 

data/app/pb_kits/playbook/pb_user/docs/_user_size.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { User } from '../../'
 
-const UserDefault = () => {
+const UserDefault = (props) => {
   return (
     <div className="pb--doc-demo-row">
       <User
@@ -9,6 +9,7 @@ const UserDefault = () => {
           name="Anna Black"
           size="sm"
           title="Remodeling Consultant"
+          {...props}
       />
 
       <User
@@ -16,6 +17,7 @@ const UserDefault = () => {
           name="Anna Black"
           size="md"
           title="Remodeling Consultant"
+          {...props}
       />
 
       <User
@@ -23,6 +25,7 @@ const UserDefault = () => {
           name="Anna Black"
           size="lg"
           title="Remodeling Consultant"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_user/docs/_user_text_only.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { User } from '../../'
 
-const UserTextOnly = () => {
+const UserTextOnly = (props) => {
   return (
     <div className="pb--doc-demo-row">
       <User
@@ -10,12 +10,14 @@ const UserTextOnly = () => {
           orientation="horizontal"
           size="lg"
           title="Remodeling Consultant"
+          {...props}
       />
       <User
           align="left"
           name="Anna Black"
           orientation="horizontal"
           title="Remodeling Consultant"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_user/docs/_user_vertical_size.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { User } from '../../'
 
-const UserVerticalSize = () => {
+const UserVerticalSize = (props) => {
   return (
     <div>
       <User
@@ -11,6 +11,7 @@ const UserVerticalSize = () => {
           orientation="vertical"
           size="sm"
           title="Remodeling Consultant"
+          {...props}
       />
       <br />
       <br />
@@ -21,6 +22,7 @@ const UserVerticalSize = () => {
           orientation="vertical"
           size="md"
           title="Remodeling Consultant"
+          {...props}
       />
       <br />
       <br />
@@ -31,6 +33,7 @@ const UserVerticalSize = () => {
           orientation="vertical"
           size="lg"
           title="Remodeling Consultant"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_user/docs/_user_with_territory.jsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import { User } from '../../'
 
-const UserWithTerritory = () => {
+const UserWithTerritory = (props) => {
   return (
     <div className="pb--doc-demo-row">
 
@@ -14,6 +14,7 @@ const UserWithTerritory = () => {
             size="lg"
             territory="PHL"
             title="Remodeling Consultant"
+            {...props}
         />
       </div>
 
@@ -25,6 +26,7 @@ const UserWithTerritory = () => {
             orientation="horizontal"
             territory="PHL"
             title="Remodeling Consultant"
+            {...props}
         />
       </div>
 
@@ -36,6 +38,7 @@ const UserWithTerritory = () => {
             size="sm"
             territory="PHL"
             title="Remodeling Consultant"
+            {...props}
         />
 
         <br />
@@ -47,6 +50,7 @@ const UserWithTerritory = () => {
             size="lg"
             territory="PHL"
             title="Remodeling Consultant"
+            {...props}
         />
       </div>
 

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_compact.jsx

@@ -3,21 +3,24 @@ import {
   WeekdayStacked,
 } from '../../'
 
-const WeekdayStackedCompact = () => (
+const WeekdayStackedCompact = (props) => (
   <div>
     <WeekdayStacked
         compact
         variant="day_only"
+        {...props}
     />
     <WeekdayStacked
         align="center"
         compact
         variant="month_day"
+        {...props}
     />
     <WeekdayStacked
         align="right"
         compact
         variant="expanded"
+        {...props}
     />
   </div>
 )

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_default.jsx

@@ -3,11 +3,20 @@ import {
   WeekdayStacked,
 } from '../../'
 
-const WeekdayStackedDefault = () => (
+const WeekdayStackedDefault = (props) => (
   <div>
-    <WeekdayStacked className="test" />
-    <WeekdayStacked align="center" />
-    <WeekdayStacked align="right" />
+    <WeekdayStacked
+        className="test"
+        {...props}
+    />
+    <WeekdayStacked
+        align="center"
+        {...props}
+    />
+    <WeekdayStacked
+        align="right"
+        {...props}
+    />
   </div>
 )
 

data/app/pb_kits/playbook/pb_weekday_stacked/docs/_weekday_stacked_variant.jsx

@@ -3,18 +3,21 @@ import {
   WeekdayStacked,
 } from '../../'
 
-const WeekdayStackedVariant = () => (
+const WeekdayStackedVariant = (props) => (
   <div>
     <WeekdayStacked
         variant="day_only"
+        {...props}
     />
     <WeekdayStacked
         align="center"
         variant="month_day"
+        {...props}
     />
     <WeekdayStacked
         align="right"
         variant="expanded"
+        {...props}
     />
   </div>
 )

data/lib/playbook.rb

@@ -1,9 +1,13 @@
 # frozen_string_literal: true
 
 require "sassc-rails"
+require "slim-rails"
 require "webpacker"
+require "webpacker/react"
+
 require "playbook/props"
-require "playbook/engine"
+require "playbook/version"
+require "playbook/engine" if defined?(Rails)
 
 module Playbook
   ROOT_PATH = Pathname.new(File.join(__dir__, ".."))
@@ -11,22 +15,6 @@ module Playbook
   class ConflictingPropsError < StandardError; end
   class MissingPropError < StandardError; end
 
-  # @return [Boolean] indication of whether the request is a web view within Nitro Mobile
-  def self.web_page_within_mobile_app?(request)
-    request.user_agent.try(:downcase) =~ /^nitro/
-  end
-
-  # @return [String] the digest value for assets managed by the asset pipeline
-  def self.assets_digest
-    @assets_digest ||= begin
-      if ActionView::Base.respond_to?(:asset_manifest) # Rails 4
-        Digest::MD5.hexdigest(ActionView::Base.assets_manifest.assets.values.sort.join)
-      elsif Rails.configuration.assets.digests.present? # Rails 3
-        Digest::MD5.hexdigest(Rails.configuration.assets.digests.try(:values).sort.join)
-      end
-    end
-  end
-
   class << self
     def webpacker
       @webpacker ||= ::Webpacker::Instance.new(

data/lib/playbook/engine.rb

@@ -1,5 +1,4 @@
 # frozen_string_literal: true
-
 require "sassc-rails"
 require "slim-rails"
 

data/lib/playbook/props/base.rb

@@ -5,10 +5,11 @@ module Playbook
     class Error < StandardError; end
 
     class Base
-      attr_reader :default, :required, :name, :kit
+      attr_reader :default, :deprecated, :required, :name, :kit
 
-      def initialize(default: nil, required: false, name:, kit:)
+      def initialize(default: nil, deprecated: false, required: false, name:, kit:)
         @default = default
+        @deprecated = deprecated
         @required = required
         @name = name
         @kit = kit
@@ -19,6 +20,8 @@ module Playbook
       end
 
       def validate!(input_value)
+        warn("#{kit} Kit: The prop '#{name}' is deprecated and will be removed in a future release!") if deprecated #TODO: add some color for pop
+
         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)) ||
@@ -28,6 +31,19 @@ module Playbook
       def validate(_value)
         true
       end
+
+    private
+
+      def warn(message)
+        log("Prop Warning: #{message}")
+      end
+
+      def log(message)
+        logger = ActiveSupport::Logger.new(STDOUT)
+        log_formatter = ::Logger::Formatter.new
+        @logger ||= ActiveSupport::TaggedLogging.new(logger)
+        @logger.log(0, message)
+      end
     end
   end
-end
+end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "7.10.0"
+  VERSION = "7.12.1"
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.10.0
+  version: 7.12.1
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-12-11 00:00:00.000000000 Z
+date: 2021-01-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -408,7 +408,6 @@ files:
 - app/assets/images/pb.logo.svg
 - app/controllers/playbook/application_controller.rb
 - app/helpers/playbook/application_helper.rb
-- app/helpers/playbook/layout_helper.rb
 - app/helpers/playbook/pb_doc_helper.rb
 - app/helpers/playbook/pb_kit_helper.rb
 - app/helpers/playbook/pb_sample_helper.rb
@@ -710,6 +709,7 @@ files:
 - app/pb_kits/playbook/pb_date_picker/_date_picker.scss
 - app/pb_kits/playbook/pb_date_picker/date_picker.rb
 - app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
@@ -719,6 +719,8 @@ files:
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.html.erb
+- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx
 - app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md
@@ -858,8 +860,14 @@ files:
 - app/pb_kits/playbook/pb_filter/docs/_description.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
+- app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md
+- app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb
+- app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx
+- app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md
 - app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb
 - app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx
 - app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
@@ -1302,6 +1310,8 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_description.md
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
+- app/pb_kits/playbook/pb_nav/docs/_new_tab.html.erb
+- app/pb_kits/playbook/pb_nav/docs/_new_tab.jsx
 - app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.html.erb
@@ -1462,6 +1472,7 @@ files:
 - app/pb_kits/playbook/pb_radio/docs/example.yml
 - app/pb_kits/playbook/pb_radio/docs/index.js
 - app/pb_kits/playbook/pb_radio/radio.rb
+- app/pb_kits/playbook/pb_radio/radio.test.js
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
@@ -1470,6 +1481,8 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
@@ -1523,6 +1536,7 @@ files:
 - app/pb_kits/playbook/pb_select/docs/example.yml
 - app/pb_kits/playbook/pb_select/docs/index.js
 - app/pb_kits/playbook/pb_select/select.rb
+- app/pb_kits/playbook/pb_select/select.test.js
 - app/pb_kits/playbook/pb_selectable_card/_selectable_card.html.erb
 - app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx
 - app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss
@@ -1724,12 +1738,15 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/example.yml
 - app/pb_kits/playbook/pb_text_input/docs/index.js
 - app/pb_kits/playbook/pb_text_input/text_input.rb
+- app/pb_kits/playbook/pb_text_input/text_input.test.js
 - app/pb_kits/playbook/pb_textarea/_textarea.html.erb
 - app/pb_kits/playbook/pb_textarea/_textarea.jsx
 - app/pb_kits/playbook/pb_textarea/_textarea.scss
 - app/pb_kits/playbook/pb_textarea/_textarea_mixin.scss
 - app/pb_kits/playbook/pb_textarea/docs/_description.md
 - app/pb_kits/playbook/pb_textarea/docs/_footer.md
+- app/pb_kits/playbook/pb_textarea/docs/_textarea_character_counter.html.erb
+- app/pb_kits/playbook/pb_textarea/docs/_textarea_character_counter.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.html.erb
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_custom.jsx
 - app/pb_kits/playbook/pb_textarea/docs/_textarea_default.html.erb
@@ -1877,7 +1894,10 @@ files:
 - app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb
 - app/pb_kits/playbook/pb_tooltip/_tooltip.scss
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.md
 - app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb
+- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
 - app/pb_kits/playbook/pb_tooltip/docs/example.yml
 - app/pb_kits/playbook/pb_tooltip/index.js
 - app/pb_kits/playbook/pb_tooltip/tooltip.rb
@@ -2020,7 +2040,8 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubyforge_project:
+rubygems_version: 2.7.3
 signing_key:
 specification_version: 4
 summary: Playbook Design System