synapse-react-client 4.0.13 → 4.0.15

package/dist/utils/hooks/useShowDesktop.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useShowDesktop.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useShowDesktop.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAA;AAKxC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,UAAU,CAAC,EAAE,mBAAmB,WAmBtE"}
+{"version":3,"file":"useShowDesktop.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useShowDesktop.ts"],"names":[],"mappings":"AACA,MAAM,MAAM,mBAAmB,GAAG,MAAM,CAAA;AAKxC,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,UAAU,CAAC,EAAE,mBAAmB,WAgBtE"}

package/dist/utils/hooks/useShowDesktop.js

@@ -2,16 +2,11 @@ import { useEffect as e, useState as t } from "react";
 //#region src/utils/hooks/useShowDesktop.ts
 var n = 768;
 function r(r) {
-	let i = r ?? n, [a, o] = t(() => typeof window < "u" ? window.innerWidth > i : !0);
+	let i = r ?? n, [a, o] = t(!0);
 	return e(() => {
-		let e = () => {
-			let e = window.innerWidth > i;
-			e !== a && o(e);
-		};
-		return window.addEventListener("resize", e), () => {
-			window.removeEventListener("resize", e);
-		};
-	}), a;
+		let e = () => o(window.innerWidth > i);
+		return e(), window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, [i]), a;
 }
 //#endregion
 export { r as default };

package/dist/utils/hooks/useShowDesktop.js.map

@@ -1 +1 @@
-{"version":3,"file":"useShowDesktop.js","names":[],"sources":["../../../src/utils/hooks/useShowDesktop.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nexport type UseShowDesktopProps = number\n\n// This should match $breakpoints.medium in _variables.scss\nconst MOBILE_VIEWPORT_MAX_WIDTH_PX = 768\n\nexport default function useShowDesktop(breakpoint?: UseShowDesktopProps) {\n  const usedBreakpoint = breakpoint ?? MOBILE_VIEWPORT_MAX_WIDTH_PX\n  const [showDesktop, setShowDesktop] = useState(() =>\n    typeof window !== 'undefined' ? window.innerWidth > usedBreakpoint : true,\n  )\n  useEffect(() => {\n    const listener = () => {\n      const updatedValue = window.innerWidth > usedBreakpoint\n      if (updatedValue !== showDesktop) {\n        setShowDesktop(updatedValue)\n      }\n    }\n    window.addEventListener('resize', listener)\n    return () => {\n      window.removeEventListener('resize', listener)\n    }\n  })\n\n  return showDesktop\n}\n"],"mappings":";;AAIA,IAAM,IAA+B;AAErC,SAAwB,EAAe,GAAkC;CACvE,IAAM,IAAiB,KAAc,GAC/B,CAAC,GAAa,KAAkB,QACpC,OAAO,SAAW,MAAc,OAAO,aAAa,IAAiB,GACtE;AAcD,QAbA,QAAgB;EACd,IAAM,UAAiB;GACrB,IAAM,IAAe,OAAO,aAAa;AACzC,GAAI,MAAiB,KACnB,EAAe,EAAa;;AAIhC,SADA,OAAO,iBAAiB,UAAU,EAAS,QAC9B;AACX,UAAO,oBAAoB,UAAU,EAAS;;GAEhD,EAEK"}
+{"version":3,"file":"useShowDesktop.js","names":[],"sources":["../../../src/utils/hooks/useShowDesktop.ts"],"sourcesContent":["import { useEffect, useState } from 'react'\nexport type UseShowDesktopProps = number\n\n// This should match $breakpoints.medium in _variables.scss\nconst MOBILE_VIEWPORT_MAX_WIDTH_PX = 768\n\nexport default function useShowDesktop(breakpoint?: UseShowDesktopProps) {\n  const usedBreakpoint = breakpoint ?? MOBILE_VIEWPORT_MAX_WIDTH_PX\n\n  // Match SSR output on the first client render.\n  // This will trigger a flash on mobile, but avoids hydration errors.\n  // If the flash is unacceptable, use CSS media queries to conditionally style identical markup on the first render.\n  const [showDesktop, setShowDesktop] = useState(true)\n\n  useEffect(() => {\n    const update = () => setShowDesktop(window.innerWidth > usedBreakpoint)\n    update() // sync to the real viewport after hydration\n    window.addEventListener('resize', update)\n    return () => window.removeEventListener('resize', update)\n  }, [usedBreakpoint])\n\n  return showDesktop\n}\n"],"mappings":";;AAIA,IAAM,IAA+B;AAErC,SAAwB,EAAe,GAAkC;CACvE,IAAM,IAAiB,KAAc,GAK/B,CAAC,GAAa,KAAkB,EAAS,GAAK;AASpD,QAPA,QAAgB;EACd,IAAM,UAAe,EAAe,OAAO,aAAa,EAAe;AAGvE,SAFA,GAAQ,EACR,OAAO,iBAAiB,UAAU,EAAO,QAC5B,OAAO,oBAAoB,UAAU,EAAO;IACxD,CAAC,EAAe,CAAC,EAEb"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synapse-react-client",
-  "version": "4.0.13",
+  "version": "4.0.15",
   "private": false,
   "type": "module",
   "main": "./dist/index.js",
@@ -118,10 +118,10 @@
     "xss": "^1.0.15",
     "zod": "^3.24.4",
     "@sage-bionetworks/markdown-it-container": "4.0.1",
-    "@sage-bionetworks/synapse-types": "0.0.6",
-    "@sage-bionetworks/synapse-client": "0.0.15",
     "markdown-it-synapse": "2.0.0",
-    "markdown-it-synapse-table": "1.0.8"
+    "@sage-bionetworks/synapse-types": "0.0.6",
+    "markdown-it-synapse-table": "1.0.8",
+    "@sage-bionetworks/synapse-client": "0.0.17"
   },
   "peerDependencies": {
     "@sage-bionetworks/aridhia-client": "*",