playbook_ui 9.9.0.alpha.inline1 → 9.10.0

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

@@ -5,8 +5,6 @@ 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
@@ -14,5 +12,3 @@ 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,7 +1,5 @@
-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 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'

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 + object.inline_class) do %>
+                class: object.classname) 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,21 +8,12 @@ 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
@@ -31,10 +22,6 @@ module Playbook
         generate_classname("pb_typeahead_kit")
       end
 
-      def inline_class
-        inline ? " inline" : ""
-      end
-
       def data
         Hash(values[:data]).merge(
           pb_typeahead_kit: true,
@@ -48,14 +35,11 @@ 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/version.rb

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

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 9.9.0.alpha.inline1
+  version: 9.10.0
 platform: ruby
 authors:
 - Power UX
@@ -9,7 +9,7 @@ authors:
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2021-04-22 00:00:00.000000000 Z
+date: 2021-04-30 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -1021,8 +1021,6 @@ 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
@@ -1542,8 +1540,6 @@ 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
@@ -1552,8 +1548,6 @@ 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
@@ -1809,8 +1803,6 @@ 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
@@ -1988,10 +1980,6 @@ 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
@@ -2146,11 +2134,12 @@ required_ruby_version: !ruby/object:Gem::Requirement
       version: '0'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
-  - - ">"
+  - - ">="
     - !ruby/object:Gem::Version
-      version: 1.3.1
+      version: '0'
 requirements: []
-rubygems_version: 3.1.4
+rubyforge_project:
+rubygems_version: 2.7.3
 signing_key:
 specification_version: 4
 summary: Playbook Design System

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.html.erb

@@ -1,13 +0,0 @@
-<%= pb_rails("form_pill", props: {
-   name: "Anna Black",
-   avatar_url: "https://randomuser.me/api/portraits/women/44.jpg",
-   size: "small",
-}) %>
-
-<br />
-<br />
-
-<%= pb_rails("form_pill", props: {
-   name: "Anna Black",
-   size: "small",
-}) %>

data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx

@@ -1,25 +0,0 @@
-import React from 'react'
-import FormPill from '../_form_pill.jsx'
-
-const FormPillSize = (props) => {
-  return (
-
-    <div>
-      <FormPill
-          avatarUrl="https://randomuser.me/api/portraits/women/44.jpg"
-          name="Anna Black"
-          size="small"
-          {...props}
-      />
-      <br />
-      <br />
-      <FormPill
-          name="Anna Black"
-          size="small"
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default FormPillSize

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb

@@ -1,6 +0,0 @@
-<%= pb_rails("rich_text_editor", props: {
-  id: "inline",
-  inline: true,
-  toolbar_bottom: true,
-  value: "Try hovering over this text. Then try modifying it or adding more of your own text."
-}) %>

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx

@@ -1,16 +0,0 @@
-import React from 'react'
-import { RichTextEditor } from '../../'
-
-const RichTextEditorInline = (props) => (
-  <div>
-    <RichTextEditor
-        id="inline"
-        inline
-        toolbarBottom
-        value="Try hovering over this text. Then try modifying it or adding more of your own text."
-        {...props}
-    />
-  </div>
-)
-
-export default RichTextEditorInline

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb

@@ -1,4 +0,0 @@
-<%= pb_rails("rich_text_editor", props: {
-  id: "toolbar-bottom",
-  toolbar_bottom: true
-}) %>

data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx

@@ -1,14 +0,0 @@
-import React from 'react'
-import { RichTextEditor } from '../../'
-
-const RichTextEditorToolbarBottom = (props) => (
-  <div>
-    <RichTextEditor
-        id="bottom-toolbar"
-        toolbarBottom
-        {...props}
-    />
-  </div>
-)
-
-export default RichTextEditorToolbarBottom

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb

@@ -1,5 +0,0 @@
-<%= pb_rails("text_input", props: {
-  inline: true,
-  label: "Hover Over Text Below",
-  value: "Inline Input"
-}) %>

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx

@@ -1,22 +0,0 @@
-import React, { useState } from 'react'
-import { TextInput } from '../../'
-
-const TextInputInline = (props) => {
-  const [value, setValue] = useState('Inline Input')
-  const handleValueChange = ({ target }) => {
-    setValue(target.value)
-  }
-  return (
-    <div>
-      <TextInput
-          inline
-          label="Hover Over Text Below"
-          onChange={handleValueChange}
-          value={value}
-          {...props}
-      />
-    </div>
-  )
-}
-
-export default TextInputInline

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

@@ -1,36 +0,0 @@
-<%
-  synths = [
-    { label: 'Oberheim', value: 'OBXa' },
-    { label: 'Moog', value: 'Minimoog' },
-    { label: 'Roland', value: 'Juno' },
-    { label: 'Korg', value: 'MS-20' },
-  ]
-%>
-<%
-  cities = [
-    { label: 'Budapest', value: 'Hungary' },
-    { label: 'Singapore', value: 'Singapore' },
-    { label: 'Oslo', value: 'Norway' },
-    { label: 'Lagos', value: 'Nigeria' },
-  ]
-%>
-
-<%= pb_rails("typeahead", props: {
-  default_options: [synths.first],
-  id: "typeahead-inline-example1",
-  inline: true,
-  options: synths,
-  label: "Synths",
-  placeholder: "Add synths",
-  pills: true
-}) %>
-
-<%= pb_rails("typeahead", props: {
-  id: "typeahead-inline-example2",
-  inline: true,
-  options: cities,
-  label: "Cities",
-  pills: true,
-  placeholder: "Add cities",
-  plus_icon: true
-}) %>

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

@@ -1,43 +0,0 @@
-// @flow
-
-import React from 'react'
-import { Typeahead } from '../../'
-
-const synths = [
-  { label: 'Oberheim', value: 'OBXa' },
-  { label: 'Moog', value: 'Minimoog' },
-  { label: 'Roland', value: 'Juno' },
-  { label: 'Korg', value: 'MS-20' },
-]
-
-const cities = [
-  { label: 'Budapest', value: 'Hungary' },
-  { label: 'Singapore', value: 'Singapore' },
-  { label: 'Oslo', value: 'Norway' },
-  { label: 'Lagos', value: 'Nigeria' },
-]
-
-const TypeaheadInline = (props) => {
-  return (
-    <>
-      <Typeahead
-          inline
-          isMulti
-          label="Synths"
-          options={synths}
-          {...props}
-      />
-      <Typeahead
-          inline
-          isMulti
-          label="Placeholder Plus Icon"
-          options={cities}
-          placeholder="Add cities"
-          plusIcon
-          {...props}
-      />
-    </>
-  )
-}
-
-export default TypeaheadInline

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

@@ -1,35 +0,0 @@
-<%
-  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

@@ -1,44 +0,0 @@
-// @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