playbook_ui 9.12.0 → 9.15.0.pre.decouple.website1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Rakefile +5 -9
- data/app/pb_kits/playbook/_reset.scss +42 -0
- data/app/pb_kits/playbook/data/menu.yml +25 -22
- data/app/pb_kits/playbook/index.js +97 -97
- data/app/pb_kits/playbook/pb_badge/_badge.jsx +26 -1
- data/app/pb_kits/playbook/pb_badge/_badge.scss +1 -1
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +6 -1
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +3 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +2 -1
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.jsx +12 -2
- data/app/pb_kits/playbook/pb_form_pill/_form_pill.scss +19 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.html.erb +13 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_size.jsx +25 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.html.erb +4 -5
- data/app/pb_kits/playbook/pb_form_pill/docs/_form_pill_user.jsx +2 -6
- data/app/pb_kits/playbook/pb_form_pill/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_form_pill/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_form_pill/form_pill.html.erb +1 -1
- data/app/pb_kits/playbook/pb_form_pill/form_pill.rb +5 -0
- data/app/pb_kits/playbook/pb_multiple_users_stacked/_multiple_users_stacked.scss +6 -2
- data/app/pb_kits/playbook/pb_nav/_vertical_nav.scss +2 -2
- data/app/pb_kits/playbook/pb_passphrase/_passphrase.jsx +1 -0
- data/app/pb_kits/playbook/pb_pill/_pill.jsx +1 -0
- data/app/pb_kits/playbook/pb_pill/pill.html.erb +1 -1
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.jsx +10 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/_rich_text_editor.scss +61 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.html.erb +6 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_inline.jsx +16 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.html.erb +4 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/_rich_text_editor_toolbar_bottom.jsx +14 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/example.yml +4 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/docs/index.js +2 -0
- data/app/pb_kits/playbook/pb_rich_text_editor/rich_text_editor.rb +7 -0
- data/app/pb_kits/playbook/pb_select/_select.jsx +5 -5
- data/app/pb_kits/playbook/pb_select/_select.scss +1 -1
- data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +3 -0
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +9 -1
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.html.erb +5 -0
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_inline.jsx +22 -0
- data/app/pb_kits/playbook/pb_text_input/docs/example.yml +2 -0
- data/app/pb_kits/playbook/pb_text_input/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +7 -1
- data/app/pb_kits/playbook/pb_textarea/_textarea.scss +3 -3
- data/app/pb_kits/playbook/pb_title/_title.scss +1 -1
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx +23 -15
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +23 -0
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx +23 -11
- data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.jsx +17 -4
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_createable.jsx +25 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.html.erb +36 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_inline.jsx +43 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb +35 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.jsx +44 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +5 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +8 -5
- data/app/pb_kits/playbook/pb_typeahead/typeahead.html.erb +1 -1
- data/app/pb_kits/playbook/pb_typeahead/typeahead.rb +18 -2
- data/app/pb_kits/playbook/playbook-doc.js +195 -0
- data/app/pb_kits/playbook/playbook-rails-react-bindings.js +35 -0
- data/app/pb_kits/playbook/{vendor.js → playbook-rails.js} +1 -3
- data/app/pb_kits/playbook/tokens/_colors.scss +4 -0
- data/app/pb_kits/playbook/{pb_title/_title_mixin.scss → tokens/_titles.scss} +3 -5
- data/app/pb_kits/playbook/utilities/_colors.scss +0 -4
- data/lib/playbook.rb +1 -15
- data/lib/playbook/engine.rb +11 -21
- data/lib/playbook/props/nested_props.rb +1 -1
- data/lib/playbook/version.rb +2 -1
- metadata +33 -136
- data/app/assets/images/clark.jpg +0 -0
- data/app/assets/images/full_page_samples.svg +0 -7
- data/app/assets/images/giant.jpg +0 -0
- data/app/assets/images/github-brands.svg +0 -1
- data/app/assets/images/landing-background.svg +0 -36
- data/app/assets/images/landing-image.svg +0 -203
- data/app/assets/images/pb-caret.svg +0 -1
- data/app/assets/images/pb-check.svg +0 -11
- data/app/assets/images/pb-logo.svg +0 -28
- data/app/assets/images/pb-white-logo.svg +0 -15
- data/app/assets/images/pb.logo.svg +0 -28
- data/app/pb_kits/playbook/react_rails_kits.js +0 -13
- data/app/pb_kits/playbook/utilities/accessibility.js +0 -22
@@ -0,0 +1,25 @@
|
|
1
|
+
// @flow
|
2
|
+
|
3
|
+
import React from 'react'
|
4
|
+
import { Typeahead } from '../..'
|
5
|
+
|
6
|
+
const options = [
|
7
|
+
{ label: 'Jardim', value: 'Portuguese' },
|
8
|
+
{ label: 'Garten', value: 'German' },
|
9
|
+
{ label: 'Giardino', value: 'Italian' },
|
10
|
+
{ label: 'Jardín', value: 'Spanish' },
|
11
|
+
]
|
12
|
+
|
13
|
+
const TypeaheadCreateable = (props) => {
|
14
|
+
return (
|
15
|
+
<Typeahead
|
16
|
+
createable
|
17
|
+
isMulti
|
18
|
+
label="User Created Options"
|
19
|
+
options={options}
|
20
|
+
{...props}
|
21
|
+
/>
|
22
|
+
)
|
23
|
+
}
|
24
|
+
|
25
|
+
export default TypeaheadCreateable
|
@@ -0,0 +1,36 @@
|
|
1
|
+
<%
|
2
|
+
synths = [
|
3
|
+
{ label: 'Oberheim', value: 'OBXa' },
|
4
|
+
{ label: 'Moog', value: 'Minimoog' },
|
5
|
+
{ label: 'Roland', value: 'Juno' },
|
6
|
+
{ label: 'Korg', value: 'MS-20' },
|
7
|
+
]
|
8
|
+
%>
|
9
|
+
<%
|
10
|
+
cities = [
|
11
|
+
{ label: 'Budapest', value: 'Hungary' },
|
12
|
+
{ label: 'Singapore', value: 'Singapore' },
|
13
|
+
{ label: 'Oslo', value: 'Norway' },
|
14
|
+
{ label: 'Lagos', value: 'Nigeria' },
|
15
|
+
]
|
16
|
+
%>
|
17
|
+
|
18
|
+
<%= pb_rails("typeahead", props: {
|
19
|
+
default_options: [synths.first],
|
20
|
+
id: "typeahead-inline-example1",
|
21
|
+
inline: true,
|
22
|
+
options: synths,
|
23
|
+
label: "Synths",
|
24
|
+
placeholder: "Add synths",
|
25
|
+
pills: true
|
26
|
+
}) %>
|
27
|
+
|
28
|
+
<%= pb_rails("typeahead", props: {
|
29
|
+
id: "typeahead-inline-example2",
|
30
|
+
inline: true,
|
31
|
+
options: cities,
|
32
|
+
label: "Cities",
|
33
|
+
pills: true,
|
34
|
+
placeholder: "Add cities",
|
35
|
+
plus_icon: true
|
36
|
+
}) %>
|
@@ -0,0 +1,43 @@
|
|
1
|
+
// @flow
|
2
|
+
|
3
|
+
import React from 'react'
|
4
|
+
import { Typeahead } from '../../'
|
5
|
+
|
6
|
+
const synths = [
|
7
|
+
{ label: 'Oberheim', value: 'OBXa' },
|
8
|
+
{ label: 'Moog', value: 'Minimoog' },
|
9
|
+
{ label: 'Roland', value: 'Juno' },
|
10
|
+
{ label: 'Korg', value: 'MS-20' },
|
11
|
+
]
|
12
|
+
|
13
|
+
const cities = [
|
14
|
+
{ label: 'Budapest', value: 'Hungary' },
|
15
|
+
{ label: 'Singapore', value: 'Singapore' },
|
16
|
+
{ label: 'Oslo', value: 'Norway' },
|
17
|
+
{ label: 'Lagos', value: 'Nigeria' },
|
18
|
+
]
|
19
|
+
|
20
|
+
const TypeaheadInline = (props) => {
|
21
|
+
return (
|
22
|
+
<>
|
23
|
+
<Typeahead
|
24
|
+
inline
|
25
|
+
isMulti
|
26
|
+
label="Synths"
|
27
|
+
options={synths}
|
28
|
+
{...props}
|
29
|
+
/>
|
30
|
+
<Typeahead
|
31
|
+
inline
|
32
|
+
isMulti
|
33
|
+
label="Placeholder Plus Icon"
|
34
|
+
options={cities}
|
35
|
+
placeholder="Add cities"
|
36
|
+
plusIcon
|
37
|
+
{...props}
|
38
|
+
/>
|
39
|
+
</>
|
40
|
+
)
|
41
|
+
}
|
42
|
+
|
43
|
+
export default TypeaheadInline
|
@@ -0,0 +1,35 @@
|
|
1
|
+
<%
|
2
|
+
labels = [
|
3
|
+
{ label: 'Verve', value: '1956' },
|
4
|
+
{ label: 'Stax', value: '1957' },
|
5
|
+
{ label: 'Motown', value: '1959' },
|
6
|
+
{ label: 'Kudu', value: '1971' },
|
7
|
+
{ label: 'Stones Throw', value: '1996' },
|
8
|
+
]
|
9
|
+
%>
|
10
|
+
<%
|
11
|
+
expressionists = [
|
12
|
+
{ label: 'Kandinsky', value: 'Russia' },
|
13
|
+
{ label: 'Klee', value: 'Switzerland' },
|
14
|
+
{ label: 'Kokoschka', value: 'Austria' },
|
15
|
+
{ label: 'Kirchner', value: 'Germany' },
|
16
|
+
]
|
17
|
+
%>
|
18
|
+
|
19
|
+
<%= pb_rails("typeahead", props: {
|
20
|
+
default_options: [labels.first],
|
21
|
+
id: "typeahead-multi-kit-example1",
|
22
|
+
options: labels,
|
23
|
+
label: "Badges",
|
24
|
+
multi_kit: "badge",
|
25
|
+
pills: true
|
26
|
+
}) %>
|
27
|
+
|
28
|
+
<%= pb_rails("typeahead", props: {
|
29
|
+
default_options: [expressionists.first],
|
30
|
+
id: "typeahead-multi-kit-example2",
|
31
|
+
options: expressionists,
|
32
|
+
label: "Small Pills",
|
33
|
+
multi_kit: "smallPill",
|
34
|
+
pills: true,
|
35
|
+
}) %>
|
@@ -0,0 +1,44 @@
|
|
1
|
+
// @flow
|
2
|
+
|
3
|
+
import React from 'react'
|
4
|
+
import { Typeahead } from '../../'
|
5
|
+
|
6
|
+
const labels = [
|
7
|
+
{ label: 'Verve', value: '1956' },
|
8
|
+
{ label: 'Stax', value: '1957' },
|
9
|
+
{ label: 'Motown', value: '1959' },
|
10
|
+
{ label: 'Kudu', value: '1971' },
|
11
|
+
{ label: 'Stones Throw', value: '1996' },
|
12
|
+
]
|
13
|
+
|
14
|
+
const expressionists = [
|
15
|
+
{ label: 'Kandinsky', value: 'Russia' },
|
16
|
+
{ label: 'Klee', value: 'Switzerland' },
|
17
|
+
{ label: 'Kokoschka', value: 'Austria' },
|
18
|
+
{ label: 'Kirchner', value: 'Germany' },
|
19
|
+
]
|
20
|
+
|
21
|
+
const TypeaheadMultiKit = (props) => {
|
22
|
+
return (
|
23
|
+
<>
|
24
|
+
<Typeahead
|
25
|
+
defaultValue={[labels[0]]}
|
26
|
+
isMulti
|
27
|
+
label="Badges"
|
28
|
+
multiKit="badge"
|
29
|
+
options={labels}
|
30
|
+
{...props}
|
31
|
+
/>
|
32
|
+
<Typeahead
|
33
|
+
defaultValue={[expressionists[0]]}
|
34
|
+
isMulti
|
35
|
+
label="Small Pills"
|
36
|
+
multiKit="smallPill"
|
37
|
+
options={expressionists}
|
38
|
+
{...props}
|
39
|
+
/>
|
40
|
+
</>
|
41
|
+
)
|
42
|
+
}
|
43
|
+
|
44
|
+
export default TypeaheadMultiKit
|
@@ -5,6 +5,8 @@ examples:
|
|
5
5
|
- typeahead_with_pills: With Pills
|
6
6
|
- typeahead_with_pills_async: With Pills (Async Data)
|
7
7
|
- typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
|
8
|
+
- typeahead_inline: Inline
|
9
|
+
- typeahead_multi_kit: Multi Kit Options
|
8
10
|
|
9
11
|
react:
|
10
12
|
- typeahead_default: Default
|
@@ -12,3 +14,6 @@ examples:
|
|
12
14
|
- typeahead_with_pills_async: With Pills (Async Data)
|
13
15
|
- typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
|
14
16
|
- typeahead_with_pills_async_custom_options: With Pills (Async Data w/ Custom Options)
|
17
|
+
- typeahead_inline: Inline
|
18
|
+
- typeahead_multi_kit: Multi Kit Options
|
19
|
+
- typeahead_createable: Createable
|
@@ -1,5 +1,8 @@
|
|
1
|
-
export { default as TypeaheadDefault } from './_typeahead_default'
|
2
|
-
export { default as TypeaheadWithPills } from './_typeahead_with_pills'
|
3
|
-
export { default as TypeaheadWithPillsAsync } from './_typeahead_with_pills_async'
|
4
|
-
export { default as TypeaheadWithPillsAsyncUsers } from './_typeahead_with_pills_async_users'
|
5
|
-
export { default as TypeaheadWithPillsAsyncCustomOptions } from './_typeahead_with_pills_async_custom_options'
|
1
|
+
export { default as TypeaheadDefault } from './_typeahead_default.jsx'
|
2
|
+
export { default as TypeaheadWithPills } from './_typeahead_with_pills.jsx'
|
3
|
+
export { default as TypeaheadWithPillsAsync } from './_typeahead_with_pills_async.jsx'
|
4
|
+
export { default as TypeaheadWithPillsAsyncUsers } from './_typeahead_with_pills_async_users.jsx'
|
5
|
+
export { default as TypeaheadWithPillsAsyncCustomOptions } from './_typeahead_with_pills_async_custom_options.jsx'
|
6
|
+
export { default as TypeaheadInline } from './_typeahead_inline.jsx'
|
7
|
+
export { default as TypeaheadMultiKit } from './_typeahead_multi_kit.jsx'
|
8
|
+
export { default as TypeaheadCreateable } from './_typeahead_createable.jsx'
|
@@ -4,7 +4,7 @@
|
|
4
4
|
<%= content_tag(:div,
|
5
5
|
id: object.id,
|
6
6
|
data: object.data,
|
7
|
-
class: object.classname) do %>
|
7
|
+
class: object.classname + object.inline_class) do %>
|
8
8
|
<div class="pb_typeahead_wrapper">
|
9
9
|
<div class="pb_typeahead_loading_indicator" data-pb-typeahead-kit-loading-indicator>
|
10
10
|
<%= pb_rails("icon", props: {
|
@@ -8,12 +8,21 @@ module Playbook
|
|
8
8
|
prop :get_option_label
|
9
9
|
prop :get_option_value
|
10
10
|
prop :id
|
11
|
+
prop :inline, type: Playbook::Props::Boolean,
|
12
|
+
default: false
|
11
13
|
prop :label
|
12
14
|
prop :load_options
|
15
|
+
prop :multi_kit, type: Playbook::Props::String,
|
16
|
+
default: ""
|
13
17
|
prop :name
|
14
|
-
prop :options, type: Playbook::Props::HashArray,
|
15
|
-
|
18
|
+
prop :options, type: Playbook::Props::HashArray,
|
19
|
+
default: []
|
20
|
+
prop :pills, type: Playbook::Props::Boolean,
|
21
|
+
default: false
|
22
|
+
|
16
23
|
prop :placeholder
|
24
|
+
prop :plus_icon, type: Playbook::Props::Boolean,
|
25
|
+
default: false
|
17
26
|
prop :search_term_minimum_length, default: 3
|
18
27
|
prop :search_debounce_timeout, default: 250
|
19
28
|
prop :value
|
@@ -22,6 +31,10 @@ module Playbook
|
|
22
31
|
generate_classname("pb_typeahead_kit")
|
23
32
|
end
|
24
33
|
|
34
|
+
def inline_class
|
35
|
+
inline ? " inline" : ""
|
36
|
+
end
|
37
|
+
|
25
38
|
def data
|
26
39
|
Hash(values[:data]).merge(
|
27
40
|
pb_typeahead_kit: true,
|
@@ -35,11 +48,14 @@ module Playbook
|
|
35
48
|
dark: dark,
|
36
49
|
defaultValue: default_options,
|
37
50
|
id: id,
|
51
|
+
inline: inline,
|
38
52
|
isMulti: true,
|
39
53
|
label: label,
|
54
|
+
multiKit: multi_kit,
|
40
55
|
name: name,
|
41
56
|
options: options,
|
42
57
|
placeholder: placeholder,
|
58
|
+
plusIcon: plus_icon,
|
43
59
|
}
|
44
60
|
|
45
61
|
base_options.merge!({ getOptionLabel: get_option_label }) if get_option_label.present?
|
@@ -0,0 +1,195 @@
|
|
1
|
+
// !!! IMPORTANT: This file is autogenerated. Please do not edit.!!!
|
2
|
+
import WebpackerReact from 'webpacker-react'
|
3
|
+
import ujs from 'webpacker-react/ujs'
|
4
|
+
|
5
|
+
// KIT EXAMPLES
|
6
|
+
import 'pb_form/pb_form_validation'
|
7
|
+
import * as Avatar from 'pb_avatar/docs'
|
8
|
+
import * as AvatarActionButton from 'pb_avatar_action_button/docs'
|
9
|
+
import * as Background from 'pb_background/docs'
|
10
|
+
import * as Badge from 'pb_badge/docs'
|
11
|
+
import * as BarGraphDocs from 'pb_bar_graph/docs'
|
12
|
+
import * as Body from 'pb_body/docs'
|
13
|
+
import * as BreadCrumbs from 'pb_bread_crumbs/docs'
|
14
|
+
import * as Button from 'pb_button/docs'
|
15
|
+
import * as ButtonToolbar from 'pb_button_toolbar/docs'
|
16
|
+
import * as Caption from 'pb_caption/docs'
|
17
|
+
import * as Card from 'pb_card/docs'
|
18
|
+
import * as Checkbox from 'pb_checkbox/docs'
|
19
|
+
import * as CircleChart from 'pb_circle_chart/docs'
|
20
|
+
import * as CircleIconButton from 'pb_circle_icon_button/docs'
|
21
|
+
import * as Collapsible from 'pb_collapsible/docs'
|
22
|
+
import * as Contact from 'pb_contact/docs'
|
23
|
+
import * as Currency from 'pb_currency/docs'
|
24
|
+
import * as DashboardValue from 'pb_dashboard_value/docs'
|
25
|
+
import * as Date from 'pb_date/docs'
|
26
|
+
import * as DatePicker from 'pb_date_picker/docs'
|
27
|
+
import * as DateRangeInline from 'pb_date_range_inline/docs'
|
28
|
+
import * as DateRangeStacked from 'pb_date_range_stacked/docs'
|
29
|
+
import * as DateStacked from 'pb_date_stacked/docs'
|
30
|
+
import * as DateTime from 'pb_date_time/docs'
|
31
|
+
import * as DateTimeStacked from 'pb_date_time_stacked/docs'
|
32
|
+
import * as DateYearStacked from 'pb_date_year_stacked/docs'
|
33
|
+
import * as Dialog from 'pb_dialog/docs'
|
34
|
+
import * as DistributionBarDocs from 'pb_distribution_bar/docs'
|
35
|
+
import * as FileUpload from 'pb_file_upload/docs'
|
36
|
+
import * as Filter from 'pb_filter/docs'
|
37
|
+
import * as FixedConfirmationToast from 'pb_fixed_confirmation_toast/docs'
|
38
|
+
import * as Flex from 'pb_flex/docs'
|
39
|
+
import * as FormGroup from 'pb_form_group/docs'
|
40
|
+
import * as FormPill from 'pb_form_pill/docs'
|
41
|
+
import * as Gauge from 'pb_gauge/docs'
|
42
|
+
import * as Hashtag from 'pb_hashtag/docs'
|
43
|
+
import * as Highlight from 'pb_highlight/docs'
|
44
|
+
import * as HomeAddressStreet from 'pb_home_address_street/docs'
|
45
|
+
import * as Icon from 'pb_icon/docs'
|
46
|
+
import * as IconCircle from 'pb_icon_circle/docs'
|
47
|
+
import * as IconStatValue from 'pb_icon_stat_value/docs'
|
48
|
+
import * as IconValue from 'pb_icon_value/docs'
|
49
|
+
import * as Image from 'pb_image/docs'
|
50
|
+
import * as LabelPill from 'pb_label_pill/docs'
|
51
|
+
import * as LabelValue from 'pb_label_value/docs'
|
52
|
+
import * as Layout from 'pb_layout/docs'
|
53
|
+
import * as LegendDocs from 'pb_legend/docs'
|
54
|
+
import * as LineGraphDocs from 'pb_line_graph/docs'
|
55
|
+
import * as List from 'pb_list/docs'
|
56
|
+
import * as LoadingInline from 'pb_loading_inline/docs'
|
57
|
+
import * as Message from 'pb_message/docs'
|
58
|
+
import * as MultipleUsers from 'pb_multiple_users/docs'
|
59
|
+
import * as MultipleUsersStacked from 'pb_multiple_users_stacked/docs'
|
60
|
+
import * as Nav from 'pb_nav/docs'
|
61
|
+
import * as OnlineStatus from 'pb_online_status/docs'
|
62
|
+
import * as Passphrase from 'pb_passphrase/docs'
|
63
|
+
import * as PbReactPopover from 'pb_popover/docs'
|
64
|
+
import * as Person from 'pb_person/docs'
|
65
|
+
import * as PersonContact from 'pb_person_contact/docs'
|
66
|
+
import * as Pill from 'pb_pill/docs'
|
67
|
+
import * as ProgressPills from 'pb_progress_pills/docs'
|
68
|
+
import * as ProgressSimple from 'pb_progress_simple/docs'
|
69
|
+
import * as ProgressStep from 'pb_progress_step/docs'
|
70
|
+
import * as Radio from 'pb_radio/docs'
|
71
|
+
import * as RichTextEditor from 'pb_rich_text_editor/docs'
|
72
|
+
import * as SectionSeparator from 'pb_section_separator/docs'
|
73
|
+
import * as Select from 'pb_select/docs'
|
74
|
+
import * as SelectableCard from 'pb_selectable_card/docs'
|
75
|
+
import * as SelectableCardIcon from 'pb_selectable_card_icon/docs'
|
76
|
+
import * as SelectableIcon from 'pb_selectable_icon/docs'
|
77
|
+
import * as SelectableList from 'pb_selectable_list/docs'
|
78
|
+
import * as Source from 'pb_source/docs'
|
79
|
+
import * as StarRating from 'pb_star_rating/docs'
|
80
|
+
import * as StatChange from 'pb_stat_change/docs'
|
81
|
+
import * as StatValue from 'pb_stat_value/docs'
|
82
|
+
import * as Table from 'pb_table/docs'
|
83
|
+
import * as TextInput from 'pb_text_input/docs'
|
84
|
+
import * as Textarea from 'pb_textarea/docs'
|
85
|
+
import * as Time from 'pb_time/docs'
|
86
|
+
import * as TimeRangeInline from 'pb_time_range_inline/docs'
|
87
|
+
import * as TimeStacked from 'pb_time_stacked/docs'
|
88
|
+
import * as Timeline from 'pb_timeline/docs'
|
89
|
+
import * as Timestamp from 'pb_timestamp/docs'
|
90
|
+
import * as Title from 'pb_title/docs'
|
91
|
+
import * as TitleCount from 'pb_title_count/docs'
|
92
|
+
import * as TitleDetail from 'pb_title_detail/docs'
|
93
|
+
import * as Toggle from 'pb_toggle/docs'
|
94
|
+
import * as Typeahead from 'pb_typeahead/docs'
|
95
|
+
import * as User from 'pb_user/docs'
|
96
|
+
import * as UserBadge from 'pb_user_badge/docs'
|
97
|
+
import * as WeekdayStacked from 'pb_weekday_stacked/docs'
|
98
|
+
|
99
|
+
WebpackerReact.registerComponents({
|
100
|
+
...Avatar,
|
101
|
+
...AvatarActionButton,
|
102
|
+
...Background,
|
103
|
+
...Badge,
|
104
|
+
...BarGraphDocs,
|
105
|
+
...Body,
|
106
|
+
...BreadCrumbs,
|
107
|
+
...Button,
|
108
|
+
...ButtonToolbar,
|
109
|
+
...Caption,
|
110
|
+
...Card,
|
111
|
+
...Checkbox,
|
112
|
+
...CircleChart,
|
113
|
+
...CircleIconButton,
|
114
|
+
...Collapsible,
|
115
|
+
...Contact,
|
116
|
+
...Currency,
|
117
|
+
...DashboardValue,
|
118
|
+
...Date,
|
119
|
+
...DatePicker,
|
120
|
+
...DateRangeInline,
|
121
|
+
...DateRangeStacked,
|
122
|
+
...DateStacked,
|
123
|
+
...DateTime,
|
124
|
+
...DateTimeStacked,
|
125
|
+
...DateYearStacked,
|
126
|
+
...Dialog,
|
127
|
+
...DistributionBarDocs,
|
128
|
+
...FileUpload,
|
129
|
+
...Filter,
|
130
|
+
...FixedConfirmationToast,
|
131
|
+
...Flex,
|
132
|
+
...FormGroup,
|
133
|
+
...FormPill,
|
134
|
+
...Gauge,
|
135
|
+
...Hashtag,
|
136
|
+
...Highlight,
|
137
|
+
...HomeAddressStreet,
|
138
|
+
...Icon,
|
139
|
+
...IconCircle,
|
140
|
+
...IconStatValue,
|
141
|
+
...IconValue,
|
142
|
+
...Image,
|
143
|
+
...LabelPill,
|
144
|
+
...LabelValue,
|
145
|
+
...Layout,
|
146
|
+
...LegendDocs,
|
147
|
+
...LineGraphDocs,
|
148
|
+
...List,
|
149
|
+
...LoadingInline,
|
150
|
+
...Message,
|
151
|
+
...MultipleUsers,
|
152
|
+
...MultipleUsersStacked,
|
153
|
+
...Nav,
|
154
|
+
...OnlineStatus,
|
155
|
+
...Passphrase,
|
156
|
+
...PbReactPopover,
|
157
|
+
...Person,
|
158
|
+
...PersonContact,
|
159
|
+
...Pill,
|
160
|
+
...ProgressPills,
|
161
|
+
...ProgressSimple,
|
162
|
+
...ProgressStep,
|
163
|
+
...Radio,
|
164
|
+
...RichTextEditor,
|
165
|
+
...SectionSeparator,
|
166
|
+
...Select,
|
167
|
+
...SelectableCard,
|
168
|
+
...SelectableCardIcon,
|
169
|
+
...SelectableIcon,
|
170
|
+
...SelectableList,
|
171
|
+
...Source,
|
172
|
+
...StarRating,
|
173
|
+
...StatChange,
|
174
|
+
...StatValue,
|
175
|
+
...Table,
|
176
|
+
...TextInput,
|
177
|
+
...Textarea,
|
178
|
+
...Time,
|
179
|
+
...TimeRangeInline,
|
180
|
+
...TimeStacked,
|
181
|
+
...Timeline,
|
182
|
+
...Timestamp,
|
183
|
+
...Title,
|
184
|
+
...TitleCount,
|
185
|
+
...TitleDetail,
|
186
|
+
...Toggle,
|
187
|
+
...Typeahead,
|
188
|
+
...User,
|
189
|
+
...UserBadge,
|
190
|
+
...WeekdayStacked,
|
191
|
+
})
|
192
|
+
ujs.setup(
|
193
|
+
() => WebpackerReact.mountComponents(),
|
194
|
+
() => WebpackerReact.unmountComponents()
|
195
|
+
)
|