react-simplikit 0.0.24 → 0.0.25

package/dist/hooks/useIsomorphicLayoutEffect/index.cjs

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/hooks/useIsomorphicLayoutEffect/index.ts
+var useIsomorphicLayoutEffect_exports = {};
+__export(useIsomorphicLayoutEffect_exports, {
+  useIsomorphicLayoutEffect: () => useIsomorphicLayoutEffect
+});
+module.exports = __toCommonJS(useIsomorphicLayoutEffect_exports);
+
+// src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts
+var import_react = require("react");
+var isServer = typeof window === "undefined";
+var useIsomorphicLayoutEffect = isServer ? import_react.useEffect : import_react.useLayoutEffect;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useIsomorphicLayoutEffect
+});

package/dist/hooks/useIsomorphicLayoutEffect/index.d.cts

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+
+/**
+ * @description
+ * During SSR, there is no DOM to synchronously measure or mutate, so React warns about using useLayoutEffect.
+ *
+ * This hook provides the behavior of useLayoutEffect in the browser without triggering SSR warnings.
+ *
+ * It runs synchronously after DOM updates but before paint, making it ideal for:
+ * - Measuring DOM elements after render
+ * - Applying DOM changes before paint
+ * - Preventing UI flashes or layout shifts
+ * - Supporting both client and server environments safely
+ *
+ * @param {React.EffectCallback} effect - The effect function.
+ * @param {React.DependencyList} [deps] - An optional array of dependencies.
+ *
+ * @example
+ * useIsomorphicLayoutEffect(() => {
+ *   // Code to be executed during the layout phase on the client side
+ * }, [dep1, dep2, ...]);
+ */
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+
+export { useIsomorphicLayoutEffect };

package/esm/hooks/useIsomorphicLayoutEffect/index.d.ts

@@ -0,0 +1,25 @@
+import { useEffect } from 'react';
+
+/**
+ * @description
+ * During SSR, there is no DOM to synchronously measure or mutate, so React warns about using useLayoutEffect.
+ *
+ * This hook provides the behavior of useLayoutEffect in the browser without triggering SSR warnings.
+ *
+ * It runs synchronously after DOM updates but before paint, making it ideal for:
+ * - Measuring DOM elements after render
+ * - Applying DOM changes before paint
+ * - Preventing UI flashes or layout shifts
+ * - Supporting both client and server environments safely
+ *
+ * @param {React.EffectCallback} effect - The effect function.
+ * @param {React.DependencyList} [deps] - An optional array of dependencies.
+ *
+ * @example
+ * useIsomorphicLayoutEffect(() => {
+ *   // Code to be executed during the layout phase on the client side
+ * }, [dep1, dep2, ...]);
+ */
+declare const useIsomorphicLayoutEffect: typeof useEffect;
+
+export { useIsomorphicLayoutEffect };

package/esm/hooks/useIsomorphicLayoutEffect/index.js

@@ -0,0 +1,7 @@
+// src/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.ts
+import { useEffect, useLayoutEffect } from "react";
+var isServer = typeof window === "undefined";
+var useIsomorphicLayoutEffect = isServer ? useEffect : useLayoutEffect;
+export {
+  useIsomorphicLayoutEffect
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-simplikit",
-  "version": "0.0.24",
+  "version": "0.0.25",
   "main": "./dist/index.cjs",
   "type": "module",
   "sideEffects": false,