@jobber/components-native 0.1.3 → 0.2.0

package/src/Typography/TypographyGestureDetector.tsx

@@ -0,0 +1,13 @@
+import React, { PropsWithChildren } from "react";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+
+/**
+ * This is a workaround suggested by react-native-gesture-handler to prevent
+ * accidental highlighting of text in Android devices
+ * https://github.com/software-mansion/react-native-gesture-handler/issues/1372
+ */
+export function TypographyGestureDetector(
+  props: PropsWithChildren<unknown>,
+): JSX.Element {
+  return <GestureDetector {...props} gesture={Gesture.Native()} />;
+}

package/src/Typography/index.ts

@@ -0,0 +1,22 @@
+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 { typographyStyles } from "./Typography.style";
+export { TypographyGestureDetector } from "./TypographyGestureDetector";

package/src/index.ts

@@ -1,2 +1,3 @@
 export * from "./Icon";
 export * from "./Divider";
+export * from "./Typography";

package/src/utils/design/index.ts

@@ -0,0 +1,8 @@
+import { JobberStyle as mobileFoundationBase } from "@jobber/design/foundation.native";
+import { Platform } from "react-native";
+
+export const tokens: typeof mobileFoundationBase = Platform.select({
+  ios: () => require("@jobber/design/foundation.ios").JobberStyle,
+  android: () => require("@jobber/design/foundation.android").JobberStyle,
+  default: () => require("@jobber/design/foundation.native").JobberStyle,
+})();

package/src/utils/intl/capitalize.ts

@@ -0,0 +1,6 @@
+export function capitalize(text: string): string {
+  if (!text) {
+    return "";
+  }
+  return text.charAt(0).toLocaleUpperCase("en-US") + text.slice(1);
+}

package/src/utils/intl/index.ts

@@ -0,0 +1 @@
+export { capitalize } from "./capitalize";