playbook_ui_docs 13.12.0.pre.alpha.PLAY1093typeaheadkitdocbug1577 → 13.12.0.pre.alpha.play900startratingasinput1543

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6b9091b19ca89f4b89bd972b985638b62565e9839a5571ca991980337a79b384
-  data.tar.gz: 1cad160b7ed401c31309a6c256b424dae4360dc6a69fb041332a0daab4ab6d2b
+  metadata.gz: 77131501c04ac2402728df23ba92af94d58139990266570ff4ca94fd61aa5214
+  data.tar.gz: c5bd73491456eccbc07a418dfe42e8c4d734e61736f902560d9cdb695d260d8b
 SHA512:
-  metadata.gz: d69a131f9f79cb341ecc7e2c4a29cc818ea5c5992745f999dabce955c7f53a2f4419c8f2506df1f9a895a3817f312f145eb4a57e24fc78e96390f686282442c0
-  data.tar.gz: 60b7a49a8d734ca464c7e6800dc07c7357009674c18bf7bc100bd0fa971cdfd1153d2025bf00b00da6cb2ed535a5261b633e3fdeb4b130d43e207e564f93b554
+  metadata.gz: ce0c3631dd26bc41245ddc5a04977f8639ba80adc75aa11fabfe9d7265dead052a7a73612fdd77f33e6b41fee2f419f05dd5e89c77e887a70edef585d6b8c724
+  data.tar.gz: 561affdbf3b243309d0c93b4f272f25f7cb6d22a65dff1c386ccdd0f25b6bbcec9864d8306bb9c4fe72b72e2e8fdeb71547f44e4fc97877fd65615405e931a31

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.html.erb

@@ -0,0 +1,7 @@
+<%= pb_rails("star_rating", props: { rating: 3 }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, color_option: "outline" }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, color_option: "primary" }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, color_option: "subtle" }) %>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_color_options.jsx

@@ -0,0 +1,40 @@
+import React from 'react'
+
+import StarRating from '../_star_rating'
+
+const StarRatingColorOptions = (props) => (
+  <>
+
+    <StarRating
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        colorOption='outline'
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        colorOption='primary'
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        colorOption='subtle'
+        rating={3}
+        {...props}
+    />
+
+  </>
+)
+
+export default StarRatingColorOptions

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.html.erb

@@ -2,12 +2,22 @@
 
 <br>
 
+<%= pb_rails("star_rating", props: { rating: 1 }) %>
+
+<br>
+
+<%= pb_rails("star_rating", props: { rating: 2}) %>
+
+<br>
+
 <%= pb_rails("star_rating", props: { rating: 3 }) %>
 
 <br>
 
-<%= pb_rails("star_rating", props: { rating: 1.5 }) %>
+<%= pb_rails("star_rating", props: { rating: 4 }) %>
 
 <br>
 
 <%= pb_rails("star_rating", props: { rating: 5 }) %>
+
+<br>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_default.jsx

@@ -4,12 +4,12 @@ import StarRating from '../_star_rating'
 
 const StarRatingDefault = (props) => (
   <>
-    <StarRating />
+    <StarRating {...props} />
 
     <br />
 
     <StarRating
-        rating={3}
+        rating={0.9}
         {...props}
     />
 
@@ -20,6 +20,21 @@ const StarRatingDefault = (props) => (
         {...props}
     />
 
+    <br />
+
+    <StarRating
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        rating={4.2}
+        {...props}
+    />
+
+
     <br />
 
     <StarRating

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.html.erb

@@ -1 +1,6 @@
-<%= pb_rails("star_rating", props: { rating: 3.5, hide_rating: true }) %>
+<%= pb_rails("star_rating", props: { rating: 3 }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, layout_option: "number" }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, layout_option: "onestar" }) %>
+</br>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_hide.jsx

@@ -3,13 +3,30 @@ import React from 'react'
 import StarRating from '../_star_rating'
 
 const StarRatingHide = (props) => (
+  <>
 
-  <StarRating
-      hideRating
-      rating={3.5}
-      {...props}
-  />
+    <StarRating
+        rating={3}
+        {...props}
+    />
 
+    <br />
+
+    <StarRating
+        layoutOption={"number"}
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        layoutOption={"onestar"}
+        rating={3}
+        {...props}
+    />
+
+  </>
 )
 
 export default StarRatingHide

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.html.erb

@@ -0,0 +1,12 @@
+<%= pb_rails("star_rating", props: { rating: 3, denominator: 3 }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, denominator: 4 }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3 }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, denominator: 6 }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, denominator: 7 }) %>
+</br>
+<%= pb_rails("star_rating", props: { rating: 3, denominator: 8 }) %>
+</br>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_number_config.jsx

@@ -0,0 +1,57 @@
+import React from 'react'
+
+import StarRating from '../_star_rating'
+
+const StarRatingNumberConfig = (props) => (
+  <>
+
+    <StarRating
+        denominator={3}
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        denominator={4}
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        denominator={5}
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        denominator={6}
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        denominator={7}
+        rating={3}
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        denominator={8}
+        rating={3}
+        {...props}
+    />
+
+  </>
+)
+
+export default StarRatingNumberConfig

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.html.erb

@@ -0,0 +1,23 @@
+<%= pb_rails("star_rating", props: { rating: 3, size: "xs" }) %>
+
+<br>
+
+<%= pb_rails("star_rating", props: { rating: 3, size: "sm" }) %>
+
+<br>
+
+<%= pb_rails("star_rating", props: { rating: 3, size: "md" }) %>
+
+<br>
+
+<%= pb_rails("star_rating", props: { rating: 3, size: "lg" }) %>
+
+<br>
+
+<%= pb_rails("star_rating", props: { rating: 3, size: "lg", layout_option: "number" }) %>
+
+<br>
+
+<%= pb_rails("star_rating", props: { rating: 3, size: "lg", layout_option: "onestar" }) %>
+
+<br>

data/app/pb_kits/playbook/pb_star_rating/docs/_star_rating_size_options.jsx

@@ -0,0 +1,59 @@
+import React from 'react'
+
+import StarRating from '../_star_rating'
+
+const StarRatingSizeOptions = (props) => (
+  <>
+
+    <StarRating
+        rating={3}
+        size="xs"
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        rating={3}
+        size="sm"
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        rating={3}
+        size="md"
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        rating={3}
+        size="lg"
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        layoutOption="number"
+        rating={3}
+        size="lg"
+        {...props}
+    />
+
+    <br />
+
+    <StarRating
+        layoutOption="onestar"
+        rating={3}
+        size="lg"
+        {...props}
+    />
+
+  </>
+)
+
+export default StarRatingSizeOptions

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

@@ -1,9 +1,14 @@
 examples:
-
   rails:
-  - star_rating_default: Default
-  - star_rating_hide: Hide Rating Value
+    - star_rating_default: Default
+    - star_rating_color_options: Color Options
+    - star_rating_hide: Layout Options
+    - star_rating_number_config: Number Config
+    - star_rating_size_options: Size Options
 
   react:
-  - star_rating_default: Default
-  - star_rating_hide: Hide Rating Value
+    - star_rating_default: Default
+    - star_rating_color_options: Color Options
+    - star_rating_hide: Layout Options
+    - star_rating_number_config: Number Config
+    - star_rating_size_options: Size Options

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

@@ -1,3 +1,9 @@
 export { default as StarRatingDefault } from './_star_rating_default.jsx'
 
+export { default as StarRatingColorOptions } from './_star_rating_color_options.jsx'
+
 export { default as StarRatingHide } from './_star_rating_hide.jsx'
+
+export { default as StarRatingNumberConfig } from './_star_rating_number_config.jsx'
+
+export { default as StarRatingSizeOptions } from './_star_rating_size_options.jsx'

data/app/pb_kits/playbook/pb_typeahead/docs/_typeahead_with_highlight.jsx

@@ -70,8 +70,8 @@ const TypeaheadWithHighlight = (props) => {
   }
 
   const customComponents = {
-    Option: (highlightProps: OptionProps) => (
-      <components.Option {...highlightProps}/>
+    Option: (props: OptionProps) => (
+      <components.Option {...props}/>
     ),
     SingleValue: ({ data }: any) => (
       <span>{data.name}</span>