baseui 0.0.0-next-2aecb6f → 0.0.0-next-aad2baf

package/table-semantic/index.js.flow

@@ -5,10 +5,10 @@ This source code is licensed under the MIT license found in the
 LICENSE file in the root directory of this source tree.
 */
 // @flow
-export {default as Table} from './table.js';
-export {default as TableBuilder} from './table-builder.js';
-export {default as TableBuilderColumn} from './table-builder-column.js';
-export {DIVIDER, SIZE} from './constants.js';
+export { default as Table } from './table.js';
+export { default as TableBuilder } from './table-builder.js';
+export { default as TableBuilderColumn } from './table-builder-column.js';
+export { DIVIDER, SIZE } from './constants.js';
 // Styled elements
 export {
   StyledRoot,

package/table-semantic/styled-components.js.flow

@@ -8,9 +8,9 @@ LICENSE file in the root directory of this source tree.
 import Blank from '../icon/blank.js';
 import ChevronDown from '../icon/chevron-down.js';
 import ChevronUp from '../icon/chevron-up.js';
-import {styled, withStyle, expandBorderStyles} from '../styles/index.js';
-import {SIZE, DIVIDER} from './constants.js';
-import type {SizeT, DividerT} from './types.js';
+import { styled, withStyle, expandBorderStyles } from '../styles/index.js';
+import { SIZE, DIVIDER } from './constants.js';
+import type { SizeT, DividerT } from './types.js';
 
 function sizeToCellPadding($theme, $size) {
   if ($size === SIZE.compact) {
@@ -25,55 +25,49 @@ type StyledRootPropsT = {
   $divider?: DividerT,
 };
 
-export const StyledRoot = styled<StyledRootPropsT>(
-  'div',
-  ({$theme, $divider}) => {
-    const borderStyles: {} =
-      $divider === DIVIDER.grid || $divider === DIVIDER.vertical
-        ? expandBorderStyles($theme.borders.border300)
-        : {};
-    return {
-      ...borderStyles,
-      ...($divider === DIVIDER.horizontal
-        ? {
-            borderBottomWidth: $theme.borders.border300.borderWidth,
-            borderBottomStyle: $theme.borders.border300.borderStyle,
-            borderBottomColor: $theme.borders.border300.borderColor,
-          }
-        : {}),
-
-      position: 'relative',
-      overflow: 'auto',
-      WebkitOverflowScrolling: 'touch',
-      backgroundColor: $theme.colors.tableBackground,
-      // Creates a stacking context so we can use z-index on the StyledTableHeadCell
-      // without affecting anything outside of this component.
-      transform: 'scale(1)',
-    };
-  },
-);
+export const StyledRoot = styled<StyledRootPropsT>('div', ({ $theme, $divider }) => {
+  const borderStyles: {} =
+    $divider === DIVIDER.grid || $divider === DIVIDER.vertical
+      ? expandBorderStyles($theme.borders.border300)
+      : {};
+  return {
+    ...borderStyles,
+    ...($divider === DIVIDER.horizontal
+      ? {
+          borderBottomWidth: $theme.borders.border300.borderWidth,
+          borderBottomStyle: $theme.borders.border300.borderStyle,
+          borderBottomColor: $theme.borders.border300.borderColor,
+        }
+      : {}),
+
+    position: 'relative',
+    overflow: 'auto',
+    WebkitOverflowScrolling: 'touch',
+    backgroundColor: $theme.colors.tableBackground,
+    // Creates a stacking context so we can use z-index on the StyledTableHeadCell
+    // without affecting anything outside of this component.
+    transform: 'scale(1)',
+  };
+});
 
 type StyledTablePropsT = {
   $width?: ?string,
 };
 
-export const StyledTable = styled<StyledTablePropsT>(
-  'table',
-  ({$theme, $width}) => {
-    return {
-      borderSpacing: '0',
-      boxSizing: 'border-box',
-      minWidth: '100%',
-      width: $width || null,
-    };
-  },
-);
+export const StyledTable = styled<StyledTablePropsT>('table', ({ $theme, $width }) => {
+  return {
+    borderSpacing: '0',
+    boxSizing: 'border-box',
+    minWidth: '100%',
+    width: $width || null,
+  };
+});
 
-export const StyledTableHead = styled<{}>('thead', ({$theme}) => {
+export const StyledTableHead = styled<{}>('thead', ({ $theme }) => {
   return {};
 });
 
-export const StyledTableHeadRow = styled<{}>('tr', ({$theme}) => {
+export const StyledTableHeadRow = styled<{}>('tr', ({ $theme }) => {
   return {};
 });
 
@@ -87,10 +81,9 @@ type StyledTableHeadCellPropsT = {
 
 export const StyledTableHeadCell = styled<StyledTableHeadCellPropsT>(
   'th',
-  ({$theme, $size, $divider, $isNumeric}) => {
+  ({ $theme, $size, $divider, $isNumeric }) => {
     const borderDir: string = $theme.direction === 'rtl' ? 'Left' : 'Right';
-    const borderVertical =
-      $divider === DIVIDER.grid || $divider === DIVIDER.vertical;
+    const borderVertical = $divider === DIVIDER.grid || $divider === DIVIDER.vertical;
     const padding = sizeToCellPadding($theme, $size);
 
     return {
@@ -116,18 +109,12 @@ export const StyledTableHeadCell = styled<StyledTableHeadCellPropsT>(
             borderBottomWidth: $theme.borders.border300.borderWidth,
           }),
       ':not(:last-child)': {
-        [`border${borderDir}Color`]: borderVertical
-          ? $theme.borders.border300.borderColor
-          : null,
-        [`border${borderDir}Style`]: borderVertical
-          ? $theme.borders.border300.borderStyle
-          : null,
-        [`border${borderDir}Width`]: borderVertical
-          ? $theme.borders.border300.borderWidth
-          : null,
+        [`border${borderDir}Color`]: borderVertical ? $theme.borders.border300.borderColor : null,
+        [`border${borderDir}Style`]: borderVertical ? $theme.borders.border300.borderStyle : null,
+        [`border${borderDir}Width`]: borderVertical ? $theme.borders.border300.borderWidth : null,
       },
     };
-  },
+  }
 );
 
 type StyledTableHeadCellSortablePropsT = {
@@ -137,8 +124,8 @@ type StyledTableHeadCellSortablePropsT = {
 
 export const StyledTableHeadCellSortable = withStyle<
   typeof StyledTableHeadCell,
-  StyledTableHeadCellSortablePropsT,
->(StyledTableHeadCell, ({$theme, $isFocusVisible}) => {
+  StyledTableHeadCellSortablePropsT
+>(StyledTableHeadCell, ({ $theme, $isFocusVisible }) => {
   return {
     cursor: 'pointer',
     paddingRight: $theme.sizing.scale1000,
@@ -153,43 +140,34 @@ export const StyledTableHeadCellSortable = withStyle<
   };
 });
 
-export const StyledSortAscIcon = styled<typeof ChevronUp, {}>(
-  ChevronUp,
-  ({$theme}) => {
-    return {
-      position: 'absolute',
-      top: '50%',
-      right: $theme.sizing.scale500,
-      transform: 'translateY(-50%)',
-    };
-  },
-);
+export const StyledSortAscIcon = styled<typeof ChevronUp, {}>(ChevronUp, ({ $theme }) => {
+  return {
+    position: 'absolute',
+    top: '50%',
+    right: $theme.sizing.scale500,
+    transform: 'translateY(-50%)',
+  };
+});
 
-export const StyledSortDescIcon = styled<typeof ChevronDown, {}>(
-  ChevronDown,
-  ({$theme}) => {
-    return {
-      position: 'absolute',
-      top: '50%',
-      right: $theme.sizing.scale500,
-      transform: 'translateY(-50%)',
-    };
-  },
-);
+export const StyledSortDescIcon = styled<typeof ChevronDown, {}>(ChevronDown, ({ $theme }) => {
+  return {
+    position: 'absolute',
+    top: '50%',
+    right: $theme.sizing.scale500,
+    transform: 'translateY(-50%)',
+  };
+});
 
-export const StyledSortNoneIcon = styled<typeof Blank, {}>(
-  Blank,
-  ({$theme}) => {
-    return {
-      position: 'absolute',
-      top: '50%',
-      right: $theme.sizing.scale500,
-      transform: 'translateY(-50%)',
-    };
-  },
-);
+export const StyledSortNoneIcon = styled<typeof Blank, {}>(Blank, ({ $theme }) => {
+  return {
+    position: 'absolute',
+    top: '50%',
+    right: $theme.sizing.scale500,
+    transform: 'translateY(-50%)',
+  };
+});
 
-export const StyledTableBody = styled<{}>('tbody', ({$theme}) => {
+export const StyledTableBody = styled<{}>('tbody', ({ $theme }) => {
   return {};
 });
 
@@ -199,16 +177,13 @@ type StyledTableBodyRowPropsT = {
   $divider?: DividerT,
 };
 
-export const StyledTableBodyRow = styled<StyledTableBodyRowPropsT>(
-  'tr',
-  ({$theme}) => {
-    return {
-      ':hover': {
-        backgroundColor: $theme.colors.tableStripedBackground,
-      },
-    };
-  },
-);
+export const StyledTableBodyRow = styled<StyledTableBodyRowPropsT>('tr', ({ $theme }) => {
+  return {
+    ':hover': {
+      backgroundColor: $theme.colors.tableStripedBackground,
+    },
+  };
+});
 
 type StyledTableBodyCellPropsT = {
   $col?: {},
@@ -224,14 +199,11 @@ type StyledTableBodyCellPropsT = {
 
 export const StyledTableBodyCell = styled<StyledTableBodyCellPropsT>(
   'td',
-  ({$theme, $size, $divider, $isNumeric, $isLastRow, $isSortable}) => {
+  ({ $theme, $size, $divider, $isNumeric, $isLastRow, $isSortable }) => {
     const borderDir: string = $theme.direction === 'rtl' ? 'Left' : 'Right';
-    const borderVertical =
-      $divider === DIVIDER.vertical || $divider === DIVIDER.grid;
+    const borderVertical = $divider === DIVIDER.vertical || $divider === DIVIDER.grid;
     const borderHorizontal =
-      $divider === undefined ||
-      $divider === DIVIDER.horizontal ||
-      $divider === DIVIDER.grid;
+      $divider === undefined || $divider === DIVIDER.horizontal || $divider === DIVIDER.grid;
     const padding = sizeToCellPadding($theme, $size);
 
     return {
@@ -244,33 +216,21 @@ export const StyledTableBodyCell = styled<StyledTableBodyCellPropsT>(
       textAlign: $isNumeric ? 'right' : null,
       verticalAlign: 'top',
       borderBottomColor:
-        !$isLastRow && borderHorizontal
-          ? $theme.borders.border300.borderColor
-          : null,
+        !$isLastRow && borderHorizontal ? $theme.borders.border300.borderColor : null,
       borderBottomStyle:
-        !$isLastRow && borderHorizontal
-          ? $theme.borders.border300.borderStyle
-          : null,
+        !$isLastRow && borderHorizontal ? $theme.borders.border300.borderStyle : null,
       borderBottomWidth:
-        !$isLastRow && borderHorizontal
-          ? $theme.borders.border300.borderWidth
-          : null,
+        !$isLastRow && borderHorizontal ? $theme.borders.border300.borderWidth : null,
       ':not(:last-child)': {
-        [`border${borderDir}Color`]: borderVertical
-          ? $theme.borders.border300.borderColor
-          : null,
-        [`border${borderDir}Style`]: borderVertical
-          ? $theme.borders.border300.borderStyle
-          : null,
-        [`border${borderDir}Width`]: borderVertical
-          ? $theme.borders.border300.borderWidth
-          : null,
+        [`border${borderDir}Color`]: borderVertical ? $theme.borders.border300.borderColor : null,
+        [`border${borderDir}Style`]: borderVertical ? $theme.borders.border300.borderStyle : null,
+        [`border${borderDir}Width`]: borderVertical ? $theme.borders.border300.borderWidth : null,
       },
     };
-  },
+  }
 );
 
-export const StyledTableLoadingMessage = styled<{}>('div', ({$theme}) => {
+export const StyledTableLoadingMessage = styled<{}>('div', ({ $theme }) => {
   return {
     ...$theme.typography.ParagraphSmall,
     color: $theme.colors.contentPrimary,

package/table-semantic/table-builder-column.js.flow

@@ -7,11 +7,9 @@ LICENSE file in the root directory of this source tree.
 // @flow
 import * as React from 'react';
 
-import type {TableBuilderColumnPropsT} from './types.js';
+import type { TableBuilderColumnPropsT } from './types.js';
 
-export default class TableBuilderColumn<T> extends React.Component<
-  TableBuilderColumnPropsT<T>,
-> {
+export default class TableBuilderColumn<T> extends React.Component<TableBuilderColumnPropsT<T>> {
   // Renderless component. See TableBuilder.
 }
 

package/table-semantic/table-builder.js.flow

@@ -23,14 +23,14 @@ import {
   StyledSortDescIcon,
   StyledSortNoneIcon,
 } from './styled-components.js';
-import {getOverrides} from '../helpers/overrides.js';
-import {isFocusVisible, forkFocus, forkBlur} from '../utils/focusVisible.js';
+import { getOverrides } from '../helpers/overrides.js';
+import { isFocusVisible, forkFocus, forkBlur } from '../utils/focusVisible.js';
 
-import type {TableBuilderPropsT} from './types.js';
+import type { TableBuilderPropsT } from './types.js';
 
 export default class TableBuilder<T> extends React.Component<
   TableBuilderPropsT<T>,
-  {isFocusVisible: boolean},
+  { isFocusVisible: boolean }
 > {
   static defaultProps = {
     data: [],
@@ -43,13 +43,13 @@ export default class TableBuilder<T> extends React.Component<
 
   handleFocus = (event: SyntheticEvent<>) => {
     if (isFocusVisible(event)) {
-      this.setState({isFocusVisible: true});
+      this.setState({ isFocusVisible: true });
     }
   };
 
   handleBlur = (event: SyntheticEvent<>) => {
     if (this.state.isFocusVisible !== false) {
-      this.setState({isFocusVisible: false});
+      this.setState({ isFocusVisible: false });
     }
   };
 
@@ -74,64 +74,55 @@ export default class TableBuilder<T> extends React.Component<
 
     const [Table, tableProps] = getOverrides(overrides.Table, StyledTable);
 
-    const [TableHead, tableHeadProps] = getOverrides(
-      overrides.TableHead,
-      StyledTableHead,
-    );
+    const [TableHead, tableHeadProps] = getOverrides(overrides.TableHead, StyledTableHead);
 
     const [TableHeadRow, tableHeadRowProps] = getOverrides(
       overrides.TableHeadRow,
-      StyledTableHeadRow,
+      StyledTableHeadRow
     );
 
     const [TableHeadCell, tableHeadCellProps] = getOverrides(
       overrides.TableHeadCell,
-      StyledTableHeadCell,
+      StyledTableHeadCell
     );
 
     const [TableHeadCellSortable, tableHeadCellSortableProps] = getOverrides(
       overrides.TableHeadCellSortable,
-      StyledTableHeadCellSortable,
+      StyledTableHeadCellSortable
     );
 
-    const [TableBody, tableBodyProps] = getOverrides(
-      overrides.TableBody,
-      StyledTableBody,
-    );
+    const [TableBody, tableBodyProps] = getOverrides(overrides.TableBody, StyledTableBody);
 
     const [TableBodyRow, tableBodyRowProps] = getOverrides(
       overrides.TableBodyRow,
-      StyledTableBodyRow,
+      StyledTableBodyRow
     );
 
     const [TableBodyCell, tableBodyCellProps] = getOverrides(
       overrides.TableBodyCell,
-      StyledTableBodyCell,
+      StyledTableBodyCell
     );
 
     const [TableLoadingMessage, tableLoadingMessageProps] = getOverrides(
       overrides.TableLoadingMessage,
-      StyledTableLoadingMessage,
+      StyledTableLoadingMessage
     );
 
     const [TableEmptyMessage, tableEmptyMessageProps] = getOverrides(
       overrides.TableEmptyMessage,
-      StyledTableEmptyMessage,
+      StyledTableEmptyMessage
     );
 
-    const [SortAscIcon, sortAscIconProps] = getOverrides(
-      overrides.SortAscIcon,
-      StyledSortAscIcon,
-    );
+    const [SortAscIcon, sortAscIconProps] = getOverrides(overrides.SortAscIcon, StyledSortAscIcon);
 
     const [SortDescIcon, sortDescIconProps] = getOverrides(
       overrides.SortDescIcon,
-      StyledSortDescIcon,
+      StyledSortDescIcon
     );
 
     const [SortNoneIcon, sortNoneIconProps] = getOverrides(
       overrides.SortNoneIcon,
-      StyledSortNoneIcon,
+      StyledSortNoneIcon
     );
 
     const columns = React.Children.toArray(children)
@@ -144,7 +135,7 @@ export default class TableBuilder<T> extends React.Component<
       if (!col.sortable) {
         const [ColTableHeadCell, colTableHeadCellProps] = getOverrides(
           colOverrides.TableHeadCell,
-          TableHeadCell,
+          TableHeadCell
         );
 
         return (
@@ -163,41 +154,25 @@ export default class TableBuilder<T> extends React.Component<
         );
       }
 
-      const [ColTableHeadCellSortable, colTableHeadCellSortableProps] =
-        getOverrides(colOverrides.TableHeadCellSortable, TableHeadCellSortable);
+      const [ColTableHeadCellSortable, colTableHeadCellSortableProps] = getOverrides(
+        colOverrides.TableHeadCellSortable,
+        TableHeadCellSortable
+      );
 
       let sortIcon = null;
       let sortLabel = 'not sorted';
 
       switch (col.id === sortColumn && sortOrder) {
         case 'ASC':
-          sortIcon = (
-            <SortAscIcon
-              aria-hidden={true}
-              role="presentation"
-              {...sortAscIconProps}
-            />
-          );
+          sortIcon = <SortAscIcon aria-hidden={true} role="presentation" {...sortAscIconProps} />;
           sortLabel = 'ascending sorting';
           break;
         case 'DESC':
-          sortIcon = (
-            <SortDescIcon
-              aria-hidden={true}
-              role="presentation"
-              {...sortDescIconProps}
-            />
-          );
+          sortIcon = <SortDescIcon aria-hidden={true} role="presentation" {...sortDescIconProps} />;
           sortLabel = 'descending sorting';
           break;
         default:
-          sortIcon = (
-            <SortNoneIcon
-              aria-hidden={true}
-              role="presentation"
-              {...sortNoneIconProps}
-            />
-          );
+          sortIcon = <SortNoneIcon aria-hidden={true} role="presentation" {...sortNoneIconProps} />;
           break;
       }
 
@@ -233,7 +208,7 @@ export default class TableBuilder<T> extends React.Component<
 
       const [ColTableBodyCell, colTableBodyCellProps] = getOverrides(
         colOverrides.TableBodyCell,
-        TableBodyCell,
+        TableBodyCell
       );
 
       return (
@@ -260,12 +235,7 @@ export default class TableBuilder<T> extends React.Component<
     const isRendered = !isLoading && !isEmpty;
 
     return (
-      <Root
-        data-baseweb="table-builder-semantic"
-        $divider={divider}
-        {...rootProps}
-        {...rest}
-      >
+      <Root data-baseweb="table-builder-semantic" $divider={divider} {...rootProps} {...rest}>
         <Table
           $width={horizontalScrollWidth}
           {...tableProps}
@@ -275,7 +245,7 @@ export default class TableBuilder<T> extends React.Component<
           <TableHead {...tableHeadProps}>
             <TableHeadRow {...tableHeadRowProps}>
               {columns.map((col, colIndex) =>
-                renderHeader(col, colIndex, this.state.isFocusVisible),
+                renderHeader(col, colIndex, this.state.isFocusVisible)
               )}
             </TableHeadRow>
           </TableHead>
@@ -284,9 +254,7 @@ export default class TableBuilder<T> extends React.Component<
               <tr>
                 <td colSpan={columns.length}>
                   <TableLoadingMessage {...tableLoadingMessageProps}>
-                    {typeof loadingMessage === 'function'
-                      ? loadingMessage()
-                      : loadingMessage}
+                    {typeof loadingMessage === 'function' ? loadingMessage() : loadingMessage}
                   </TableLoadingMessage>
                 </td>
               </tr>
@@ -295,9 +263,7 @@ export default class TableBuilder<T> extends React.Component<
               <tr>
                 <td colSpan={columns.length}>
                   <TableEmptyMessage {...tableEmptyMessageProps}>
-                    {typeof emptyMessage === 'function'
-                      ? emptyMessage()
-                      : emptyMessage}
+                    {typeof emptyMessage === 'function' ? emptyMessage() : emptyMessage}
                   </TableEmptyMessage>
                 </td>
               </tr>
@@ -312,7 +278,7 @@ export default class TableBuilder<T> extends React.Component<
                   {...tableBodyRowProps}
                 >
                   {columns.map((col, colIndex) =>
-                    renderCell(col, colIndex, row, rowIndex, data.length - 1),
+                    renderCell(col, colIndex, row, rowIndex, data.length - 1)
                   )}
                 </TableBodyRow>
               ))}

package/table-semantic/table.js.flow

@@ -19,9 +19,9 @@ import {
   StyledTableLoadingMessage,
   StyledTableEmptyMessage,
 } from './styled-components.js';
-import {getOverrides} from '../helpers/overrides.js';
+import { getOverrides } from '../helpers/overrides.js';
 
-import type {TablePropsT} from './types.js';
+import type { TablePropsT } from './types.js';
 
 export default class Table extends React.Component<TablePropsT> {
   static defaultProps = {
@@ -48,56 +48,45 @@ export default class Table extends React.Component<TablePropsT> {
 
     const [Table, tableProps] = getOverrides(overrides.Table, StyledTable);
 
-    const [TableHead, tableHeadProps] = getOverrides(
-      overrides.TableHead,
-      StyledTableHead,
-    );
+    const [TableHead, tableHeadProps] = getOverrides(overrides.TableHead, StyledTableHead);
 
     const [TableHeadRow, tableHeadRowProps] = getOverrides(
       overrides.TableHeadRow,
-      StyledTableHeadRow,
+      StyledTableHeadRow
     );
 
     const [TableHeadCell, tableHeadCellProps] = getOverrides(
       overrides.TableHeadCell,
-      StyledTableHeadCell,
+      StyledTableHeadCell
     );
 
-    const [TableBody, tableBodyProps] = getOverrides(
-      overrides.TableBody,
-      StyledTableBody,
-    );
+    const [TableBody, tableBodyProps] = getOverrides(overrides.TableBody, StyledTableBody);
 
     const [TableBodyRow, tableBodyRowProps] = getOverrides(
       overrides.TableBodyRow,
-      StyledTableBodyRow,
+      StyledTableBodyRow
     );
 
     const [TableBodyCell, tableBodyCellProps] = getOverrides(
       overrides.TableBodyCell,
-      StyledTableBodyCell,
+      StyledTableBodyCell
     );
 
     const [TableLoadingMessage, tableLoadingMessageProps] = getOverrides(
       overrides.TableLoadingMessage,
-      StyledTableLoadingMessage,
+      StyledTableLoadingMessage
     );
 
     const [TableEmptyMessage, tableEmptyMessageProps] = getOverrides(
       overrides.TableEmptyMessage,
-      StyledTableEmptyMessage,
+      StyledTableEmptyMessage
     );
 
     const isEmpty = !isLoading && data.length === 0;
     const isRendered = !isLoading && !isEmpty;
 
     return (
-      <Root
-        data-baseweb="table-semantic"
-        $divider={divider}
-        {...rootProps}
-        {...rest}
-      >
+      <Root data-baseweb="table-semantic" $divider={divider} {...rootProps} {...rest}>
         <Table $width={horizontalScrollWidth} {...tableProps}>
           <TableHead {...tableHeadProps}>
             <TableHeadRow {...tableHeadRowProps}>
@@ -120,9 +109,7 @@ export default class Table extends React.Component<TablePropsT> {
               <tr>
                 <td colSpan={columns.length}>
                   <TableLoadingMessage {...tableLoadingMessageProps}>
-                    {typeof loadingMessage === 'function'
-                      ? loadingMessage()
-                      : loadingMessage}
+                    {typeof loadingMessage === 'function' ? loadingMessage() : loadingMessage}
                   </TableLoadingMessage>
                 </td>
               </tr>
@@ -131,9 +118,7 @@ export default class Table extends React.Component<TablePropsT> {
               <tr>
                 <td colSpan={columns.length}>
                   <TableEmptyMessage {...tableEmptyMessageProps}>
-                    {typeof emptyMessage === 'function'
-                      ? emptyMessage()
-                      : emptyMessage}
+                    {typeof emptyMessage === 'function' ? emptyMessage() : emptyMessage}
                   </TableEmptyMessage>
                 </td>
               </tr>

package/table-semantic/types.js.flow

@@ -7,8 +7,8 @@ LICENSE file in the root directory of this source tree.
 // @flow
 import * as React from 'react';
 
-import type {OverrideT} from '../helpers/overrides.js';
-import {SIZE, DIVIDER} from './constants.js';
+import type { OverrideT } from '../helpers/overrides.js';
+import { SIZE, DIVIDER } from './constants.js';
 
 export type SizeT = $Keys<typeof SIZE>;
 export type DividerT = $Keys<typeof DIVIDER>;