synapse-react-client 4.0.5 → 4.0.6

package/dist/utils/hooks/useOverlay.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, RefObject } from 'react';
-import { PaperProps, PopoverProps } from '@mui/material';
-export declare function useOverlay(children: ReactNode, targetRef: RefObject<any>, delayShow?: number, delayHide?: number, paperProps?: PaperProps, anchorOrigin?: PopoverProps['anchorOrigin'], transformOrigin?: PopoverProps['transformOrigin']): {
+import { PaperProps } from '@mui/material';
+export declare function useOverlay(children: ReactNode, targetRef: RefObject<any>, delayShow?: number, delayHide?: number, paperProps?: PaperProps): {
     OverlayComponent: () => import("react/jsx-runtime").JSX.Element;
     isShowing: boolean;
     toggleShow: (withDelay?: boolean) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"useOverlay.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,SAAS,EAKV,MAAM,OAAO,CAAA;AACd,OAAO,EAAe,UAAU,EAAW,YAAY,EAAE,MAAM,eAAe,CAAA;AAW9E,wBAAgB,UAAU,CACxB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,SAAS,SAAwB,EACjC,SAAS,SAAwB,EACjC,UAAU,GAAE,UAAe,EAC3B,YAAY,GAAE,YAAY,CAAC,cAAc,CAGxC,EACD,eAAe,GAAE,YAAY,CAAC,iBAAiB,CAG9C;;;6BAiCa,OAAO;6BAOP,OAAO;oBA1BZ,OAAO,cAAyB,OAAO;EAmEjD"}
+{"version":3,"file":"useOverlay.d.ts","sourceRoot":"","sources":["../../../src/utils/hooks/useOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,SAAS,EACT,SAAS,EAKV,MAAM,OAAO,CAAA;AACd,OAAO,EAAe,UAAU,EAAyB,MAAM,eAAe,CAAA;AAqB9E,wBAAgB,UAAU,CACxB,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,EACzB,SAAS,SAAwB,EACjC,SAAS,SAAwB,EACjC,UAAU,CAAC,EAAE,UAAU;;;6BAiCT,OAAO;6BAOP,OAAO;oBA1BZ,OAAO,cAAyB,OAAO;EAmEjD"}

package/dist/utils/hooks/useOverlay.js

@@ -1,60 +1,60 @@
-import { jsx as E } from "react/jsx-runtime";
-import { useRef as v, useState as _, useEffect as h, useCallback as r } from "react";
-import { Popover as D, Fade as L, Paper as M } from "@mui/material";
-function T(n) {
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as E, useState as h, useEffect as p, useCallback as r } from "react";
+import { Popover as x, Fade as S, Paper as T } from "@mui/material";
+function _(n) {
   n && clearTimeout(n);
 }
-const A = 250, C = 500;
-function H(n, i, c = A, l = C, a = {}, f = {
+const A = 250, D = 500, L = {
   vertical: "top",
-  horizontal: "right"
-}, g = {
-  vertical: "center",
   horizontal: "left"
-}) {
-  const s = v(!1), m = v(null), [o, p] = _(!1);
-  h(() => (s.current = !0, () => {
-    s.current = !1;
+}, M = {
+  vertical: "bottom",
+  horizontal: "left"
+};
+function z(n, c, l = A, a = D, s) {
+  const i = E(!1), f = E(null), [o, m] = h(!1);
+  p(() => (i.current = !0, () => {
+    i.current = !1;
   }), []);
-  const e = r(
-    (t = o, S = !0) => {
-      T(m.current), S ? m.current = setTimeout(
+  const t = r(
+    (e = o, O = !0) => {
+      _(f.current), O ? f.current = setTimeout(
         () => {
-          s.current && p(t);
+          i.current && m(e);
         },
-        t ? c : l
-      ) : p(t);
+        e ? l : a
+      ) : m(e);
     },
-    [l, c, o]
-  ), x = r(
-    (t = !0) => {
-      e(!0, t);
+    [a, l, o]
+  ), v = r(
+    (e = !0) => {
+      t(!0, e);
     },
-    [e]
+    [t]
   ), u = r(
-    (t = !0) => {
-      e(!1, t);
+    (e = !0) => {
+      t(!1, e);
     },
-    [e]
+    [t]
   );
   return { OverlayComponent: r(
-    () => /* @__PURE__ */ E(
-      D,
+    () => /* @__PURE__ */ g(
+      x,
       {
-        anchorEl: i.current,
+        anchorEl: c.current,
         open: o,
-        anchorOrigin: f,
-        transformOrigin: g,
+        anchorOrigin: L,
+        transformOrigin: M,
         sx: { pointerEvents: "none" },
         slots: {
-          transition: L
+          transition: S
         },
-        children: /* @__PURE__ */ E(
-          M,
+        children: /* @__PURE__ */ g(
+          T,
           {
-            ...a,
+            ...s,
             onMouseEnter: () => {
-              e(!0, !1);
+              t(!0, !1);
             },
             onMouseLeave: () => {
               u(!0);
@@ -63,17 +63,17 @@ function H(n, i, c = A, l = C, a = {}, f = {
               pointerEvents: "auto",
               width: "max-content",
               minWidth: "300px",
-              ...a.sx
+              ...s?.sx
             },
             children: n
           }
         )
       }
     ),
-    [n, o, f, i, e, u]
-  ), isShowing: o, toggleShow: x, toggleHide: u, toggle: e };
+    [n, o, s, c, t, u]
+  ), isShowing: o, toggleShow: v, toggleHide: u, toggle: t };
 }
 export {
-  H as useOverlay
+  z as useOverlay
 };
 //# sourceMappingURL=useOverlay.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useOverlay.js","sources":["../../../src/utils/hooks/useOverlay.tsx"],"sourcesContent":["import {\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { Fade, Paper, PaperProps, Popover, PopoverProps } from '@mui/material'\n\nfunction resetTimer(timer: NodeJS.Timeout | null) {\n  if (timer) {\n    clearTimeout(timer)\n  }\n}\n\nconst DEFAULT_DELAY_SHOW_MS = 250\nconst DEFAULT_DELAY_HIDE_MS = 500\n\nexport function useOverlay(\n  children: ReactNode,\n  targetRef: RefObject<any>,\n  delayShow = DEFAULT_DELAY_SHOW_MS,\n  delayHide = DEFAULT_DELAY_HIDE_MS,\n  paperProps: PaperProps = {},\n  anchorOrigin: PopoverProps['anchorOrigin'] = {\n    vertical: 'top',\n    horizontal: 'right',\n  },\n  transformOrigin: PopoverProps['transformOrigin'] = {\n    vertical: 'center',\n    horizontal: 'left',\n  },\n) {\n  const isMounted = useRef(false)\n  const timer = useRef<NodeJS.Timeout | null>(null)\n  const [isShowing, setIsShowing] = useState(false)\n\n  useEffect(() => {\n    isMounted.current = true\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  const toggle = useCallback(\n    (show: boolean = isShowing, withDelay: boolean = true) => {\n      resetTimer(timer.current)\n      if (withDelay) {\n        timer.current = setTimeout(\n          () => {\n            if (isMounted.current) {\n              setIsShowing(show)\n            }\n          },\n          show ? delayShow : delayHide,\n        )\n      } else {\n        setIsShowing(show)\n      }\n    },\n    [delayHide, delayShow, isShowing],\n  )\n\n  const toggleShow = useCallback(\n    (withDelay: boolean = true) => {\n      toggle(true, withDelay)\n    },\n    [toggle],\n  )\n\n  const toggleHide = useCallback(\n    (withDelay: boolean = true) => {\n      toggle(false, withDelay)\n    },\n    [toggle],\n  )\n\n  const OverlayComponent = useCallback(\n    () => (\n      <Popover\n        anchorEl={targetRef.current}\n        open={isShowing}\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        sx={{ pointerEvents: 'none' }}\n        slots={{\n          transition: Fade,\n        }}\n      >\n        <Paper\n          {...paperProps}\n          onMouseEnter={() => {\n            toggle(true, false)\n          }}\n          onMouseLeave={() => {\n            toggleHide(true)\n          }}\n          sx={{\n            pointerEvents: 'auto',\n            width: 'max-content',\n            minWidth: '300px',\n            ...paperProps.sx,\n          }}\n        >\n          {children}\n        </Paper>\n      </Popover>\n    ),\n    [children, isShowing, anchorOrigin, targetRef, toggle, toggleHide],\n  )\n\n  return { OverlayComponent, isShowing, toggleShow, toggleHide, toggle }\n}\n"],"names":["resetTimer","timer","DEFAULT_DELAY_SHOW_MS","DEFAULT_DELAY_HIDE_MS","useOverlay","children","targetRef","delayShow","delayHide","paperProps","anchorOrigin","transformOrigin","isMounted","useRef","isShowing","setIsShowing","useState","useEffect","toggle","useCallback","show","withDelay","toggleShow","toggleHide","jsx","Popover","Fade","Paper"],"mappings":";;;AAUA,SAASA,EAAWC,GAA8B;AAChD,EAAIA,KACF,aAAaA,CAAK;AAEtB;AAEA,MAAMC,IAAwB,KACxBC,IAAwB;AAEvB,SAASC,EACdC,GACAC,GACAC,IAAYL,GACZM,IAAYL,GACZM,IAAyB,CAAA,GACzBC,IAA6C;AAAA,EAC3C,UAAU;AAAA,EACV,YAAY;AACd,GACAC,IAAmD;AAAA,EACjD,UAAU;AAAA,EACV,YAAY;AACd,GACA;AACA,QAAMC,IAAYC,EAAO,EAAK,GACxBZ,IAAQY,EAA8B,IAAI,GAC1C,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,EAAAC,EAAU,OACRL,EAAU,UAAU,IACb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE;AAEL,QAAMM,IAASC;AAAA,IACb,CAACC,IAAgBN,GAAWO,IAAqB,OAAS;AACxD,MAAArB,EAAWC,EAAM,OAAO,GACpBoB,IACFpB,EAAM,UAAU;AAAA,QACd,MAAM;AACJ,UAAIW,EAAU,WACZG,EAAaK,CAAI;AAAA,QAErB;AAAA,QACAA,IAAOb,IAAYC;AAAA,MAAA,IAGrBO,EAAaK,CAAI;AAAA,IAErB;AAAA,IACA,CAACZ,GAAWD,GAAWO,CAAS;AAAA,EAAA,GAG5BQ,IAAaH;AAAA,IACjB,CAACE,IAAqB,OAAS;AAC7B,MAAAH,EAAO,IAAMG,CAAS;AAAA,IACxB;AAAA,IACA,CAACH,CAAM;AAAA,EAAA,GAGHK,IAAaJ;AAAA,IACjB,CAACE,IAAqB,OAAS;AAC7B,MAAAH,EAAO,IAAOG,CAAS;AAAA,IACzB;AAAA,IACA,CAACH,CAAM;AAAA,EAAA;AAqCT,SAAO,EAAE,kBAlCgBC;AAAA,IACvB,MACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUnB,EAAU;AAAA,QACpB,MAAMQ;AAAA,QACN,cAAAJ;AAAA,QACA,iBAAAC;AAAA,QACA,IAAI,EAAE,eAAe,OAAA;AAAA,QACrB,OAAO;AAAA,UACL,YAAYe;AAAA,QAAA;AAAA,QAGd,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACE,GAAGlB;AAAA,YACJ,cAAc,MAAM;AAClB,cAAAS,EAAO,IAAM,EAAK;AAAA,YACpB;AAAA,YACA,cAAc,MAAM;AAClB,cAAAK,EAAW,EAAI;AAAA,YACjB;AAAA,YACA,IAAI;AAAA,cACF,eAAe;AAAA,cACf,OAAO;AAAA,cACP,UAAU;AAAA,cACV,GAAGd,EAAW;AAAA,YAAA;AAAA,YAGf,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IAGJ,CAACA,GAAUS,GAAWJ,GAAcJ,GAAWY,GAAQK,CAAU;AAAA,EAAA,GAGxC,WAAAT,GAAW,YAAAQ,GAAY,YAAAC,GAAY,QAAAL,EAAA;AAChE;"}
+{"version":3,"file":"useOverlay.js","sources":["../../../src/utils/hooks/useOverlay.tsx"],"sourcesContent":["import {\n  ReactNode,\n  RefObject,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from 'react'\nimport { Fade, Paper, PaperProps, Popover, PopoverProps } from '@mui/material'\n\nfunction resetTimer(timer: NodeJS.Timeout | null) {\n  if (timer) {\n    clearTimeout(timer)\n  }\n}\n\nconst DEFAULT_DELAY_SHOW_MS = 250\nconst DEFAULT_DELAY_HIDE_MS = 500\n\nconst defaultAnchorOrigin: PopoverProps['anchorOrigin'] = {\n  vertical: 'top',\n  horizontal: 'left',\n}\n\nconst defaultTransformOrigin: PopoverProps['transformOrigin'] = {\n  vertical: 'bottom',\n  horizontal: 'left',\n}\n\nexport function useOverlay(\n  children: ReactNode,\n  targetRef: RefObject<any>,\n  delayShow = DEFAULT_DELAY_SHOW_MS,\n  delayHide = DEFAULT_DELAY_HIDE_MS,\n  paperProps?: PaperProps,\n) {\n  const isMounted = useRef(false)\n  const timer = useRef<NodeJS.Timeout | null>(null)\n  const [isShowing, setIsShowing] = useState(false)\n\n  useEffect(() => {\n    isMounted.current = true\n    return () => {\n      isMounted.current = false\n    }\n  }, [])\n\n  const toggle = useCallback(\n    (show: boolean = isShowing, withDelay: boolean = true) => {\n      resetTimer(timer.current)\n      if (withDelay) {\n        timer.current = setTimeout(\n          () => {\n            if (isMounted.current) {\n              setIsShowing(show)\n            }\n          },\n          show ? delayShow : delayHide,\n        )\n      } else {\n        setIsShowing(show)\n      }\n    },\n    [delayHide, delayShow, isShowing],\n  )\n\n  const toggleShow = useCallback(\n    (withDelay: boolean = true) => {\n      toggle(true, withDelay)\n    },\n    [toggle],\n  )\n\n  const toggleHide = useCallback(\n    (withDelay: boolean = true) => {\n      toggle(false, withDelay)\n    },\n    [toggle],\n  )\n\n  const OverlayComponent = useCallback(\n    () => (\n      <Popover\n        anchorEl={targetRef.current}\n        open={isShowing}\n        anchorOrigin={defaultAnchorOrigin}\n        transformOrigin={defaultTransformOrigin}\n        sx={{ pointerEvents: 'none' }}\n        slots={{\n          transition: Fade,\n        }}\n      >\n        <Paper\n          {...paperProps}\n          onMouseEnter={() => {\n            toggle(true, false)\n          }}\n          onMouseLeave={() => {\n            toggleHide(true)\n          }}\n          sx={{\n            pointerEvents: 'auto',\n            width: 'max-content',\n            minWidth: '300px',\n            ...paperProps?.sx,\n          }}\n        >\n          {children}\n        </Paper>\n      </Popover>\n    ),\n    [children, isShowing, paperProps, targetRef, toggle, toggleHide],\n  )\n\n  return { OverlayComponent, isShowing, toggleShow, toggleHide, toggle }\n}\n"],"names":["resetTimer","timer","DEFAULT_DELAY_SHOW_MS","DEFAULT_DELAY_HIDE_MS","defaultAnchorOrigin","defaultTransformOrigin","useOverlay","children","targetRef","delayShow","delayHide","paperProps","isMounted","useRef","isShowing","setIsShowing","useState","useEffect","toggle","useCallback","show","withDelay","toggleShow","toggleHide","jsx","Popover","Fade","Paper"],"mappings":";;;AAUA,SAASA,EAAWC,GAA8B;AAChD,EAAIA,KACF,aAAaA,CAAK;AAEtB;AAEA,MAAMC,IAAwB,KACxBC,IAAwB,KAExBC,IAAoD;AAAA,EACxD,UAAU;AAAA,EACV,YAAY;AACd,GAEMC,IAA0D;AAAA,EAC9D,UAAU;AAAA,EACV,YAAY;AACd;AAEO,SAASC,EACdC,GACAC,GACAC,IAAYP,GACZQ,IAAYP,GACZQ,GACA;AACA,QAAMC,IAAYC,EAAO,EAAK,GACxBZ,IAAQY,EAA8B,IAAI,GAC1C,CAACC,GAAWC,CAAY,IAAIC,EAAS,EAAK;AAEhD,EAAAC,EAAU,OACRL,EAAU,UAAU,IACb,MAAM;AACX,IAAAA,EAAU,UAAU;AAAA,EACtB,IACC,CAAA,CAAE;AAEL,QAAMM,IAASC;AAAA,IACb,CAACC,IAAgBN,GAAWO,IAAqB,OAAS;AACxD,MAAArB,EAAWC,EAAM,OAAO,GACpBoB,IACFpB,EAAM,UAAU;AAAA,QACd,MAAM;AACJ,UAAIW,EAAU,WACZG,EAAaK,CAAI;AAAA,QAErB;AAAA,QACAA,IAAOX,IAAYC;AAAA,MAAA,IAGrBK,EAAaK,CAAI;AAAA,IAErB;AAAA,IACA,CAACV,GAAWD,GAAWK,CAAS;AAAA,EAAA,GAG5BQ,IAAaH;AAAA,IACjB,CAACE,IAAqB,OAAS;AAC7B,MAAAH,EAAO,IAAMG,CAAS;AAAA,IACxB;AAAA,IACA,CAACH,CAAM;AAAA,EAAA,GAGHK,IAAaJ;AAAA,IACjB,CAACE,IAAqB,OAAS;AAC7B,MAAAH,EAAO,IAAOG,CAAS;AAAA,IACzB;AAAA,IACA,CAACH,CAAM;AAAA,EAAA;AAqCT,SAAO,EAAE,kBAlCgBC;AAAA,IACvB,MACE,gBAAAK;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,UAAUjB,EAAU;AAAA,QACpB,MAAMM;AAAA,QACN,cAAcV;AAAA,QACd,iBAAiBC;AAAA,QACjB,IAAI,EAAE,eAAe,OAAA;AAAA,QACrB,OAAO;AAAA,UACL,YAAYqB;AAAA,QAAA;AAAA,QAGd,UAAA,gBAAAF;AAAA,UAACG;AAAA,UAAA;AAAA,YACE,GAAGhB;AAAA,YACJ,cAAc,MAAM;AAClB,cAAAO,EAAO,IAAM,EAAK;AAAA,YACpB;AAAA,YACA,cAAc,MAAM;AAClB,cAAAK,EAAW,EAAI;AAAA,YACjB;AAAA,YACA,IAAI;AAAA,cACF,eAAe;AAAA,cACf,OAAO;AAAA,cACP,UAAU;AAAA,cACV,GAAGZ,GAAY;AAAA,YAAA;AAAA,YAGhB,UAAAJ;AAAA,UAAA;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,IAGJ,CAACA,GAAUO,GAAWH,GAAYH,GAAWU,GAAQK,CAAU;AAAA,EAAA,GAGtC,WAAAT,GAAW,YAAAQ,GAAY,YAAAC,GAAY,QAAAL,EAAA;AAChE;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "synapse-react-client",
-  "version": "4.0.5",
+  "version": "4.0.6",
   "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-client": "0.0.13",
+    "@sage-bionetworks/synapse-client": "0.0.14",
     "@sage-bionetworks/synapse-types": "0.0.6",
-    "markdown-it-synapse-table": "1.0.8",
-    "markdown-it-synapse": "1.1.17"
+    "markdown-it-synapse": "1.1.17",
+    "markdown-it-synapse-table": "1.0.8"
   },
   "peerDependencies": {
     "@sage-bionetworks/aridhia-client": "*",