All files / src/Provider Provider.tsx

83.33% Statements 5/6
66.67% Branches 4/6
100% Functions 2/2
83.33% Lines 5/6

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37                                1414x   1414x 1414x     1414x     1414x                      
import * as React from 'react';
 
import { IdProvider } from '../utils/uniqueId';
import { ThemeProvider } from '../styled';
import buildTheme from '../theme';
import { ThemeConfig } from '../types';
 
import GlobalStyles from './GlobalStyles';
 
export type ProviderProps = {
  children: React.ReactNode;
  isStandalone?: boolean;
  theme?: ThemeConfig;
};
 
export function Provider(props: ProviderProps) {
  const { children, isStandalone, theme } = props;
 
  const derivedTheme = React.useMemo(() => {
    Iif (theme && isStandalone) {
      return theme;
    }
    return buildTheme(theme);
  }, [isStandalone, theme]);
 
  return (
    <ThemeProvider theme={derivedTheme}>
      <IdProvider>
        <React.Fragment>
          {process.env.NODE_ENV !== 'test' && <GlobalStyles />}
          {children}
        </React.Fragment>
      </IdProvider>
    </ThemeProvider>
  );
}