@amazon-devices/react-navigation__native 8.0.9000000001 → 8.0.9000000002

package/lib/module/createStaticNavigation.js

@@ -1,54 +0,0 @@
-"use strict";
-
-import { createComponentForStaticNavigation, createPathConfigForStaticNavigation } from '@amazon-devices/react-navigation__core';
-import * as React from 'react';
-import { NavigationContainer } from "./NavigationContainer.js";
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * Create a navigation component from a static navigation config.
- * The returned component is a wrapper around `NavigationContainer`.
- *
- * @param tree Static navigation config.
- * @returns Navigation component to use in your app.
- */
-export function createStaticNavigation(tree) {
-  const Component = createComponentForStaticNavigation(tree, 'RootNavigator');
-  function Navigation({
-    linking,
-    ...rest
-  }, ref) {
-    const linkingConfig = React.useMemo(() => {
-      const screens = createPathConfigForStaticNavigation(tree, {
-        initialRouteName: linking?.config?.initialRouteName
-      }, linking?.enabled === 'auto');
-      if (!screens) return;
-      return {
-        path: linking?.config?.path,
-        initialRouteName: linking?.config?.initialRouteName,
-        screens
-      };
-    }, [linking?.enabled, linking?.config?.path, linking?.config?.initialRouteName]);
-    const memoizedLinking = React.useMemo(() => {
-      if (!linking) {
-        return undefined;
-      }
-      const enabled = typeof linking.enabled === 'boolean' ? linking.enabled : linkingConfig?.screens != null;
-      return {
-        ...linking,
-        enabled,
-        config: linkingConfig
-      };
-    }, [linking, linkingConfig]);
-    if (linking?.enabled === true && linkingConfig?.screens == null) {
-      throw new Error('Linking is enabled but no linking configuration was found for the screens.\n\n' + 'To solve this:\n' + "- Specify a 'linking' property for the screens you want to link to.\n" + "- Or set 'linking.enabled' to 'auto' to generate paths automatically.\n\n" + 'See usage guide: https://reactnavigation.org/docs/static-configuration#linking');
-    }
-    return /*#__PURE__*/_jsx(NavigationContainer, {
-      ...rest,
-      ref: ref,
-      linking: memoizedLinking,
-      children: /*#__PURE__*/_jsx(Component, {})
-    });
-  }
-  return /*#__PURE__*/React.forwardRef(Navigation);
-}
-//# sourceMappingURL=createStaticNavigation.js.map

package/lib/module/extractPathFromURL.js

@@ -1,19 +0,0 @@
-"use strict";
-
-import escapeStringRegexp from 'escape-string-regexp';
-export function extractPathFromURL(prefixes, url) {
-  for (const prefix of prefixes) {
-    const protocol = prefix.match(/^[^:]+:/)?.[0] ?? '';
-    const host = prefix.replace(new RegExp(`^${escapeStringRegexp(protocol)}`), '').replace(/\/+/g, '/') // Replace multiple slash (//) with single ones
-    .replace(/^\//, ''); // Remove extra leading slash
-
-    const prefixRegex = new RegExp(`^${escapeStringRegexp(protocol)}(/)*${host.split('.').map(it => it === '*' ? '[^/]+' : escapeStringRegexp(it)).join('\\.')}`);
-    const [originAndPath, ...searchParams] = url.split('?');
-    const normalizedURL = originAndPath.replace(/\/+/g, '/').concat(searchParams.length ? `?${searchParams.join('?')}` : '');
-    if (prefixRegex.test(normalizedURL)) {
-      return normalizedURL.replace(prefixRegex, '');
-    }
-  }
-  return undefined;
-}
-//# sourceMappingURL=extractPathFromURL.js.map

package/lib/module/theming/DarkTheme.js

@@ -1,16 +0,0 @@
-"use strict";
-
-import { fonts } from "./fonts.js";
-export const DarkTheme = {
-  dark: true,
-  colors: {
-    primary: 'rgb(10, 132, 255)',
-    background: 'rgb(1, 1, 1)',
-    card: 'rgb(18, 18, 18)',
-    text: 'rgb(229, 229, 231)',
-    border: 'rgb(39, 39, 41)',
-    notification: 'rgb(255, 69, 58)'
-  },
-  fonts
-};
-//# sourceMappingURL=DarkTheme.js.map

package/lib/module/theming/DefaultTheme.js

@@ -1,16 +0,0 @@
-"use strict";
-
-import { fonts } from "./fonts.js";
-export const DefaultTheme = {
-  dark: false,
-  colors: {
-    primary: 'rgb(0, 122, 255)',
-    background: 'rgb(242, 242, 242)',
-    card: 'rgb(255, 255, 255)',
-    text: 'rgb(28, 28, 30)',
-    border: 'rgb(216, 216, 216)',
-    notification: 'rgb(255, 59, 48)'
-  },
-  fonts
-};
-//# sourceMappingURL=DefaultTheme.js.map

package/lib/module/theming/fonts.js

@@ -1,61 +0,0 @@
-"use strict";
-
-import { Platform } from 'react-native';
-const WEB_FONT_STACK = 'system-ui, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"';
-export const fonts = Platform.select({
-  web: {
-    regular: {
-      fontFamily: WEB_FONT_STACK,
-      fontWeight: '400'
-    },
-    medium: {
-      fontFamily: WEB_FONT_STACK,
-      fontWeight: '500'
-    },
-    bold: {
-      fontFamily: WEB_FONT_STACK,
-      fontWeight: '600'
-    },
-    heavy: {
-      fontFamily: WEB_FONT_STACK,
-      fontWeight: '700'
-    }
-  },
-  ios: {
-    regular: {
-      fontFamily: 'System',
-      fontWeight: '400'
-    },
-    medium: {
-      fontFamily: 'System',
-      fontWeight: '500'
-    },
-    bold: {
-      fontFamily: 'System',
-      fontWeight: '600'
-    },
-    heavy: {
-      fontFamily: 'System',
-      fontWeight: '700'
-    }
-  },
-  default: {
-    regular: {
-      fontFamily: 'sans-serif',
-      fontWeight: 'normal'
-    },
-    medium: {
-      fontFamily: 'sans-serif-medium',
-      fontWeight: 'normal'
-    },
-    bold: {
-      fontFamily: 'sans-serif',
-      fontWeight: '600'
-    },
-    heavy: {
-      fontFamily: 'sans-serif',
-      fontWeight: '700'
-    }
-  }
-});
-//# sourceMappingURL=fonts.js.map

package/lib/module/types.js

@@ -1,4 +0,0 @@
-"use strict";
-
-export {};
-//# sourceMappingURL=types.js.map

package/lib/module/useBackButton.js

@@ -1,7 +0,0 @@
-"use strict";
-
-export function useBackButton(_) {
-  // No-op
-  // BackHandler is not available on web
-}
-//# sourceMappingURL=useBackButton.js.map

package/lib/module/useBackButton.native.js

@@ -1,21 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-import { BackHandler } from 'react-native';
-export function useBackButton(ref) {
-  React.useEffect(() => {
-    const subscription = BackHandler.addEventListener('hardwareBackPress', () => {
-      const navigation = ref.current;
-      if (navigation == null) {
-        return false;
-      }
-      if (navigation.canGoBack()) {
-        navigation.goBack();
-        return true;
-      }
-      return false;
-    });
-    return () => subscription.remove();
-  }, [ref]);
-}
-//# sourceMappingURL=useBackButton.native.js.map

package/lib/module/useDocumentTitle.js

@@ -1,26 +0,0 @@
-"use strict";
-
-import * as React from 'react';
-/**
- * Set the document title for the active screen
- */
-export function useDocumentTitle(ref, {
-  enabled = true,
-  formatter = (options, route) => options?.title ?? route?.name
-} = {}) {
-  React.useEffect(() => {
-    if (!enabled) {
-      return;
-    }
-    const navigation = ref.current;
-    if (navigation) {
-      const title = formatter(navigation.getCurrentOptions(), navigation.getCurrentRoute());
-      document.title = title;
-    }
-    return navigation?.addListener('options', e => {
-      const title = formatter(e.data.options, navigation?.getCurrentRoute());
-      document.title = title;
-    });
-  });
-}
-//# sourceMappingURL=useDocumentTitle.js.map

package/lib/module/useDocumentTitle.native.js

@@ -1,6 +0,0 @@
-"use strict";
-
-export function useDocumentTitle() {
-  // Noop for native platforms
-}
-//# sourceMappingURL=useDocumentTitle.native.js.map

package/lib/module/useLinkBuilder.js

@@ -1,85 +0,0 @@
-"use strict";
-
-import { CommonActions, findFocusedRoute, getActionFromState, getPathFromState, getStateFromPath, NavigationHelpersContext, NavigationRouteContext, useStateForPath } from '@amazon-devices/react-navigation__core';
-import * as React from 'react';
-import { LinkingContext } from "./LinkingContext.js";
-/**
- * Helpers to build href or action based on the linking options.
- *
- * @returns `buildHref` to build an `href` for screen and `buildAction` to build an action from an `href`.
- */
-export function useLinkBuilder() {
-  const navigation = React.useContext(NavigationHelpersContext);
-  const route = React.useContext(NavigationRouteContext);
-  const {
-    options
-  } = React.useContext(LinkingContext);
-  const focusedRouteState = useStateForPath();
-  const getPathFromStateHelper = options?.getPathFromState ?? getPathFromState;
-  const getStateFromPathHelper = options?.getStateFromPath ?? getStateFromPath;
-  const getActionFromStateHelper = options?.getActionFromState ?? getActionFromState;
-  const buildHref = React.useCallback((name, params) => {
-    if (options?.enabled === false) {
-      return undefined;
-    }
-
-    // Check that we're inside:
-    // - navigator's context
-    // - route context of the navigator (could be a screen, tab, etc.)
-    // - route matches the state for path (from the screen's context)
-    // This ensures that we're inside a screen
-    const isScreen = navigation && route?.key && focusedRouteState ? route.key === findFocusedRoute(focusedRouteState)?.key && navigation.getState().routes.some(r => r.key === route.key) : false;
-    const stateForRoute = {
-      routes: [{
-        name,
-        params
-      }]
-    };
-    const constructState = state => {
-      if (state) {
-        const route = state.routes[0];
-
-        // If we're inside a screen and at the innermost route
-        // We need to replace the state with the provided one
-        // This assumes that we're navigating to a sibling route
-        if (isScreen && !route.state) {
-          return stateForRoute;
-        }
-
-        // Otherwise, dive into the nested state of the route
-        return {
-          routes: [{
-            ...route,
-            state: constructState(route.state)
-          }]
-        };
-      }
-
-      // Once there is no more nested state, we're at the innermost route
-      // We can add a state based on provided parameters
-      // This assumes that we're navigating to a child of this route
-      // In this case, the helper is used in a navigator for its routes
-      return stateForRoute;
-    };
-    const state = constructState(focusedRouteState);
-    const path = getPathFromStateHelper(state, options?.config);
-    return path;
-  }, [options?.enabled, options?.config, route?.key, navigation, focusedRouteState, getPathFromStateHelper]);
-  const buildAction = React.useCallback(href => {
-    if (!href.startsWith('/')) {
-      throw new Error(`The href must start with '/' (${href}).`);
-    }
-    const state = getStateFromPathHelper(href, options?.config);
-    if (state) {
-      const action = getActionFromStateHelper(state, options?.config);
-      return action ?? CommonActions.reset(state);
-    } else {
-      throw new Error('Failed to parse the href to a navigation state.');
-    }
-  }, [options?.config, getStateFromPathHelper, getActionFromStateHelper]);
-  return {
-    buildHref,
-    buildAction
-  };
-}
-//# sourceMappingURL=useLinkBuilder.js.map

package/lib/module/useLinkProps.js

@@ -1,93 +0,0 @@
-"use strict";
-
-import { getPathFromState, NavigationContainerRefContext, NavigationHelpersContext } from '@amazon-devices/react-navigation__core';
-import * as React from 'react';
-import { Platform } from 'react-native';
-import { LinkingContext } from "./LinkingContext.js";
-const getStateFromParams = params => {
-  if (params?.state) {
-    return params.state;
-  }
-  if (params?.screen) {
-    return {
-      routes: [{
-        name: params.screen,
-        params: params.params,
-        // @ts-expect-error this is fine 🔥
-        state: params.screen ? getStateFromParams(params.params) : undefined
-      }]
-    };
-  }
-  return undefined;
-};
-
-/**
- * Hook to get props for an anchor tag so it can work with in page navigation.
- *
- * @param props.screen Name of the screen to navigate to (e.g. `'Feeds'`).
- * @param props.params Params to pass to the screen to navigate to (e.g. `{ sort: 'hot' }`).
- * @param props.href Optional absolute path to use for the href (e.g. `/feeds/hot`).
- * @param props.action Optional action to use for in-page navigation. By default, the path is parsed to an action based on linking config.
- */
-export function useLinkProps({
-  screen,
-  params,
-  href,
-  action
-}) {
-  const root = React.useContext(NavigationContainerRefContext);
-  const navigation = React.useContext(NavigationHelpersContext);
-  const {
-    options
-  } = React.useContext(LinkingContext);
-  const onPress = e => {
-    let shouldHandle = false;
-    if (Platform.OS !== 'web' || !e) {
-      e?.preventDefault?.();
-      shouldHandle = true;
-    } else {
-      // ignore clicks with modifier keys
-      const hasModifierKey = 'metaKey' in e && e.metaKey || 'altKey' in e && e.altKey || 'ctrlKey' in e && e.ctrlKey || 'shiftKey' in e && e.shiftKey;
-
-      // only handle left clicks
-      const isLeftClick = 'button' in e ? e.button == null || e.button === 0 : true;
-
-      // let browser handle "target=_blank" etc.
-      const isSelfTarget = e.currentTarget && 'target' in e.currentTarget ? [undefined, null, '', 'self'].includes(e.currentTarget.target) : true;
-      if (!hasModifierKey && isLeftClick && isSelfTarget) {
-        e.preventDefault?.();
-        shouldHandle = true;
-      }
-    }
-    if (shouldHandle) {
-      if (action) {
-        if (navigation) {
-          navigation.dispatch(action);
-        } else if (root) {
-          root.dispatch(action);
-        } else {
-          throw new Error("Couldn't find a navigation object. Is your component inside NavigationContainer?");
-        }
-      } else {
-        // @ts-expect-error This is already type-checked by the prop types
-        navigation?.navigate(screen, params);
-      }
-    }
-  };
-  const getPathFromStateHelper = options?.getPathFromState ?? getPathFromState;
-  return {
-    href: href ?? (Platform.OS === 'web' && screen != null ? getPathFromStateHelper({
-      routes: [{
-        // @ts-expect-error this is fine 🔥
-        name: screen,
-        // @ts-expect-error this is fine 🔥
-        params: params,
-        // @ts-expect-error this is fine 🔥
-        state: getStateFromParams(params)
-      }]
-    }, options?.config) : undefined),
-    role: 'link',
-    onPress
-  };
-}
-//# sourceMappingURL=useLinkProps.js.map

package/lib/module/useLinkTo.js

@@ -1,26 +0,0 @@
-"use strict";
-
-import { NavigationContainerRefContext } from '@amazon-devices/react-navigation__core';
-import * as React from 'react';
-import { useLinkBuilder } from "./useLinkBuilder.js";
-
-/**
- * Helper to navigate to a screen using a href based on the linking options.
- *
- * @returns function that receives the href to navigate to.
- */
-export function useLinkTo() {
-  const navigation = React.useContext(NavigationContainerRefContext);
-  const {
-    buildAction
-  } = useLinkBuilder();
-  const linkTo = React.useCallback(href => {
-    if (navigation === undefined) {
-      throw new Error("Couldn't find a navigation object. Is your component inside NavigationContainer?");
-    }
-    const action = buildAction(href);
-    navigation.dispatch(action);
-  }, [buildAction, navigation]);
-  return linkTo;
-}
-//# sourceMappingURL=useLinkTo.js.map