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.
Files changed (24) hide show
  1. checksums.yaml +4 -4
  2. data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml +0 -1
  3. data/app/pb_kits/playbook/pb_advanced_table/docs/index.js +1 -2
  4. data/app/pb_kits/playbook/pb_date_picker/docs/_description.md +1 -3
  5. data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb +0 -1
  6. data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb +0 -1
  7. data/app/pb_kits/playbook/pb_online_status/docs/example.yml +2 -6
  8. data/app/pb_kits/playbook/pb_online_status/docs/index.js +0 -2
  9. data/app/pb_kits/playbook/pb_overlay/docs/example.yml +2 -4
  10. data/app/pb_kits/playbook/pb_overlay/docs/index.js +0 -1
  11. data/app/pb_kits/playbook/pb_star_rating/docs/example.yml +1 -3
  12. data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx +1 -1
  13. data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb +1 -1
  14. data/dist/playbook-doc.js +1 -1
  15. metadata +5 -14
  16. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.jsx +0 -67
  17. data/app/pb_kits/playbook/pb_advanced_table/docs/_advanced_table_responsive.md +0 -1
  18. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_no_border.html.erb +0 -1
  19. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_no_border.jsx +0 -14
  20. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_size.html.erb +0 -3
  21. data/app/pb_kits/playbook/pb_online_status/docs/_online_status_size.jsx +0 -25
  22. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.html.erb +0 -61
  23. data/app/pb_kits/playbook/pb_overlay/docs/_overlay_toggle.jsx +0 -70
  24. 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: 2cac939cad3f67990a33356d9a3c34e6aa146e55c7064d804e9a67ad9fc883f1
4
- data.tar.gz: 2da7c5937ac0a2b3493032eaaeaf6886bcae859dd6c04b2c1f6a820fff1b7122
3
+ metadata.gz: 100ded5640f86b97412add22ed482400333157a24bc4a22ffe2b8c42a965a458
4
+ data.tar.gz: 94779c01b98f026171ac020ce2bb5c7e201ce434e2e6f3fd42c2a70395c4d633
5
5
  SHA512:
6
- metadata.gz: 036ad6c9b94efce8ed83d18713deaa0fc6822b0df5fcfaf5af12dbb884a1ab2c469308670f87fd7be440130da0bf47d8799d63e0d70f539d31d164827648c224
7
- data.tar.gz: 58a0fd843e52b20d009dc5dafe421df6270de3e396cc70bfb2b520a2c0918614346a75d51aa7835a9694fbdcee240e1f56d1217c5cbc90c3e07d719dc03b8bd1
6
+ metadata.gz: 05173a2c815b226c74ad40b8006293eec9c2c451c642dac0b86e24ad138805bb807aae8ffc60d605c89e22310a0ff663966b2752a5bc8422c1b1766abea85c9c
7
+ data.tar.gz: 7fede7cdd21bd27a82b1839f4ac6d3972bb5d172a1783058c0e3aafead1d5071d089dbb882d05a695e0cc96a99541304c52d09429249265abd7bfb89ca85350b
@@ -14,4 +14,3 @@ examples:
14
14
  - advanced_table_table_options: Table Options
15
15
  - advanced_table_table_props: Table Props
16
16
  - advanced_table_inline_row_loading: Inline Row Loading
17
- - advanced_table_responsive: Responsive Tables
@@ -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 %>
@@ -47,7 +47,6 @@
47
47
  value: 19.18,
48
48
  variant:"green"
49
49
  }) %>
50
- <br>
51
50
  <%= pb_rails("icon_stat_value", props: { icon: "globe",
52
51
  text: "Uranus",
53
52
  unit: "AU",
@@ -1,12 +1,8 @@
1
1
  examples:
2
2
 
3
3
  rails:
4
- - online_status_default: Colors
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: Colors
11
- - online_status_size: Size
12
- - online_status_no_border: No Border
8
+ - online_status_default: Default
@@ -1,3 +1 @@
1
1
  export { default as OnlineStatusDefault } from './_online_status_default.jsx'
2
- export { default as OnlineStatusSize } from './_online_status_size.jsx'
3
- export { default as OnlineStatusNoBorder } from './_online_status_no_border.jsx'
@@ -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
- - overlay_default: Default
9
- - overlay_multi_directional: Multi-directional
10
- - overlay_toggle: Toggle
7
+ - overlay_default: Default
8
+ - overlay_multi_directional: Multi-directional
@@ -1,3 +1,2 @@
1
1
  export { default as OverlayDefault } from './_overlay_default.jsx'
2
2
  export { default as OverlayMultiDirectional } from './_overlay_multi_directional.jsx'
3
- export { default as OverlayToggle } from './_overlay_toggle.jsx'
@@ -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',
@@ -31,5 +31,5 @@
31
31
  options: expressionists,
32
32
  label: "Small Pills",
33
33
  multi_kit: "smallPill",
34
- pills: true
34
+ pills: true,
35
35
  }) %>