playbook_ui 13.15.0.pre.alpha.PLAY10851907 → 13.15.0.pre.alpha.play10841940

data/app/pb_kits/playbook/pb_selectable_icon/_selectable_icon.tsx

@@ -6,11 +6,10 @@ import {
   buildAriaProps,
   buildCss,
   buildDataProps,
-  buildHtmlProps
+  buildHtmlProps 
 } from '../utilities/props'
 import Icon from '../pb_icon/_icon'
 import Title from '../pb_title/_title'
-import { GenericObject } from '../types'
 
 type SelectableIconProps = {
   aria?: {[key: string]: string},
@@ -18,7 +17,7 @@ type SelectableIconProps = {
   className?: string,
   customIcon?: {[key: string] :SVGElement},
   disabled?: boolean,
-  data?: GenericObject,
+  data?: Object,
   htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
   icon: string,
   inputId: string,
@@ -45,7 +44,7 @@ const SelectableIcon = ({
   text,
   value,
   ...props
-}: SelectableIconProps): React.ReactElement => {
+}: SelectableIconProps) => {
   const ariaProps = buildAriaProps(aria)
   const dataProps = buildDataProps(data)
   const htmlProps = buildHtmlProps(htmlOptions)
@@ -65,22 +64,22 @@ const SelectableIcon = ({
 
   return (
     <div
-        {...ariaProps}
-        {...dataProps}
-        {...htmlProps}
-        className={classes}
+      {...ariaProps}
+      {...dataProps}
+      {...htmlProps}
+      className={classes}
     >
       {inputs === 'disabled' && (
         <>
           <Icon
-              customIcon={customIcon}
-              icon={icon}
-              size="2x"
+            customIcon={customIcon}
+            icon={icon}
+            size="2x"
           />
           <Title
-              size={4}
-              tag="h4"
-              text={text}
+            size={4}
+            tag="h4"
+            text={text}
           />
         </>
       )}
@@ -88,24 +87,24 @@ const SelectableIcon = ({
       {inputs === 'enabled' && (
         <>
           <input
-              {...props}
-              checked={checked}
-              disabled={disabled}
-              id={inputIdPresent}
-              name={name}
-              type={inputType}
-              value={value}
+            {...props}
+            checked={checked}
+            disabled={disabled}
+            id={inputIdPresent}
+            name={name}
+            type={inputType}
+            value={value}
           />
           <label htmlFor={inputIdPresent}>
             <Icon
-                customIcon={customIcon}
-                icon={icon}
-                size="2x"
+              customIcon={customIcon}
+              icon={icon}
+              size="2x"
             />
             <Title
-                size={4}
-                tag="h4"
-                text={text}
+              size={4}
+              tag="h4"
+              text={text}
             />
           </label>
         </>

data/app/pb_kits/playbook/pb_selectable_list/_selectable_list.tsx

@@ -7,13 +7,12 @@ import { SelectableListItemProps } from './_item.js'
 
 import List from  '../pb_list/_list'
 import SelectableListItem from './_item'
-import { GenericObject } from '../types'
 
 type SelectableListProps = {
   aria?: {[key: string]: string },
   children?: React.ReactElement[],
   className?: string,
-  data?: GenericObject,
+  data?: object,
   htmlOptions?: {[key: string]: string | number | boolean | (() => void)},
   id?: string,
   variant?: 'checkbox' | 'radio',

data/app/pb_kits/playbook/pb_source/_source.tsx

@@ -32,7 +32,7 @@ const Source = ({
   source,
   type = 'inbound',
   user = {},
-}: SourceProps): React.ReactElement => {
+}: SourceProps) => {
   const dataProps = buildDataProps(data)
   const htmlProps = buildHtmlProps(htmlOptions)
   const ariaProps = buildAriaProps(aria)
@@ -72,11 +72,11 @@ const Source = ({
 
   return (
     <div
-        {...ariaProps}
-        {...dataProps}
-        {...htmlProps}
-        className={css}
-        id={id}
+      {...ariaProps}
+      {...dataProps}
+      {...htmlProps}
+      className={css}
+      id={id}
     >
 
       <div className="pb__source_layout">
@@ -84,13 +84,13 @@ const Source = ({
           <>
             {showIcon() &&
               <IconCircle
-                  icon={typeIconNames[type]}
-                  size="sm"
+                icon={typeIconNames[type]}
+                size="sm"
               />
             }
             {!showIcon() &&
               <Avatar
-                  {...avatar()}
+                {...avatar()}
               />
             }
           </>
@@ -98,20 +98,20 @@ const Source = ({
 
         <div className="pb__source_content">
           <Title
-              size={4}
-              tag="h4"
-              text={source}
+            size={4}
+            tag="h4"
+            text={source}
           />
 
           <div className="pb__source_value">
             <Body
-                color="light"
-                text={typeText()}
+              color="light"
+              text={typeText()}
             />
 
             {user.userId &&
               <Caption
-                  text={user.userId}
+                text={user.userId}
               />
             }
           </div>