convert defaultProps to default assignments in functional components.

Author: JReinhold

code/ui/blocks/src/components/Source.tsx

@@ -98,7 +98,7 @@ const Source: FunctionComponent<SourceProps> = ({
   language,
   code,
   dark,
-  format,
+  format = false,
   ...rest
 }) => {
   const { typography } = useTheme();
@@ -138,7 +138,4 @@ const Source: FunctionComponent<SourceProps> = ({
   );
 };
 
-Source.defaultProps = {
-  format: false,
-};
 export { Source, StyledSyntaxHighlighter };

code/ui/components/src/components/form/field/field.tsx

@@ -38,7 +38,3 @@ export const Field = ({ label, children, ...props }: FieldProps) => (
     {children}
   </Wrapper>
 );
-
-Field.defaultProps = {
-  label: undefined,
-};

code/ui/components/src/components/tabs/tabs.tsx

@@ -134,14 +134,14 @@ export interface TabsProps {
 export const Tabs: FC<TabsProps> = memo(
   ({
     children,
-    selected,
+    selected = null,
     actions,
-    absolute,
-    bordered,
-    tools,
+    absolute = false,
+    bordered = false,
+    tools = null,
     backgroundColor,
-    id: htmlId,
-    menuName,
+    id: htmlId = null,
+    menuName = 'Tabs',
     emptyState,
     showToolsWhenEmpty,
   }) => {
@@ -206,15 +206,6 @@ export const Tabs: FC<TabsProps> = memo(
   }
 );
 Tabs.displayName = 'Tabs';
-Tabs.defaultProps = {
-  id: null,
-  children: null,
-  tools: null,
-  selected: null,
-  absolute: false,
-  bordered: false,
-  menuName: 'Tabs',
-};
 
 export interface TabsStateProps {
   children: TabsProps['children'];

code/ui/components/src/components/tooltip/ListItem.tsx

@@ -186,17 +186,18 @@ export interface ListItemProps extends Omit<ComponentProps<typeof Item>, 'href'
 }
 
 const ListItem = ({
-  loading,
-  title,
-  center,
-  right,
-  icon,
-  active,
-  disabled,
+  loading = false,
+  title = <span>Loading state</span>,
+  center = null,
+  right = null,
+
+  active = false,
+  disabled = false,
   isIndented,
-  href,
-  onClick,
-  LinkWrapper,
+  href = null,
+  onClick = null,
+  icon,
+  LinkWrapper = null,
   ...rest
 }: ListItemProps) => {
   const itemProps = getItemProps(onClick, href, LinkWrapper);
@@ -220,16 +221,4 @@ const ListItem = ({
   );
 };
 
-ListItem.defaultProps = {
-  loading: false,
-  title: <span>Loading state</span>,
-  center: null,
-  right: null,
-  active: false,
-  disabled: false,
-  href: null,
-  LinkWrapper: null,
-  onClick: null,
-};
-
 export default ListItem;

code/ui/components/src/components/tooltip/Tooltip.tsx

@@ -126,7 +126,16 @@ export interface TooltipProps {
 
 export const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(
   (
-    { placement, hasChrome, children, arrowProps, tooltipRef, color, withArrows, ...props },
+    {
+      placement = 'top',
+      hasChrome = true,
+      children,
+      arrowProps = {},
+      tooltipRef,
+      color,
+      withArrows,
+      ...props
+    },
     ref
   ) => {
     return (
@@ -139,10 +148,3 @@ export const Tooltip = React.forwardRef<HTMLDivElement, TooltipProps>(
 );
 
 Tooltip.displayName = 'Tooltip';
-Tooltip.defaultProps = {
-  color: undefined,
-  tooltipRef: undefined,
-  hasChrome: true,
-  placement: 'top',
-  arrowProps: {},
-};

code/ui/components/src/components/tooltip/TooltipLinkList.tsx

@@ -58,7 +58,7 @@ export interface TooltipLinkListProps {
   LinkWrapper?: LinkWrapperType;
 }
 
-export const TooltipLinkList = ({ links, LinkWrapper }: TooltipLinkListProps) => {
+export const TooltipLinkList = ({ links, LinkWrapper = null }: TooltipLinkListProps) => {
   const hasIcon = links.some((link) => link.icon);
   return (
     <List>
@@ -68,7 +68,3 @@ export const TooltipLinkList = ({ links, LinkWrapper }: TooltipLinkListProps) =>
     </List>
   );
 };
-
-TooltipLinkList.defaultProps = {
-  LinkWrapper: ListItem.defaultProps.LinkWrapper,
-};

code/ui/components/src/components/tooltip/TooltipMessage.tsx

@@ -60,9 +60,3 @@ export const TooltipMessage = ({ title, desc, links }: TooltipMessageProps) => {
     </MessageWrapper>
   );
 };
-
-TooltipMessage.defaultProps = {
-  title: null,
-  desc: null,
-  links: null,
-};

code/ui/components/src/components/tooltip/WithTooltip.tsx

@@ -45,23 +45,42 @@ export interface WithTooltipPureProps
 
 // Pure, does not bind to the body
 const WithTooltipPure = ({
-  svg,
-  trigger,
-  closeOnOutsideClick,
-  placement,
-  hasChrome,
+  svg = false,
+  trigger = 'click',
+  closeOnOutsideClick = false,
+  placement = 'top',
+  modifiers = [
+    {
+      name: 'preventOverflow',
+      options: {
+        padding: 8,
+      },
+    },
+    {
+      name: 'offset',
+      options: {
+        offset: [8, 8],
+      },
+    },
+    {
+      name: 'arrow',
+      options: {
+        padding: 8,
+      },
+    },
+  ],
+  hasChrome = true,
+  defaultVisible = false,
   withArrows,
   offset,
   tooltip,
   children,
   closeOnTriggerHidden,
   mutationObserverOptions,
-  defaultVisible,
   delayHide,
   visible,
   interactive,
   delayShow,
-  modifiers,
   strategy,
   followCursor,
   onVisibleChange,
@@ -120,35 +139,6 @@ const WithTooltipPure = ({
   );
 };
 
-WithTooltipPure.defaultProps = {
-  svg: false,
-  trigger: 'click',
-  closeOnOutsideClick: false,
-  placement: 'top',
-  modifiers: [
-    {
-      name: 'preventOverflow',
-      options: {
-        padding: 8,
-      },
-    },
-    {
-      name: 'offset',
-      options: {
-        offset: [8, 8],
-      },
-    },
-    {
-      name: 'arrow',
-      options: {
-        padding: 8,
-      },
-    },
-  ],
-  hasChrome: true,
-  defaultVisible: false,
-};
-
 export interface WithTooltipStateProps extends Omit<WithTooltipPureProps, 'onVisibleChange'> {
   startOpen?: boolean;
   onVisibleChange?: (visible: boolean) => void | boolean;