UNPKG

redext

Version:

A simple global store based on React Context and Hooks

113 lines (110 loc) 2.8 kB
// src/memoize.ts import React from "react"; // src/utils/isEqual.ts var isArray = Array.isArray; var keyList = Object.keys; var hasProp = Object.prototype.hasOwnProperty; var hasElementType = typeof Element !== "undefined"; function equal(a, b) { if (a === b) { return true; } if (a && b && typeof a == "object" && typeof b == "object") { const arrA = isArray(a); const arrB = isArray(b); let length; let key; if (arrA && arrB) { length = a.length; if (length !== b.length) { return false; } for (let i = 0; i < length; i++) { if (!equal(a[i], b[i])) { return false; } } return true; } if (arrA !== arrB) { return false; } const dateA = a instanceof Date; const dateB = b instanceof Date; if (dateA !== dateB) { return false; } if (dateA && dateB) { return a.getTime() === b.getTime(); } const regexpA = a instanceof RegExp; const regexpB = b instanceof RegExp; if (regexpA !== regexpB) { return false; } if (regexpA && regexpB) { return a.toString() === b.toString(); } const keys = keyList(a); length = keys.length; if (length !== keyList(b).length) return false; for (let i = 0; i < length; i++) { if (!hasProp.call(b, keys[i])) { return false; } } if (hasElementType && a instanceof Element) { return false; } for (let i = 0; i < length; i++) { key = keys[i]; if (key === "_owner" && a.$$typeof) { continue; } else { if (!equal(a[key], b[key])) { return false; } } } return true; } return a !== a && b !== b; } function exportedEqual(a, b) { try { return equal(a, b); } catch (error) { if (error.message && error.message.match(/stack|recursion/i) || error.number === -2146828260) { console.warn("Warning: isEqual does not handle circular references.", error.name, error.message); return false; } throw error; } } // src/memoize.ts var shallowDiffers = (prev, next) => { for (let attribute in prev) { if (!(attribute in next)) { return true; } } for (let attribute in next) { if (!exportedEqual(prev[attribute], next[attribute])) { return true; } } return false; }; var areEqual = (prevProps, nextProps) => { const { style: prevStyle, ...prevRest } = prevProps; const { style: nextStyle, ...nextRest } = nextProps; return !shallowDiffers(prevStyle, nextStyle) && !shallowDiffers(prevRest, nextRest); }; var memoize = (Component, memoPropsAreEqual = areEqual) => { return React.memo(Component, memoPropsAreEqual); }; var memoize_default = memoize; export { memoize_default as default };