@choksheak/react-utils 0.4.5 → 0.4.7

package/NoSSR.cjs

@@ -1,37 +1,11 @@
-"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/NoSSR.tsx
-var NoSSR_exports = {};
-__export(NoSSR_exports, {
-  NoSSR: () => NoSSR
-});
-module.exports = __toCommonJS(NoSSR_exports);
-var import_react = require("react");
-var NoSSR = ({ children, fallback }) => {
-  const [isClient, setIsClient] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');
+const NoSSR = ({ children, fallback }) => {
+  const [isClient, setIsClient] = _react.useState.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
     setIsClient(true);
   }, []);
   return isClient ? children : fallback;
 };
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  NoSSR
-});
+
+
+exports.NoSSR = NoSSR;

package/NoSSR.min.cjs

@@ -1,2 +1,2 @@
-"use strict";var a=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var S=Object.getOwnPropertyNames;var l=Object.prototype.hasOwnProperty;var n=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},p=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of S(e))!l.call(t,c)&&c!==o&&a(t,c,{get:()=>e[c],enumerable:!(r=R(e,c))||r.enumerable});return t};var N=t=>p(a({},"__esModule",{value:!0}),t);var i={};n(i,{NoSSR:()=>f});module.exports=N(i);var s=require("react"),f=({children:t,fallback:e})=>{let[o,r]=(0,s.useState)(!1);return(0,s.useEffect)(()=>{r(!0)},[]),o?t:e};0&&(module.exports={NoSSR});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});var _react = require('react');const l=({children:e,fallback:t})=>{const[o,c]=_react.useState.call(void 0, !1);return _react.useEffect.call(void 0, ()=>{c(!0)},[]),o?e:t};exports.NoSSR = l;
 //# sourceMappingURL=NoSSR.min.cjs.map

package/NoSSR.min.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/NoSSR.tsx"],"sourcesContent":["/**\n * @packageDocumentation\n *\n * Wraps components in <NoSSR>...</NoSSR> to make sure they only render on the\n * client side, and not on the server side.\n */\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\n\n/** Props for the NoSSR component. */\nexport type NoSSRProps = {\n  /** The content to render only on the client side. */\n  children: ReactNode;\n\n  /** A component to render during SSR or initial load. */\n  fallback?: ReactNode;\n};\n\n/**\n * A component that prevents its children from being rendered during\n * Server-Side Rendering (SSR). It renders a optional fallback during SSR, and\n * only renders its children after the component has mounted on the client.\n */\nexport const NoSSR: React.FC<NoSSRProps> = ({ children, fallback }) => {\n  const [isClient, setIsClient] = useState(false);\n\n  // 2. useEffect runs ONLY on the client after the initial hydration is complete.\n  useEffect(() => {\n    // This forces the component to render a second time.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setIsClient(true);\n  }, []);\n\n  return isClient ? children : fallback;\n};\n"],"mappings":"yaAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,WAAAE,IAAA,eAAAC,EAAAH,GAOA,IAAAI,EAAsD,iBAgBzCF,EAA8B,CAAC,CAAE,SAAAG,EAAU,SAAAC,CAAS,IAAM,CACrE,GAAM,CAACC,EAAUC,CAAW,KAAI,YAAS,EAAK,EAG9C,sBAAU,IAAM,CAGdA,EAAY,EAAI,CAClB,EAAG,CAAC,CAAC,EAEED,EAAWF,EAAWC,CAC/B","names":["NoSSR_exports","__export","NoSSR","__toCommonJS","import_react","children","fallback","isClient","setIsClient"]}
+{"version":3,"sources":["../src/NoSSR.tsx"],"names":["NoSSR","children","fallback","isClient","setIsClient","useState","useEffect"],"mappings":"AAOA,uGAAsD,MAgBzCA,CAAAA,CAA8B,CAAC,CAAE,QAAA,CAAAC,CAAAA,CAAU,QAAA,CAAAC,CAAS,CAAA,CAAA,EAAM,CACrE,KAAM,CAACC,CAAAA,CAAUC,CAAW,CAAA,CAAIC,6BAAAA,CAAS,CAAK,CAAA,CAG9C,OAAAC,8BAAAA,CAAU,CAAA,EAAM,CAGdF,CAAAA,CAAY,CAAA,CAAI,CAClB,CAAA,CAAG,CAAC,CAAC,CAAA,CAEED,CAAAA,CAAWF,CAAAA,CAAWC,CAC/B,CAAA,CAAA,kBAAA","file":"/Users/choksheaklau/src/react-utils/dist/NoSSR.min.cjs","sourcesContent":["/**\n * @packageDocumentation\n *\n * Wraps components in <NoSSR>...</NoSSR> to make sure they only render on the\n * client side, and not on the server side.\n */\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\n\n/** Props for the NoSSR component. */\nexport type NoSSRProps = {\n  /** The content to render only on the client side. */\n  children: ReactNode;\n\n  /** A component to render during SSR or initial load. */\n  fallback?: ReactNode;\n};\n\n/**\n * A component that prevents its children from being rendered during\n * Server-Side Rendering (SSR). It renders a optional fallback during SSR, and\n * only renders its children after the component has mounted on the client.\n */\nexport const NoSSR: React.FC<NoSSRProps> = ({ children, fallback }) => {\n  const [isClient, setIsClient] = useState(false);\n\n  // 2. useEffect runs ONLY on the client after the initial hydration is complete.\n  useEffect(() => {\n    // This forces the component to render a second time.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setIsClient(true);\n  }, []);\n\n  return isClient ? children : fallback;\n};\n"]}

package/NoSSR.min.mjs

@@ -1,2 +1,2 @@
-import{useEffect as r,useState as s}from"react";var l=({children:e,fallback:t})=>{let[o,c]=s(!1);return r(()=>{c(!0)},[]),o?e:t};export{l as NoSSR};
+import{useEffect as r,useState as s}from"react";const l=({children:e,fallback:t})=>{const[o,c]=s(!1);return r(()=>{c(!0)},[]),o?e:t};export{l as NoSSR};
 //# sourceMappingURL=NoSSR.min.mjs.map

package/NoSSR.min.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/NoSSR.tsx"],"sourcesContent":["/**\n * @packageDocumentation\n *\n * Wraps components in <NoSSR>...</NoSSR> to make sure they only render on the\n * client side, and not on the server side.\n */\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\n\n/** Props for the NoSSR component. */\nexport type NoSSRProps = {\n  /** The content to render only on the client side. */\n  children: ReactNode;\n\n  /** A component to render during SSR or initial load. */\n  fallback?: ReactNode;\n};\n\n/**\n * A component that prevents its children from being rendered during\n * Server-Side Rendering (SSR). It renders a optional fallback during SSR, and\n * only renders its children after the component has mounted on the client.\n */\nexport const NoSSR: React.FC<NoSSRProps> = ({ children, fallback }) => {\n  const [isClient, setIsClient] = useState(false);\n\n  // 2. useEffect runs ONLY on the client after the initial hydration is complete.\n  useEffect(() => {\n    // This forces the component to render a second time.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setIsClient(true);\n  }, []);\n\n  return isClient ? children : fallback;\n};\n"],"mappings":"AAOA,OAA2B,aAAAA,EAAW,YAAAC,MAAgB,QAgB/C,IAAMC,EAA8B,CAAC,CAAE,SAAAC,EAAU,SAAAC,CAAS,IAAM,CACrE,GAAM,CAACC,EAAUC,CAAW,EAAIL,EAAS,EAAK,EAG9C,OAAAD,EAAU,IAAM,CAGdM,EAAY,EAAI,CAClB,EAAG,CAAC,CAAC,EAEED,EAAWF,EAAWC,CAC/B","names":["useEffect","useState","NoSSR","children","fallback","isClient","setIsClient"]}
+{"version":3,"sources":["../src/NoSSR.tsx"],"sourcesContent":["/**\n * @packageDocumentation\n *\n * Wraps components in <NoSSR>...</NoSSR> to make sure they only render on the\n * client side, and not on the server side.\n */\n\nimport React, { ReactNode, useEffect, useState } from \"react\";\n\n/** Props for the NoSSR component. */\nexport type NoSSRProps = {\n  /** The content to render only on the client side. */\n  children: ReactNode;\n\n  /** A component to render during SSR or initial load. */\n  fallback?: ReactNode;\n};\n\n/**\n * A component that prevents its children from being rendered during\n * Server-Side Rendering (SSR). It renders a optional fallback during SSR, and\n * only renders its children after the component has mounted on the client.\n */\nexport const NoSSR: React.FC<NoSSRProps> = ({ children, fallback }) => {\n  const [isClient, setIsClient] = useState(false);\n\n  // 2. useEffect runs ONLY on the client after the initial hydration is complete.\n  useEffect(() => {\n    // This forces the component to render a second time.\n    // eslint-disable-next-line react-hooks/set-state-in-effect\n    setIsClient(true);\n  }, []);\n\n  return isClient ? children : fallback;\n};\n"],"mappings":"AAOA,OAA2B,aAAAA,EAAW,YAAAC,MAAgB,QAgB/C,MAAMC,EAA8B,CAAC,CAAE,SAAAC,EAAU,SAAAC,CAAS,IAAM,CACrE,KAAM,CAACC,EAAUC,CAAW,EAAIL,EAAS,EAAK,EAG9C,OAAAD,EAAU,IAAM,CAGdM,EAAY,EAAI,CAClB,EAAG,CAAC,CAAC,EAEED,EAAWF,EAAWC,CAC/B","names":["useEffect","useState","NoSSR","children","fallback","isClient","setIsClient"]}

package/NoSSR.mjs

@@ -1,6 +1,5 @@
-// src/NoSSR.tsx
 import { useEffect, useState } from "react";
-var NoSSR = ({ children, fallback }) => {
+const NoSSR = ({ children, fallback }) => {
   const [isClient, setIsClient] = useState(false);
   useEffect(() => {
     setIsClient(true);