one/dist/esm/layouts/Stack.native.js

One is a new React Framework that makes Vite serve both native and web.

import { jsx as _jsx } from "react/jsx-runtime";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import React, { Children, useMemo } from "react";
import { StackScreen, StackHeader, StackHeaderComponent, StackHeaderSearchBar, appendScreenStackPropsToOptions } from "./stack-utils/index.native.js";
import { withLayoutContext } from "./withLayoutContext.native.js";
import { isChildOfType } from "../utils/children.native.js";
import { Protected } from "../views/Protected.native.js";
import { Screen } from "../views/Screen.native.js";
var NativeStackNavigator = createNativeStackNavigator().Navigator;
var RNStack = withLayoutContext(NativeStackNavigator);
function mapChildren(children) {
  return Children.toArray(children).map(function (child, index) {
    if (isChildOfType(child, StackScreen)) {
      var _child_props_name;
      var options = appendScreenStackPropsToOptions({}, child.props);
      var {
        children: _,
        ...rest
      } = child.props;
      return /* @__PURE__ */_jsx(Screen, {
        ...rest,
        options
      }, (_child_props_name = child.props.name) !== null && _child_props_name !== void 0 ? _child_props_name : index);
    }
    if (isChildOfType(child, Protected)) {
      return /* @__PURE__ */_jsx(Protected, {
        guard: child.props.guard,
        children: mapChildren(child.props.children)
      }, `protected-${index}`);
    }
    if (isChildOfType(child, StackHeaderComponent)) {
      return null;
    }
    return child;
  }).filter(Boolean);
}
var StackWithComposition = /* @__PURE__ */React.forwardRef(function (props, ref) {
  var {
    children,
    screenOptions,
    ...rest
  } = props;
  var screenOptionsWithHeader = useMemo(function () {
    var stackHeader = Children.toArray(children).find(function (child) {
      return isChildOfType(child, StackHeaderComponent);
    });
    if (stackHeader && isChildOfType(stackHeader, StackHeaderComponent)) {
      var headerProps = {
        children: stackHeader
      };
      if (screenOptions) {
        if (typeof screenOptions === "function") {
          return function () {
            for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
              args[_key] = arguments[_key];
            }
            var opts = screenOptions(...args);
            return appendScreenStackPropsToOptions(opts, headerProps);
          };
        }
        return appendScreenStackPropsToOptions(screenOptions, headerProps);
      }
      return appendScreenStackPropsToOptions({}, headerProps);
    }
    return screenOptions;
  }, [children, screenOptions]);
  var processedChildren = useMemo(function () {
    return mapChildren(children);
  }, [children]);
  return /* @__PURE__ */_jsx(RNStack, {
    ...rest,
    ref,
    screenOptions: screenOptionsWithHeader,
    children: processedChildren
  });
});
var Stack = Object.assign(StackWithComposition, {
  Screen: StackScreen,
  Header: StackHeader,
  Protected,
  SearchBar: StackHeaderSearchBar
});
var Stack_default = Stack;
export { Stack, Stack_default as default };
//# sourceMappingURL=Stack.native.js.map