<NME> README.md
<BEF> # `react-widgets-virtualized`

Provides a Higher Order Function for adding virtualization to react-widgets inputs with lists. Under the hood it uses
the excellent [`react-list`](https://github.com/orgsync/react-list).

## Install

```sh
  npm install react-widgets-virtualized --save
```

## Usage

```js
```js
import DropdownList from 'react-widgets/lib/DropdownList';
import virtualize from 'react-widgets-virtualized';

let VirtualDropdownList = virtualize(DropdownList);

    <div>
      Here is a dropdown!
      <VirtualDropdownList
        data={bigList}
        type="uniform"
        itemSizeGetter={() => 30}
      />
    </div>
  )
}
```

The HOC works with: `DropdownList`, `ComboBox`, `Multiselect`, and `SelectList`. Each component accepts all
the normal widget props as well as a few of the react-list props including

- `type`
- `pageSize`
- `threshold`
- `useStaticSize`
- `useTranslate3d`
- `itemSizeGetter`
- `itemSizeEstimator`

Note, that instead of the react-list `itemRenderer` you can continue to use `itemComponent` from react-widgets to
provide custom rendering of each list item.

<MSG> docs: add missing import to documentation (#945)


<DFF> @@ -15,6 +15,7 @@ the excellent [`react-list`](https://github.com/orgsync/react-list).
 ```js
 import DropdownList from 'react-widgets/lib/DropdownList';
 import virtualize from 'react-widgets-virtualized';
+import "react-widgets-virtualized/lib/styles.css";
 
 let VirtualDropdownList = virtualize(DropdownList);
 

{'commit': 'diff --git a/packages/virtualized/README.md b/packages/virtualized/README.md\nindex 9054001d..3599b880 100644\n--- a/packages/virtualized/README.md\n+++ b/packages/virtualized/README.md\n@@ -15,6 +15,7 @@ the excellent [`react-list`](https://github.com/orgsync/react-list).\n ```js\n import DropdownList from \'react-widgets/lib/DropdownList\';\n import virtualize from \'react-widgets-virtualized\';\n+import "react-widgets-virtualized/lib/styles.css";\n \n let VirtualDropdownList = virtualize(DropdownList);\n \n', 'commit_subject': 'docs: add missing import to documentation (#945)', 'repo_name': 'jquense/react-widgets', 'committer': {'name': 'Jason Quense', 'email': '12aa23fd1d1f5a8abefe5c0a553ad73bfd98bc10@gmail.com', 'time_sec': '1560862151', 'tz_offset': '-240', 'date': {'seconds': '1560862151'}}, 'commit_tree': 'e894aaec56e07c9527515c45c27c48b72a2f3a19', 'commit_message': 'docs: add missing import to documentation (#945)\n\n', 'language_name': 'JavaScript', 'license': 'mit', 'hunks': '@@ -15,6 +15,7 @@ the excellent [`react-list`](https://github.com/orgsync/react-list).\n ```js\n import DropdownList from \'react-widgets/lib/DropdownList\';\n import virtualize from \'react-widgets-virtualized\';\n+import "react-widgets-virtualized/lib/styles.css";\n \n let VirtualDropdownList = virtualize(DropdownList);\n \n', 'addition_count': 1, 'deletion_count': 0, 'src_file': 'a/packages/virtualized/README.md', 'tgt_file': 'b/packages/virtualized/README.md', 'file_extension': '.md', 'before_file': '# `react-widgets-virtualized`\n\nProvides a Higher Order Function for adding virtualization to react-widgets inputs with lists. Under the hood it uses\nthe excellent [`react-list`](https://github.com/orgsync/react-list).\n\n## Install\n\n```sh\n  npm install react-widgets-virtualized --save\n```\n\n## Usage\n\n```js\n```js\nimport DropdownList from \'react-widgets/lib/DropdownList\';\nimport virtualize from \'react-widgets-virtualized\';\n\nlet VirtualDropdownList = virtualize(DropdownList);\n\n    <div>\n      Here is a dropdown!\n      <VirtualDropdownList\n        data={bigList}\n        type="uniform"\n        itemSizeGetter={() => 30}\n      />\n    </div>\n  )\n}\n```\n\nThe HOC works with: `DropdownList`, `ComboBox`, `Multiselect`, and `SelectList`. Each component accepts all\nthe normal widget props as well as a few of the react-list props including\n\n- `type`\n- `pageSize`\n- `threshold`\n- `useStaticSize`\n- `useTranslate3d`\n- `itemSizeGetter`\n- `itemSizeEstimator`\n\nNote, that instead of the react-list `itemRenderer` you can continue to use `itemComponent` from react-widgets to\nprovide custom rendering of each list item.\n', 'message': 'docs: add missing import to documentation (#945)\n\n', 'author_name': 'Jason Quense', 'lang': 'md'}