@scrolia/react-native-flash-list/dist/x.js

A set of list components for Scrolia React Native

"use client";

const require_rolldown_runtime = require('./_virtual/rolldown_runtime.js');
let _scrolia_react_native_contexts_scrollcore = require("@scrolia/react-native/contexts/scrollcore");
let _scrolia_react_native_functions_props = require("@scrolia/react-native/functions/props");
let _scrolia_react_native_hooks_content = require("@scrolia/react-native/hooks/content");
let _shopify_flash_list = require("@shopify/flash-list");
let react = require("react");
react = require_rolldown_runtime.__toESM(react);
let react_jsx_runtime = require("react/jsx-runtime");

/**
* Horizontal list component based on `@shopify/flash-list`.
*
* **This component requires `@shopify/flash-list` to be installed.**
*/
const FlashListX = (props) => {
	const { options: { disabled, plugins }, x: { contentType, contentRef } } = (0, _scrolia_react_native_contexts_scrollcore.useScrollCore)();
	const p = (0, _scrolia_react_native_functions_props.getComponentProps)({
		name: "listX",
		props,
		plugins
	});
	react.useImperativeHandle(p.ref, () => {
		return contentRef.current;
	}, [contentRef]);
	react.useEffect(() => {
		contentType.current = "flatlist";
	}, [contentType]);
	const { onLayout, onContentSizeChange, onScroll } = (0, _scrolia_react_native_hooks_content.useContentXHandler)({ props: p });
	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_shopify_flash_list.FlashList, {
		...p,
		ref: contentRef,
		showsHorizontalScrollIndicator: p.showsHorizontalScrollIndicator ?? disabled,
		showsVerticalScrollIndicator: false,
		onLayout,
		onContentSizeChange,
		onScroll,
		horizontal: true,
		scrollEventThrottle: p.scrollEventThrottle ?? 5,
		children: p.children
	});
};

exports.FlashListX = FlashListX;
//# sourceMappingURL=x.js.map