jens/flipper
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

VirtualList

Browse Source 
Summary: _typescript_

Reviewed By: bnelo12

Differential Revision: D16830546

fbshipit-source-id: cd3caa4a37bb9abaf7c23c58d90d61c5e32cea08
This commit is contained in:
Daniel Büchele
2019-08-20 03:18:32 -07:00
committed by Facebook Github Bot
parent 115e2b3576
commit 726b9cb141
2 changed files with 30 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
src/ui/components/VirtualList.js → src/ui/components/VirtualList.tsx
View File

@@ -5,21 +5,25 @@
* @format
*/
import FlexColumn from './FlexColumn.js';
import FlexColumn from './FlexColumn';
import {Component} from 'react';
import View from './View.tsx';
import styled from '../styled/index.js';
import View from './View';
import styled from 'react-emotion';
import React from 'react';
import {HeightProperty, TopProperty} from 'csstype';
const Inner = styled(FlexColumn)(({height}) => ({
alignItems: 'flex-start',
height,
minHeight: '100%',
minWidth: '100%',
overflow: 'visible',
width: '100%',
}));
const Inner = styled(FlexColumn)(
({height}: {height: HeightProperty<number>}) => ({
alignItems: 'flex-start',
height,
minHeight: '100%',
minWidth: '100%',
overflow: 'visible',
width: '100%',
}),
);
const Content = styled(FlexColumn)(({top}) => ({
const Content = styled(FlexColumn)(({top}: {top: TopProperty<number>}) => ({
alignItems: 'flex-start',
height: '100%',
marginTop: top,
@@ -27,23 +31,23 @@ const Content = styled(FlexColumn)(({top}) => ({
overflow: 'visible',
}));
type VirtualListProps = {|
data: Array<any>,
renderRow: (data: any, i: number) => any,
rowHeight: number,
overscanCount: number,
sync?: number,
wrapInner?: (data: any) => any,
|};
type VirtualListProps = {
data: Array<any>;
renderRow: (data: any, i: number) => any;
rowHeight: number;
overscanCount: number;
sync?: boolean;
wrapInner?: (data: any) => any;
};
type VirtualListState = {|
offset: number,
height: number,
|};
type VirtualListState = {
offset: number;
height: number;
};
export default class VirtualList extends Component<
VirtualListProps,
VirtualListState,
VirtualListState
> {
constructor(props: VirtualListProps, context: Object) {
super(props, context);

2
src/ui/index.js
View File

@@ -88,7 +88,7 @@ export {default as ErrorBoundary} from './components/ErrorBoundary.js';
export type {OrderableOrder} from './components/Orderable.tsx';
export {default as Interactive} from './components/Interactive.js';
export {default as Orderable} from './components/Orderable.tsx';
export {default as VirtualList} from './components/VirtualList.js';
export {default as VirtualList} from './components/VirtualList.tsx';
// base components
export {Component, PureComponent} from 'react';