@codeandmoney/soelma 0.0.0-dev.0 → 0.0.0-dev.10

package/src/{__tests__ → tests}/dependencyRegistry.test.ts

@@ -1,4 +1,4 @@
-import { addDependency, getDependency } from "../dependencyRegistry";
+import { addDependency, getDependency } from "../dependency-registry";
 
 it("should overwrite handler", () => {
   const name = "dark-mode";

package/src/{__tests__ → tests}/dependencyUsage.test.ts

@@ -1,4 +1,4 @@
-import { onUse, resetUsing, getUsing } from "../dependencyUsage";
+import { onUse, resetUsing, getUsing } from "../dependency-usage";
 
 it("should clear usage map", () => {
   onUse("a");

package/src/{__tests__ → tests}/dimensions.test.ts

@@ -1,7 +1,4 @@
-import {
-  WINDOW_DEPENDENCY_KEY,
-  SCREEN_DEPENDENCY_KEY,
-} from "../dimensions/consts";
+import { WINDOW_DEPENDENCY_KEY, SCREEN_DEPENDENCY_KEY } from "../dimensions/consts";
 import { optimizeDependencies } from "../dimensions/utils";
 
 describe("optimizeDependencies", () => {
@@ -10,7 +7,7 @@ describe("optimizeDependencies", () => {
       optimizeDependencies({
         [WINDOW_DEPENDENCY_KEY]: true,
         [SCREEN_DEPENDENCY_KEY]: true,
-      })
+      }),
     ).toEqual({
       [WINDOW_DEPENDENCY_KEY]: true,
     });
@@ -20,7 +17,7 @@ describe("optimizeDependencies", () => {
     expect(
       optimizeDependencies({
         [WINDOW_DEPENDENCY_KEY]: true,
-      })
+      }),
     ).toEqual({
       [WINDOW_DEPENDENCY_KEY]: true,
     });
@@ -28,7 +25,7 @@ describe("optimizeDependencies", () => {
     expect(
       optimizeDependencies({
         [SCREEN_DEPENDENCY_KEY]: true,
-      })
+      }),
     ).toEqual({
       [SCREEN_DEPENDENCY_KEY]: true,
     });

package/src/{__tests__ → tests}/makeUseStyles.types-test.ts

@@ -1,4 +1,4 @@
-import { makeUseStyles } from "../makeUseStyles";
+import { makeUseStyles } from "../make-use-styles";
 
 {
   const useStyles = makeUseStyles(() => ({

package/src/{__tests__ → tests}/media-query.test.ts

@@ -1,13 +1,5 @@
 import { Dimensions } from "react-native";
-import {
-  maxHeight,
-  maxWidth,
-  minHeight,
-  minWidth,
-  aspectRatio,
-  minAspectRatio,
-  maxAspectRatio,
-} from "../media-query";
+import { maxHeight, maxWidth, minHeight, minWidth, aspectRatio, minAspectRatio, maxAspectRatio } from "../media-query";
 
 const mockStyle = { color: "black" };
 

package/src/{__tests__ → tests}/useTheme.test.ts

@@ -1,5 +1,5 @@
 import { renderHook } from "@testing-library/react-hooks";
-import { useTheme } from "../useTheme";
+import { useTheme } from "../use-theme";
 import { ThemeProvider } from "../context";
 
 it("should throw an error when context value wasn't passed", () => {

package/src/{__tests__ → tests}/withStyles.types-test.tsx

@@ -1,7 +1,9 @@
-import React, { FC, forwardRef } from "react";
+// @ts-nocheck
+
+import { FC, forwardRef } from "react";
 import { TextInput } from "react-native";
-import { InferInjectedStyledProps, withStyles } from "../withStyles";
-import { makeUseStyles } from "../makeUseStyles";
+import { InferInjectedStyledProps, withStyles } from "../with-styles";
+import { makeUseStyles } from "../make-use-styles";
 
 {
   const useStyles = makeUseStyles(() => ({
@@ -14,7 +16,7 @@ import { makeUseStyles } from "../makeUseStyles";
     a: boolean;
   }
 
-  function Component(props: Props): JSX.Element | null {
+  function Component(props: Props): React.JSX.Element | null {
     props.styles.root.color = "";
 
     // @ts-expect-error 'a' not exists
@@ -59,10 +61,7 @@ import { makeUseStyles } from "../makeUseStyles";
     a: boolean;
   }
 
-  const WithRef = forwardRef<TextInput, Props>(function Component(
-    props,
-    ref
-  ): JSX.Element | null {
+  const WithRef = forwardRef<TextInput, Props>(function Component(props, ref): React.JSX.Element | null {
     props.styles.root.color = "";
 
     // @ts-expect-error 'a' not exists

package/src/{useColorTransition.ts → use-color-transition.ts}

@@ -1,7 +1,7 @@
 import { useEffect, useMemo, useRef } from "react";
 import { Animated } from "react-native";
-import { DefaultTheme } from "./DefaultTheme";
-import { useTheme } from "./useTheme";
+import { DefaultTheme } from "./default-theme";
+import { useTheme } from "./use-theme";
 
 const { Value, timing } = Animated;
 
@@ -10,7 +10,7 @@ const defaultOptions = { duration: 250 };
 
 export function useColorTransition<Theme = DefaultTheme>(
   colorGetterFn: (theme: Theme) => string,
-  options = defaultOptions
+  options = defaultOptions,
 ): Animated.AnimatedInterpolation<string> {
   const theme = useTheme<Theme>();
   const currentColor = colorGetterFn(theme);

package/src/{useTheme.ts → use-theme.ts}

@@ -1,15 +1,13 @@
 import { useContext } from "react";
 
 import { themeContext } from "./context";
-import type { DefaultTheme } from "./DefaultTheme";
+import type { DefaultTheme } from "./default-theme";
 
 export const useTheme = <Theme = DefaultTheme>(): Theme => {
   const contextValue = useContext(themeContext);
 
   if (!contextValue) {
-    throw new Error(
-      "[react-native-stylex]: Please make sure that you wrapped your component with <ThemeProvider/>."
-    );
+    throw new Error("[react-native-stylex]: Please make sure that you wrapped your component with <ThemeProvider/>.");
   }
 
   return contextValue as Theme;

package/src/with-styles.tsx

@@ -0,0 +1,22 @@
+import React, { ComponentProps, ComponentType, forwardRef, Ref, ComponentRef } from "react";
+
+interface InjectedStyledProps<Styles> {
+  styles: Styles;
+}
+
+export type InferInjectedStyledProps<Fn extends (...args: any) => any> = InjectedStyledProps<ReturnType<Fn>>;
+
+export function withStyles<Styles>(useStyles: () => Styles) {
+  function WithStyles<TComponent extends ComponentType<any>>(Component: TComponent) {
+    const renderComponent = (props: Omit<ComponentProps<TComponent>, "styles">, ref: Ref<ComponentRef<TComponent>>) => {
+      const styles = useStyles();
+      // @ts-expect-error: 'ref' as never
+      return <Component {...props} ref={ref} styles={styles} />;
+    };
+
+    // @ts-expect-error
+    return forwardRef(renderComponent);
+  }
+
+  return WithStyles;
+}

package/tsconfig.build.json

@@ -0,0 +1,31 @@
+{
+  "compilerOptions": {
+    "module": "ESNext",
+    "target": "ESNext",
+    "lib": ["ESNext"],
+    "skipLibCheck": true,
+    "declaration": true,
+    "rootDir": "./src",
+    "jsx": "react-native",
+    "strict": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "noImplicitAny": true,
+    "strictNullChecks": true,
+    "strictFunctionTypes": true,
+    "strictBindCallApply": true,
+    "strictPropertyInitialization": true,
+    "noImplicitThis": true,
+    "alwaysStrict": true,
+    "noUnusedLocals": false,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedIndexedAccess": true,
+    "forceConsistentCasingInFileNames": true,
+    "moduleResolution": "node",
+    "outDir": "./lib"
+  },
+  "include": ["./src"],
+  "exclude": ["./src/tests"]
+}

package/src/makeUseStyles/index.d.ts

@@ -1,7 +0,0 @@
-import { StyleSheet } from "react-native";
-import { DefaultTheme } from "../DefaultTheme";
-
-export function makeUseStyles<
-  Theme extends DefaultTheme,
-  T extends StyleSheet.NamedStyles<T> | StyleSheet.NamedStyles<any>
->(getStyles: (theme: Theme) => T | StyleSheet.NamedStyles<T>): () => T;

package/src/makeUseStyles/index.js

@@ -1,12 +0,0 @@
-import { createUseStylesWithoutTheme } from "./createUseStylesWithoutTheme";
-import { createUseStylesTheme } from "./createUseStylesTheme";
-
-export function makeUseStyles(getStyles) {
-  const hasThemeDependency = getStyles.length === 1;
-
-  if (!hasThemeDependency) {
-    return createUseStylesWithoutTheme(getStyles);
-  }
-
-  return createUseStylesTheme(getStyles);
-}

package/src/safe-area/SafeAreaProvider.tsx

@@ -1,17 +0,0 @@
-import React from "react";
-import { SafeAreaProvider as CoreSafeAreaProvider, initialWindowMetrics,initialWindowSafeAreaInsets  } from "react-native-safe-area-context";
-
-import { StylexSaveAreaConsumer } from "./StylexSaveAreaConsumer";
-import { SafeAreaViewProps } from "./types";
-
-export function SafeAreaProvider(props: SafeAreaViewProps): JSX.Element | null {
-  return (
-    <CoreSafeAreaProvider
-        initialSafeAreaInsets={props.initialSafeAreaInsets || initialWindowSafeAreaInsets}
-        initialMetrics={props.initialMetrics || initialWindowMetrics}
-        {...props}>
-      {props.children}
-      <StylexSaveAreaConsumer />
-    </CoreSafeAreaProvider>
-  );
-}

package/src/withStyles.tsx

@@ -1,35 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import React, {
-  ComponentProps,
-  ComponentType,
-  forwardRef,
-  Ref,
-  ElementRef
-} from "react";
-
-interface InjectedStyledProps<Styles> {
-  styles: Styles;
-}
-
-export type InferInjectedStyledProps<
-  Fn extends (...args: any) => any
-> = InjectedStyledProps<ReturnType<Fn>>;
-
-export function withStyles<Styles>(useStyles: () => Styles) {
-  function WithStyles<TComponent extends ComponentType<any>>(
-    Component: TComponent
-  ) {
-    const renderComponent = (
-      props: Omit<ComponentProps<TComponent>, "styles">,
-      ref: Ref<ElementRef<TComponent>>
-    ) => {
-      const styles = useStyles();
-      // @ts-expect-error: 'ref' as never
-      return <Component {...props} ref={ref} styles={styles} />;
-    };
-
-    return forwardRef(renderComponent);
-  }
-
-  return WithStyles;
-}