From 48638cce049bf7bbd042ccf760c8fe5c7e340b19 Mon Sep 17 00:00:00 2001
From: Pedro Nauck <pedronauck@gmail.com>
Date: Fri, 15 Jun 2018 18:28:40 -0300
Subject: [PATCH] fix(docz): PropsTable component

---
 packages/docz/src/components/PropsTable.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

diff --git a/packages/docz/src/components/PropsTable.tsx b/packages/docz/src/components/PropsTable.tsx
index 6af03b94e..096b67a7b 100644
--- a/packages/docz/src/components/PropsTable.tsx
+++ b/packages/docz/src/components/PropsTable.tsx
@@ -74,13 +74,12 @@ const extractTypeDescribedValue = (type: PropType): string => {
 
   // oneOf, oneOfType
   if (Array.isArray(value)) {
-    return value.map(valueType => {
-      if (valueType.name === 'custom') {
-        return `custom(${valueType.raw})`
-      } 
-
+    const values = value.map(valueType => {
+      if (valueType.name === 'custom') return `custom(${valueType.raw})`
       return valueType.name || valueType.value
-    }).join(' | ')
+    })
+
+    return values.join(' | ')
   }
 
   // arrayOf, objectOf
@@ -110,9 +109,7 @@ const getPropType = (prop: Prop, Tooltip?: TooltipComponent) => {
   return prop.flowType ? (
     <Tooltip text={prop.flowType.raw}>{name}</Tooltip>
   ) : (
-    <Tooltip text={extractTypeDescribedValue(prop.type)}>
-      {name}
-    </Tooltip>
+    <Tooltip text={extractTypeDescribedValue(prop.type)}>{name}</Tooltip>
   )
 }
 
@@ -158,7 +155,8 @@ export const PropsTable: SFC<PropsTable> = ({ of: component, components }) => {
                   <Td>{getPropType(prop, Tooltip)}</Td>
                   <Td>{String(prop.required)}</Td>
                   <Td>
-                    {prop.defaultValue && getValue(prop.defaultValue.value)}
+                    {prop.defaultValue &&
+                      prop.defaultValue.value.replace(/\'/g, '')}
                   </Td>
                   <Td>{prop.description && prop.description}</Td>
                 </Tr>