@gorhom/bottom-sheet/lib/module/components/bottomSheetScrollable/BottomSheetFlashList.js

A performant interactive bottom sheet with fully configurable options 🚀

"use strict";

// @ts-ignore

import React, { forwardRef, memo, useMemo } from 'react';
import { StyleSheet } from 'react-native';
import BottomSheetScrollView from './BottomSheetScrollView';
import { jsx as _jsx } from "react/jsx-runtime";
let FlashList;
// since FlashList is not a dependency for the library
// we try to import it using metro optional import
try {
  FlashList = require('@shopify/flash-list');
} catch (_) {}
const BottomSheetFlashListComponent = /*#__PURE__*/forwardRef((props, ref) => {
  //#region props
  const {
    focusHook,
    scrollEventsHandlersHook,
    enableFooterMarginAdjustment,
    ...rest
    // biome-ignore lint: to be addressed!
  } = props;
  //#endregion

  useMemo(() => {
    if (!FlashList) {
      throw 'You need to install FlashList first, `yarn install @shopify/flash-list`';
    }
  }, []);

  //#region render
  const renderScrollComponent = useMemo(() => /*#__PURE__*/forwardRef(
  // @ts-ignore
  ({
    data,
    ...props
  }, ref) => {
    return (
      /*#__PURE__*/
      // @ts-ignore
      _jsx(BottomSheetScrollView, {
        ref: ref,
        ...props,
        focusHook: focusHook,
        scrollEventsHandlersHook: scrollEventsHandlersHook,
        enableFooterMarginAdjustment: enableFooterMarginAdjustment
      })
    );
  }), [focusHook, scrollEventsHandlersHook, enableFooterMarginAdjustment]);
  return /*#__PURE__*/_jsx(FlashList.FlashList, {
    ref: ref,
    renderScrollComponent: renderScrollComponent,
    ...rest
  });
  //#endregion
});
export const styles = StyleSheet.create({
  container: {
    flex: 1,
    overflow: 'visible'
  }
});
export const BottomSheetFlashList = /*#__PURE__*/memo(BottomSheetFlashListComponent);
export default BottomSheetFlashList;
//# sourceMappingURL=BottomSheetFlashList.js.map