playbook_ui 7.8.4 → 7.11.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/controllers/playbook/application_controller.rb +5 -3
- data/app/helpers/playbook/application_helper.rb +13 -19
- data/app/helpers/playbook/pb_doc_helper.rb +41 -20
- data/app/helpers/playbook/pb_kit_helper.rb +1 -25
- data/app/helpers/playbook/pb_sample_helper.rb +24 -23
- data/app/pb_kits/playbook/_playbook.scss +1 -1
- data/app/pb_kits/playbook/config/_kit_example.html.erb +18 -4
- data/app/pb_kits/playbook/config/_kit_ui.html.erb +21 -21
- data/app/pb_kits/playbook/pb_currency/_currency.html.erb +1 -1
- data/app/pb_kits/playbook/pb_currency/_currency.jsx +16 -1
- data/app/pb_kits/playbook/pb_currency/_currency.scss +23 -1
- data/app/pb_kits/playbook/pb_currency/currency.rb +22 -0
- data/app/pb_kits/playbook/pb_currency/docs/{_currency_small.html.erb → _currency_alignment.html.erb} +3 -3
- data/app/pb_kits/playbook/pb_currency/docs/{_currency_small.jsx → _currency_alignment.jsx} +5 -5
- data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb +7 -0
- data/app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx +17 -0
- data/app/pb_kits/playbook/pb_currency/docs/{_currency_large.html.erb → _currency_size.html.erb} +8 -7
- data/app/pb_kits/playbook/pb_currency/docs/{_currency_large.jsx → _currency_size.jsx} +9 -8
- data/app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb +24 -0
- data/app/pb_kits/playbook/pb_currency/docs/{_currency_medium.jsx → _currency_variants.jsx} +13 -10
- data/app/pb_kits/playbook/pb_currency/docs/example.yml +8 -6
- data/app/pb_kits/playbook/pb_currency/docs/index.js +4 -3
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb +23 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +4 -4
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +2 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.md +3 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb +8 -8
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.html.erb +27 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.jsx +44 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb +4 -4
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb +2 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +1 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +1 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/_description.md +4 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +3 -1
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_filter/Filter/FilterDouble.jsx +20 -3
- data/app/pb_kits/playbook/pb_filter/Filter/FilterSingle.jsx +51 -31
- data/app/pb_kits/playbook/pb_filter/Filter/FiltersPopover.jsx +3 -4
- data/app/pb_kits/playbook/pb_filter/Filter/SortMenu.jsx +2 -2
- data/app/pb_kits/playbook/pb_filter/Filter/index.jsx +17 -16
- data/app/pb_kits/playbook/pb_filter/_filter.html.erb +1 -1
- data/app/pb_kits/playbook/pb_filter/_filter.scss +0 -2
- data/app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb +41 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx +57 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx +0 -41
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md +1 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb +35 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx +47 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md +1 -0
- data/app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb +1 -1
- data/app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb +1 -1
- data/app/pb_kits/playbook/pb_filter/docs/example.yml +4 -0
- data/app/pb_kits/playbook/pb_filter/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_filter/filter.rb +1 -0
- data/app/pb_kits/playbook/pb_filter/templates/_core.html.erb +9 -9
- data/app/pb_kits/playbook/pb_filter/templates/_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_nav/_horizontal_nav.scss +22 -0
- data/app/pb_kits/playbook/pb_nav/_item.jsx +3 -0
- data/app/pb_kits/playbook/pb_nav/_subtle_mixin.scss +47 -0
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +2 -46
- data/app/pb_kits/playbook/pb_nav/docs/_new_tab.html.erb +6 -0
- data/app/pb_kits/playbook/pb_nav/docs/_new_tab.jsx +34 -0
- data/app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.html.erb +6 -0
- data/app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx +33 -0
- data/app/pb_kits/playbook/pb_nav/docs/example.yml +4 -1
- data/app/pb_kits/playbook/pb_nav/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_nav/item.rb +5 -2
- data/app/pb_kits/playbook/pb_radio/_radio.jsx +4 -3
- data/app/pb_kits/playbook/pb_radio/docs/_radio_default.jsx +3 -0
- data/app/pb_kits/playbook/pb_radio/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_radio/radio.test.js +71 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb +25 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx +45 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +3 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_select/_select.jsx +4 -3
- data/app/pb_kits/playbook/pb_select/select.test.js +51 -0
- data/app/pb_kits/playbook/pb_stat_change/_stat_change.html.erb +1 -1
- data/app/pb_kits/playbook/pb_stat_change/_stat_change.jsx +8 -4
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb +1 -1
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.html.erb +17 -0
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx +28 -0
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.html.erb +20 -0
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx +31 -0
- data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.md +1 -0
- data/app/pb_kits/playbook/pb_stat_change/docs/example.yml +6 -4
- data/app/pb_kits/playbook/pb_stat_change/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_stat_change/stat_change.rb +12 -7
- data/app/pb_kits/playbook/pb_table/_table.scss +1 -57
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.html.erb +1 -1
- data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx +1 -1
- data/app/pb_kits/playbook/pb_table/styles/_alignment.scss +32 -0
- data/app/pb_kits/playbook/pb_table/styles/_all.scss +4 -3
- data/app/pb_kits/playbook/pb_table/styles/_side_highlight.scss +24 -0
- data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +8 -4
- data/app/pb_kits/playbook/pb_text_input/docs/_description.md +2 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_custom.jsx +7 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +78 -56
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_error.jsx +19 -11
- data/app/pb_kits/playbook/pb_text_input/text_input.test.js +77 -0
- data/app/pb_kits/playbook/pb_textarea/_textarea.jsx +5 -5
- data/app/pb_kits/playbook/pb_tooltip/_tooltip.scss +10 -7
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb +4 -4
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb +17 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.md +3 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb +1 -1
- data/app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb +10 -0
- data/app/pb_kits/playbook/pb_tooltip/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_tooltip/index.js +87 -37
- data/app/pb_kits/playbook/pb_tooltip/tooltip.rb +3 -1
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx +5 -1
- data/app/pb_kits/playbook/pb_typeahead/components/Option.jsx +2 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.html.erb +19 -3
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +4 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.md +10 -2
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +5 -0
- data/app/pb_kits/playbook/react_rails_kits.js +1 -0
- data/lib/playbook.rb +6 -17
- data/lib/playbook/engine.rb +0 -3
- data/{app/pb_kits → lib}/playbook/props.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/array.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/base.rb +19 -3
- data/{app/pb_kits → lib}/playbook/props/boolean.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/date.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/enum.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/hash.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/hash_array.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/number.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/number_array.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/numeric.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/percentage.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/proc.rb +0 -0
- data/{app/pb_kits → lib}/playbook/props/string.rb +0 -0
- data/lib/playbook/version.rb +1 -1
- metadata +58 -28
- data/app/helpers/playbook/layout_helper.rb +0 -9
- data/app/pb_kits/playbook/pb_currency/docs/_currency_medium.html.erb +0 -21
- data/app/pb_kits/playbook/pb_table/styles/_mixins.scss +0 -0
@@ -7,7 +7,8 @@ module Playbook
|
|
7
7
|
partial "pb_tooltip/tooltip"
|
8
8
|
|
9
9
|
prop :position
|
10
|
-
prop :
|
10
|
+
prop :trigger_element_selector
|
11
|
+
prop :trigger_element_id, deprecated: true
|
11
12
|
prop :tooltip_id
|
12
13
|
prop :dark, type: Playbook::Props::Boolean,
|
13
14
|
default: false
|
@@ -20,6 +21,7 @@ module Playbook
|
|
20
21
|
Hash(values[:data]).merge(
|
21
22
|
pb_tooltip_kit: true,
|
22
23
|
pb_tooltip_position: position,
|
24
|
+
pb_tooltip_trigger_element_selector: trigger_element_selector,
|
23
25
|
pb_tooltip_trigger_element_id: trigger_element_id,
|
24
26
|
pb_tooltip_tooltip_id: tooltip_id,
|
25
27
|
)
|
@@ -27,6 +27,8 @@ type Props = {
|
|
27
27
|
async?: boolean,
|
28
28
|
label?: string,
|
29
29
|
loadOptions?: noop | string,
|
30
|
+
getOptionLabel?: () => any,
|
31
|
+
getOptionValue?: () => any,
|
30
32
|
name?: string,
|
31
33
|
}
|
32
34
|
|
@@ -38,7 +40,6 @@ type Props = {
|
|
38
40
|
const Typeahead = (props: Props) => {
|
39
41
|
const selectProps = {
|
40
42
|
cacheOptions: true,
|
41
|
-
defaultOptions: true,
|
42
43
|
components: {
|
43
44
|
Control,
|
44
45
|
ClearIndicator,
|
@@ -50,6 +51,7 @@ const Typeahead = (props: Props) => {
|
|
50
51
|
Placeholder,
|
51
52
|
ValueContainer,
|
52
53
|
},
|
54
|
+
defaultOptions: true,
|
53
55
|
id: 'react-select-input',
|
54
56
|
isClearable: true,
|
55
57
|
isSearchable: true,
|
@@ -58,6 +60,8 @@ const Typeahead = (props: Props) => {
|
|
58
60
|
}
|
59
61
|
|
60
62
|
if (typeof(props.loadOptions) === 'string') selectProps.loadOptions = get(window, props.loadOptions)
|
63
|
+
if (typeof(props.getOptionLabel) === 'string') selectProps.getOptionLabel = get(window, props.getOptionLabel)
|
64
|
+
if (typeof(props.getOptionValue) === 'string') selectProps.getOptionValue = get(window, props.getOptionValue)
|
61
65
|
|
62
66
|
const Tag = props.async ? AsyncSelect : Select
|
63
67
|
|
@@ -10,7 +10,6 @@ import {
|
|
10
10
|
const Option = (props: any) => {
|
11
11
|
const {
|
12
12
|
imageUrl,
|
13
|
-
label,
|
14
13
|
} = props.data
|
15
14
|
|
16
15
|
return (
|
@@ -21,12 +20,12 @@ const Option = (props: any) => {
|
|
21
20
|
<User
|
22
21
|
align="left"
|
23
22
|
avatarUrl={imageUrl}
|
24
|
-
name={label}
|
23
|
+
name={props.label}
|
25
24
|
orientation="horizontal"
|
26
25
|
/>
|
27
26
|
</When>
|
28
27
|
<When condition={!imageUrl}>
|
29
|
-
{label}
|
28
|
+
{props.label}
|
30
29
|
</When>
|
31
30
|
</Choose>
|
32
31
|
</div>
|
@@ -1,4 +1,13 @@
|
|
1
|
-
<%= pb_rails("typeahead", props: {
|
1
|
+
<%= pb_rails("typeahead", props: {
|
2
|
+
async: true,
|
3
|
+
get_option_label: 'getOptionLabel',
|
4
|
+
get_option_value: 'getOptionValue',
|
5
|
+
load_options: 'asyncPillsPromiseOptions',
|
6
|
+
label: "Github Users",
|
7
|
+
name: :foo,
|
8
|
+
pills: true,
|
9
|
+
placeholder: "type the name of a Github user"
|
10
|
+
}) %>
|
2
11
|
|
3
12
|
<!-- This section is an example of how to provide load_options prop for using dynamic options -->
|
4
13
|
<%= javascript_tag defer: "defer" do %>
|
@@ -7,8 +16,8 @@
|
|
7
16
|
const filterResults = function(results) {
|
8
17
|
return results.items.map(function(result) {
|
9
18
|
return {
|
10
|
-
|
11
|
-
|
19
|
+
name: result.login,
|
20
|
+
id: result.id,
|
12
21
|
}
|
13
22
|
})
|
14
23
|
}
|
@@ -27,4 +36,11 @@
|
|
27
36
|
}
|
28
37
|
})
|
29
38
|
}
|
39
|
+
|
40
|
+
window.getOptionLabel = function(option) {
|
41
|
+
return option.name;
|
42
|
+
}
|
43
|
+
window.getOptionValue = function(option) {
|
44
|
+
return option.id;
|
45
|
+
}
|
30
46
|
<% end %>
|
@@ -20,8 +20,8 @@ import {
|
|
20
20
|
const filterResults = (results) =>
|
21
21
|
results.items.map((result) => {
|
22
22
|
return {
|
23
|
-
|
24
|
-
|
23
|
+
name: result.login,
|
24
|
+
id: result.id,
|
25
25
|
}
|
26
26
|
})
|
27
27
|
|
@@ -71,6 +71,8 @@ const TypeaheadWithPillsAsync = () => {
|
|
71
71
|
</If>
|
72
72
|
<Typeahead
|
73
73
|
async
|
74
|
+
getOptionLabel={(option) => option.name}
|
75
|
+
getOptionValue={(option) => option.id}
|
74
76
|
isMulti
|
75
77
|
label="Github Users"
|
76
78
|
loadOptions={promiseOptions}
|
@@ -4,8 +4,16 @@
|
|
4
4
|
|
5
5
|
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.
|
6
6
|
|
7
|
-
#### React
|
7
|
+
#### React
|
8
|
+
|
9
|
+
##### `loadOptions`
|
8
10
|
|
9
11
|
**Additional required props: ** `async: true`
|
10
12
|
|
11
|
-
[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.
|
13
|
+
[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.
|
14
|
+
|
15
|
+
##### `getOptionLabel` + `getOptionValue`
|
16
|
+
|
17
|
+
If your server returns data that requires differing field names other than `label` and `value`
|
18
|
+
|
19
|
+
See `react-select` docs for more information: https://react-select.com/advanced#replacing-builtins
|
@@ -8,6 +8,8 @@ module Playbook
|
|
8
8
|
prop :async, type: Playbook::Props::Boolean,
|
9
9
|
default: false
|
10
10
|
prop :default_options, type: Playbook::Props::HashArray, default: []
|
11
|
+
prop :get_option_label
|
12
|
+
prop :get_option_value
|
11
13
|
prop :id
|
12
14
|
prop :label
|
13
15
|
prop :load_options
|
@@ -45,6 +47,9 @@ module Playbook
|
|
45
47
|
placeholder: placeholder
|
46
48
|
}
|
47
49
|
|
50
|
+
base_options.merge!({getOptionLabel: get_option_label}) if get_option_label.present?
|
51
|
+
base_options.merge!({getOptionValue: get_option_value}) if get_option_value.present?
|
52
|
+
|
48
53
|
base_options.merge!({
|
49
54
|
async: true,
|
50
55
|
loadOptions: load_options,
|
@@ -5,3 +5,4 @@ export { default as Legend } from './pb_legend/_legend.jsx'
|
|
5
5
|
export { default as LineGraph } from './pb_line_graph/_line_graph.jsx'
|
6
6
|
export { default as Typeahead } from './pb_typeahead/_typeahead.jsx'
|
7
7
|
export { default as RichTextEditor } from './pb_rich_text_editor/_rich_text_editor.jsx'
|
8
|
+
export { KitSearch, SnippetToggle, DarkModeToggle } from './docs_components'
|
data/lib/playbook.rb
CHANGED
@@ -1,8 +1,13 @@
|
|
1
1
|
# frozen_string_literal: true
|
2
2
|
|
3
3
|
require "sassc-rails"
|
4
|
+
require "slim-rails"
|
4
5
|
require "webpacker"
|
5
|
-
require "
|
6
|
+
require "webpacker/react"
|
7
|
+
|
8
|
+
require "playbook/props"
|
9
|
+
require "playbook/version"
|
10
|
+
require "playbook/engine" if defined?(Rails)
|
6
11
|
|
7
12
|
module Playbook
|
8
13
|
ROOT_PATH = Pathname.new(File.join(__dir__, ".."))
|
@@ -10,22 +15,6 @@ module Playbook
|
|
10
15
|
class ConflictingPropsError < StandardError; end
|
11
16
|
class MissingPropError < StandardError; end
|
12
17
|
|
13
|
-
# @return [Boolean] indication of whether the request is a web view within Nitro Mobile
|
14
|
-
def self.web_page_within_mobile_app?(request)
|
15
|
-
request.user_agent.try(:downcase) =~ /^nitro/
|
16
|
-
end
|
17
|
-
|
18
|
-
# @return [String] the digest value for assets managed by the asset pipeline
|
19
|
-
def self.assets_digest
|
20
|
-
@assets_digest ||= begin
|
21
|
-
if ActionView::Base.respond_to?(:asset_manifest) # Rails 4
|
22
|
-
Digest::MD5.hexdigest(ActionView::Base.assets_manifest.assets.values.sort.join)
|
23
|
-
elsif Rails.configuration.assets.digests.present? # Rails 3
|
24
|
-
Digest::MD5.hexdigest(Rails.configuration.assets.digests.try(:values).sort.join)
|
25
|
-
end
|
26
|
-
end
|
27
|
-
end
|
28
|
-
|
29
18
|
class << self
|
30
19
|
def webpacker
|
31
20
|
@webpacker ||= ::Webpacker::Instance.new(
|
data/lib/playbook/engine.rb
CHANGED
File without changes
|
File without changes
|
@@ -5,10 +5,11 @@ module Playbook
|
|
5
5
|
class Error < StandardError; end
|
6
6
|
|
7
7
|
class Base
|
8
|
-
attr_reader :default, :required, :name, :kit
|
8
|
+
attr_reader :default, :deprecated, :required, :name, :kit
|
9
9
|
|
10
|
-
def initialize(default: nil, required: false, name:, kit:)
|
10
|
+
def initialize(default: nil, deprecated: false, required: false, name:, kit:)
|
11
11
|
@default = default
|
12
|
+
@deprecated = deprecated
|
12
13
|
@required = required
|
13
14
|
@name = name
|
14
15
|
@kit = kit
|
@@ -19,6 +20,8 @@ module Playbook
|
|
19
20
|
end
|
20
21
|
|
21
22
|
def validate!(input_value)
|
23
|
+
warn("#{kit} Kit: The prop '#{name}' is deprecated and will be removed in a future release!") if deprecated #TODO: add some color for pop
|
24
|
+
|
22
25
|
raise(Playbook::Props::Error, "#{kit} prop '#{name}' of type #{inspect.class} is required and needs a value") if required && input_value.nil?
|
23
26
|
|
24
27
|
validate(value(input_value)) ||
|
@@ -28,6 +31,19 @@ module Playbook
|
|
28
31
|
def validate(_value)
|
29
32
|
true
|
30
33
|
end
|
34
|
+
|
35
|
+
private
|
36
|
+
|
37
|
+
def warn(message)
|
38
|
+
log("Prop Warning: #{message}")
|
39
|
+
end
|
40
|
+
|
41
|
+
def log(message)
|
42
|
+
logger = ActiveSupport::Logger.new(STDOUT)
|
43
|
+
log_formatter = ::Logger::Formatter.new
|
44
|
+
@logger ||= ActiveSupport::TaggedLogging.new(logger)
|
45
|
+
@logger.log(0, message)
|
46
|
+
end
|
31
47
|
end
|
32
48
|
end
|
33
|
-
end
|
49
|
+
end
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
File without changes
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,15 +1,15 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 7.
|
4
|
+
version: 7.11.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
8
8
|
- Power Devs
|
9
|
-
autorequire:
|
9
|
+
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date:
|
12
|
+
date: 2021-01-06 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -408,7 +408,6 @@ files:
|
|
408
408
|
- app/assets/images/pb.logo.svg
|
409
409
|
- app/controllers/playbook/application_controller.rb
|
410
410
|
- app/helpers/playbook/application_helper.rb
|
411
|
-
- app/helpers/playbook/layout_helper.rb
|
412
411
|
- app/helpers/playbook/pb_doc_helper.rb
|
413
412
|
- app/helpers/playbook/pb_kit_helper.rb
|
414
413
|
- app/helpers/playbook/pb_sample_helper.rb
|
@@ -664,12 +663,14 @@ files:
|
|
664
663
|
- app/pb_kits/playbook/pb_currency/_currency.jsx
|
665
664
|
- app/pb_kits/playbook/pb_currency/_currency.scss
|
666
665
|
- app/pb_kits/playbook/pb_currency/currency.rb
|
667
|
-
- app/pb_kits/playbook/pb_currency/docs/
|
668
|
-
- app/pb_kits/playbook/pb_currency/docs/
|
669
|
-
- app/pb_kits/playbook/pb_currency/docs/
|
670
|
-
- app/pb_kits/playbook/pb_currency/docs/
|
671
|
-
- app/pb_kits/playbook/pb_currency/docs/
|
672
|
-
- app/pb_kits/playbook/pb_currency/docs/
|
666
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_alignment.html.erb
|
667
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_alignment.jsx
|
668
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.html.erb
|
669
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_no_symbol.jsx
|
670
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_size.html.erb
|
671
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_size.jsx
|
672
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_variants.html.erb
|
673
|
+
- app/pb_kits/playbook/pb_currency/docs/_currency_variants.jsx
|
673
674
|
- app/pb_kits/playbook/pb_currency/docs/_description.md
|
674
675
|
- app/pb_kits/playbook/pb_currency/docs/example.yml
|
675
676
|
- app/pb_kits/playbook/pb_currency/docs/index.js
|
@@ -708,6 +709,7 @@ files:
|
|
708
709
|
- app/pb_kits/playbook/pb_date_picker/_date_picker.scss
|
709
710
|
- app/pb_kits/playbook/pb_date_picker/date_picker.rb
|
710
711
|
- app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
|
712
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_anti_patterns.html.erb
|
711
713
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
|
712
714
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
|
713
715
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
|
@@ -717,6 +719,8 @@ files:
|
|
717
719
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
|
718
720
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
|
719
721
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx
|
722
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.html.erb
|
723
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_flatpickr_methods.jsx
|
720
724
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb
|
721
725
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx
|
722
726
|
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md
|
@@ -856,8 +860,14 @@ files:
|
|
856
860
|
- app/pb_kits/playbook/pb_filter/docs/_description.md
|
857
861
|
- app/pb_kits/playbook/pb_filter/docs/_filter_default.html.erb
|
858
862
|
- app/pb_kits/playbook/pb_filter/docs/_filter_default.jsx
|
863
|
+
- app/pb_kits/playbook/pb_filter/docs/_filter_min_width.html.erb
|
864
|
+
- app/pb_kits/playbook/pb_filter/docs/_filter_min_width.jsx
|
859
865
|
- app/pb_kits/playbook/pb_filter/docs/_filter_no_background.html.erb
|
860
866
|
- app/pb_kits/playbook/pb_filter/docs/_filter_no_background.jsx
|
867
|
+
- app/pb_kits/playbook/pb_filter/docs/_filter_no_background.md
|
868
|
+
- app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.html.erb
|
869
|
+
- app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.jsx
|
870
|
+
- app/pb_kits/playbook/pb_filter/docs/_filter_no_sort.md
|
861
871
|
- app/pb_kits/playbook/pb_filter/docs/_filter_only.html.erb
|
862
872
|
- app/pb_kits/playbook/pb_filter/docs/_filter_only.jsx
|
863
873
|
- app/pb_kits/playbook/pb_filter/docs/_filter_single.html.erb
|
@@ -1287,6 +1297,7 @@ files:
|
|
1287
1297
|
- app/pb_kits/playbook/pb_nav/_nav.html.erb
|
1288
1298
|
- app/pb_kits/playbook/pb_nav/_nav.jsx
|
1289
1299
|
- app/pb_kits/playbook/pb_nav/_nav.scss
|
1300
|
+
- app/pb_kits/playbook/pb_nav/_subtle_mixin.scss
|
1290
1301
|
- app/pb_kits/playbook/pb_nav/_vertical_nav.scss
|
1291
1302
|
- app/pb_kits/playbook/pb_nav/docs/_block_nav.html.erb
|
1292
1303
|
- app/pb_kits/playbook/pb_nav/docs/_block_nav.jsx
|
@@ -1299,8 +1310,12 @@ files:
|
|
1299
1310
|
- app/pb_kits/playbook/pb_nav/docs/_description.md
|
1300
1311
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.html.erb
|
1301
1312
|
- app/pb_kits/playbook/pb_nav/docs/_horizontal_nav.jsx
|
1313
|
+
- app/pb_kits/playbook/pb_nav/docs/_new_tab.html.erb
|
1314
|
+
- app/pb_kits/playbook/pb_nav/docs/_new_tab.jsx
|
1302
1315
|
- app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.html.erb
|
1303
1316
|
- app/pb_kits/playbook/pb_nav/docs/_no_highlight_nav.jsx
|
1317
|
+
- app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.html.erb
|
1318
|
+
- app/pb_kits/playbook/pb_nav/docs/_subtle_horizontal_nav.jsx
|
1304
1319
|
- app/pb_kits/playbook/pb_nav/docs/_subtle_nav.html.erb
|
1305
1320
|
- app/pb_kits/playbook/pb_nav/docs/_subtle_nav.jsx
|
1306
1321
|
- app/pb_kits/playbook/pb_nav/docs/_subtle_no_highlight_nav.html.erb
|
@@ -1457,6 +1472,7 @@ files:
|
|
1457
1472
|
- app/pb_kits/playbook/pb_radio/docs/example.yml
|
1458
1473
|
- app/pb_kits/playbook/pb_radio/docs/index.js
|
1459
1474
|
- app/pb_kits/playbook/pb_radio/radio.rb
|
1475
|
+
- app/pb_kits/playbook/pb_radio/radio.test.js
|
1460
1476
|
- app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.html.erb
|
1461
1477
|
- app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx
|
1462
1478
|
- app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss
|
@@ -1465,6 +1481,8 @@ files:
|
|
1465
1481
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_default.jsx
|
1466
1482
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.html.erb
|
1467
1483
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_focus.jsx
|
1484
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.html.erb
|
1485
|
+
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_preview.jsx
|
1468
1486
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.html.erb
|
1469
1487
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_simple.jsx
|
1470
1488
|
- app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_sticky.html.erb
|
@@ -1518,6 +1536,7 @@ files:
|
|
1518
1536
|
- app/pb_kits/playbook/pb_select/docs/example.yml
|
1519
1537
|
- app/pb_kits/playbook/pb_select/docs/index.js
|
1520
1538
|
- app/pb_kits/playbook/pb_select/select.rb
|
1539
|
+
- app/pb_kits/playbook/pb_select/select.test.js
|
1521
1540
|
- app/pb_kits/playbook/pb_selectable_card/_selectable_card.html.erb
|
1522
1541
|
- app/pb_kits/playbook/pb_selectable_card/_selectable_card.jsx
|
1523
1542
|
- app/pb_kits/playbook/pb_selectable_card/_selectable_card.scss
|
@@ -1606,6 +1625,11 @@ files:
|
|
1606
1625
|
- app/pb_kits/playbook/pb_stat_change/docs/_description.md
|
1607
1626
|
- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.html.erb
|
1608
1627
|
- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx
|
1628
|
+
- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.html.erb
|
1629
|
+
- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx
|
1630
|
+
- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.html.erb
|
1631
|
+
- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx
|
1632
|
+
- app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.md
|
1609
1633
|
- app/pb_kits/playbook/pb_stat_change/docs/example.yml
|
1610
1634
|
- app/pb_kits/playbook/pb_stat_change/docs/index.js
|
1611
1635
|
- app/pb_kits/playbook/pb_stat_change/stat_change.rb
|
@@ -1681,14 +1705,15 @@ files:
|
|
1681
1705
|
- app/pb_kits/playbook/pb_table/docs/example.yml
|
1682
1706
|
- app/pb_kits/playbook/pb_table/docs/index.js
|
1683
1707
|
- app/pb_kits/playbook/pb_table/index.js
|
1708
|
+
- app/pb_kits/playbook/pb_table/styles/_alignment.scss
|
1684
1709
|
- app/pb_kits/playbook/pb_table/styles/_all.scss
|
1685
1710
|
- app/pb_kits/playbook/pb_table/styles/_as-cards.scss
|
1686
1711
|
- app/pb_kits/playbook/pb_table/styles/_content.scss
|
1687
1712
|
- app/pb_kits/playbook/pb_table/styles/_headers.scss
|
1688
1713
|
- app/pb_kits/playbook/pb_table/styles/_hover.scss
|
1689
|
-
- app/pb_kits/playbook/pb_table/styles/_mixins.scss
|
1690
1714
|
- app/pb_kits/playbook/pb_table/styles/_mobile.scss
|
1691
1715
|
- app/pb_kits/playbook/pb_table/styles/_reset.scss
|
1716
|
+
- app/pb_kits/playbook/pb_table/styles/_side_highlight.scss
|
1692
1717
|
- app/pb_kits/playbook/pb_table/styles/_single-line.scss
|
1693
1718
|
- app/pb_kits/playbook/pb_table/styles/_structure.scss
|
1694
1719
|
- app/pb_kits/playbook/pb_table/styles/_table-card.scss
|
@@ -1713,6 +1738,7 @@ files:
|
|
1713
1738
|
- app/pb_kits/playbook/pb_text_input/docs/example.yml
|
1714
1739
|
- app/pb_kits/playbook/pb_text_input/docs/index.js
|
1715
1740
|
- app/pb_kits/playbook/pb_text_input/text_input.rb
|
1741
|
+
- app/pb_kits/playbook/pb_text_input/text_input.test.js
|
1716
1742
|
- app/pb_kits/playbook/pb_textarea/_textarea.html.erb
|
1717
1743
|
- app/pb_kits/playbook/pb_textarea/_textarea.jsx
|
1718
1744
|
- app/pb_kits/playbook/pb_textarea/_textarea.scss
|
@@ -1866,7 +1892,10 @@ files:
|
|
1866
1892
|
- app/pb_kits/playbook/pb_tooltip/_tooltip.html.erb
|
1867
1893
|
- app/pb_kits/playbook/pb_tooltip/_tooltip.scss
|
1868
1894
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_default.html.erb
|
1895
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.html.erb
|
1896
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_selectors.md
|
1869
1897
|
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_white.html.erb
|
1898
|
+
- app/pb_kits/playbook/pb_tooltip/docs/_tooltip_with_icon_circle.html.erb
|
1870
1899
|
- app/pb_kits/playbook/pb_tooltip/docs/example.yml
|
1871
1900
|
- app/pb_kits/playbook/pb_tooltip/index.js
|
1872
1901
|
- app/pb_kits/playbook/pb_tooltip/tooltip.rb
|
@@ -1947,20 +1976,6 @@ files:
|
|
1947
1976
|
- app/pb_kits/playbook/pb_weekday_stacked/docs/index.js
|
1948
1977
|
- app/pb_kits/playbook/pb_weekday_stacked/weekday_stacked.rb
|
1949
1978
|
- app/pb_kits/playbook/plugins/pb_chart.js
|
1950
|
-
- app/pb_kits/playbook/props.rb
|
1951
|
-
- app/pb_kits/playbook/props/array.rb
|
1952
|
-
- app/pb_kits/playbook/props/base.rb
|
1953
|
-
- app/pb_kits/playbook/props/boolean.rb
|
1954
|
-
- app/pb_kits/playbook/props/date.rb
|
1955
|
-
- app/pb_kits/playbook/props/enum.rb
|
1956
|
-
- app/pb_kits/playbook/props/hash.rb
|
1957
|
-
- app/pb_kits/playbook/props/hash_array.rb
|
1958
|
-
- app/pb_kits/playbook/props/number.rb
|
1959
|
-
- app/pb_kits/playbook/props/number_array.rb
|
1960
|
-
- app/pb_kits/playbook/props/numeric.rb
|
1961
|
-
- app/pb_kits/playbook/props/percentage.rb
|
1962
|
-
- app/pb_kits/playbook/props/proc.rb
|
1963
|
-
- app/pb_kits/playbook/props/string.rb
|
1964
1979
|
- app/pb_kits/playbook/react_rails_kits.js
|
1965
1980
|
- app/pb_kits/playbook/tokens/_animation-curves.scss
|
1966
1981
|
- app/pb_kits/playbook/tokens/_border_radius.scss
|
@@ -1988,13 +2003,27 @@ files:
|
|
1988
2003
|
- fonts/regular-min.js
|
1989
2004
|
- lib/playbook.rb
|
1990
2005
|
- lib/playbook/engine.rb
|
2006
|
+
- lib/playbook/props.rb
|
2007
|
+
- lib/playbook/props/array.rb
|
2008
|
+
- lib/playbook/props/base.rb
|
2009
|
+
- lib/playbook/props/boolean.rb
|
2010
|
+
- lib/playbook/props/date.rb
|
2011
|
+
- lib/playbook/props/enum.rb
|
2012
|
+
- lib/playbook/props/hash.rb
|
2013
|
+
- lib/playbook/props/hash_array.rb
|
2014
|
+
- lib/playbook/props/number.rb
|
2015
|
+
- lib/playbook/props/number_array.rb
|
2016
|
+
- lib/playbook/props/numeric.rb
|
2017
|
+
- lib/playbook/props/percentage.rb
|
2018
|
+
- lib/playbook/props/proc.rb
|
2019
|
+
- lib/playbook/props/string.rb
|
1991
2020
|
- lib/playbook/version.rb
|
1992
2021
|
- lib/playbook_ui.rb
|
1993
2022
|
homepage: http://playbook.powerapp.cloud
|
1994
2023
|
licenses:
|
1995
2024
|
- MIT
|
1996
2025
|
metadata: {}
|
1997
|
-
post_install_message:
|
2026
|
+
post_install_message:
|
1998
2027
|
rdoc_options: []
|
1999
2028
|
require_paths:
|
2000
2029
|
- lib
|
@@ -2009,8 +2038,9 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
2009
2038
|
- !ruby/object:Gem::Version
|
2010
2039
|
version: '0'
|
2011
2040
|
requirements: []
|
2012
|
-
|
2013
|
-
|
2041
|
+
rubyforge_project:
|
2042
|
+
rubygems_version: 2.7.3
|
2043
|
+
signing_key:
|
2014
2044
|
specification_version: 4
|
2015
2045
|
summary: Playbook Design System
|
2016
2046
|
test_files: []
|