@pixui-dev/pxw 0.1.19 → 0.1.21

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

@@ -1,69 +1,69 @@
-// @flow
-
-let size: number = -1;
-
-// This utility copied from "dom-helpers" package.
-export function getScrollbarSize(recalculate?: boolean = false): number {
-	if (size === -1 || recalculate) {
-		const div = document.createElement('div');
-		const style = div.style;
-		style.width = '50px';
-		style.height = '50px';
-		style.overflow = 'scroll';
-
-		((document.body: any): HTMLBodyElement).appendChild(div);
-
-		size = div.offsetWidth - div.clientWidth;
-
-		((document.body: any): HTMLBodyElement).removeChild(div);
-	}
-
-	return size;
-}
-
-export type RTLOffsetType = 'negative' | 'positive-descending' | 'positive-ascending';
-
-let cachedRTLResult: RTLOffsetType | null = null;
-
-// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
-// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
-// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
-// The safest way to check this is to intentionally set a negative offset,
-// and then verify that the subsequent "scroll" event matches the negative offset.
-// If it does not match, then we can assume a non-standard RTL scroll implementation.
-export function getRTLOffsetType(recalculate?: boolean = false): RTLOffsetType {
-	if (cachedRTLResult === null || recalculate) {
-		const outerDiv = document.createElement('div');
-		const outerStyle = outerDiv.style;
-		outerStyle.width = '50px';
-		outerStyle.height = '50px';
-		outerStyle.overflow = 'scroll';
-		outerStyle.direction = 'rtl';
-
-		const innerDiv = document.createElement('div');
-		const innerStyle = innerDiv.style;
-		innerStyle.width = '100px';
-		innerStyle.height = '100px';
-
-		outerDiv.appendChild(innerDiv);
-
-		((document.body: any): HTMLBodyElement).appendChild(outerDiv);
-
-		if (outerDiv.scrollLeft > 0) {
-			cachedRTLResult = 'positive-descending';
-		} else {
-			outerDiv.scrollLeft = 1;
-			if (outerDiv.scrollLeft === 0) {
-				cachedRTLResult = 'negative';
-			} else {
-				cachedRTLResult = 'positive-ascending';
-			}
-		}
-
-		((document.body: any): HTMLBodyElement).removeChild(outerDiv);
-
-		return cachedRTLResult;
-	}
-
-	return cachedRTLResult;
-}
+// @flow
+
+let size: number = -1;
+
+// This utility copied from "dom-helpers" package.
+export function getScrollbarSize(recalculate?: boolean = false): number {
+	if (size === -1 || recalculate) {
+		const div = document.createElement('div');
+		const style = div.style;
+		style.width = '50px';
+		style.height = '50px';
+		style.overflow = 'scroll';
+
+		((document.body: any): HTMLBodyElement).appendChild(div);
+
+		size = div.offsetWidth - div.clientWidth;
+
+		((document.body: any): HTMLBodyElement).removeChild(div);
+	}
+
+	return size;
+}
+
+export type RTLOffsetType = 'negative' | 'positive-descending' | 'positive-ascending';
+
+let cachedRTLResult: RTLOffsetType | null = null;
+
+// TRICKY According to the spec, scrollLeft should be negative for RTL aligned elements.
+// Chrome does not seem to adhere; its scrollLeft values are positive (measured relative to the left).
+// Safari's elastic bounce makes detecting this even more complicated wrt potential false positives.
+// The safest way to check this is to intentionally set a negative offset,
+// and then verify that the subsequent "scroll" event matches the negative offset.
+// If it does not match, then we can assume a non-standard RTL scroll implementation.
+export function getRTLOffsetType(recalculate?: boolean = false): RTLOffsetType {
+	if (cachedRTLResult === null || recalculate) {
+		const outerDiv = document.createElement('div');
+		const outerStyle = outerDiv.style;
+		outerStyle.width = '50px';
+		outerStyle.height = '50px';
+		outerStyle.overflow = 'scroll';
+		outerStyle.direction = 'rtl';
+
+		const innerDiv = document.createElement('div');
+		const innerStyle = innerDiv.style;
+		innerStyle.width = '100px';
+		innerStyle.height = '100px';
+
+		outerDiv.appendChild(innerDiv);
+
+		((document.body: any): HTMLBodyElement).appendChild(outerDiv);
+
+		if (outerDiv.scrollLeft > 0) {
+			cachedRTLResult = 'positive-descending';
+		} else {
+			outerDiv.scrollLeft = 1;
+			if (outerDiv.scrollLeft === 0) {
+				cachedRTLResult = 'negative';
+			} else {
+				cachedRTLResult = 'positive-ascending';
+			}
+		}
+
+		((document.body: any): HTMLBodyElement).removeChild(outerDiv);
+
+		return cachedRTLResult;
+	}
+
+	return cachedRTLResult;
+}

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

@@ -1,9 +1,9 @@
-// @flow
-
-export { default as VariableSizeGrid } from './VariableSizeGrid';
-export { default as VariableSizeList } from './VariableSizeList';
-export { default as FixedSizeGrid } from './FixedSizeGrid';
-export { default as FixedSizeList } from './FixedSizeList';
-
-export { default as areEqual } from './areEqual';
-export { default as shouldComponentUpdate } from './shouldComponentUpdate';
+// @flow
+
+export { default as VariableSizeGrid } from './VariableSizeGrid';
+export { default as VariableSizeList } from './VariableSizeList';
+export { default as FixedSizeGrid } from './FixedSizeGrid';
+export { default as FixedSizeList } from './FixedSizeList';
+
+export { default as areEqual } from './areEqual';
+export { default as shouldComponentUpdate } from './shouldComponentUpdate';

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

@@ -1,17 +1,17 @@
-// @flow
-
-// Pulled from react-compat
-// https://github.com/developit/preact-compat/blob/7c5de00e7c85e2ffd011bf3af02899b63f699d3a/src/index.js#L349
-export default function shallowDiffers(prev: Object, next: Object): boolean {
-	for (let attribute in prev) {
-		if (!(attribute in next)) {
-			return true;
-		}
-	}
-	for (let attribute in next) {
-		if (prev[attribute] !== next[attribute]) {
-			return true;
-		}
-	}
-	return false;
-}
+// @flow
+
+// Pulled from react-compat
+// https://github.com/developit/preact-compat/blob/7c5de00e7c85e2ffd011bf3af02899b63f699d3a/src/index.js#L349
+export default function shallowDiffers(prev: Object, next: Object): boolean {
+	for (let attribute in prev) {
+		if (!(attribute in next)) {
+			return true;
+		}
+	}
+	for (let attribute in next) {
+		if (prev[attribute] !== next[attribute]) {
+			return true;
+		}
+	}
+	return false;
+}

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

@@ -1,11 +1,11 @@
-// @flow
-
-import areEqual from './areEqual';
-import shallowDiffers from './shallowDiffers';
-
-// Custom shouldComponentUpdate for class components.
-// It knows to compare individual style props and ignore the wrapper object.
-// See https://reactjs.org/docs/react-component.html#shouldcomponentupdate
-export default function shouldComponentUpdate(nextProps: Object, nextState: Object): boolean {
-	return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);
-}
+// @flow
+
+import areEqual from './areEqual';
+import shallowDiffers from './shallowDiffers';
+
+// Custom shouldComponentUpdate for class components.
+// It knows to compare individual style props and ignore the wrapper object.
+// See https://reactjs.org/docs/react-component.html#shouldcomponentupdate
+export default function shouldComponentUpdate(nextProps: Object, nextState: Object): boolean {
+	return !areEqual(this.props, nextProps) || shallowDiffers(this.state, nextState);
+}