@jobber/components-native 0.76.1-JOB-116234-63c4467.27 → 0.76.1-JOB-116234-c33b316.30

package/dist/types/src/InputFieldWrapper/CommonInputStyles.style.d.ts

@@ -6,4 +6,5 @@ export declare const createCommonInputTokens: (tokens: AtlantisThemeContextValue
  * @deprecated Use useCommonInputStyles instead
  */
 export declare const commonInputStyles: Record<string, ViewStyle | TextStyle>;
+export declare const getCommonInputStyles: (tokens: AtlantisThemeContextValue["tokens"]) => Record<string, ViewStyle | TextStyle>;
 export declare const useCommonInputStyles: () => Record<string, ViewStyle | TextStyle>;

package/dist/types/src/InputFieldWrapper/index.d.ts

@@ -1,3 +1,3 @@
-export { useCommonInputStyles } from "./CommonInputStyles.style";
+export { getCommonInputStyles, useCommonInputStyles, } from "./CommonInputStyles.style";
 export { InputFieldWrapper } from "./InputFieldWrapper";
 export type { InputFieldWrapperProps } from "./InputFieldWrapper";

package/dist/types/src/Typography/Typography.style.d.ts

@@ -2,9 +2,9 @@ import { TextStyle } from "react-native";
 import { tokens as staticTokens } from "../utils/design";
 import { AtlantisThemeContextValue } from "../AtlantisThemeContext";
 /**
- * Reusable typography tokens to ensure consistency for any client facing texts.
+ * Reusable typography styles to ensure consistency for any client facing texts.
  */
-export declare const createTypographyTokens: (tokens: AtlantisThemeContextValue["tokens"] | typeof staticTokens) => {
+export declare const getTypographyStyles: (tokens: AtlantisThemeContextValue["tokens"] | typeof staticTokens) => {
     [index: string]: TextStyle;
 };
 /**

package/dist/types/src/Typography/index.d.ts

@@ -1,5 +1,5 @@
 export { Typography } from "./Typography";
 export type { FontFamily, FontStyle, FontWeight, BaseWeight, DisplayWeight, BaseStyle, DisplayStyle, TextColor, TextTransform, TextSize, TextAlign, LineHeight, LetterSpacing, TextAccessibilityRole, TextVariation, TypographyProps, TruncateLength, } from "./Typography";
-export { useTypographyStyles } from "./Typography.style";
+export { getTypographyStyles, useTypographyStyles } from "./Typography.style";
 export { typographyStyles } from "./Typography.style";
 export { TypographyGestureDetector } from "./TypographyGestureDetector";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components-native",
-  "version": "0.76.1-JOB-116234-63c4467.27+63c44675",
+  "version": "0.76.1-JOB-116234-c33b316.30+c33b3167",
   "license": "MIT",
   "description": "React Native implementation of Atlantis",
   "repository": {
@@ -80,5 +80,5 @@
     "react-native-safe-area-context": "^4.5.2",
     "react-native-svg": ">=12.0.0"
   },
-  "gitHead": "63c446753585b99a48ea4782613671ca6ff3c8b1"
+  "gitHead": "c33b3167c0b220f060d1fe7ad6f48db97af8ea15"
 }

package/src/AtlantisThemeContext/buildThemedStyles.test.tsx

@@ -47,32 +47,6 @@ describe("buildThemedStyles", () => {
     expect(result.current).toBe(initialResult);
   });
 
-  it("creates styles with dependent hooks", () => {
-    const useDependentStyles = () => ({
-      text: { color: "red" },
-    });
-
-    const useTestStyles = () => {
-      const dependentStyles = useDependentStyles();
-
-      return buildThemedStyles(tokens => ({
-        container: {
-          ...dependentStyles.text,
-          padding: tokens["space-base"],
-        },
-      }))();
-    };
-
-    const { result } = renderHook(() => useTestStyles(), { wrapper });
-
-    expect(result.current).toEqual({
-      container: {
-        color: "red",
-        padding: expect.any(Number),
-      },
-    });
-  });
-
   it("handles empty style objects", () => {
     const useTestStyles = buildThemedStyles(() => ({}));
 

package/src/InputFieldWrapper/CommonInputStyles.style.ts

@@ -4,9 +4,9 @@ import {
   buildThemedStyles,
 } from "../AtlantisThemeContext";
 import {
+  getTypographyStyles,
   // eslint-disable-next-line import/no-deprecated
   typographyStyles as staticTypographyStyles,
-  useTypographyStyles,
 } from "../Typography";
 import { tokens as staticTokens } from "../utils/design";
 
@@ -57,11 +57,14 @@ export const commonInputStyles = StyleSheet.create(
   createCommonInputTokens(staticTokens, staticTypographyStyles),
 );
 
-export const useCommonInputStyles = () => {
-  const typographyStyles = useTypographyStyles();
-  const themedStyles = buildThemedStyles(tokens =>
-    createCommonInputTokens(tokens, typographyStyles),
-  )();
+export const getCommonInputStyles = (
+  tokens: AtlantisThemeContextValue["tokens"],
+) => {
+  const typographyStyles = getTypographyStyles(tokens);
 
-  return themedStyles;
+  return createCommonInputTokens(tokens, typographyStyles);
 };
+
+export const useCommonInputStyles = buildThemedStyles(tokens => {
+  return getCommonInputStyles(tokens);
+});

package/src/InputFieldWrapper/InputFieldWrapper.style.ts

@@ -1,13 +1,13 @@
 import { StyleSheet } from "react-native";
-import { useCommonInputStyles } from "./CommonInputStyles.style";
+import { getCommonInputStyles } from "./CommonInputStyles.style";
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
+import { getTypographyStyles } from "../Typography";
 
-export const useStyles = () => {
-  const commonInputStyles = useCommonInputStyles();
-  const typographyStyles = useTypographyStyles();
+export const useStyles = buildThemedStyles(tokens => {
+  const commonInputStyles = getCommonInputStyles(tokens);
+  const typographyStyles = getTypographyStyles(tokens);
 
-  return buildThemedStyles(tokens => ({
+  return {
     container: StyleSheet.flatten([
       commonInputStyles.container,
       {
@@ -141,5 +141,5 @@ export const useStyles = () => {
       paddingTop: tokens["space-base"] - tokens["space-smaller"],
       bottom: tokens["space-smaller"],
     },
-  }))();
-};
+  };
+});

package/src/InputFieldWrapper/components/Prefix/Prefix.test.tsx

@@ -167,8 +167,6 @@ describe("Prefix", () => {
         disabled: true,
       });
       const prefixLabel = tree.getByText(mockLabel);
-      // console.log(tree.debug());
-      console.log(prefixLabel.props.style);
       const expectedStyle = [
         typographyStyles.baseRegularRegular,
         typographyStyles.disabled,

package/src/InputFieldWrapper/index.ts

@@ -1,3 +1,6 @@
-export { useCommonInputStyles } from "./CommonInputStyles.style";
+export {
+  getCommonInputStyles,
+  useCommonInputStyles,
+} from "./CommonInputStyles.style";
 export { InputFieldWrapper } from "./InputFieldWrapper";
 export type { InputFieldWrapperProps } from "./InputFieldWrapper";

package/src/InputPressable/InputPressable.style.ts

@@ -1,10 +1,10 @@
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
+import { getTypographyStyles } from "../Typography";
 
-export const useStyles = () => {
-  const typographyStyles = useTypographyStyles();
+export const useStyles = buildThemedStyles(tokens => {
+  const typographyStyles = getTypographyStyles(tokens);
 
-  return buildThemedStyles(tokens => ({
+  return {
     pressable: {
       flex: 1,
     },
@@ -28,5 +28,5 @@ export const useStyles = () => {
     inputInvalid: {
       borderColor: tokens["color-critical"],
     },
-  }))();
-};
+  };
+});

package/src/InputText/InputText.style.ts

@@ -1,10 +1,10 @@
 import { buildThemedStyles } from "../AtlantisThemeContext";
-import { useTypographyStyles } from "../Typography";
+import { getTypographyStyles } from "../Typography";
 
-export const useStyles = () => {
-  const typographyStyles = useTypographyStyles();
+export const useStyles = buildThemedStyles(tokens => {
+  const typographyStyles = getTypographyStyles(tokens);
 
-  return buildThemedStyles(tokens => ({
+  return {
     inputPaddingTop: {
       paddingTop:
         (typographyStyles.smallSize.fontSize || 0) +
@@ -27,5 +27,5 @@ export const useStyles = () => {
       paddingTop:
         (typographyStyles.defaultSize.fontSize || 0) + tokens["space-smallest"],
     },
-  }))();
-};
+  };
+});

package/src/Select/Select.style.ts

@@ -1,11 +1,11 @@
 import { StyleSheet } from "react-native";
-import { useCommonInputStyles } from "../InputFieldWrapper";
+import { getCommonInputStyles } from "../InputFieldWrapper";
 import { buildThemedStyles } from "../AtlantisThemeContext";
 
-export const useStyles = () => {
-  const commonInputStyles = useCommonInputStyles();
+export const useStyles = buildThemedStyles(tokens => {
+  const commonInputStyles = getCommonInputStyles(tokens);
 
-  return buildThemedStyles(tokens => ({
+  return {
     container: StyleSheet.flatten([
       commonInputStyles.container,
       {
@@ -54,5 +54,5 @@ export const useStyles = () => {
       paddingTop: tokens["space-smaller"],
       flexDirection: "row",
     },
-  }))();
-};
+  };
+});

package/src/Typography/Typography.style.ts

@@ -82,9 +82,9 @@ const fonts = Platform.select({
 });
 
 /**
- * Reusable typography tokens to ensure consistency for any client facing texts.
+ * Reusable typography styles to ensure consistency for any client facing texts.
  */
-export const createTypographyTokens = (
+export const getTypographyStyles = (
   tokens: AtlantisThemeContextValue["tokens"] | typeof staticTokens,
 ): { [index: string]: TextStyle } => ({
   // This follows a pattern of
@@ -623,7 +623,7 @@ export const createTypographyTokens = (
  * @deprecated Use useTypographyStyles instead
  */
 export const typographyStyles: Record<string, TextStyle> = StyleSheet.create(
-  createTypographyTokens(staticTokens),
+  getTypographyStyles(staticTokens),
 );
 
-export const useTypographyStyles = buildThemedStyles(createTypographyTokens);
+export const useTypographyStyles = buildThemedStyles(getTypographyStyles);

package/src/Typography/index.ts

@@ -18,6 +18,6 @@ export type {
   TypographyProps,
   TruncateLength,
 } from "./Typography";
-export { useTypographyStyles } from "./Typography.style";
+export { getTypographyStyles, useTypographyStyles } from "./Typography.style";
 export { typographyStyles } from "./Typography.style";
 export { TypographyGestureDetector } from "./TypographyGestureDetector";