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_star_rating/docs/_star_rating_hide.jsx CHANGED

@@ -1,11 +1,12 @@
 import React from 'react'
 import { StarRating } from '../../'
-const StarRatingHide = () => (
+const StarRatingHide = (props) => (
   <StarRating
       hideRating
       rating={3.5}
+      {...props}
   />
 )

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_default.jsx CHANGED

@@ -1,12 +1,13 @@
 import React from 'react'
 import { StatChange } from '../../'
-const StatChangeDefault = () => {
+const StatChangeDefault = (props) => {
   return (
     <div>
       <StatChange
           change="increase"
           value="28.4"
+          {...props}
       />
       <br />
@@ -14,6 +15,7 @@ const StatChangeDefault = () => {
       <StatChange
           change="decrease"
           value={6.1}
+          {...props}
       />
       <br />
@@ -21,6 +23,7 @@ const StatChangeDefault = () => {
       <StatChange
           change="neutral"
           value={102}
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit.jsx CHANGED

@@ -1,12 +1,13 @@
 import React from 'react'
 import { StatChange } from '../../'
-const StatChangeUnit = () => {
+const StatChangeUnit = (props) => {
   return (
     <div>
       <StatChange
           icon="chart-line"
           value="28.4"
+          {...props}
       />
       <br />
@@ -14,12 +15,14 @@ const StatChangeUnit = () => {
       <StatChange
           icon="chart-line-down"
           value={6.1}
+          {...props}
       />
       <br />
       <StatChange
           value={102}
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_stat_change/docs/_stat_change_unit_two.jsx CHANGED

@@ -1,13 +1,14 @@
 import React from 'react'
 import { StatChange } from '../../'
-const StatChangeUnitTwo = () => {
+const StatChangeUnitTwo = (props) => {
   return (
     <div>
       <StatChange
           change="increase"
           icon="level-up"
           value="28.4"
+          {...props}
       />
       <br />
@@ -16,6 +17,7 @@ const StatChangeUnitTwo = () => {
           change="decrease"
           icon="level-down"
           value={6.1}
+          {...props}
       />
       <br />
@@ -23,6 +25,7 @@ const StatChangeUnitTwo = () => {
       <StatChange
           change="neutral"
           value={102}
+          {...props}
       />
     </div>
   )

data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_default.jsx CHANGED

@@ -1,13 +1,19 @@
 import React from 'react'
 import { StatValue } from '../../'
-const StatValueDefault = () => {
+const StatValueDefault = (props) => {
   return (
     <>
-      <StatValue value={1048} />
+      <StatValue
+          value={1048}
+          {...props}
+      />
       <br />
       <br />
-      <StatValue value={0} />
+      <StatValue
+          value={0}
+          {...props}
+      />
     </>
   )
 }

data/app/pb_kits/playbook/pb_stat_value/docs/_stat_value_unit.jsx CHANGED

@@ -1,11 +1,12 @@
 import React from 'react'
 import StatValue from '../_stat_value.jsx'
-const StatValueUnit = () => {
+const StatValueUnit = (props) => {
   return (
     <StatValue
         unit="appt"
         value="5,294"
+        {...props}
     />
   )
 }

data/app/pb_kits/playbook/pb_table/docs/_table_action_middle.jsx CHANGED

@@ -2,9 +2,12 @@ import React from 'react'
 import { Table } from '../../'
 import { Button } from '../../'
-const TableActionMiddle = () => {
+const TableActionMiddle = (props) => {
   return (
-    <Table size="sm">
+    <Table
+        size="sm"
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>
@@ -25,6 +28,7 @@ const TableActionMiddle = () => {
                 paddingLeft="none"
                 text="Action"
                 variant="link"
+                {...props}
             />
           </td>
           <td>{'Value 4'}</td>
@@ -40,6 +44,7 @@ const TableActionMiddle = () => {
                 paddingLeft="none"
                 text="Action"
                 variant="link"
+                {...props}
             />
           </td>
           <td>{'Value 4'}</td>
@@ -55,6 +60,7 @@ const TableActionMiddle = () => {
                 paddingLeft="none"
                 text="Action"
                 variant="link"
+                {...props}
             />
           </td>
           <td>{'Value 4'}</td>

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_column.jsx CHANGED

@@ -1,9 +1,11 @@
 import React from 'react'
 import { Table } from '../../'
-const TableAlignmentColumn = () => {
+const TableAlignmentColumn = (props) => {
   return (
-    <Table>
+    <Table
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_row.jsx CHANGED

@@ -1,9 +1,11 @@
 import React from 'react'
 import { Table } from '../../'
-const TableAlignmentRow = () => {
+const TableAlignmentRow = (props) => {
   return (
-    <Table>
+    <Table
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_data.jsx CHANGED

@@ -1,9 +1,11 @@
 import React from 'react'
 import { Table } from '../../'
-const TableAlignmentShiftData = () => {
+const TableAlignmentShiftData = (props) => {
   return (
-    <Table>
+    <Table
+        {...props}
+    >
       <thead>
         <tr>
           <th>&nbsp;</th>

data/app/pb_kits/playbook/pb_table/docs/_table_alignment_shift_row.jsx CHANGED

@@ -1,9 +1,11 @@
 import React from 'react'
 import { Table } from '../../'
-const TableAlignmentShiftRow = () => {
+const TableAlignmentShiftRow = (props) => {
   return (
-    <Table>
+    <Table
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>

data/app/pb_kits/playbook/pb_table/docs/_table_container.jsx CHANGED

@@ -1,11 +1,12 @@
 import React from 'react'
 import { Table } from '../../'
-const TableContainer = () => {
+const TableContainer = (props) => {
   return (
     <Table
         container={false}
         size="md"
+        {...props}
     >
       <thead>
         <tr>

data/app/pb_kits/playbook/pb_table/docs/_table_data_table.jsx CHANGED

@@ -1,9 +1,12 @@
 import React from 'react'
 import { Table } from '../../'
-const TableDataTable = () => {
+const TableDataTable = (props) => {
   return (
-    <Table dataTable>
+    <Table
+        dataTable
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>

data/app/pb_kits/playbook/pb_table/docs/_table_disable_hover.jsx CHANGED

@@ -1,11 +1,12 @@
 import React from 'react'
 import { Table } from '../../'
-const TableDisableHover = () => {
+const TableDisableHover = (props) => {
   return (
     <Table
         disableHover
         size="md"
+        {...props}
     >
       <thead>
         <tr>

data/app/pb_kits/playbook/pb_table/docs/_table_icon_buttons.jsx CHANGED

@@ -2,9 +2,12 @@ import React from 'react'
 import { Table } from '../..'
 import { CircleIconButton, Flex, FlexItem } from '../../'
-const TableIconButtons = () => {
+const TableIconButtons = (props) => {
   return (
-    <Table size="sm">
+    <Table
+        size="sm"
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>
@@ -26,12 +29,14 @@ const TableIconButtons = () => {
                 <CircleIconButton
                     icon="trash-alt"
                     variant="link"
+                    {...props}
                 />
               </FlexItem>
               <FlexItem>
                 <CircleIconButton
                     icon="pencil"
                     variant="secondary"
+                    {...props}
                 />
               </FlexItem>
             </Flex>
@@ -48,12 +53,14 @@ const TableIconButtons = () => {
                 <CircleIconButton
                     icon="trash-alt"
                     variant="link"
+                    {...props}
                 />
               </FlexItem>
               <FlexItem>
                 <CircleIconButton
                     icon="pencil"
                     variant="secondary"
+                    {...props}
                 />
               </FlexItem>
             </Flex>
@@ -70,12 +77,14 @@ const TableIconButtons = () => {
                 <CircleIconButton
                     icon="trash-alt"
                     variant="link"
+                    {...props}
                 />
               </FlexItem>
               <FlexItem>
                 <CircleIconButton
                     icon="pencil"
                     variant="secondary"
+                    {...props}
                 />
               </FlexItem>
             </Flex>

data/app/pb_kits/playbook/pb_table/docs/_table_lg.jsx CHANGED

@@ -3,7 +3,10 @@ import { Table } from '../../'
 const TableLg = () => {
   return (
-    <Table size="lg">
+    <Table
+        size="lg"
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>

data/app/pb_kits/playbook/pb_table/docs/_table_md.jsx CHANGED

@@ -1,9 +1,12 @@
 import React from 'react'
 import { Table } from '../../'
-const TableMd = () => {
+const TableMd = (props) => {
   return (
-    <Table size="md">
+    <Table
+        size="md"
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>

data/app/pb_kits/playbook/pb_table/docs/_table_multiline.jsx CHANGED

@@ -3,7 +3,10 @@ import { Table } from '../../'
 const TableMultiline = () => {
   return (
-    <Table size="sm">
+    <Table
+        size="sm"
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>

data/app/pb_kits/playbook/pb_table/docs/_table_one_action.jsx CHANGED

@@ -2,9 +2,12 @@ import React from 'react'
 import { Table } from '../..'
 import { Button } from '../../'
-const TableOneAction = () => {
+const TableOneAction = (props) => {
   return (
-    <Table size="sm">
+    <Table
+        size="sm"
+        {...props}
+    >
       <thead>
         <tr>
           <th>{'Column 1'}</th>
@@ -26,6 +29,7 @@ const TableOneAction = () => {
                 onClick={() => alert('button clicked!')}
                 text="Action"
                 variant="secondary"
+                {...props}
             />
             {' '}
           </td>
@@ -41,6 +45,7 @@ const TableOneAction = () => {
                 onClick={() => alert('button clicked!')}
                 text="Action"
                 variant="secondary"
+                {...props}
             />
             {' '}
           </td>
@@ -56,6 +61,7 @@ const TableOneAction = () => {
                 onClick={() => alert('button clicked!')}
                 text="Action"
                 variant="secondary"
+                {...props}
             />
             {' '}
           </td>

data/app/pb_kits/playbook/pb_table/docs/_table_responsive_table.jsx CHANGED

@@ -1,14 +1,17 @@
 import React from 'react'
 import { Table, Title } from '../../'
-const TableResponsiveTable = () => {
+const TableResponsiveTable = (props) => {
   return (
     <div>
       <Title
           size={4}
           text="Default"
+          {...props}
       />
-      <Table>
+      <Table
+          {...props}
+      >
         <thead>
           <tr>
             <th>{'Column 1'}</th>
@@ -33,8 +36,12 @@ const TableResponsiveTable = () => {
       <Title
           size={4}
           text="Default"
+          {...props}
       />
-      <Table responsive="none">
+      <Table
+          responsive="none"
+          {...props}
+      >
         <thead>
           <tr>
             <th>{'Column 1'}</th>