@pagenflow/email 1.4.1 → 1.4.3

package/dist/utils/memoUtils.js

@@ -0,0 +1,55 @@
+import isEqual from "./isEqual";
+/**
+ * Generic deep equality comparison function for React component props.
+ * Can be used with React.memo() to prevent unnecessary re-renders.
+ *
+ * @example
+ * export default memo(MyComponent, arePropsEqual);
+ */
+export function arePropsEqual(prevProps, nextProps) {
+    return isEqual(prevProps, nextProps);
+}
+/**
+ * Alternative: More performant version that only compares specific keys
+ * Use this if you want to optimize by ignoring certain props like callbacks
+ *
+ * @example
+ * export default memo(MyComponent, (prev, next) =>
+ *    arePropsEqualExcept(prev, next, ['onCallback'])
+ * );
+ */
+export function arePropsEqualExcept(prevProps, nextProps, excludeKeys) {
+    const prevFiltered = omit(prevProps, excludeKeys);
+    const nextFiltered = omit(nextProps, excludeKeys);
+    return isEqual(prevFiltered, nextFiltered);
+}
+/**
+ * Alternative: Compare only specific keys for performance
+ * Useful when you have large props objects but only care about certain values
+ *
+ * @example
+ * export default memo(MyComponent, (prev, next) =>
+ *   arePropsEqualOnly(prev, next, ['config', 'devMode'])
+ * );
+ */
+export function arePropsEqualOnly(prevProps, nextProps, includeKeys) {
+    const prevFiltered = pick(prevProps, includeKeys);
+    const nextFiltered = pick(nextProps, includeKeys);
+    return isEqual(prevFiltered, nextFiltered);
+}
+function pick(data, keys) {
+    const r = {};
+    for (const key of keys) {
+        if (key in data) {
+            r[key] = data[key];
+        }
+    }
+    return r;
+}
+function omit(data, keys) {
+    const r = { ...data };
+    for (const key of keys) {
+        delete r[key];
+    }
+    return r;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pagenflow/email",
-  "version": "1.4.1",
+  "version": "1.4.3",
   "description": "Free Email Compatible Components",
   "main": "dist/index.cjs.js",
   "module": "dist/index.esm.js",