one/dist/cjs/platform/adaptive/ReservedRegions.cjs

One is a React framework for web, iOS, and Android apps.

var __defProp = Object.defineProperty;
var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
var __getOwnPropNames = Object.getOwnPropertyNames;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __export = (target, all) => {
	for (var name in all) __defProp(target, name, {
		get: all[name],
		enumerable: true
	});
};
var __copyProps = (to, from, except, desc) => {
	if (from && typeof from === "object" || typeof from === "function") {
		for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
			get: () => from[key],
			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
		});
	}
	return to;
};
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
var ReservedRegions_exports = {};
__export(ReservedRegions_exports, { Provider: () => Provider });
module.exports = __toCommonJS(ReservedRegions_exports);
var import_react = require("react");
var import_DomView = require("../web/DomView.cjs");
var import_reservedRegionsContext = require("./reservedRegionsContext.cjs");
var import_jsx_runtime = require("react/jsx-runtime");
function Provider({ children, onLayout, ...props }) {
	const [snapshot, setSnapshot] = (0, import_react.useState)({
		regions: [],
		ready: true,
		bounds: null
	});
	const onProviderLayout = (0, import_react.useCallback)((event) => {
		onLayout?.(event);
		const { width, height } = event.nativeEvent.layout;
		setSnapshot((current) => current.bounds?.width === width && current.bounds.height === height ? current : {
			...current,
			bounds: {
				width,
				height
			}
		});
	}, [onLayout]);
	return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_reservedRegionsContext.ReservedRegionsContext.Provider, {
		value: snapshot,
		children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_DomView.DomView, {
			...props,
			onLayout: onProviderLayout,
			children
		})
	});
}