@ornikar/kitt-universal 1.0.0 → 1.0.1

package/src/useKittTheme.tsx

@@ -1,12 +0,0 @@
-import { useMemo } from 'react';
-import type { KittTheme } from './themes/default';
-import { theme as kittTheme } from './themes/default';
-import { createWindowSizeHelper } from './utils/windowSize/createWindowSizeHelper';
-import { useWindowSize } from './utils/windowSize/useWindowSize';
-
-export function useKittTheme(): KittTheme {
-  const { width } = useWindowSize();
-  return useMemo(() => {
-    return { kitt: kittTheme, responsive: createWindowSizeHelper(width) };
-  }, [width]);
-}

package/src/utils/storybook/decorators/KittThemeDecorator.tsx

@@ -1,27 +0,0 @@
-import { makeDecorator } from '@storybook/addons';
-import type { ReactElement, ReactNode } from 'react';
-import React from 'react';
-import { ThemeProvider } from 'styled-components/native';
-import type { KittTheme } from '../../../themes/default';
-import { useKittTheme } from '../../../useKittTheme';
-
-declare module 'styled-components' {
-  export interface DefaultTheme extends KittTheme {}
-}
-
-interface KittThemeProviderProps {
-  children: ReactNode;
-}
-
-export function KittThemeProvider({ children }: KittThemeProviderProps): ReactElement {
-  const theme = useKittTheme();
-  return <ThemeProvider theme={theme}>{children}</ThemeProvider>;
-}
-
-export const KittThemeDecorator = makeDecorator({
-  name: 'ThemeDecorator',
-  parameterName: 'theme',
-  wrapper: (storyFn, context, { options = {}, parameters = {} }) => {
-    return <KittThemeProvider>{storyFn(context)}</KittThemeProvider>;
-  },
-});

package/src/utils/storybook/decorators/SafeAreaProviderDecorator.tsx

@@ -1,11 +0,0 @@
-import { makeDecorator } from '@storybook/addons';
-import React from 'react';
-import { SafeAreaProvider } from 'react-native-safe-area-context';
-
-export const SafeAreaProviderDecorator = makeDecorator({
-  name: 'SafeAreaProviderDecorator',
-  parameterName: 'safeAreaProvider',
-  wrapper: (storyFn, context, { options = {}, parameters = {} }) => {
-    return <SafeAreaProvider>{storyFn(context)}</SafeAreaProvider>;
-  },
-});

package/src/utils/storybook/setup-global-decorators.ts

@@ -1,6 +0,0 @@
-import { addDecorator } from '@storybook/react-native';
-import { KittThemeDecorator } from './decorators/KittThemeDecorator';
-import { SafeAreaProviderDecorator } from './decorators/SafeAreaProviderDecorator';
-
-addDecorator(KittThemeDecorator);
-addDecorator(SafeAreaProviderDecorator);

package/src/utils/tests/renderWithProvidersUtils.tsx

@@ -1,17 +0,0 @@
-import type { RenderAPI } from '@testing-library/react-native';
-import { render } from '@testing-library/react-native';
-import type { ReactElement, ReactNode } from 'react';
-import React from 'react';
-import { KittThemeProvider } from '../storybook/decorators/KittThemeDecorator';
-
-interface WrapperComponentProps {
-  children: ReactNode;
-}
-
-export function renderWithProviders(element: ReactElement): RenderAPI {
-  function WrapperComponent({ children }: WrapperComponentProps): ReactElement {
-    return <KittThemeProvider>{children}</KittThemeProvider>;
-  }
-
-  return render(element, { wrapper: WrapperComponent });
-}

package/src/utils/typeUtils.ts

@@ -1,6 +0,0 @@
-import type { Except } from 'type-fest';
-
-// https://github.com/sindresorhus/type-fest/issues/228
-export type SetNonNullable<BaseType, Keys extends keyof BaseType> =
-  // Pick just the keys that are optional from the base type.
-  Except<BaseType, Keys> & { [Key in Keys]-?: NonNullable<BaseType[Key]> }; // For each 'Key' provided, make it not optional or nullable.

package/src/utils/windowSize/MatchWindowSize.tsx

@@ -1,14 +0,0 @@
-import React from 'react';
-import type { ReactElement, ReactNode } from 'react';
-import type { MatchWindowSizeOptions } from './useMatchWindowSize';
-import { useMatchWindowSize } from './useMatchWindowSize';
-
-interface MatchWindowSizeProps extends MatchWindowSizeOptions {
-  children: ReactNode;
-}
-
-export function MatchWindowSize({ children, ...matchWindowSizeOptions }: MatchWindowSizeProps): ReactElement | null {
-  const match = useMatchWindowSize(matchWindowSizeOptions);
-  if (!match) return null;
-  return <>{children}</>;
-}