playbook_ui 9.11.0 → 9.14.1.alpha.radio.alignment

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

@@ -0,0 +1,35 @@
+<%
+  labels = [
+    { label: 'Verve', value: '1956' },
+    { label: 'Stax', value: '1957' },
+    { label: 'Motown', value: '1959' },
+    { label: 'Kudu', value: '1971' },
+    { label: 'Stones Throw', value: '1996' },
+  ]
+%>
+<%
+  expressionists = [
+    { label: 'Kandinsky', value: 'Russia' },
+    { label: 'Klee', value: 'Switzerland' },
+    { label: 'Kokoschka', value: 'Austria' },
+    { label: 'Kirchner', value: 'Germany' },
+  ]
+%>
+
+<%= pb_rails("typeahead", props: {
+  default_options: [labels.first],
+  id: "typeahead-multi-kit-example1",
+  options: labels,
+  label: "Badges",
+  multi_kit: "badge",
+  pills: true
+}) %>
+
+<%= pb_rails("typeahead", props: {
+  default_options: [expressionists.first],
+  id: "typeahead-multi-kit-example2",
+  options: expressionists,
+  label: "Small Pills",
+  multi_kit: "smallPill",
+  pills: true,
+}) %>

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx

@@ -0,0 +1,44 @@
+// @flow
+
+import React from 'react'
+import { Typeahead } from '../../'
+
+const labels = [
+  { label: 'Verve', value: '1956' },
+  { label: 'Stax', value: '1957' },
+  { label: 'Motown', value: '1959' },
+  { label: 'Kudu', value: '1971' },
+  { label: 'Stones Throw', value: '1996' },
+]
+
+const expressionists = [
+  { label: 'Kandinsky', value: 'Russia' },
+  { label: 'Klee', value: 'Switzerland' },
+  { label: 'Kokoschka', value: 'Austria' },
+  { label: 'Kirchner', value: 'Germany' },
+]
+
+const TypeaheadMultiKit = (props) => {
+  return (
+    <>
+      <Typeahead
+          defaultValue={[labels[0]]}
+          isMulti
+          label="Badges"
+          multiKit="badge"
+          options={labels}
+          {...props}
+      />
+      <Typeahead
+          defaultValue={[expressionists[0]]}
+          isMulti
+          label="Small Pills"
+          multiKit="smallPill"
+          options={expressionists}
+          {...props}
+      />
+    </>
+  )
+}
+
+export default TypeaheadMultiKit

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,6 @@ 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
+    - typeahead_createable: Createable

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

@@ -1,5 +1,8 @@
-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'
+export { default as TypeaheadCreateable } from './_typeahead_createable.jsx'

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

@@ -4,7 +4,7 @@
   <%= 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>
         <%= pb_rails("icon", props: {

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

@@ -8,12 +8,21 @@ module Playbook
       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 :pills, type: Playbook::Props::Boolean, default: false
+      prop :options, type: Playbook::Props::HashArray,
+                     default: []
+      prop :pills, type: Playbook::Props::Boolean,
+                   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
@@ -22,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,
@@ -35,11 +48,14 @@ 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?

data/lib/playbook/props.rb

@@ -17,6 +17,7 @@ require_relative "./props/numeric"
 require_relative "./props/percentage"
 require_relative "./props/proc"
 require_relative "./props/string"
+require_relative "./props/nested_props"
 
 module Playbook
   module Props

data/lib/playbook/props/nested_props.rb

@@ -0,0 +1,23 @@
+# frozen_string_literal: true
+
+module Playbook
+  module Props
+    class NestedProps < Playbook::Props::Base
+      def initialize(nested_kit:, **kwargs)
+        super **kwargs
+        @nested_kit = nested_kit
+      end
+
+      def validate(values)
+        return true if values.nil?
+
+        @nested_kit.props.each do |prop_key, definition|
+          definition.validate! definition.value(values[prop_key])
+        end
+        true
+      rescue Playbook::Props::Error
+        false
+      end
+    end
+  end
+end

data/lib/playbook/version.rb

@@ -1,5 +1,6 @@
 # frozen_string_literal: true
 
 module Playbook
-  VERSION = "9.11.0"
+  PREVIOUS_VERSION = "9.13.0"
+  VERSION = "9.14.1.alpha.radio.alignment"
 end

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 9.11.0
+  version: 9.14.1.alpha.radio.alignment
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-05-04 00:00:00.000000000 Z
+date: 2021-05-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -299,22 +299,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: rubocop
   requirement: !ruby/object:Gem::Requirement
@@ -516,6 +516,19 @@ files:
 - app/pb_kits/playbook/pb_body/docs/_footer.md
 - app/pb_kits/playbook/pb_body/docs/example.yml
 - app/pb_kits/playbook/pb_body/docs/index.js
+- app/pb_kits/playbook/pb_bread_crumbs/_bread_crumb_item.jsx
+- app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.jsx
+- app/pb_kits/playbook/pb_bread_crumbs/_bread_crumbs.scss
+- app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.html.erb
+- app/pb_kits/playbook/pb_bread_crumbs/bread_crumb_item.rb
+- app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.html.erb
+- app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.rb
+- app/pb_kits/playbook/pb_bread_crumbs/bread_crumbs.test.js
+- app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.html.erb
+- app/pb_kits/playbook/pb_bread_crumbs/docs/_bread_crumbs_default.jsx
+- app/pb_kits/playbook/pb_bread_crumbs/docs/_description.md
+- app/pb_kits/playbook/pb_bread_crumbs/docs/example.yml
+- app/pb_kits/playbook/pb_bread_crumbs/docs/index.js
 - app/pb_kits/playbook/pb_button/_button.jsx
 - app/pb_kits/playbook/pb_button/_button.scss
 - app/pb_kits/playbook/pb_button/_button_mixins.scss
@@ -809,6 +822,8 @@ files:
 - app/pb_kits/playbook/pb_date_stacked/date_stacked.rb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_align.jsx
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.html.erb
+- app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_bold.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_stacked/docs/_date_stacked_not_current_year.html.erb
@@ -838,6 +853,7 @@ files:
 - app/pb_kits/playbook/pb_date_time_stacked/_date_time_stacked.scss
 - app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.html.erb
 - app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.rb
+- app/pb_kits/playbook/pb_date_time_stacked/date_time_stacked.test.js
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.html.erb
 - app/pb_kits/playbook/pb_date_time_stacked/docs/_date_time_stacked_default.jsx
 - app/pb_kits/playbook/pb_date_time_stacked/docs/example.yml
@@ -1021,6 +1037,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
@@ -1518,6 +1536,8 @@ files:
 - app/pb_kits/playbook/pb_radio/_radio.scss
 - app/pb_kits/playbook/pb_radio/docs/_description.md
 - app/pb_kits/playbook/pb_radio/docs/_footer.md
+- app/pb_kits/playbook/pb_radio/docs/_radio_alignment.html.erb
+- app/pb_kits/playbook/pb_radio/docs/_radio_alignment.jsx
 - app/pb_kits/playbook/pb_radio/docs/_radio_custom.html.erb
 - app/pb_kits/playbook/pb_radio/docs/_radio_custom.jsx
 - app/pb_kits/playbook/pb_radio/docs/_radio_default.html.erb
@@ -1540,6 +1560,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
@@ -1548,6 +1570,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
@@ -1792,8 +1816,12 @@ files:
 - app/pb_kits/playbook/pb_table/table_row.rb
 - app/pb_kits/playbook/pb_text_input/_text_input.jsx
 - app/pb_kits/playbook/pb_text_input/_text_input.scss
+- app/pb_kits/playbook/pb_text_input/add_on.html.erb
+- app/pb_kits/playbook/pb_text_input/add_on.rb
 - app/pb_kits/playbook/pb_text_input/docs/_description.md
 - app/pb_kits/playbook/pb_text_input/docs/_footer.md
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.html.erb
+- app/pb_kits/playbook/pb_text_input/docs/_text_input_add_on.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.html.erb
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx
 - app/pb_kits/playbook/pb_text_input/docs/_text_input_default.html.erb
@@ -1803,6 +1831,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
@@ -1978,8 +2008,13 @@ files:
 - app/pb_kits/playbook/pb_typeahead/components/ValueContainer.jsx
 - app/pb_kits/playbook/pb_typeahead/docs/_description.md
 - app/pb_kits/playbook/pb_typeahead/docs/_footer.md
+- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx
 - 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
@@ -2109,6 +2144,7 @@ files:
 - lib/playbook/props/enum.rb
 - lib/playbook/props/hash.rb
 - lib/playbook/props/hash_array.rb
+- lib/playbook/props/nested_props.rb
 - lib/playbook/props/number.rb
 - lib/playbook/props/number_array.rb
 - lib/playbook/props/numeric.rb
@@ -2123,7 +2159,7 @@ homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2134,12 +2170,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: []