@medway-ui/native 1.6.1 → 1.7.0

package/src/hooks/useTrackedText.ts

@@ -0,0 +1,20 @@
+import { useState } from "react";
+
+function useTrackedText(
+  value: string | undefined,
+  defaultValue: string | undefined,
+  onChangeText?: (text: string) => void
+) {
+  const [uncontrolledText, setUncontrolledText] = useState(defaultValue ?? "");
+  const isControlled = value !== undefined;
+  const text = isControlled ? value : uncontrolledText;
+
+  const handleChangeText = (nextText: string) => {
+    if (!isControlled) setUncontrolledText(nextText);
+    onChangeText?.(nextText);
+  };
+
+  return { text, handleChangeText };
+}
+
+export { useTrackedText };

package/src/index.ts

@@ -375,6 +375,15 @@ export type {
 export { Tag, tagVariants, tagTextVariants } from "@/components/Tag";
 export type { TagProps } from "@/components/Tag";
 
+// Chip
+export {
+  Chip,
+  chipVariants,
+  chipBackgroundVariants,
+  chipTextVariants,
+} from "@/components/Chip";
+export type { ChipProps, ChipSize, ChipVariant } from "@/components/Chip";
+
 // Tabs
 export {
   Tabs,
@@ -391,6 +400,23 @@ export type {
   TabsVariant,
 } from "@/components/Tabs";
 
+// Choice
+export { Choice } from "@/components/Choice";
+export type { ChoiceProps, ChoiceTheme } from "@/components/Choice";
+
+// Filter
+export { Filter } from "@/components/Filter";
+export type { FilterProps } from "@/components/Filter";
+
+// Feedback
+export { Feedback } from "@/components/Feedback";
+export type {
+  FeedbackProps,
+  FeedbackSize,
+  FeedbackType,
+  FeedbackVariant,
+} from "@/components/Feedback";
+
 // Toast
 export {
   Toast,
@@ -402,7 +428,16 @@ export {
   ToastViewport,
   toastVariants,
 } from "@/components/Toast";
-export type { ToastActionElement, ToastProps } from "@/components/Toast";
+export type {
+  ToastActionElement,
+  ToastActionProps,
+  ToastActionVariant,
+  ToastCloseProps,
+  ToastGradientVariant,
+  ToastProps,
+  ToastProviderProps,
+  ToastVariant,
+} from "@/components/Toast";
 
 // Tooltip
 export {

package/src/lib/optional-deps.ts

@@ -0,0 +1,27 @@
+import type { ComponentType, ReactNode } from "react";
+
+export type LinearGradientProps = {
+  colors: string[];
+  locations?: number[];
+  start?: { x: number; y: number };
+  end?: { x: number; y: number };
+  style?: object;
+  pointerEvents?: "none" | "auto" | "box-none" | "box-only";
+  children?: ReactNode;
+};
+
+export type LinearGradientComponent = ComponentType<LinearGradientProps>;
+
+/**
+ * Lazy-load `expo-linear-gradient` so components that export from the package
+ * entrypoint keep working when the optional peer is not installed.
+ */
+export function loadLinearGradient(): LinearGradientComponent | null {
+  try {
+    // eslint-disable-next-line @typescript-eslint/no-require-imports
+    const gradient = require("expo-linear-gradient");
+    return gradient.LinearGradient ?? null;
+  } catch {
+    return null;
+  }
+}

package/src/lib/touch-target.ts

@@ -0,0 +1,12 @@
+import { type Insets } from "react-native";
+
+const MIN_TOUCH_TARGET = 44;
+
+function getMinTouchHitSlop(width: number, height: number = width): Insets {
+  const horizontal = Math.max(0, (MIN_TOUCH_TARGET - width) / 2);
+  const vertical = Math.max(0, (MIN_TOUCH_TARGET - height) / 2);
+
+  return { top: vertical, bottom: vertical, left: horizontal, right: horizontal };
+}
+
+export { MIN_TOUCH_TARGET, getMinTouchHitSlop };

package/setup/index.tsx

@@ -1,42 +0,0 @@
-import React from 'react';
-import { createNativeStackNavigator } from '@react-navigation/native-stack';
-
-type RequireContext = {
-  keys(): string[];
-  (id: string): { default: React.ComponentType<any> };
-};
-
-type MedwayUiNavigatorResult = {
-  MedwayUiNavigator: React.ComponentType;
-  screenNames: string[];
-};
-
-function extractScreenName(key: string): string {
-  return key.replace(/^\.\//, '').replace(/\/index\.tsx$/, '');
-}
-
-function createMedwayUiNavigator(context: RequireContext): MedwayUiNavigatorResult {
-  const Stack = createNativeStackNavigator();
-
-  const screens = context.keys().map((key) => ({
-    name: extractScreenName(key),
-    component: context(key).default,
-  }));
-
-  const screenNames = screens.map((s) => s.name);
-
-  function MedwayUiNavigator() {
-    return (
-      <Stack.Navigator screenOptions={{ headerShown: false }}>
-        {screens.map(({ name, component }) => (
-          <Stack.Screen key={name} name={name} component={component} />
-        ))}
-      </Stack.Navigator>
-    );
-  }
-
-  return { MedwayUiNavigator, screenNames };
-}
-
-export { createMedwayUiNavigator };
-export type { MedwayUiNavigatorResult };