playbook_ui 6.4.2 → 6.6.1
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +3 -4
- data/app/pb_kits/playbook/_playbook.scss +1 -0
- data/app/pb_kits/playbook/data/menu.yml +1 -0
- data/app/pb_kits/playbook/index.js +3 -0
- data/app/pb_kits/playbook/packs/examples.js +4 -1
- data/app/pb_kits/playbook/packs/site_styles/docs/_kit_doc.scss +6 -0
- data/app/pb_kits/playbook/pb_button/_button.jsx +1 -0
- data/app/pb_kits/playbook/pb_button/_button_mixins.scss +1 -1
- data/app/pb_kits/playbook/pb_button/docs/_button_default.jsx +3 -7
- data/app/pb_kits/playbook/pb_button/docs/_button_default_dark.jsx +3 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_link.jsx +2 -0
- data/app/pb_kits/playbook/pb_button/docs/_button_loading.jsx +2 -0
- data/app/pb_kits/playbook/pb_circle_icon_button/docs/_circle_icon_button_link.html.erb +2 -1
- data/app/pb_kits/playbook/pb_date/date.rb +2 -1
- data/app/pb_kits/playbook/pb_date/docs/_date_default.html.erb +8 -1
- data/app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb +51 -0
- data/app/pb_kits/playbook/pb_date/docs/_date_timezone.md +6 -0
- data/app/pb_kits/playbook/pb_date/docs/_description.md +2 -0
- data/app/pb_kits/playbook/pb_date/docs/example.yml +1 -0
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb +39 -0
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.jsx +149 -0
- data/app/pb_kits/playbook/pb_date_picker/_date_picker.scss +33 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker.rb +85 -0
- data/app/pb_kits/playbook/pb_date_picker/date_picker_helper.js +165 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx +13 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.html.erb +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.jsx +13 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx +12 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb +24 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx +30 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb +43 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx +48 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx +13 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb +19 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx +25 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.html.erb +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.jsx +13 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.html.erb +37 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.jsx +37 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.html.erb +26 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.jsx +32 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.md +3 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb +9 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx +17 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb +14 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx +22 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb +4 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx +13 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.html.erb +7 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.jsx +16 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.md +1 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/_description.md +7 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/example.yml +35 -0
- data/app/pb_kits/playbook/pb_date_picker/docs/index.js +14 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss +33 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss +53 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss +785 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss +108 -0
- data/app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss +44 -0
- data/app/pb_kits/playbook/pb_filter/_filter.scss +1 -1
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +1 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with_validate.html.erb +1 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_simple_form.html.erb +2 -0
- data/app/pb_kits/playbook/pb_form/docs/_form_simple_form_validate.html.erb +2 -0
- data/app/pb_kits/playbook/pb_form/form_builder.rb +1 -0
- data/app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb +20 -0
- data/app/pb_kits/playbook/pb_progress_step/progress_step.rb +2 -2
- data/app/pb_kits/playbook/pb_progress_step/progress_step_item.rb +0 -1
- data/app/pb_kits/playbook/pb_table/table.rb +3 -3
- data/app/pb_kits/playbook/pb_text_input/_text_input.html.erb +1 -0
- data/app/pb_kits/playbook/pb_text_input/_text_input.jsx +21 -17
- data/app/pb_kits/playbook/pb_text_input/_text_input.scss +17 -8
- data/app/pb_kits/playbook/pb_text_input/text_input.rb +2 -0
- data/app/pb_kits/playbook/pb_time/_time.html.erb +23 -17
- data/app/pb_kits/playbook/pb_time/_time.jsx +20 -11
- data/app/pb_kits/playbook/pb_time/_time.scss +16 -8
- data/app/pb_kits/playbook/pb_time/docs/_time_align.html.erb +18 -0
- data/app/pb_kits/playbook/pb_time/docs/_time_align.jsx +3 -3
- data/app/pb_kits/playbook/pb_time/docs/_time_dark.html.erb +70 -0
- data/app/pb_kits/playbook/pb_time/docs/_time_dark.jsx +1 -6
- data/app/pb_kits/playbook/pb_time/docs/_time_default.html.erb +47 -3
- data/app/pb_kits/playbook/pb_time/docs/_time_default.jsx +33 -4
- data/app/pb_kits/playbook/pb_time/docs/_time_sizes.html.erb +11 -0
- data/app/pb_kits/playbook/pb_time/docs/_time_sizes.jsx +19 -0
- data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb +3 -1
- data/app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx +0 -7
- data/app/pb_kits/playbook/pb_time/docs/_time_timezone.html.erb +37 -0
- data/app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx +12 -14
- data/app/pb_kits/playbook/pb_time/docs/example.yml +7 -2
- data/app/pb_kits/playbook/pb_time/docs/index.js +1 -0
- data/app/pb_kits/playbook/pb_time/time.rb +14 -2
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.jsx +60 -0
- data/app/pb_kits/playbook/pb_typeahead/_typeahead.scss +20 -3
- data/app/pb_kits/playbook/pb_typeahead/components/Control.jsx +30 -0
- data/app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.jsx +13 -0
- data/app/pb_kits/playbook/pb_typeahead/components/MenuList.jsx +12 -0
- data/app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx +51 -0
- data/app/pb_kits/playbook/pb_typeahead/components/Option.jsx +34 -0
- data/app/pb_kits/playbook/pb_typeahead/components/Placeholder.jsx +13 -0
- data/app/pb_kits/playbook/pb_typeahead/components/ValueContainer.jsx +13 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx +22 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx +29 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx +84 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_summary.jsx +45 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx +101 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_summary.jsx +27 -0
- data/app/pb_kits/playbook/pb_typeahead/docs/example.yml +8 -2
- data/app/pb_kits/playbook/pb_typeahead/docs/index.js +4 -0
- data/app/pb_kits/playbook/tokens/_typography.scss +3 -3
- data/app/pb_kits/playbook/vendor.js +6 -0
- data/lib/playbook/version.rb +1 -1
- metadata +73 -3
@@ -0,0 +1,84 @@
|
|
1
|
+
/* @flow */
|
2
|
+
|
3
|
+
import React, { useState } from 'react'
|
4
|
+
|
5
|
+
import {
|
6
|
+
Caption,
|
7
|
+
Typeahead,
|
8
|
+
User,
|
9
|
+
} from '../..'
|
10
|
+
|
11
|
+
/**
|
12
|
+
*
|
13
|
+
* @const filterResults
|
14
|
+
* @ignore
|
15
|
+
* @returns {[Object]} - a custom mapping of objects, minimally containing
|
16
|
+
* `value` and `label` among other possible fields
|
17
|
+
* @summary - for doc example purposes only
|
18
|
+
*/
|
19
|
+
|
20
|
+
const filterResults = (results) =>
|
21
|
+
results.items.map((result) => {
|
22
|
+
return {
|
23
|
+
label: result.login,
|
24
|
+
value: result.id,
|
25
|
+
}
|
26
|
+
})
|
27
|
+
|
28
|
+
/**
|
29
|
+
*
|
30
|
+
* @const promiseOptions
|
31
|
+
* @ignore
|
32
|
+
* @returns {Promise} - fetch API data results from Typeahead input text
|
33
|
+
* @see - https://react-select.com/home#async
|
34
|
+
* @summary - for doc example purposes only
|
35
|
+
*/
|
36
|
+
|
37
|
+
const promiseOptions = (inputValue) =>
|
38
|
+
new Promise((resolve) => {
|
39
|
+
if (inputValue) {
|
40
|
+
fetch(`https://api.github.com/search/users?q=${inputValue}`)
|
41
|
+
.then((response) => response.json())
|
42
|
+
.then((results) => resolve(filterResults(results)))
|
43
|
+
} else {
|
44
|
+
resolve([])
|
45
|
+
}
|
46
|
+
})
|
47
|
+
|
48
|
+
const TypeaheadWithPillsAsync = () => {
|
49
|
+
const [users, setUsers] = useState([])
|
50
|
+
const handleOnChange = (value) => setUsers(value)
|
51
|
+
|
52
|
+
return (
|
53
|
+
<>
|
54
|
+
<If condition={users && users.length > 0}>
|
55
|
+
<Caption
|
56
|
+
marginBottom="xs"
|
57
|
+
text="State (Users)"
|
58
|
+
/>
|
59
|
+
<For
|
60
|
+
each="user"
|
61
|
+
of={users}
|
62
|
+
>
|
63
|
+
<User
|
64
|
+
align="left"
|
65
|
+
key={user.value}
|
66
|
+
marginBottom="md"
|
67
|
+
name={user.label}
|
68
|
+
orientation="horizontal"
|
69
|
+
/>
|
70
|
+
</For>
|
71
|
+
</If>
|
72
|
+
<Typeahead
|
73
|
+
async
|
74
|
+
isMulti
|
75
|
+
label="Github Users"
|
76
|
+
loadOptions={promiseOptions}
|
77
|
+
onChange={handleOnChange}
|
78
|
+
placeholder="type the name of a Github user"
|
79
|
+
/>
|
80
|
+
</>
|
81
|
+
)
|
82
|
+
}
|
83
|
+
|
84
|
+
export default TypeaheadWithPillsAsync
|
@@ -0,0 +1,45 @@
|
|
1
|
+
/* @flow */
|
2
|
+
|
3
|
+
import React from 'react'
|
4
|
+
import { Body, Flex, FlexItem, Icon } from '../..'
|
5
|
+
|
6
|
+
const TypeaheadWithPillsAsyncSummary = () => {
|
7
|
+
return (
|
8
|
+
<>
|
9
|
+
<Flex
|
10
|
+
marginBottom="lg"
|
11
|
+
vertical="center"
|
12
|
+
>
|
13
|
+
<FlexItem>
|
14
|
+
<Body
|
15
|
+
color="light"
|
16
|
+
>
|
17
|
+
<Icon
|
18
|
+
icon="info-circle"
|
19
|
+
marginRight="xs"
|
20
|
+
/>
|
21
|
+
</Body>
|
22
|
+
</FlexItem>
|
23
|
+
<FlexItem>
|
24
|
+
<Body
|
25
|
+
color="light"
|
26
|
+
>
|
27
|
+
{'If the data field '}
|
28
|
+
<code>{'imageUrl'}</code>
|
29
|
+
{' is present, '}
|
30
|
+
<code>{'FormPill'}</code>
|
31
|
+
{' will receive that field as a prop and display the image. '}
|
32
|
+
<br />
|
33
|
+
{'Additionally, you can also leverage the callback prop: '}
|
34
|
+
<code>{'onMultiValueClick'}</code>
|
35
|
+
{' to perform custom work when a '}
|
36
|
+
<code>{'MultiValue'}</code>
|
37
|
+
{' item is clicked.'}
|
38
|
+
</Body>
|
39
|
+
</FlexItem>
|
40
|
+
</Flex>
|
41
|
+
</>
|
42
|
+
)
|
43
|
+
}
|
44
|
+
|
45
|
+
export default TypeaheadWithPillsAsyncSummary
|
@@ -0,0 +1,101 @@
|
|
1
|
+
/* @flow */
|
2
|
+
|
3
|
+
import React, { useState } from 'react'
|
4
|
+
|
5
|
+
import {
|
6
|
+
Caption,
|
7
|
+
Typeahead,
|
8
|
+
User,
|
9
|
+
} from '../..'
|
10
|
+
|
11
|
+
import TypeaheadWithPillsAsyncSummary from './_typeahead_with_pills_async_summary'
|
12
|
+
|
13
|
+
/**
|
14
|
+
*
|
15
|
+
* @const filterResults
|
16
|
+
* @ignore
|
17
|
+
* @returns {[Object]} - a custom mapping of objects, minimally containing
|
18
|
+
* `value` and `label` among other possible fields
|
19
|
+
* @summary - for doc example purposes only
|
20
|
+
*/
|
21
|
+
|
22
|
+
const filterResults = (results) =>
|
23
|
+
results.items.map((result) => {
|
24
|
+
return {
|
25
|
+
imageUrl: result.avatar_url, //add the custom field
|
26
|
+
label: result.login,
|
27
|
+
value: result.id,
|
28
|
+
}
|
29
|
+
})
|
30
|
+
|
31
|
+
/**
|
32
|
+
*
|
33
|
+
* @const promiseOptions
|
34
|
+
* @ignore
|
35
|
+
* @returns {Promise} - fetch API data results from Typeahead input text
|
36
|
+
* @see - https://react-select.com/home#async
|
37
|
+
* @summary - for doc example purposes only
|
38
|
+
*/
|
39
|
+
|
40
|
+
const promiseOptions = (inputValue) =>
|
41
|
+
new Promise((resolve) => {
|
42
|
+
if (inputValue) {
|
43
|
+
fetch(`https://api.github.com/search/users?q=${inputValue}`)
|
44
|
+
.then((response) => response.json())
|
45
|
+
.then((results) => resolve(filterResults(results)))
|
46
|
+
} else {
|
47
|
+
resolve([])
|
48
|
+
}
|
49
|
+
})
|
50
|
+
|
51
|
+
const TypeaheadWithPillsAsyncUsers = () => {
|
52
|
+
const [users, setUsers] = useState([])
|
53
|
+
const handleOnChange = (value) => setUsers(value)
|
54
|
+
|
55
|
+
/**
|
56
|
+
*
|
57
|
+
* @const handleOnMultiValueClick {function} - a custom callback for the MultiValue click
|
58
|
+
* @ignore
|
59
|
+
* @returns {null}
|
60
|
+
* @summary - for doc example purposes only
|
61
|
+
*/
|
62
|
+
const handleOnMultiValueClick = (value) => {
|
63
|
+
alert(`You removed the user: "${value.label}"`)
|
64
|
+
}
|
65
|
+
|
66
|
+
return (
|
67
|
+
<>
|
68
|
+
<TypeaheadWithPillsAsyncSummary />
|
69
|
+
<If condition={users && users.length > 0}>
|
70
|
+
<Caption
|
71
|
+
marginBottom="xs"
|
72
|
+
text="State (Users)"
|
73
|
+
/>
|
74
|
+
<For
|
75
|
+
each="user"
|
76
|
+
of={users}
|
77
|
+
>
|
78
|
+
<User
|
79
|
+
align="left"
|
80
|
+
avatarUrl={user.imageUrl}
|
81
|
+
key={user.value}
|
82
|
+
marginBottom="md"
|
83
|
+
name={user.label}
|
84
|
+
orientation="horizontal"
|
85
|
+
/>
|
86
|
+
</For>
|
87
|
+
</If>
|
88
|
+
<Typeahead
|
89
|
+
async
|
90
|
+
isMulti
|
91
|
+
label="Github Users"
|
92
|
+
loadOptions={promiseOptions}
|
93
|
+
onChange={handleOnChange}
|
94
|
+
onMultiValueClick={handleOnMultiValueClick}
|
95
|
+
placeholder="type the name of a Github user"
|
96
|
+
/>
|
97
|
+
</>
|
98
|
+
)
|
99
|
+
}
|
100
|
+
|
101
|
+
export default TypeaheadWithPillsAsyncUsers
|
@@ -0,0 +1,27 @@
|
|
1
|
+
// @flow
|
2
|
+
|
3
|
+
import React from 'react'
|
4
|
+
import { Body, Icon } from '../..'
|
5
|
+
|
6
|
+
const TypeaheadWithPillsSummary = () => {
|
7
|
+
return (
|
8
|
+
<>
|
9
|
+
<Body
|
10
|
+
color="light"
|
11
|
+
marginBottom="lg"
|
12
|
+
>
|
13
|
+
<Icon
|
14
|
+
icon="info-circle"
|
15
|
+
marginRight="xs"
|
16
|
+
/>
|
17
|
+
{'Typeahead kit is data-driven. The minimum default fields are '}
|
18
|
+
<code>{'label'}</code>
|
19
|
+
{' and '}
|
20
|
+
<code>{'value'}</code>
|
21
|
+
{'.'}
|
22
|
+
</Body>
|
23
|
+
</>
|
24
|
+
)
|
25
|
+
}
|
26
|
+
|
27
|
+
export default TypeaheadWithPillsSummary
|
@@ -1,4 +1,10 @@
|
|
1
1
|
examples:
|
2
2
|
rails:
|
3
|
-
|
4
|
-
|
3
|
+
- typeahead_default: Default
|
4
|
+
- typeahead_with_context_dark: With Context
|
5
|
+
|
6
|
+
react:
|
7
|
+
- typeahead_default: Default
|
8
|
+
- typeahead_with_pills: With Pills
|
9
|
+
- typeahead_with_pills_async: With Pills (Async Data)
|
10
|
+
- typeahead_with_pills_async_users: With Pills (Async Data w/ Users)
|
@@ -0,0 +1,4 @@
|
|
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'
|
@@ -39,9 +39,9 @@ $heading_4: $font_base;
|
|
39
39
|
|
40
40
|
|
41
41
|
// Letter Spacing
|
42
|
-
$lspace_tightest:
|
43
|
-
$lspace_tighter:
|
44
|
-
$lspace_tight:
|
42
|
+
$lspace_tightest: -.1em;
|
43
|
+
$lspace_tighter: -.07em;
|
44
|
+
$lspace_tight: -.03em;
|
45
45
|
$lspace_normal: 0;
|
46
46
|
$lspace_loose: .03em;
|
47
47
|
$lspace_looser: .07em;
|
@@ -5,6 +5,10 @@ window.pbChart = pbChart
|
|
5
5
|
// Forms
|
6
6
|
import './pb_form/pb_form_validation'
|
7
7
|
|
8
|
+
// Date Picker
|
9
|
+
import datePickerHelper from './pb_date_picker/date_picker_helper.js'
|
10
|
+
window.datePickerHelper = datePickerHelper
|
11
|
+
|
8
12
|
// Lazy image loading
|
9
13
|
import 'lazysizes'
|
10
14
|
|
@@ -19,3 +23,5 @@ PbTypeahead.start()
|
|
19
23
|
|
20
24
|
import PbTable from './pb_table'
|
21
25
|
PbTable.start()
|
26
|
+
|
27
|
+
import 'flatpickr'
|
data/lib/playbook/version.rb
CHANGED
metadata
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
2
2
|
name: playbook_ui
|
3
3
|
version: !ruby/object:Gem::Version
|
4
|
-
version: 6.
|
4
|
+
version: 6.6.1
|
5
5
|
platform: ruby
|
6
6
|
authors:
|
7
7
|
- Power UX
|
@@ -9,7 +9,7 @@ authors:
|
|
9
9
|
autorequire:
|
10
10
|
bindir: bin
|
11
11
|
cert_chain: []
|
12
|
-
date: 2020-09-
|
12
|
+
date: 2020-09-16 00:00:00.000000000 Z
|
13
13
|
dependencies:
|
14
14
|
- !ruby/object:Gem::Dependency
|
15
15
|
name: actionpack
|
@@ -704,9 +704,58 @@ files:
|
|
704
704
|
- app/pb_kits/playbook/pb_date/date.rb
|
705
705
|
- app/pb_kits/playbook/pb_date/docs/_date_default.html.erb
|
706
706
|
- app/pb_kits/playbook/pb_date/docs/_date_default.jsx
|
707
|
+
- app/pb_kits/playbook/pb_date/docs/_date_timezone.html.erb
|
708
|
+
- app/pb_kits/playbook/pb_date/docs/_date_timezone.md
|
707
709
|
- app/pb_kits/playbook/pb_date/docs/_description.md
|
708
710
|
- app/pb_kits/playbook/pb_date/docs/example.yml
|
709
711
|
- app/pb_kits/playbook/pb_date/docs/index.js
|
712
|
+
- app/pb_kits/playbook/pb_date_picker/_date_picker.html.erb
|
713
|
+
- app/pb_kits/playbook/pb_date_picker/_date_picker.jsx
|
714
|
+
- app/pb_kits/playbook/pb_date_picker/_date_picker.scss
|
715
|
+
- app/pb_kits/playbook/pb_date_picker/date_picker.rb
|
716
|
+
- app/pb_kits/playbook/pb_date_picker/date_picker_helper.js
|
717
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.html.erb
|
718
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.jsx
|
719
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_allow_input.md
|
720
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.html.erb
|
721
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_dark.jsx
|
722
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.html.erb
|
723
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default.jsx
|
724
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.html.erb
|
725
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_default_date.jsx
|
726
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.html.erb
|
727
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_disabled.jsx
|
728
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.html.erb
|
729
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_error.jsx
|
730
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.html.erb
|
731
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.jsx
|
732
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_format.md
|
733
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.html.erb
|
734
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hide_icon.jsx
|
735
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.html.erb
|
736
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.jsx
|
737
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_hooks.md
|
738
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.html.erb
|
739
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.jsx
|
740
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_input.md
|
741
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.html.erb
|
742
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.jsx
|
743
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_label.md
|
744
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.html.erb
|
745
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_min_max.jsx
|
746
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.html.erb
|
747
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_range.jsx
|
748
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.html.erb
|
749
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.jsx
|
750
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_date_picker_year_range.md
|
751
|
+
- app/pb_kits/playbook/pb_date_picker/docs/_description.md
|
752
|
+
- app/pb_kits/playbook/pb_date_picker/docs/example.yml
|
753
|
+
- app/pb_kits/playbook/pb_date_picker/docs/index.js
|
754
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_calendar_input_icon.scss
|
755
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_day_styles.scss
|
756
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_flatpickr_styles.scss
|
757
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_header_styles.scss
|
758
|
+
- app/pb_kits/playbook/pb_date_picker/sass_partials/_overrides.scss
|
710
759
|
- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.html.erb
|
711
760
|
- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.jsx
|
712
761
|
- app/pb_kits/playbook/pb_date_range_inline/_date_range_inline.scss
|
@@ -877,6 +926,7 @@ files:
|
|
877
926
|
- app/pb_kits/playbook/pb_form/form_builder/action_area.rb
|
878
927
|
- app/pb_kits/playbook/pb_form/form_builder/checkbox_field.rb
|
879
928
|
- app/pb_kits/playbook/pb_form/form_builder/collection_select_field.rb
|
929
|
+
- app/pb_kits/playbook/pb_form/form_builder/date_picker_field.rb
|
880
930
|
- app/pb_kits/playbook/pb_form/form_builder/form_field_builder.rb
|
881
931
|
- app/pb_kits/playbook/pb_form/form_builder/form_with_form_builder.rb
|
882
932
|
- app/pb_kits/playbook/pb_form/form_builder/select_field.rb
|
@@ -1637,13 +1687,18 @@ files:
|
|
1637
1687
|
- app/pb_kits/playbook/pb_time/_time.scss
|
1638
1688
|
- app/pb_kits/playbook/pb_time/docs/_description.md
|
1639
1689
|
- app/pb_kits/playbook/pb_time/docs/_footer.md
|
1690
|
+
- app/pb_kits/playbook/pb_time/docs/_time_align.html.erb
|
1640
1691
|
- app/pb_kits/playbook/pb_time/docs/_time_align.jsx
|
1692
|
+
- app/pb_kits/playbook/pb_time/docs/_time_dark.html.erb
|
1641
1693
|
- app/pb_kits/playbook/pb_time/docs/_time_dark.jsx
|
1642
1694
|
- app/pb_kits/playbook/pb_time/docs/_time_default.html.erb
|
1643
1695
|
- app/pb_kits/playbook/pb_time/docs/_time_default.jsx
|
1644
1696
|
- app/pb_kits/playbook/pb_time/docs/_time_default.md
|
1697
|
+
- app/pb_kits/playbook/pb_time/docs/_time_sizes.html.erb
|
1698
|
+
- app/pb_kits/playbook/pb_time/docs/_time_sizes.jsx
|
1645
1699
|
- app/pb_kits/playbook/pb_time/docs/_time_timestamp.html.erb
|
1646
1700
|
- app/pb_kits/playbook/pb_time/docs/_time_timestamp.jsx
|
1701
|
+
- app/pb_kits/playbook/pb_time/docs/_time_timezone.html.erb
|
1647
1702
|
- app/pb_kits/playbook/pb_time/docs/_time_timezone.jsx
|
1648
1703
|
- app/pb_kits/playbook/pb_time/docs/_time_timezone.md
|
1649
1704
|
- app/pb_kits/playbook/pb_time/docs/example.yml
|
@@ -1770,12 +1825,27 @@ files:
|
|
1770
1825
|
- app/pb_kits/playbook/pb_tooltip/index.js
|
1771
1826
|
- app/pb_kits/playbook/pb_tooltip/tooltip.rb
|
1772
1827
|
- app/pb_kits/playbook/pb_typeahead/_typeahead.html.erb
|
1828
|
+
- app/pb_kits/playbook/pb_typeahead/_typeahead.jsx
|
1773
1829
|
- app/pb_kits/playbook/pb_typeahead/_typeahead.scss
|
1830
|
+
- app/pb_kits/playbook/pb_typeahead/components/Control.jsx
|
1831
|
+
- app/pb_kits/playbook/pb_typeahead/components/IndicatorsContainer.jsx
|
1832
|
+
- app/pb_kits/playbook/pb_typeahead/components/MenuList.jsx
|
1833
|
+
- app/pb_kits/playbook/pb_typeahead/components/MultiValue.jsx
|
1834
|
+
- app/pb_kits/playbook/pb_typeahead/components/Option.jsx
|
1835
|
+
- app/pb_kits/playbook/pb_typeahead/components/Placeholder.jsx
|
1836
|
+
- app/pb_kits/playbook/pb_typeahead/components/ValueContainer.jsx
|
1774
1837
|
- app/pb_kits/playbook/pb_typeahead/docs/_description.md
|
1775
1838
|
- app/pb_kits/playbook/pb_typeahead/docs/_footer.md
|
1776
1839
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.html.erb
|
1840
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_default.jsx
|
1777
1841
|
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_context_dark.html.erb
|
1842
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills.jsx
|
1843
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async.jsx
|
1844
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_summary.jsx
|
1845
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_async_users.jsx
|
1846
|
+
- app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_pills_summary.jsx
|
1778
1847
|
- app/pb_kits/playbook/pb_typeahead/docs/example.yml
|
1848
|
+
- app/pb_kits/playbook/pb_typeahead/docs/index.js
|
1779
1849
|
- app/pb_kits/playbook/pb_typeahead/index.js
|
1780
1850
|
- app/pb_kits/playbook/pb_typeahead/typeahead.rb
|
1781
1851
|
- app/pb_kits/playbook/pb_user/_user.html.erb
|
@@ -1947,7 +2017,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
|
|
1947
2017
|
- !ruby/object:Gem::Version
|
1948
2018
|
version: '0'
|
1949
2019
|
requirements: []
|
1950
|
-
rubygems_version: 3.1.
|
2020
|
+
rubygems_version: 3.1.2
|
1951
2021
|
signing_key:
|
1952
2022
|
specification_version: 4
|
1953
2023
|
summary: Playbook Design System
|