react-native-shared-state/build/SharedLazyArray/index.js

Create shared states that can be connected to multiple react native components, allowing for simple global state management.

import ExtendedError from 'extended_err';
import { SharedState } from '../SharedState';
export class SharedLazyArray extends SharedState {
    constructor() {
        super({
            data: [],
            page: 0,
            pageEnd: false,
            isError: null,
            isLoading: false,
        });
    }
    get data() {
        return this.state.data;
    }
    async lazyGet(lazyGetFunction) {
        const { data, page, pageEnd } = this.state;
        if (!pageEnd) {
            this.setState({ isLoading: true });
            try {
                const newData = await Promise.resolve(lazyGetFunction(page));
                if (newData.length) {
                    this.setState({
                        data: [...data, ...newData],
                        page: page + 1,
                        isLoading: false,
                    });
                }
                else {
                    this.setState({
                        pageEnd: true,
                        isLoading: false,
                    });
                }
                return newData;
            }
            catch (error) {
                this.setState({
                    isError: new ExtendedError({
                        name: 'State Error',
                        code: 'LAZY_GET_ERROR',
                        message: 'Error lazy getting data',
                        severity: 'HIGH',
                        info: { ...this.state },
                    }),
                    isLoading: false,
                });
            }
        }
        return null;
    }
    useArray() {
        const [state] = super.useState([
            'data',
            'isError',
            'isLoading',
            'page',
            'pageEnd',
        ]);
        return state;
    }
}