feat(src/utils): add utils to wrap components and reduce generic typi…

…ng boilerplate

src/utils/index.ts

@@ -0,0 +1,2 @@
+export * from './pattern-match';
+export * from './not';

src/utils/not.ts

@@ -0,0 +1 @@
+export { not } from 'ts-pattern';

src/utils/pattern-match.ts

@@ -0,0 +1,31 @@
+import { ComponentType } from 'react';
+
+import {
+  Match,
+  MatchProps,
+  When,
+  WhenProps,
+  With,
+  WithProps,
+  Otherwise,
+} from '../components';
+
+export const getPatternMatch = <Shape, Strict extends boolean>(
+  // @ts-ignore
+  // Reason: we want to enable developers to pass a parameter instead of a generic type.
+  value?: Shape,
+  // @ts-ignore
+  // Reason: we want to enable developers to pass a parameter instead of a generic type.
+  strict?: boolean
+) => {
+  const TypedMatch = Match as ComponentType<MatchProps<Shape>>;
+  const TypedWhen = When as ComponentType<WhenProps<Shape>>;
+  const TypedWith = With as ComponentType<WithProps<Shape, Strict>>;
+
+  return { Match: TypedMatch, When: TypedWhen, With: TypedWith, Otherwise };
+};
+
+export const usePatternMatch = <Shape, Strict extends boolean>(
+  value?: Shape,
+  strict?: boolean
+) => getPatternMatch<Shape, Strict>(value, strict);