chore(package.json): upgrade react-intersection-observer and the rest

Author: Luis Merino

.eslintrc.js

@@ -0,0 +1,2 @@
+// Keep this file for editor support
+module.exports = require('@researchgate/spire-config/eslint/react');

.gitignore

@@ -3,4 +3,5 @@ yarn-error.log
 /node_modules
 /lib
 /src/coverage
-/.docs
+/.docs
+.DS_Store

.storybook/config.js

@@ -1,10 +1,12 @@
-import * as storybook from '@storybook/react';
-import { setOptions } from '@storybook/addon-options';
+import { addParameters, configure } from '@storybook/react';
+import { withOptions } from '@storybook/addon-options';
 
-setOptions({
-  name: 'React Intersection List',
-  url: 'https://github.com/researchgate/react-intersection-list',
-  showDownPanel: false,
+withOptions({
+    name: 'React Intersection List',
+    url: 'https://github.com/researchgate/react-intersection-list',
+    showDownPanel: false,
 });
 
-storybook.configure(() => require('../docs/docs/index.js'), module);
+addParameters({ options: { theme: {} } });
+
+configure(() => require('../docs/docs/index.js'), module);

package.json

@@ -10,7 +10,7 @@
     "url": "https://github.com/researchgate/react-intersection-list/issues"
   },
   "dependencies": {
-    "@researchgate/react-intersection-observer": "^1.0.1",
+    "@researchgate/react-intersection-observer": "^1.1.1",
     "prop-types": "^15.7.2",
     "warning": "^4.0.3"
   },
@@ -67,6 +67,7 @@
     ],
     "testURL": "http://localhost/"
   },
+  "prettier": "@researchgate/prettier-config",
   "spire": {
     "extends": "@researchgate/spire-config",
     "plugins": [

types/index.d.ts

@@ -5,41 +5,44 @@ export default class ListClass extends React.PureComponent<ListProps> {}
 type RenderFunction = (index: number, key: number) => JSX.Element | string;
 
 type IterableType =
-    | {
-          length: number;
-      }
-    | {
-          size: number;
-      };
+  | {
+      length: number;
+    }
+  | {
+      size: number;
+    };
 
 interface ChildrenAsFunction {
-    children: RenderFunction;
-    renderItem?: never;
+  children: RenderFunction;
+  renderItem?: never;
 }
 
 interface RenderAsProp {
-    renderItem: RenderFunction;
-    children?: never;
+  renderItem: RenderFunction;
+  children?: never;
 }
 
 interface ItemCountScalar {
-    itemCount: number;
-    items?: never;
+  itemCount: number;
+  items?: never;
 }
 
 interface ItemCountIterable {
-    items: IterableType;
-    itemCount?: never;
+  items: IterableType;
+  itemCount?: never;
 }
 
 interface OptionalProps {
-    awaitMore?: boolean;
-    axis?: 'x' | 'y';
-    initialIndex?: number;
-    itemsRenderer?: (items: IterableType, ref: (instance: React.ReactInstance) => void) => JSX.Element;
-    onIntersection?: (nextSize: number, pageSize: number) => undefined;
-    pageSize?: number;
-    threshold?: string;
+  awaitMore?: boolean;
+  axis?: 'x' | 'y';
+  initialIndex?: number;
+  itemsRenderer?: (
+    items: IterableType,
+    ref: (instance: React.ReactInstance) => void
+  ) => JSX.Element;
+  onIntersection?: (nextSize: number, pageSize: number) => void;
+  pageSize?: number;
+  threshold?: string;
 }
 
 type RenderPropType = ChildrenAsFunction | RenderAsProp;

types/test.tsx

@@ -6,13 +6,14 @@ import List from '..';
 <List itemCount={Infinity} renderItem={() => <b>bold</b>} />;
 
 <List
-    itemCount={100}
-    awaitMore={false}
-    axis="y"
-    initialIndex={50}
-    pageSize={25}
-    threshold="50%"
-    itemsRenderer={(items, ref) => <div ref={ref}>{items}</div>}
+  itemCount={100}
+  awaitMore={false}
+  axis="y"
+  initialIndex={50}
+  pageSize={25}
+  threshold="50%"
+  itemsRenderer={(items, ref) => <div ref={ref}>{items}</div>}
+  onIntersection={() => {}}
 >
-    {(index, key) => `${index}${key}`}
+  {(index, key) => `${index}${key}`}
 </List>;