playbook_ui 9.6.1 → 9.9.0.alpha.inline1

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

@@ -5,6 +5,8 @@ examples:
     - typeahead_with_pills: With Pills
     - typeahead_with_pills_async: With Pills (Async Data)
     - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
+    - typeahead_inline: Inline
+    - typeahead_multi_kit: Multi Kit Options
 
   react:
     - typeahead_default: Default
@@ -12,3 +14,5 @@ examples:
     - typeahead_with_pills_async: With Pills (Async Data)
     - typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
     - typeahead_with_pills_async_custom_options: With Pills (Async Data w/ Custom Options)
+    - typeahead_inline: Inline
+    - typeahead_multi_kit: Multi Kit Options

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

@@ -1,5 +1,7 @@
-export { default as TypeaheadDefault } from './_typeahead_default'
-export { default as TypeaheadWithPills } from './_typeahead_with_pills'
-export { default as TypeaheadWithPillsAsync } from './_typeahead_with_pills_async'
-export { default as TypeaheadWithPillsAsyncUsers } from './_typeahead_with_pills_async_users'
-export { default as TypeaheadWithPillsAsyncCustomOptions } from './_typeahead_with_pills_async_custom_options'
+export { default as TypeaheadDefault } from './_typeahead_default.jsx'
+export { default as TypeaheadWithPills } from './_typeahead_with_pills.jsx'
+export { default as TypeaheadWithPillsAsync } from './_typeahead_with_pills_async.jsx'
+export { default as TypeaheadWithPillsAsyncUsers } from './_typeahead_with_pills_async_users.jsx'
+export { default as TypeaheadWithPillsAsyncCustomOptions } from './_typeahead_with_pills_async_custom_options.jsx'
+export { default as TypeaheadInline } from './_typeahead_inline.jsx'
+export { default as TypeaheadMultiKit } from './_typeahead_multi_kit.jsx'

data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb

@@ -4,10 +4,14 @@
   <%= content_tag(:div,
                 id: object.id,
                 data: object.data,
-                class: object.classname) do %>
+                class: object.classname + object.inline_class) do %>
     <div class="pb_typeahead_wrapper">
       <div class="pb_typeahead_loading_indicator" data-pb-typeahead-kit-loading-indicator>
-        <i class="far fa-spinner fa-spin"></i>
+        <%= pb_rails("icon", props: {
+          icon: "spinner",
+          pulse: true,
+          fixed_width: true,
+        }) %>
       </div>
       <%= pb_rails("text_input", props: {
         type: "search",

data/app/pb_kits/playbook/pb_typeahead/typeahead.rb

@@ -3,20 +3,26 @@
 module Playbook
   module PbTypeahead
     class Typeahead < Playbook::KitBase
-      prop :async, type: Playbook::Props::Boolean,
-                    default: false
+      prop :async, type: Playbook::Props::Boolean, default: false
       prop :default_options, type: Playbook::Props::HashArray, default: []
       prop :get_option_label
       prop :get_option_value
       prop :id
+      prop :inline, type: Playbook::Props::Boolean,
+                    default: false
       prop :label
       prop :load_options
+      prop :multi_kit, type: Playbook::Props::String,
+                       default: ""
       prop :name
-      prop :options, type: Playbook::Props::HashArray, default: []
+      prop :options, type: Playbook::Props::HashArray,
+                     default: []
       prop :pills, type: Playbook::Props::Boolean,
-                    default: false
+                   default: false
 
       prop :placeholder
+      prop :plus_icon, type: Playbook::Props::Boolean,
+                       default: false
       prop :search_term_minimum_length, default: 3
       prop :search_debounce_timeout, default: 250
       prop :value
@@ -25,6 +31,10 @@ module Playbook
         generate_classname("pb_typeahead_kit")
       end
 
+      def inline_class
+        inline ? " inline" : ""
+      end
+
       def data
         Hash(values[:data]).merge(
           pb_typeahead_kit: true,
@@ -38,21 +48,19 @@ module Playbook
           dark: dark,
           defaultValue: default_options,
           id: id,
+          inline: inline,
           isMulti: true,
           label: label,
+          multiKit: multi_kit,
           name: name,
           options: options,
           placeholder: placeholder,
+          plusIcon: plus_icon,
         }
 
-        base_options.merge!({getOptionLabel: get_option_label}) if get_option_label.present?
-        base_options.merge!({getOptionValue: get_option_value}) if get_option_value.present?
-
-        base_options.merge!({
-          async: true,
-          loadOptions: load_options,
-        }) if async
-
+        base_options.merge!({ getOptionLabel: get_option_label }) if get_option_label.present?
+        base_options.merge!({ getOptionValue: get_option_value }) if get_option_value.present?
+        base_options.merge!({ async: true, loadOptions: load_options }) if async
         base_options
       end
     end

data/lib/playbook/version.rb

@@ -1,5 +1,5 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "9.6.1"
+  VERSION = "9.9.0.alpha.inline1"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 9.6.1
+  version: 9.9.0.alpha.inline1
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-04-16 00:00:00.000000000 Z
+date: 2021-04-22 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -285,22 +285,22 @@ dependencies:
   name: rspec-rails
   requirement: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 3.8.0
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.8.0
   type: :development
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 3.8.0
     - - "~>"
       - !ruby/object:Gem::Version
         version: '3.8'
+    - - ">="
+      - !ruby/object:Gem::Version
+        version: 3.8.0
 - !ruby/object:Gem::Dependency
   name: rspec-html-matchers
   requirement: !ruby/object:Gem::Requirement
@@ -1004,6 +1004,9 @@ files:
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_date_picker.jsx
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_default.html.erb
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_default.jsx
+- app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.html.erb
+- app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.jsx
+- app/pb_kits/playbook/pb_form_group/docs/_form_group_full_width.md
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_select.html.erb
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_select.jsx
 - app/pb_kits/playbook/pb_form_group/docs/_form_group_selectable_card.html.erb
@@ -1018,6 +1021,8 @@ files:
 - app/pb_kits/playbook/pb_form_group/form_group.rb
 - app/pb_kits/playbook/pb_form_pill/_form_pill.jsx
 - app/pb_kits/playbook/pb_form_pill/_form_pill.scss
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.html.erb
+- app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.html.erb
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_tag.jsx
 - app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb
@@ -1380,6 +1385,9 @@ files:
 - app/pb_kits/playbook/pb_online_status/online_status.rb
 - app/pb_kits/playbook/pb_passphrase/_passphrase.jsx
 - app/pb_kits/playbook/pb_passphrase/_passphrase.scss
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.html.erb
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.jsx
+- app/pb_kits/playbook/pb_passphrase/docs/_passphrase_breached.md
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_common.jsx
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.html.erb
 - app/pb_kits/playbook/pb_passphrase/docs/_passphrase_default.jsx
@@ -1401,6 +1409,8 @@ files:
 - app/pb_kits/playbook/pb_passphrase/passphrase.rb
 - app/pb_kits/playbook/pb_passphrase/passphrase.test.jsx
 - app/pb_kits/playbook/pb_passphrase/passwordStrength.js
+- app/pb_kits/playbook/pb_passphrase/useHaveIBeenPwned.js
+- app/pb_kits/playbook/pb_passphrase/useZxcvbn.js
 - app/pb_kits/playbook/pb_person/_person.jsx
 - app/pb_kits/playbook/pb_person/_person.scss
 - app/pb_kits/playbook/pb_person/docs/_description.md
@@ -1532,6 +1542,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_inline.html.erb
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.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
@@ -1540,6 +1552,8 @@ files:
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.html.erb
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_templates.jsx
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb
+- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx
 - app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml
 - app/pb_kits/playbook/pb_rich_text_editor/docs/index.js
 - app/pb_kits/playbook/pb_rich_text_editor/docs/templates.js
@@ -1795,6 +1809,8 @@ files:
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_error.md
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx
 - 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.html.erb
@@ -1972,6 +1988,10 @@ files:
 - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.html.erb
 - app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
@@ -2115,7 +2135,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2126,12 +2146,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">="
+  - - ">"
     - !ruby/object:Gem::Version
-      version: '0'
+      version: 1.3.1
 requirements: []
-rubygems_version: 3.0.3
-signing_key: 
+rubygems_version: 3.1.4
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []