playbook_ui 7.8.1 → 7.10.0

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

@@ -20,8 +20,8 @@ import {
 const filterResults = (results) =>
   results.items.map((result) => {
     return {
-      label: result.login,
-      value: result.id,
+      name: result.login,
+      id: result.id,
     }
   })
 
@@ -71,6 +71,8 @@ const TypeaheadWithPillsAsync = () => {
       </If>
       <Typeahead
           async
+          getOptionLabel={(option) => option.name}
+          getOptionValue={(option) => option.id}
           isMulti
           label="Github Users"
           loadOptions={promiseOptions}

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md

@@ -4,8 +4,16 @@
 
 The prop `load_options`, when used in conjunction with `async: true` and `pills: true`, points to a JavaScript function located within the global window namespace. This function should return a `Promise` which resolves with the list of formatted options as described in prior examples above. This function is identical to the function provided to the React version of this kit. See the code example for more details.
 
-#### React: `loadOptions`
+#### React
+
+##### `loadOptions`
 
 **Additional required props: ** `async: true`
 
-[As outlined in the react-select Async docs](https://react-select.com/async), `loadOptions` expects to return a Promise that resolves resolves with the list of formatted options as described in prior examples above. See the code example for more details.
+[As outlined in the react-select Async docs](https://react-select.com/async), `loadOptions` expects to return a Promise that resolves resolves with the list of formatted options as described in prior examples above. See the code example for more details.
+
+##### `getOptionLabel` + `getOptionValue`
+
+If your server returns data that requires differing field names other than `label` and `value`
+
+See `react-select` docs for more information: https://react-select.com/advanced#replacing-builtins

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

@@ -8,6 +8,8 @@ module Playbook
       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 :label
       prop :load_options
@@ -45,6 +47,9 @@ module Playbook
           placeholder: placeholder
         }
 
+        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,

data/app/pb_kits/playbook/react_rails_kits.js

@@ -5,3 +5,4 @@ export { default as Legend } from './pb_legend/_legend.jsx'
 export { default as LineGraph } from './pb_line_graph/_line_graph.jsx'
 export { default as Typeahead } from './pb_typeahead/_typeahead.jsx'
 export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor.jsx'
+export { KitSearch, SnippetToggle, DarkModeToggle } from './docs_components'

data/lib/playbook.rb

@@ -2,6 +2,7 @@
 
 require "sassc-rails"
 require "webpacker"
+require "playbook/props"
 require "playbook/engine"
 
 module Playbook

data/lib/playbook/version.rb

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

metadata

@@ -1,15 +1,15 @@
 --- !ruby/object:Gem::Specification
 name: playbook_ui
 version: !ruby/object:Gem::Version
-  version: 7.8.1
+  version: 7.10.0
 platform: ruby
 authors:
 - Power UX
 - Power Devs
-autorequire: 
+autorequire:
 bindir: bin
 cert_chain: []
-date: 2020-11-25 00:00:00.000000000 Z
+date: 2020-12-11 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: actionpack
@@ -664,12 +664,14 @@ files:
 - app/pb_kits/playbook/pb_currency/_currency.jsx
 - app/pb_kits/playbook/pb_currency/_currency.scss
 - app/pb_kits/playbook/pb_currency/currency.rb
-- app/pb_kits/playbook/pb_currency/docs/_currency_large.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_large.jsx
-- app/pb_kits/playbook/pb_currency/docs/_currency_medium.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_medium.jsx
-- app/pb_kits/playbook/pb_currency/docs/_currency_small.html.erb
-- app/pb_kits/playbook/pb_currency/docs/_currency_small.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
+- app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb
+- app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx
 - app/pb_kits/playbook/pb_currency/docs/_description.md
 - app/pb_kits/playbook/pb_currency/docs/example.yml
 - app/pb_kits/playbook/pb_currency/docs/index.js
@@ -1287,6 +1289,7 @@ files:
 - app/pb_kits/playbook/pb_nav/_nav.html.erb
 - app/pb_kits/playbook/pb_nav/_nav.jsx
 - app/pb_kits/playbook/pb_nav/_nav.scss
+- app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
 - app/pb_kits/playbook/pb_nav/_vertical_nav.scss
 - app/pb_kits/playbook/pb_nav/docs/_block_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx
@@ -1301,6 +1304,8 @@ files:
 - app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.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
+- app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_subtle_nav.html.erb
 - app/pb_kits/playbook/pb_nav/docs/_subtle_nav.jsx
 - app/pb_kits/playbook/pb_nav/docs/_subtle_no_highlight_nav.html.erb
@@ -1460,6 +1465,7 @@ files:
 - 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
+- app/pb_kits/playbook/pb_rich_text_editor/_trix_styles.scss
 - app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.html.erb
 - 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
@@ -1605,6 +1611,11 @@ files:
 - app/pb_kits/playbook/pb_stat_change/docs/_description.md
 - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb
 - app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.html.erb
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.html.erb
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx
+- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.md
 - app/pb_kits/playbook/pb_stat_change/docs/example.yml
 - app/pb_kits/playbook/pb_stat_change/docs/index.js
 - app/pb_kits/playbook/pb_stat_change/stat_change.rb
@@ -1680,14 +1691,15 @@ files:
 - app/pb_kits/playbook/pb_table/docs/example.yml
 - app/pb_kits/playbook/pb_table/docs/index.js
 - app/pb_kits/playbook/pb_table/index.js
+- app/pb_kits/playbook/pb_table/styles/_alignment.scss
 - app/pb_kits/playbook/pb_table/styles/_all.scss
 - app/pb_kits/playbook/pb_table/styles/_as-cards.scss
 - app/pb_kits/playbook/pb_table/styles/_content.scss
 - app/pb_kits/playbook/pb_table/styles/_headers.scss
 - app/pb_kits/playbook/pb_table/styles/_hover.scss
-- app/pb_kits/playbook/pb_table/styles/_mixins.scss
 - app/pb_kits/playbook/pb_table/styles/_mobile.scss
 - app/pb_kits/playbook/pb_table/styles/_reset.scss
+- app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
 - app/pb_kits/playbook/pb_table/styles/_single-line.scss
 - app/pb_kits/playbook/pb_table/styles/_structure.scss
 - app/pb_kits/playbook/pb_table/styles/_table-card.scss
@@ -1946,20 +1958,6 @@ files:
 - app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
 - app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
 - app/pb_kits/playbook/plugins/pb_chart.js
-- app/pb_kits/playbook/props.rb
-- app/pb_kits/playbook/props/array.rb
-- app/pb_kits/playbook/props/base.rb
-- app/pb_kits/playbook/props/boolean.rb
-- app/pb_kits/playbook/props/date.rb
-- app/pb_kits/playbook/props/enum.rb
-- app/pb_kits/playbook/props/hash.rb
-- app/pb_kits/playbook/props/hash_array.rb
-- app/pb_kits/playbook/props/number.rb
-- app/pb_kits/playbook/props/number_array.rb
-- app/pb_kits/playbook/props/numeric.rb
-- app/pb_kits/playbook/props/percentage.rb
-- app/pb_kits/playbook/props/proc.rb
-- app/pb_kits/playbook/props/string.rb
 - app/pb_kits/playbook/react_rails_kits.js
 - app/pb_kits/playbook/tokens/_animation-curves.scss
 - app/pb_kits/playbook/tokens/_border_radius.scss
@@ -1987,13 +1985,27 @@ files:
 - fonts/regular-min.js
 - lib/playbook.rb
 - lib/playbook/engine.rb
+- lib/playbook/props.rb
+- lib/playbook/props/array.rb
+- lib/playbook/props/base.rb
+- lib/playbook/props/boolean.rb
+- lib/playbook/props/date.rb
+- lib/playbook/props/enum.rb
+- lib/playbook/props/hash.rb
+- lib/playbook/props/hash_array.rb
+- lib/playbook/props/number.rb
+- lib/playbook/props/number_array.rb
+- lib/playbook/props/numeric.rb
+- lib/playbook/props/percentage.rb
+- lib/playbook/props/proc.rb
+- lib/playbook/props/string.rb
 - lib/playbook/version.rb
 - lib/playbook_ui.rb
 homepage: http://playbook.powerapp.cloud
 licenses:
 - MIT
 metadata: {}
-post_install_message: 
+post_install_message:
 rdoc_options: []
 require_paths:
 - lib
@@ -2009,7 +2021,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubygems_version: 3.1.4
-signing_key: 
+signing_key:
 specification_version: 4
 summary: Playbook Design System
 test_files: []

data/app/pb_kits/playbook/pb_currency/docs/_currency_medium.html.erb

@@ -1,21 +0,0 @@
-<%= pb_rails("currency", props: {
-  label: "Caption",
-  amount: "2,000.50",
-  size: "md",
-}) %>
-
-<%= pb_rails("currency", props: {
-  align: "center",
-  amount: "342",
-  label: "Caption",
-  size: "md",
-  symbol: "€",
-}) %>
-
-<%= pb_rails("currency", props: {
-  align: "right",
-  amount: "45",
-  label: "Caption",
-  unit: "/mo",
-  size: "md",
-}) %>