@developer_tribe/react-native-comnyx 0.3.2 → 0.3.3

package/src/types/Theme.ts

@@ -8,30 +8,57 @@ export interface ThemeColors {
   warning: string;
   info: string;
   border: string;
+  light_text: string;
+  dark_background: string;
+  gainsboro: string;
+  slate: string;
+  green: string;
+  light_green: string;
+  ghost: string;
+  navy: string;
+  lavender: string;
 }
 
 export const lightTheme: ThemeColors = {
   primary: '#4361EE',
   secondary: '#3A0CA3',
   background: '#FFFFFF',
+  light_text: '#FFFFFF',
   text: '#212529',
   error: '#FF3B30',
   success: '#34C759',
+  green: '#20C662',
+  light_green: '#B1E9C6',
   warning: '#FF9500',
   info: '#007AFF',
   border: '#E9ECEF',
+  dark_background: '#121212',
+  gainsboro: '#A9AAAC',
+  slate: '#44454D',
+  ghost: '#EFEFEF',
+  navy: '#191A21',
+  lavender: '#E0E0E0',
 };
 
 export const darkTheme: ThemeColors = {
   primary: '#4361EE',
   secondary: '#3A0CA3',
   background: '#121212',
+  light_text: '#121212',
   text: '#FFFFFF',
   error: '#FF453A',
   success: '#32D74B',
+  green: '#20C662',
+  light_green: '#B1E9C6',
   warning: '#FF9F0A',
   info: '#0A84FF',
   border: '#2C2C2C',
+  dark_background: '#FFFFFF',
+  gainsboro: '#81838F',
+  slate: '#C7C7C7',
+  ghost: '#202129',
+  navy: '#F5F5F5',
+  lavender: '#262730',
 };
 
 export interface Theme {

package/src/utils/deepMap.ts

@@ -0,0 +1,47 @@
+/**
+ * Type guard to check if a value is an object
+ */
+const isObject = (value: unknown): value is Record<string, any> =>
+  value !== null && typeof value === 'object';
+
+/**
+ * Maps all values in an object using the provided mapping function
+ */
+const mapObject = <T, R>(
+  obj: Record<string, T>,
+  fn: (value: T) => R
+): Record<string, R> => {
+  return Object.keys(obj).reduce<Record<string, R>>((res, key) => {
+    // Type assertion needed because TypeScript can't guarantee key exists
+    res[key] = fn(obj[key] as T);
+    return res;
+  }, {});
+};
+
+/**
+ * Recursively maps through a nested object/array structure
+ * and applies the mapping function to all non-object values
+ */
+const deepMap = <T, R>(
+  obj: T,
+  fn: (value: any) => R
+): T extends any[]
+  ? R[]
+  : T extends Record<string, any>
+    ? Record<string, R>
+    : R => {
+  const deepMapper = (value: any): any =>
+    isObject(value) ? deepMap(value, fn) : fn(value);
+
+  if (Array.isArray(obj)) {
+    return obj.map(deepMapper) as any;
+  }
+
+  if (isObject(obj)) {
+    return mapObject(obj as Record<string, any>, deepMapper) as any;
+  }
+
+  return fn(obj) as any;
+};
+
+export default deepMap;

package/src/utils/formatDate.ts

@@ -0,0 +1,8 @@
+export const formatDate = (date: Date): string => {
+  if (!date) return '';
+  return date.toLocaleDateString('en-US', {
+    weekday: 'short',
+    month: 'short',
+    day: 'numeric',
+  });
+};

package/src/utils/scalingUtils.ts

@@ -0,0 +1,27 @@
+import { Dimensions } from 'react-native';
+import { useAppStore } from '../store';
+
+const { width, height } = Dimensions.get('window');
+const [shortDimension, longDimension] =
+  width < height ? [width, height] : [height, width];
+
+const getBaseWidth = () => {
+  return useAppStore?.getState()?.baseWidth ?? 390;
+};
+
+const getBaseHeight = () => {
+  return useAppStore?.getState()?.baseHeight ?? 844;
+};
+
+export const s = (size: number) => (shortDimension / getBaseWidth()) * size;
+export const vs = (size: number) => (longDimension / getBaseHeight()) * size;
+export const ms = (size: number, factor = 0.5) =>
+  size + (scale(size) - size) * factor;
+export const mvs = (size: number, factor = 0.5) =>
+  size + (verticalScale(size) - size) * factor;
+
+export const scale = s;
+export const verticalScale = vs;
+export const fs = vs;
+export const moderateScale = ms;
+export const moderateVerticalScale = mvs;

package/src/viewabilityConfig.ts

@@ -0,0 +1,4 @@
+export const viewabilityConfig = {
+  itemVisiblePercentThreshold: 30,
+  minimumViewTime: 100,
+};