playbook_ui_docs 14.0.0.pre.alpha.updateviewcomponentgem3527 → 14.0.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -1
- data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
- data/app/pb_kits/playbook/pb_date_picker/docs/_description.md +1 -3
- data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +0 -1
- data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb +0 -1
- data/app/pb_kits/playbook/pb_online_status/docs/example.yml +2 -6
- data/app/pb_kits/playbook/pb_online_status/docs/index.js +0 -2
- data/app/pb_kits/playbook/pb_overlay/docs/example.yml +2 -4
- data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -1
- data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +1 -3
- data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +1 -1
- data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb +1 -1
- data/dist/playbook-doc.js +1 -1
- metadata +5 -14
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx +0 -67
- data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md +0 -1
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_no_border.html.erb +0 -1
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_no_border.jsx +0 -14
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_size.html.erb +0 -3
- data/app/pb_kits/playbook/pb_online_status/docs/_online_status_size.jsx +0 -25
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb +0 -61
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx +0 -70
- data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.md +0 -1
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: 100ded5640f86b97412add22ed482400333157a24bc4a22ffe2b8c42a965a458
|
4
|
+
data.tar.gz: 94779c01b98f026171ac020ce2bb5c7e201ce434e2e6f3fd42c2a70395c4d633
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: 05173a2c815b226c74ad40b8006293eec9c2c451c642dac0b86e24ad138805bb807aae8ffc60d605c89e22310a0ff663966b2752a5bc8422c1b1766abea85c9c
|
7
|
+
data.tar.gz: 7fede7cdd21bd27a82b1839f4ac6d3972bb5d172a1783058c0e3aafead1d5071d089dbb882d05a695e0cc96a99541304c52d09429249265abd7bfb89ca85350b
|
@@ -7,5 +7,4 @@ export { default as AdvancedTableSubrowHeaders } from './_advanced_table_subrow_
|
|
7
7
|
export { default as AdvancedTableCollapsibleTrail } from './_advanced_table_collapsible_trail.jsx'
|
8
8
|
export { default as AdvancedTableTableOptions } from './_advanced_table_table_options.jsx'
|
9
9
|
export { default as AdvancedTableTableProps } from './_advanced_table_table_props.jsx'
|
10
|
-
export { default as AdvancedTableInlineRowLoading } from './_advanced_table_inline_row_loading.jsx'
|
11
|
-
export { default as AdvancedTableResponsive } from './_advanced_table_responsive.jsx'
|
10
|
+
export { default as AdvancedTableInlineRowLoading } from './_advanced_table_inline_row_loading.jsx'
|
@@ -6,6 +6,4 @@ Playbook's date picker is built using [flatpickr](https://flatpickr.js.org/), a
|
|
6
6
|
|
7
7
|
To learn more [visit flatpickr's docs](https://flatpickr.js.org/instance-methods-properties-elements/) or see the hook doc section below for an applied example.
|
8
8
|
|
9
|
-
The Date Picker works best with Javascript Date Objects or ISO Date strings. If you're programming in js use Date Objects. If you're using rails convert your date object (with timezone) to UTC and then to an ISO Date string. For example, `DateTime.now.utc.iso8601`. This ensures that the string passed to the Date Picker kit behaves as expected.
|
10
|
-
|
11
|
-
The Date Picker expects a date format of `MM/DD/YYYY` by default. If a different date format (e.g. `DD/MM/YYYY`, `m/d/y`, etc.) is used, the component will not know how to handle it and use a default date instead. To change the date format used, read more [here](#format).
|
9
|
+
The Date Picker works best with Javascript Date Objects or ISO Date strings. If you're programming in js use Date Objects. If you're using rails convert your date object (with timezone) to UTC and then to an ISO Date string. For example, `DateTime.now.utc.iso8601`. This ensures that the string passed to the Date Picker kit behaves as expected.
|
@@ -45,7 +45,6 @@
|
|
45
45
|
class: "checkbox-class"
|
46
46
|
%>
|
47
47
|
<%= form.date_picker :example_date_picker_1, props: { label: true } %>
|
48
|
-
<%= form.star_rating_field :example_star_rating, props: { variant: "interactive", label: true } %>
|
49
48
|
|
50
49
|
<%= form.actions do |action| %>
|
51
50
|
<%= action.submit %>
|
@@ -1,12 +1,8 @@
|
|
1
1
|
examples:
|
2
2
|
|
3
3
|
rails:
|
4
|
-
- online_status_default:
|
5
|
-
- online_status_size: Size
|
6
|
-
- online_status_no_border: No Border
|
4
|
+
- online_status_default: Default
|
7
5
|
|
8
6
|
|
9
7
|
react:
|
10
|
-
- online_status_default:
|
11
|
-
- online_status_size: Size
|
12
|
-
- online_status_no_border: No Border
|
8
|
+
- online_status_default: Default
|
@@ -2,9 +2,7 @@ examples:
|
|
2
2
|
react:
|
3
3
|
- overlay_default: Default
|
4
4
|
- overlay_multi_directional: Multi-directional
|
5
|
-
- overlay_toggle: Toggle
|
6
5
|
|
7
6
|
rails:
|
8
|
-
|
9
|
-
|
10
|
-
- overlay_toggle: Toggle
|
7
|
+
- overlay_default: Default
|
8
|
+
- overlay_multi_directional: Multi-directional
|
@@ -6,7 +6,6 @@ examples:
|
|
6
6
|
- star_rating_hide: Layout Options
|
7
7
|
- star_rating_number_config: Number Config
|
8
8
|
- star_rating_size_options: Size Options
|
9
|
-
- star_rating_interactive: Interactive
|
10
9
|
|
11
10
|
react:
|
12
11
|
- star_rating_default: Default
|
@@ -14,5 +13,4 @@ examples:
|
|
14
13
|
- star_rating_background_options: Background Options
|
15
14
|
- star_rating_hide: Layout Options
|
16
15
|
- star_rating_number_config: Number Config
|
17
|
-
- star_rating_size_options: Size Options
|
18
|
-
- star_rating_interactive: Interactive
|
16
|
+
- star_rating_size_options: Size Options
|
@@ -5,12 +5,12 @@ import TextInput from '../../pb_text_input/_text_input'
|
|
5
5
|
import Title from '../../pb_title/_title'
|
6
6
|
|
7
7
|
const TextInputDefault = (props) => {
|
8
|
-
const [firstName, setFirstName] = useState('')
|
9
8
|
const handleOnChangeFirstName = ({ target }) => {
|
10
9
|
setFirstName(target.value)
|
11
10
|
}
|
12
11
|
const ref = React.createRef()
|
13
12
|
|
13
|
+
const [firstName, setFirstName] = useState('')
|
14
14
|
const [formFields, setFormFields] = useState({
|
15
15
|
firstName: 'Jane',
|
16
16
|
lastName: 'Doe',
|