@pixui-dev/pxw 0.1.16

package/lib/react-window/src/__tests__/__snapshots__/VariableSizeList.js.snap

@@ -0,0 +1,331 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`VariableSizeList onScroll scrolling should report partial items correctly in onItemsRendered 1`] = `
+Array [
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 6,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 4,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 1,
+      "overscanStopIndex": 8,
+      "visibleStartIndex": 2,
+      "visibleStopIndex": 6,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 2,
+      "overscanStopIndex": 8,
+      "visibleStartIndex": 3,
+      "visibleStopIndex": 6,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 7,
+      "visibleStartIndex": 2,
+      "visibleStopIndex": 6,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 94,
+      "overscanStopIndex": 99,
+      "visibleStartIndex": 95,
+      "visibleStopIndex": 99,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 95,
+      "overscanStopIndex": 99,
+      "visibleStartIndex": 96,
+      "visibleStopIndex": 99,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 93,
+      "overscanStopIndex": 99,
+      "visibleStartIndex": 95,
+      "visibleStopIndex": 99,
+    },
+  ],
+]
+`;
+
+exports[`VariableSizeList scrollToItem method scroll with align = "auto" should work with partially-visible items 1`] = `
+Array [
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 5,
+      "overscanStopIndex": 12,
+      "visibleStartIndex": 7,
+      "visibleStopIndex": 10,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 94,
+      "overscanStopIndex": 99,
+      "visibleStartIndex": 96,
+      "visibleStopIndex": 99,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 6,
+      "visibleStartIndex": 1,
+      "visibleStopIndex": 4,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+]
+`;
+
+exports[`VariableSizeList scrollToItem method should not set invalid offsets when the list contains few items 1`] = `[Function]`;
+
+exports[`VariableSizeList scrollToItem method should scroll to the correct item for align = "auto" 1`] = `
+Array [
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 6,
+      "overscanStopIndex": 12,
+      "visibleStartIndex": 8,
+      "visibleStopIndex": 10,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 7,
+      "visibleStartIndex": 2,
+      "visibleStopIndex": 5,
+    },
+  ],
+]
+`;
+
+exports[`VariableSizeList scrollToItem method should scroll to the correct item for align = "center" 1`] = `
+Array [
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 7,
+      "overscanStopIndex": 13,
+      "visibleStartIndex": 9,
+      "visibleStopIndex": 11,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 6,
+      "overscanStopIndex": 12,
+      "visibleStartIndex": 8,
+      "visibleStopIndex": 10,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 6,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 4,
+    },
+  ],
+]
+`;
+
+exports[`VariableSizeList scrollToItem method should scroll to the correct item for align = "center" 2`] = `
+Array [
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 7,
+      "overscanStopIndex": 13,
+      "visibleStartIndex": 9,
+      "visibleStopIndex": 11,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 6,
+      "overscanStopIndex": 12,
+      "visibleStartIndex": 8,
+      "visibleStopIndex": 10,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 6,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 4,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 15,
+      "overscanStopIndex": 19,
+      "visibleStartIndex": 17,
+      "visibleStopIndex": 19,
+    },
+  ],
+]
+`;
+
+exports[`VariableSizeList scrollToItem method should scroll to the correct item for align = "end" 1`] = `
+Array [
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 6,
+      "overscanStopIndex": 12,
+      "visibleStartIndex": 8,
+      "visibleStopIndex": 10,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 4,
+      "overscanStopIndex": 11,
+      "visibleStartIndex": 6,
+      "visibleStopIndex": 9,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+]
+`;
+
+exports[`VariableSizeList scrollToItem method should scroll to the correct item for align = "smart" 1`] = `
+Array [
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 7,
+      "overscanStopIndex": 13,
+      "visibleStartIndex": 9,
+      "visibleStopIndex": 11,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 4,
+      "overscanStopIndex": 11,
+      "visibleStartIndex": 6,
+      "visibleStopIndex": 9,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 6,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 4,
+    },
+  ],
+]
+`;
+
+exports[`VariableSizeList scrollToItem method should scroll to the correct item for align = "start" 1`] = `
+Array [
+  Array [
+    Object {
+      "overscanStartIndex": 0,
+      "overscanStopIndex": 5,
+      "visibleStartIndex": 0,
+      "visibleStopIndex": 3,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 8,
+      "overscanStopIndex": 14,
+      "visibleStartIndex": 10,
+      "visibleStopIndex": 12,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 7,
+      "overscanStopIndex": 13,
+      "visibleStartIndex": 9,
+      "visibleStopIndex": 11,
+    },
+  ],
+  Array [
+    Object {
+      "overscanStartIndex": 15,
+      "overscanStopIndex": 19,
+      "visibleStartIndex": 17,
+      "visibleStopIndex": 19,
+    },
+  ],
+]
+`;

package/lib/react-window/src/__tests__/areEqual.js

@@ -0,0 +1,28 @@
+import React, { memo } from 'react';
+import ReactTestRenderer from 'react-test-renderer';
+import { areEqual } from '..';
+
+describe('areEqual', () => {
+	let Component, MemoizedComponent;
+
+	beforeEach(() => {
+		Component = jest.fn(() => null);
+		MemoizedComponent = memo(Component, areEqual);
+	});
+
+	it('should not re-render when the style prop changes', () => {
+		const renderer = ReactTestRenderer.create(<MemoizedComponent style={{}} foo="abc" bar={123} />);
+		expect(Component).toHaveBeenCalledTimes(1);
+
+		renderer.update(<MemoizedComponent style={{}} foo="abc" bar={123} />);
+		expect(Component).toHaveBeenCalledTimes(1);
+	});
+
+	it('should re-render when other props change', () => {
+		const renderer = ReactTestRenderer.create(<MemoizedComponent style={{}} foo="abc" bar={123} />);
+		expect(Component).toHaveBeenCalledTimes(1);
+
+		renderer.update(<MemoizedComponent style={{}} foo="abc" bar={234} />);
+		expect(Component).toHaveBeenCalledTimes(2);
+	});
+});

package/lib/react-window/src/__tests__/shouldComponentUpdate.js

@@ -0,0 +1,32 @@
+import React, { Component } from 'react';
+import ReactTestRenderer from 'react-test-renderer';
+import { shouldComponentUpdate } from '..';
+
+describe('shouldComponentUpdate', () => {
+	let ClassComponent, render;
+
+	beforeEach(() => {
+		render = jest.fn(() => null);
+
+		ClassComponent = class extends Component {
+			shouldComponentUpdate = shouldComponentUpdate.bind(this);
+			render = render;
+		};
+	});
+
+	it('should not re-render when the style prop changes', () => {
+		const renderer = ReactTestRenderer.create(<ClassComponent style={{}} foo="abc" bar={123} />);
+		expect(render).toHaveBeenCalledTimes(1);
+
+		renderer.update(<ClassComponent style={{}} foo="abc" bar={123} />);
+		expect(render).toHaveBeenCalledTimes(1);
+	});
+
+	it('should re-render when other props change', () => {
+		const renderer = ReactTestRenderer.create(<ClassComponent style={{}} foo="abc" bar={123} />);
+		expect(render).toHaveBeenCalledTimes(1);
+
+		renderer.update(<ClassComponent style={{}} foo="abc" bar={234} />);
+		expect(render).toHaveBeenCalledTimes(2);
+	});
+});

package/lib/react-window/src/areEqual.js

@@ -0,0 +1,13 @@
+// @flow
+
+import shallowDiffers from './shallowDiffers';
+
+// Custom comparison function for React.memo().
+// It knows to compare individual style props and ignore the wrapper object.
+// See https://reactjs.org/docs/react-api.html#reactmemo
+export default function areEqual(prevProps: Object, nextProps: Object): boolean {
+	const { style: prevStyle, ...prevRest } = prevProps;
+	const { style: nextStyle, ...nextRest } = nextProps;
+
+	return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest);
+}