one

Version:
One is a React framework for web, iOS, and Android apps.
71 lines (68 loc) • 3.24 kB
JavaScript
import { Children, isValidElement } from "react";
import { NAVIGATOR_CONFIG } from "../../headless/children.mjs";
import { StackHeaderBackButton, appendStackHeaderBackButtonPropsToOptions } from "./StackHeaderBackButton.mjs";
import { StackHeaderLeft, appendStackHeaderLeftPropsToOptions } from "./StackHeaderLeft.mjs";
import { StackHeaderRight, appendStackHeaderRightPropsToOptions } from "./StackHeaderRight.mjs";
import { StackHeaderSearchBar, appendStackHeaderSearchBarPropsToOptions } from "./StackHeaderSearchBar.mjs";
import { StackHeaderTitle, appendStackHeaderTitlePropsToOptions } from "./StackHeaderTitle.mjs";
import { isChildOfType } from "../../utils/children.mjs";
import { flattenStyle } from "../../utils/style.mjs";

function StackHeaderComponent(_props) {
	return null;
}
Object.assign(StackHeaderComponent, { [NAVIGATOR_CONFIG]: true });
function appendStackHeaderPropsToOptions(options, props) {
	const flattenedStyle = flattenStyle(props.style);
	const flattenedLargeStyle = flattenStyle(props.largeStyle);
	if (props.hidden) {
		return {
			...options,
			headerShown: false
		};
	}
	if (props.asChild) {
		return {
			...options,
			header: () => props.children
		};
	}
	const isTransparent = flattenedStyle?.backgroundColor === "transparent";
	const hasCustomShadow = flattenedStyle?.shadowColor !== void 0;
	const hasBackgroundColor = flattenedStyle?.backgroundColor !== void 0;
	const hasLargeBackgroundColor = flattenedLargeStyle?.backgroundColor !== void 0;
	let updatedOptions = {
		...options,
		headerShown: !props.hidden,
		headerBlurEffect: props.blurEffect,
		...isTransparent && { headerTransparent: true },
		...hasBackgroundColor && { headerStyle: { backgroundColor: flattenedStyle.backgroundColor } },
		...hasLargeBackgroundColor && { headerLargeStyle: { backgroundColor: flattenedLargeStyle.backgroundColor } },
		...hasCustomShadow && { headerShadowVisible: flattenedStyle?.shadowColor !== "transparent" },
		...flattenedLargeStyle?.shadowColor !== void 0 && { headerLargeTitleShadowVisible: flattenedLargeStyle?.shadowColor !== "transparent" }
	};
	function appendChildOptions(child, options2) {
		let result = options2;
		if (isChildOfType(child, StackHeaderTitle)) {
			result = appendStackHeaderTitlePropsToOptions(result, child.props);
		} else if (isChildOfType(child, StackHeaderLeft)) {
			result = appendStackHeaderLeftPropsToOptions(result, child.props);
		} else if (isChildOfType(child, StackHeaderRight)) {
			result = appendStackHeaderRightPropsToOptions(result, child.props);
		} else if (isChildOfType(child, StackHeaderBackButton)) {
			result = appendStackHeaderBackButtonPropsToOptions(result, child.props);
		} else if (isChildOfType(child, StackHeaderSearchBar)) {
			result = appendStackHeaderSearchBarPropsToOptions(result, child.props);
		} else {
			console.warn(`Warning: Unknown child element passed to Stack.Header: ${child.type.name ?? child.type}`);
		}
		return result;
	}
	Children.forEach(props.children, (child) => {
		if (isValidElement(child)) {
			updatedOptions = appendChildOptions(child, updatedOptions);
		}
	});
	return updatedOptions;
}

export { StackHeaderComponent, appendStackHeaderPropsToOptions };
//# sourceMappingURL=StackHeaderComponent.mjs.map