playbook_ui_docs 14.0.0.pre.alpha.play1447alphatest3462 → 14.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 19e2c15a7a10d331a679e76efaf154caded47f3e08a6d0b203f03e8983db50a4
-  data.tar.gz: c19a8e9e322f5e2461750b89ba91c13a694038dda86ad442ae2572be83b215f7
+  metadata.gz: 100ded5640f86b97412add22ed482400333157a24bc4a22ffe2b8c42a965a458
+  data.tar.gz: 94779c01b98f026171ac020ce2bb5c7e201ce434e2e6f3fd42c2a70395c4d633
 SHA512:
-  metadata.gz: 7b4c0fc542cb2d3ec6a7b06d0f0168754576c67fdc46206773624b5cd4354b664f64a341056a701e6c1ae66d70db2f6ddcb74410b99147bdae47466840892a84
-  data.tar.gz: 455ab24f827a028cf0f8f3f2480faa254bfd49a5fbeb4b64c72363a62dc93bc77ebc1655b0b8706c441afd9ec342b97417d041dfd188a0b58fb5f5fabfa83d05
+  metadata.gz: 05173a2c815b226c74ad40b8006293eec9c2c451c642dac0b86e24ad138805bb807aae8ffc60d605c89e22310a0ff663966b2752a5bc8422c1b1766abea85c9c
+  data.tar.gz: 7fede7cdd21bd27a82b1839f4ac6d3972bb5d172a1783058c0e3aafead1d5071d089dbb882d05a695e0cc96a99541304c52d09429249265abd7bfb89ca85350b

data/app/pb_kits/playbook/pb_advanced_table/docs/example.yml

@@ -14,4 +14,3 @@ examples:
   - advanced_table_table_options: Table Options
   - advanced_table_table_props: Table Props
   - advanced_table_inline_row_loading: Inline Row Loading
-  - advanced_table_responsive: Responsive Tables

data/app/pb_kits/playbook/pb_advanced_table/docs/index.js

@@ -7,5 +7,4 @@ export { default as AdvancedTableSubrowHeaders } from './_advanced_table_subrow_
 export { default as AdvancedTableCollapsibleTrail } from './_advanced_table_collapsible_trail.jsx'
 export { default as AdvancedTableTableOptions } from './_advanced_table_table_options.jsx'
 export { default as AdvancedTableTableProps } from './_advanced_table_table_props.jsx'
-export { default as AdvancedTableInlineRowLoading } from './_advanced_table_inline_row_loading.jsx'
-export { default as AdvancedTableResponsive } from './_advanced_table_responsive.jsx'
+export { default as AdvancedTableInlineRowLoading } from './_advanced_table_inline_row_loading.jsx'

data/app/pb_kits/playbook/pb_date_picker/docs/_description.md

@@ -6,6 +6,4 @@ Playbook's date picker is built using [flatpickr](https://flatpickr.js.org/), a
 
 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.
 
-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.
-
-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).
+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.

data/app/pb_kits/playbook/pb_form/docs/_form_form_with.html.erb

@@ -45,7 +45,6 @@
     class: "checkbox-class"
   %>
   <%= form.date_picker :example_date_picker_1, props: { label: true } %>
-  <%= form.star_rating_field :example_star_rating, props: { variant: "interactive", label: true } %>
 
   <%= form.actions do |action| %>
     <%= action.submit %>

data/app/pb_kits/playbook/pb_icon_stat_value/docs/_icon_stat_value_color.html.erb

@@ -47,7 +47,6 @@
                                           value: 19.18,
                                           variant:"green"
  }) %>
- <br>
  <%= pb_rails("icon_stat_value", props: { icon: "globe",
                                           text: "Uranus",
                                           unit: "AU",

data/app/pb_kits/playbook/pb_map/docs/_map_default.md

@@ -1,4 +1,4 @@
-This kit kit provides a wrapping class to place around the MapLibre library. Complete docs for using the library can be found [here](https://maplibre.org/maplibre-gl-js-docs/api/).
+This kit provides a wrapping class to place around the MapLibre library. Complete docs for using the library can be found [here](https://maplibre.org/maplibre-gl-js-docs/api/).
 
 Basic setup to start using MapLibre:
 - Install the npm package using `yarn add maplibre-gl`
@@ -10,4 +10,4 @@ __Notes__ :
 - To enable custom buttons, set `zoomBtns` and `flyTo` to true and pass in `zoomInClick`, `zoomOutClick` and `flyToClick` as shown in this doc example. 
 - Use `mapTheme.marker` to set the Marker color. 
 - To use Maplibre, you must also set a height and width to the containing div (.pb_map) and set position to 'relative'.
-- `scrollZoom` has been disabled in these doc examples for page usability
+- `scrollZoom` has been disabled in these doc examples for page usability

data/app/pb_kits/playbook/pb_online_status/docs/example.yml

@@ -1,12 +1,8 @@
 examples:
 
   rails:
-  - online_status_default: Colors
-  - online_status_size: Size
-  - online_status_no_border: No Border
+  - online_status_default: Default
 
 
   react:
-  - online_status_default: Colors
-  - online_status_size: Size
-  - online_status_no_border: No Border
+  - online_status_default: Default

data/app/pb_kits/playbook/pb_online_status/docs/index.js

@@ -1,3 +1 @@
 export { default as OnlineStatusDefault } from './_online_status_default.jsx'
-export { default as OnlineStatusSize } from './_online_status_size.jsx'
-export { default as OnlineStatusNoBorder } from './_online_status_no_border.jsx'

data/app/pb_kits/playbook/pb_overlay/docs/example.yml

@@ -2,9 +2,7 @@ examples:
   react:
   - overlay_default: Default
   - overlay_multi_directional: Multi-directional
-  - overlay_toggle: Toggle
 
   rails:
-  - overlay_default: Default
-  - overlay_multi_directional: Multi-directional
-  - overlay_toggle: Toggle
+    - overlay_default: Default
+    - overlay_multi_directional: Multi-directional

data/app/pb_kits/playbook/pb_overlay/docs/index.js

@@ -1,3 +1,2 @@
 export { default as OverlayDefault } from './_overlay_default.jsx'
 export { default as OverlayMultiDirectional } from './_overlay_multi_directional.jsx'
-export { default as OverlayToggle } from './_overlay_toggle.jsx'

data/app/pb_kits/playbook/pb_star_rating/docs/example.yml

@@ -6,7 +6,6 @@ examples:
     - star_rating_hide: Layout Options
     - star_rating_number_config: Number Config
     - star_rating_size_options: Size Options
-    - star_rating_interactive: Interactive
 
   react:
     - star_rating_default: Default
@@ -14,5 +13,4 @@ examples:
     - star_rating_background_options: Background Options
     - star_rating_hide: Layout Options
     - star_rating_number_config: Number Config
-    - star_rating_size_options: Size Options
-    - star_rating_interactive: Interactive
+    - star_rating_size_options: Size Options

data/app/pb_kits/playbook/pb_text_input/docs/_text_input_default.jsx

@@ -5,12 +5,12 @@ import TextInput from '../../pb_text_input/_text_input'
 import Title from '../../pb_title/_title'
 
 const TextInputDefault = (props) => {
-  const [firstName, setFirstName] = useState('')
   const handleOnChangeFirstName = ({ target }) => {
     setFirstName(target.value)
   }
   const ref = React.createRef()
 
+  const [firstName, setFirstName] = useState('')
   const [formFields, setFormFields] = useState({
     firstName: 'Jane',
     lastName: 'Doe',

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_multi_kit.html.erb

@@ -31,5 +31,5 @@
   options: expressionists,
   label: "Small Pills",
   multi_kit: "smallPill",
-  pills: true
+  pills: true,
 }) %>