RubyGems - playbook_ui - Versions diffs - 7.11.1 → 7.12.0 - Mend

playbook_ui 7.11.1 → 7.12.0

Files changed (293) hide show

data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_image.jsx CHANGED

@@ -17,7 +17,7 @@ class SelectableCardImage extends React.Component {
     })
   }
-  render() {
+  render(props) {
     return (
       <div className="pb--doc-demo-row">
@@ -28,11 +28,13 @@ class SelectableCardImage extends React.Component {
             name="selectableImage"
             onChange={this.handleSelect}
             value="selectableImage"
+            {...props}
         >
           <Image
               rounded
               size="xl"
               url="https://unsplash.it/500/400/?image=634"
+              {...props}
           />
           <Body>{'Add text here'}</Body>
@@ -45,11 +47,13 @@ class SelectableCardImage extends React.Component {
             name="unselectedImage"
             onChange={this.handleSelect}
             value="unselectedImage"
+            {...props}
         >
           <Image
               rounded
               size="xl"
               url="https://unsplash.it/500/400/?image=634"
+              {...props}
           />
         </SelectableCard>

data/app/pb_kits/playbook/pb_selectable_card/docs/_selectable_card_single_select.jsx CHANGED

@@ -12,7 +12,7 @@ class SelectableCardSingleSelect extends React.Component {
     })
   }
-  render() {
+  render(props) {
     return (
       <div className="pb--doc-demo-row">
@@ -23,6 +23,7 @@ class SelectableCardSingleSelect extends React.Component {
             name="gender"
             onChange={this.handleSelect.bind(this)}
             value="male"
+            {...props}
         >
           {'Male'}
         </SelectableCard>
@@ -34,6 +35,7 @@ class SelectableCardSingleSelect extends React.Component {
             name="gender"
             onChange={this.handleSelect.bind(this)}
             value="female"
+            {...props}
         >
           {'Female'}
         </SelectableCard>
@@ -45,6 +47,7 @@ class SelectableCardSingleSelect extends React.Component {
             name="gender"
             onChange={this.handleSelect.bind(this)}
             value="other"
+            {...props}
         >
           {'Other'}
         </SelectableCard>

data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_checkmark.jsx CHANGED

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { SelectableCardIcon } from '../../'
-const SelectableCardIconCheckmark = () => {
+const SelectableCardIconCheckmark = (props) => {
   const [selected, setSelected] = useState(true)
   const [unselected, setUnselected] = useState(false)
@@ -16,6 +16,7 @@ const SelectableCardIconCheckmark = () => {
           inputId={4}
           onChange={() => setSelected(!selected)}
           titleText="Cowboy"
+          {...props}
       />
       <SelectableCardIcon
           bodyText="Poof, you're a sandwich."
@@ -25,6 +26,7 @@ const SelectableCardIconCheckmark = () => {
           inputId={5}
           onChange={() => setUnselected(!unselected)}
           titleText="Wizard"
+          {...props}
       />
       <SelectableCardIcon
           bodyText="Where is the lamb sauce?"
@@ -33,6 +35,7 @@ const SelectableCardIconCheckmark = () => {
           icon="hat-chef"
           inputId={6}
           titleText="Chef"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_default.jsx CHANGED

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { SelectableCardIcon } from '../../'
-const SelectableCardIconDefault = () => {
+const SelectableCardIconDefault = (props) => {
   const [selected, setSelected] = useState(true)
   const [unselected, setUnselected] = useState(false)
@@ -14,6 +14,7 @@ const SelectableCardIconDefault = () => {
           inputId={1}
           onChange={() => setSelected(!selected)}
           titleText="Quarterly Report"
+          {...props}
       />
       <SelectableCardIcon
           bodyText="Export"
@@ -22,6 +23,7 @@ const SelectableCardIconDefault = () => {
           inputId={2}
           onChange={() => setUnselected(!unselected)}
           titleText="Market Share"
+          {...props}
       />
       <SelectableCardIcon
           bodyText="Export"
@@ -29,6 +31,7 @@ const SelectableCardIconDefault = () => {
           icon="analytics"
           inputId={3}
           titleText="Comprehensive"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_selectable_card_icon/docs/_selectable_card_icon_single_select.jsx CHANGED

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { SelectableCardIcon } from '../../'
-const SelectableCardIconSingleSelect = () => {
+const SelectableCardIconSingleSelect = (props) => {
   const [selectedFormat, toggleFormat] = useState(null)
   return (
@@ -14,6 +14,7 @@ const SelectableCardIconSingleSelect = () => {
           onChange={() => toggleFormat('car')}
           titleText="Car"
           value="car"
+          {...props}
       />
       <SelectableCardIcon
           checked={selectedFormat === 'bus'}
@@ -23,6 +24,7 @@ const SelectableCardIconSingleSelect = () => {
           onChange={() => toggleFormat('bus')}
           titleText="Bus"
           value="bus"
+          {...props}
       />
       <SelectableCardIcon
           checked={selectedFormat === 'subway'}
@@ -32,6 +34,7 @@ const SelectableCardIconSingleSelect = () => {
           onChange={() => toggleFormat('subway')}
           titleText="Subway"
           value="subway"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_default.jsx CHANGED

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { SelectableIcon } from '../../'
-const SelectableIconDefault = () => {
+const SelectableIconDefault = (props) => {
   const [ checkSelected, toggleSelected ] = useState(true)
   const [ checkUnselected, toggleUnselected ] = useState(false)
   const [ checkDisabled, toggleDisabled ] = useState(false)
@@ -15,6 +15,7 @@ const SelectableIconDefault = () => {
           inputId={10}
           onChange={() => toggleSelected(!checkSelected)}
           text="US Dollar"
+          {...props}
       />
       <SelectableIcon
@@ -23,6 +24,7 @@ const SelectableIconDefault = () => {
           inputId={11}
           onChange={() => toggleUnselected(!checkUnselected)}
           text="Euro"
+          {...props}
       />
       <SelectableIcon
@@ -32,6 +34,7 @@ const SelectableIconDefault = () => {
           inputId={12}
           onChange={() => toggleDisabled(!checkDisabled)}
           text="Yen"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_selectable_icon/docs/_selectable_icon_single_select.jsx CHANGED

@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { SelectableIcon } from '../../'
-const SelectableIconSingleSelect = () => {
+const SelectableIconSingleSelect = (props) => {
   const [ selectedFormat, toggleFormat ] = useState(null)
   return (
@@ -16,6 +16,7 @@ const SelectableIconSingleSelect = () => {
           onChange={() => toggleFormat('Cassette')}
           text="Cassette"
           value="Cassette"
+          {...props}
       />
       <SelectableIcon
@@ -27,6 +28,7 @@ const SelectableIconSingleSelect = () => {
           onChange={() => toggleFormat('CD')}
           text="CD"
           value="CD"
+          {...props}
       />
       <SelectableIcon
@@ -38,6 +40,7 @@ const SelectableIconSingleSelect = () => {
           onChange={() => toggleFormat('Vinyl')}
           text="Vinyl"
           value="Vinyl"
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_checkbox.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { SelectableList } from '../..'
-const SelectableListDefault = () => {
+const SelectableListDefault = (props) => {
   return (
     <div>
       <SelectableList variant="checkbox">
@@ -9,17 +9,20 @@ const SelectableListDefault = () => {
             label="Mild"
             name="checkbox-name-1"
             value="1"
+            {...props}
         />
         <SelectableList.Item
             checked
             label="Medium"
             name="checkbox-name-2"
             value="2"
+            {...props}
         />
         <SelectableList.Item
             label="Hot"
             name="checkbox-name-3"
             value="3"
+            {...props}
         />
       </SelectableList>
     </div>

data/app/pb_kits/playbook/pb_selectable_list/docs/_selectable_list_radio.jsx CHANGED

@@ -1,7 +1,7 @@
 import React from 'react'
 import { SelectableList } from '../..'
-const SelectableListDefault = () => {
+const SelectableListDefault = (props) => {
   return (
     <div>
       <SelectableList variant="radio">
@@ -9,17 +9,20 @@ const SelectableListDefault = () => {
             label="Small"
             name="radio"
             value="1"
+            {...props}
         />
         <SelectableList.Item
             defaultChecked
             label="Medium"
             name="radio"
             value="2"
+            {...props}
         />
         <SelectableList.Item
             label="Large"
             name="radio"
             value="3"
+            {...props}
         />
       </SelectableList>
     </div>

data/app/pb_kits/playbook/pb_source/docs/_source_default.jsx CHANGED

@@ -1,11 +1,12 @@
 import React from 'react'
 import { Source } from '../../'
-const SourceDefault = () => (
+const SourceDefault = (props) => (
   <>
     <Source
         source="BJ's Johnston-208"
         type="retail"
+        {...props}
     />
     <br />
@@ -14,6 +15,7 @@ const SourceDefault = () => (
     <Source
         source="Referral-phrg"
         type="inbound"
+        {...props}
     />
     <br />
@@ -30,6 +32,7 @@ const SourceDefault = () => (
                 userId: '48582',
               }
             }
+        {...props}
     />
   </>
 )

data/app/pb_kits/playbook/pb_source/docs/_source_noicon.jsx CHANGED

@@ -1,12 +1,13 @@
 import React from 'react'
 import { Source } from '../../'
-const SourceNoicon = () => (
+const SourceNoicon = (props) => (
   <>
     <Source
         hideIcon
         source="BJ's Johnston-208"
         type="retail"
+        {...props}
     />
     <br />
@@ -16,6 +17,7 @@ const SourceNoicon = () => (
         hideIcon
         source="Referral-phrg"
         type="inbound"
+        {...props}
     />
     <br />
@@ -33,6 +35,7 @@ const SourceNoicon = () => (
                 userId: '48582',
                 }
               }
+        {...props}
     />
   </>
 )

data/app/pb_kits/playbook/pb_source/docs/_source_types.jsx CHANGED

@@ -1,11 +1,12 @@
 import React from 'react'
 import { Source } from '../../'
-const SourceTypes = () => (
+const SourceTypes = (props) => (
   <>
     <Source
         source="BJ's Johnston-208"
         type="retail"
+        {...props}
     />
     <br />
@@ -14,6 +15,7 @@ const SourceTypes = () => (
     <Source
         source="Referral-phrg"
         type="inbound"
+        {...props}
     />
     <br />
@@ -22,6 +24,7 @@ const SourceTypes = () => (
     <Source
         source="B.B.B. Outbound"
         type="outbound"
+        {...props}
     />
     <br />
@@ -30,6 +33,7 @@ const SourceTypes = () => (
     <Source
         source="Contractor.com"
         type="prospecting"
+        {...props}
     />
     <br />
@@ -38,6 +42,7 @@ const SourceTypes = () => (
     <Source
         source="Beards, Beers and Brats"
         type="events"
+        {...props}
     />
     <br />
@@ -46,6 +51,7 @@ const SourceTypes = () => (
     <Source
         source="BJ's Johnston-208"
         type="referral"
+        {...props}
     />
     <br />
@@ -62,6 +68,7 @@ const SourceTypes = () => (
                 userId: '48582',
               }
             }
+        {...props}
     />
     <br />
@@ -78,6 +85,7 @@ const SourceTypes = () => (
                 userId: '48582',
               }
             }
+        {...props}
     />
   </>
 )

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

@@ -1,7 +1,7 @@
 import React from 'react'
 import { StarRating } from '../../'
-const StarRatingDefault = () => (
+const StarRatingDefault = (props) => (
   <>
     <StarRating />
@@ -9,18 +9,21 @@ const StarRatingDefault = () => (
     <StarRating
         rating={3}
+        {...props}
     />
     <br />
     <StarRating
         rating={1.5}
+        {...props}
     />
     <br />
     <StarRating
         rating={5}
+        {...props}
     />
   </>
 )