From 7ae38906926dc09bc10670c361af0d2bf0050426 Mon Sep 17 00:00:00 2001 From: Hsuan Lee Date: Sat, 19 Jan 2019 18:42:04 +0800 Subject: Update dependency packages --- packages/website/ts/lazy_component.tsx | 66 ---------------------------------- 1 file changed, 66 deletions(-) delete mode 100644 packages/website/ts/lazy_component.tsx (limited to 'packages/website/ts/lazy_component.tsx') diff --git a/packages/website/ts/lazy_component.tsx b/packages/website/ts/lazy_component.tsx deleted file mode 100644 index 9d3b9944a..000000000 --- a/packages/website/ts/lazy_component.tsx +++ /dev/null @@ -1,66 +0,0 @@ -import * as _ from 'lodash'; -import * as React from 'react'; - -interface LazyComponentProps { - reactComponentPromise: Promise>; - reactComponentProps: any; -} - -interface LazyComponentState { - component?: React.ComponentClass; -} - -/** - * This component is used for rendering components that are lazily loaded from other chunks. - * Source: https://reacttraining.com/react-router/web/guides/code-splitting - */ -export class LazyComponent extends React.Component { - constructor(props: LazyComponentProps) { - super(props); - this.state = { - component: undefined, - }; - } - public componentWillMount(): void { - // tslint:disable-next-line:no-floating-promises - this._loadComponentFireAndForgetAsync(this.props); - } - public componentWillReceiveProps(nextProps: LazyComponentProps): void { - if (nextProps.reactComponentPromise !== this.props.reactComponentPromise) { - // tslint:disable-next-line:no-floating-promises - this._loadComponentFireAndForgetAsync(nextProps); - } - } - public render(): React.ReactNode { - return _.isUndefined(this.state.component) - ? null - : React.createElement(this.state.component, this.props.reactComponentProps); - } - private async _loadComponentFireAndForgetAsync(props: LazyComponentProps): Promise { - const component = await props.reactComponentPromise; - this.setState({ - component, - }); - } -} - -/** - * [createLazyComponent description] - * @param componentName name of exported component - * @param lazyImport lambda returning module promise - * we pass a lambda because we only want to require a module if it's used - * @example `const LazyPortal = createLazyComponent('Portal', () => import('ts/containers/portal'));`` - */ -export const createLazyComponent = (componentName: string, lazyImport: () => Promise) => { - return (props: any) => { - const reactComponentPromise = (async (): Promise> => { - const mod = await lazyImport(); - const component = mod[componentName]; - if (_.isUndefined(component)) { - throw new Error(`Did not find exported component: ${componentName}`); - } - return component; - })(); - return ; - }; -}; -- cgit v1.2.3