@weng-lab/ui-components 2.1.0 → 2.1.1

package/dist/ui-components.es56.js

@@ -1,257 +1,33 @@
-import * as v from "react";
-import { clsx as w } from "./ui-components.es85.js";
-import t from "./ui-components.es84.js";
-import C from "./ui-components.es89.js";
-import { getSkeletonUtilityClass as k } from "./ui-components.es124.js";
-import { j as x } from "./ui-components.es13.js";
-import R from "./ui-components.es35.js";
-import { getUnit as O, toUnitless as T } from "./ui-components.es125.js";
-import { useDefaultProps as $ } from "./ui-components.es95.js";
-import S from "./ui-components.es98.js";
-import { keyframes as f, css as h } from "@emotion/react";
-import { alpha as j } from "./ui-components.es51.js";
-const N = (e) => {
-  const {
-    classes: n,
-    variant: o,
-    animation: a,
-    hasChildren: r,
-    width: s,
-    height: i
-  } = e;
-  return S({
-    root: ["root", o, a, r && "withChildren", r && !s && "fitContent", r && !i && "heightAuto"]
-  }, k, n);
-}, l = f`
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.4;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`, p = f`
-  0% {
-    transform: translateX(-100%);
-  }
-
-  50% {
-    /* +0.5s of delay between each loop */
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(100%);
-  }
-`, U = typeof l != "string" ? h`
-        animation: ${l} 2s ease-in-out 0.5s infinite;
-      ` : null, A = typeof p != "string" ? h`
-        &::after {
-          animation: ${p} 2s linear 0.5s infinite;
-        }
-      ` : null, M = R("span", {
-  name: "MuiSkeleton",
-  slot: "Root",
-  overridesResolver: (e, n) => {
-    const {
-      ownerState: o
-    } = e;
-    return [n.root, n[o.variant], o.animation !== !1 && n[o.animation], o.hasChildren && n.withChildren, o.hasChildren && !o.width && n.fitContent, o.hasChildren && !o.height && n.heightAuto];
-  }
-})(C(({
-  theme: e
-}) => {
-  const n = O(e.shape.borderRadius) || "px", o = T(e.shape.borderRadius);
-  return {
-    display: "block",
-    // Create a "on paper" color with sufficient contrast retaining the color
-    backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : j(e.palette.text.primary, e.palette.mode === "light" ? 0.11 : 0.13),
-    height: "1.2em",
-    variants: [{
-      props: {
-        variant: "text"
-      },
-      style: {
-        marginTop: 0,
-        marginBottom: 0,
-        height: "auto",
-        transformOrigin: "0 55%",
-        transform: "scale(1, 0.60)",
-        borderRadius: `${o}${n}/${Math.round(o / 0.6 * 10) / 10}${n}`,
-        "&:empty:before": {
-          content: '"\\00a0"'
-        }
-      }
-    }, {
-      props: {
-        variant: "circular"
-      },
-      style: {
-        borderRadius: "50%"
-      }
-    }, {
-      props: {
-        variant: "rounded"
-      },
-      style: {
-        borderRadius: (e.vars || e).shape.borderRadius
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren,
-      style: {
-        "& > *": {
-          visibility: "hidden"
-        }
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren && !a.width,
-      style: {
-        maxWidth: "fit-content"
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren && !a.height,
-      style: {
-        height: "auto"
-      }
-    }, {
-      props: {
-        animation: "pulse"
-      },
-      style: U || {
-        animation: `${l} 2s ease-in-out 0.5s infinite`
-      }
-    }, {
-      props: {
-        animation: "wave"
-      },
-      style: {
-        position: "relative",
-        overflow: "hidden",
-        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
-        WebkitMaskImage: "-webkit-radial-gradient(white, black)",
-        "&::after": {
-          background: `linear-gradient(
-                90deg,
-                transparent,
-                ${(e.vars || e).palette.action.hover},
-                transparent
-              )`,
-          content: '""',
-          position: "absolute",
-          transform: "translateX(-100%)",
-          bottom: 0,
-          left: 0,
-          right: 0,
-          top: 0
-        }
-      }
-    }, {
-      props: {
-        animation: "wave"
-      },
-      style: A || {
-        "&::after": {
-          animation: `${p} 2s linear 0.5s infinite`
-        }
-      }
-    }]
-  };
-})), X = /* @__PURE__ */ v.forwardRef(function(n, o) {
-  const a = $({
-    props: n,
-    name: "MuiSkeleton"
-  }), {
-    animation: r = "pulse",
-    className: s,
-    component: i = "span",
-    height: m,
-    style: u,
-    variant: y = "text",
-    width: g,
-    ...c
-  } = a, d = {
-    ...a,
-    animation: r,
-    component: i,
-    variant: y,
-    hasChildren: !!c.children
-  }, b = N(d);
-  return /* @__PURE__ */ x.jsx(M, {
-    as: i,
-    ref: o,
-    className: w(b.root, s),
-    ownerState: d,
-    ...c,
-    style: {
-      width: g,
-      height: m,
-      ...u
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (X.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The animation.
-   * If `false` the animation effect is disabled.
-   * @default 'pulse'
-   */
-  animation: t.oneOf(["pulse", "wave", !1]),
-  /**
-   * Optional children to infer width and height from.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: t.elementType,
-  /**
-   * Height of the skeleton.
-   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-   */
-  height: t.oneOfType([t.number, t.string]),
-  /**
-   * @ignore
-   */
-  style: t.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * The type of content that will be rendered.
-   * @default 'text'
-   */
-  variant: t.oneOfType([t.oneOf(["circular", "rectangular", "rounded", "text"]), t.string]),
-  /**
-   * Width of the skeleton.
-   * Useful when the skeleton is inside an inline element with no width of its own.
-   */
-  width: t.oneOfType([t.number, t.string])
-});
+import { j as c } from "./ui-components.es13.js";
+import { c as f } from "./ui-components.es14.js";
+import { useState as x } from "react";
+import b from "./ui-components.es21.js";
+function j(l) {
+  const e = f.c(9), {
+    value: t,
+    figures: n
+  } = l;
+  let r;
+  e[0] !== t ? (r = /* @__PURE__ */ new Set([t]), e[0] = t, e[1] = r) : r = e[1];
+  const [o, d] = x(r);
+  o.has(t) || d(/* @__PURE__ */ new Set([...o, t]));
+  let s;
+  if (e[2] !== n || e[3] !== o || e[4] !== t) {
+    let i;
+    e[6] !== o || e[7] !== t ? (i = (u, a) => {
+      const m = t === a, p = o.has(a);
+      return /* @__PURE__ */ c.jsx(b, { display: m ? "block" : "none", height: "100%", width: "100%", overflow: "auto", padding: 1, sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1,
+        position: "relative"
+      }, children: p && u.component }, `figure-${a}`);
+    }, e[6] = o, e[7] = t, e[8] = i) : i = e[8], s = n.map(i), e[2] = n, e[3] = o, e[4] = t, e[5] = s;
+  } else
+    s = e[5];
+  return s;
+}
 export {
-  X as default
+  j as default
 };
 //# sourceMappingURL=ui-components.es56.js.map

package/dist/ui-components.es56.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es56.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/Skeleton/Skeleton.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha, unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from \"../styles/index.js\";\nimport { keyframes, css, styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getSkeletonUtilityClass } from \"./skeletonClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    animation,\n    hasChildren,\n    width,\n    height\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']\n  };\n  return composeClasses(slots, getSkeletonUtilityClass, classes);\n};\nconst pulseKeyframe = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`;\nconst waveKeyframe = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    /* +0.5s of delay between each loop */\n    transform: translateX(100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\n// This implementation is for supporting both Styled-components v4+ and Pigment CSS.\n// A global animation has to be created here for Styled-components v4+ (https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#12).\n// which can be done by checking typeof indeterminate1Keyframe !== 'string' (at runtime, Pigment CSS transform keyframes`` to a string).\nconst pulseAnimation = typeof pulseKeyframe !== 'string' ? css`\n        animation: ${pulseKeyframe} 2s ease-in-out 0.5s infinite;\n      ` : null;\nconst waveAnimation = typeof waveKeyframe !== 'string' ? css`\n        &::after {\n          animation: ${waveKeyframe} 2s linear 0.5s infinite;\n        }\n      ` : null;\nconst SkeletonRoot = styled('span', {\n  name: 'MuiSkeleton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], ownerState.animation !== false && styles[ownerState.animation], ownerState.hasChildren && styles.withChildren, ownerState.hasChildren && !ownerState.width && styles.fitContent, ownerState.hasChildren && !ownerState.height && styles.heightAuto];\n  }\n})(memoTheme(({\n  theme\n}) => {\n  const radiusUnit = getUnit(theme.shape.borderRadius) || 'px';\n  const radiusValue = toUnitless(theme.shape.borderRadius);\n  return {\n    display: 'block',\n    // Create a \"on paper\" color with sufficient contrast retaining the color\n    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),\n    height: '1.2em',\n    variants: [{\n      props: {\n        variant: 'text'\n      },\n      style: {\n        marginTop: 0,\n        marginBottom: 0,\n        height: 'auto',\n        transformOrigin: '0 55%',\n        transform: 'scale(1, 0.60)',\n        borderRadius: `${radiusValue}${radiusUnit}/${Math.round(radiusValue / 0.6 * 10) / 10}${radiusUnit}`,\n        '&:empty:before': {\n          content: '\"\\\\00a0\"'\n        }\n      }\n    }, {\n      props: {\n        variant: 'circular'\n      },\n      style: {\n        borderRadius: '50%'\n      }\n    }, {\n      props: {\n        variant: 'rounded'\n      },\n      style: {\n        borderRadius: (theme.vars || theme).shape.borderRadius\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren,\n      style: {\n        '& > *': {\n          visibility: 'hidden'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.width,\n      style: {\n        maxWidth: 'fit-content'\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.height,\n      style: {\n        height: 'auto'\n      }\n    }, {\n      props: {\n        animation: 'pulse'\n      },\n      style: pulseAnimation || {\n        animation: `${pulseKeyframe} 2s ease-in-out 0.5s infinite`\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: {\n        position: 'relative',\n        overflow: 'hidden',\n        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */\n        WebkitMaskImage: '-webkit-radial-gradient(white, black)',\n        '&::after': {\n          background: `linear-gradient(\n                90deg,\n                transparent,\n                ${(theme.vars || theme).palette.action.hover},\n                transparent\n              )`,\n          content: '\"\"',\n          position: 'absolute',\n          transform: 'translateX(-100%)' /* Avoid flash during server-side hydration */,\n          bottom: 0,\n          left: 0,\n          right: 0,\n          top: 0\n        }\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: waveAnimation || {\n        '&::after': {\n          animation: `${waveKeyframe} 2s linear 0.5s infinite`\n        }\n      }\n    }]\n  };\n}));\nconst Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSkeleton'\n  });\n  const {\n    animation = 'pulse',\n    className,\n    component = 'span',\n    height,\n    style,\n    variant = 'text',\n    width,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    animation,\n    component,\n    variant,\n    hasChildren: Boolean(other.children)\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(SkeletonRoot, {\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ...other,\n    style: {\n      width,\n      height,\n      ...style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Skeleton.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The animation.\n   * If `false` the animation effect is disabled.\n   * @default 'pulse'\n   */\n  animation: PropTypes.oneOf(['pulse', 'wave', false]),\n  /**\n   * Optional children to infer width and height from.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Height of the skeleton.\n   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.\n   */\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The type of content that will be rendered.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rectangular', 'rounded', 'text']), PropTypes.string]),\n  /**\n   * Width of the skeleton.\n   * Useful when the skeleton is inside an inline element with no width of its own.\n   */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n} : void 0;\nexport default Skeleton;"],"names":["useUtilityClasses","ownerState","classes","variant","animation","hasChildren","width","height","composeClasses","getSkeletonUtilityClass","pulseKeyframe","keyframes","waveKeyframe","pulseAnimation","css","waveAnimation","SkeletonRoot","styled","props","styles","memoTheme","theme","radiusUnit","getUnit","radiusValue","toUnitless","alpha","Skeleton","React","inProps","ref","useDefaultProps","className","component","style","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es56.js","sources":["../src/components/TwoPaneLayout/FigurePanel.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\n\ntype Figure = {\n  title: string;\n  component: React.ReactNode;\n};\n\ntype FigurePanelProps = {\n  value: number;\n  figures: Figure[];\n};\n\nexport default function FigurePanel({ value, figures }: FigurePanelProps) {\n  const [mountedTabs, setMountedTabs] = useState<Set<number>>(new Set([value]));\n\n  if (!mountedTabs.has(value)) {\n    setMountedTabs(new Set([...mountedTabs, value]));\n  }\n\n  return figures.map((Figure, i) => {\n    const isActive = value === i;\n    const isMounted = mountedTabs.has(i);\n\n    return (\n      <Box\n        key={`figure-${i}`}\n        display={isActive ? \"block\" : \"none\"}\n        height=\"100%\"\n        width={\"100%\"}\n        overflow={\"auto\"}\n        padding={1}\n        sx={{ border: \"1px solid\", borderColor: \"divider\", borderRadius: 1, position: \"relative\" }}\n      >\n        {isMounted && Figure.component}\n      </Box>\n    );\n  });\n}\n"],"names":["FigurePanel","t0","$","_c","value","figures","t1","Set","mountedTabs","setMountedTabs","useState","has","t2","t3","Figure","i","isActive","isMounted","jsx","Box","border","borderColor","borderRadius","position","component","map"],"mappings":";;;;AAaA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAoC,MAAAK;AAAA,EAAAJ,SAAAE,KACVE,wBAAIC,IAAI,CAACH,CAAK,CAAC,GAACF,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAA5E,QAAA,CAAAM,GAAAC,CAAA,IAAsCC,EAAsBJ,CAAgB;AAE5E,EAAKE,EAAWG,IAAKP,CAAK,KACxBK,sBAAmBF,IAAI,CAAA,GAAIC,GAAaJ,CAAK,CAAC,CAAC;AAChD,MAAAQ;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,GAAA;AAAA,QAAAS;AAAA,IAAAX,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAEkBS,IAAAA,CAAAC,GAAAC,MAAA;AACjB,YAAAC,IAAiBZ,MAAUW,GAC3BE,IAAkBT,EAAWG,IAAKI,CAAC;AAAE,aAGnCG,gBAAAA,EAAAA,IAACC,GAAA,EAEU,SAAAH,IAAA,UAAA,QACF,QAAA,QACA,OAAA,QACG,UAAA,QACD,SAAA,GACL,IAAA;AAAA,QAAAI,QAAU;AAAA,QAAWC,aAAe;AAAA,QAASC,cAAgB;AAAA,QAACC,UAAY;AAAA,MAAA,GAE7EN,UAAAA,KAAaH,EAAMU,UAAAA,aARLT,CAAC,EASlB;AAAA,IAAM,GAETb,OAAAM,GAAAN,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAjBMU,IAAAP,EAAOoB,IAAKZ,CAiBlB,GAACX,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,SAjBKU;AAiBL;"}

package/dist/ui-components.es57.js

@@ -1,42 +1,9 @@
-import * as p from "react";
-import o from "./ui-components.es84.js";
-import a from "./ui-components.es126.js";
-import d from "./ui-components.es127.js";
-function r(f) {
-  const {
-    children: s,
-    defer: e = !1,
-    fallback: n = null
-  } = f, [c, t] = p.useState(!1);
-  return d(() => {
-    e || t(!0);
-  }, [e]), p.useEffect(() => {
-    e && t(!0);
-  }, [e]), c ? s : n;
-}
-process.env.NODE_ENV !== "production" && (r.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * You can wrap a node.
-   */
-  children: o.node,
-  /**
-   * If `true`, the component will not only prevent server-side rendering.
-   * It will also defer the rendering of the children into a different screen frame.
-   * @default false
-   */
-  defer: o.bool,
-  /**
-   * The fallback content to display.
-   * @default null
-   */
-  fallback: o.node
-});
-process.env.NODE_ENV !== "production" && (r.propTypes = a(r.propTypes));
+import { createContext as o, useContext as t } from "react";
+const n = o({
+  onDownload: void 0
+}), r = () => t(n);
 export {
-  r as default
+  n as DownloadContext,
+  r as useDownloadContext
 };
 //# sourceMappingURL=ui-components.es57.js.map

package/dist/ui-components.es57.js.map

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es57.js","sources":["../../../node_modules/.pnpm/@mui+material@7.2.0_@emotion+react@11.14.0_@types+react@19.1.8_react@19.1.0__@emotion+s_56c3cb211b767c0a0b4c5f346237ccd0/node_modules/@mui/material/esm/NoSsr/NoSsr.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport useEnhancedEffect from '@mui/utils/useEnhancedEffect';\nimport exactProp from '@mui/utils/exactProp';\n/**\n * NoSsr purposely removes components from the subject of Server Side Rendering (SSR).\n *\n * This component can be useful in a variety of situations:\n *\n * * Escape hatch for broken dependencies not supporting SSR.\n * * Improve the time-to-first paint on the client by only rendering above the fold.\n * * Reduce the rendering time on the server.\n * * Under too heavy server load, you can turn on service degradation.\n *\n * Demos:\n *\n * - [No SSR](https://mui.com/material-ui/react-no-ssr/)\n *\n * API:\n *\n * - [NoSsr API](https://mui.com/material-ui/api/no-ssr/)\n */\nfunction NoSsr(props) {\n  const {\n    children,\n    defer = false,\n    fallback = null\n  } = props;\n  const [mountedState, setMountedState] = React.useState(false);\n  useEnhancedEffect(() => {\n    if (!defer) {\n      setMountedState(true);\n    }\n  }, [defer]);\n  React.useEffect(() => {\n    if (defer) {\n      setMountedState(true);\n    }\n  }, [defer]);\n\n  // TODO casting won't be needed at one point https://github.com/DefinitelyTyped/DefinitelyTyped/pull/65135\n  return mountedState ? children : fallback;\n}\nprocess.env.NODE_ENV !== \"production\" ? NoSsr.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │ To update them, edit the TypeScript types and run `pnpm proptypes`. │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * You can wrap a node.\n   */\n  children: PropTypes.node,\n  /**\n   * If `true`, the component will not only prevent server-side rendering.\n   * It will also defer the rendering of the children into a different screen frame.\n   * @default false\n   */\n  defer: PropTypes.bool,\n  /**\n   * The fallback content to display.\n   * @default null\n   */\n  fallback: PropTypes.node\n} : void 0;\nif (process.env.NODE_ENV !== 'production') {\n  // eslint-disable-next-line\n  NoSsr['propTypes' + ''] = exactProp(NoSsr.propTypes);\n}\nexport default NoSsr;"],"names":["NoSsr","props","children","defer","fallback","mountedState","setMountedState","React","useEnhancedEffect","PropTypes","exactProp"],"mappings":";;;;AAwBA,SAASA,EAAMC,GAAO;AACpB,QAAM;AAAA,IACJ,UAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC,IAAW;AAAA,EACf,IAAMH,GACE,CAACI,GAAcC,CAAe,IAAIC,EAAM,SAAS,EAAK;AAC5D,SAAAC,EAAkB,MAAM;AACtB,IAAKL,KACHG,EAAgB,EAAI;AAAA,EAExB,GAAG,CAACH,CAAK,CAAC,GACVI,EAAM,UAAU,MAAM;AACpB,IAAIJ,KACFG,EAAgB,EAAI;AAAA,EAExB,GAAG,CAACH,CAAK,CAAC,GAGHE,IAAeH,IAAWE;AACnC;AACA,QAAQ,IAAI,aAAa,iBAAeJ,EAAM,YAAmC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQ/E,UAAUS,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAMpB,OAAOA,EAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAKjB,UAAUA,EAAU;AACtB;AACI,QAAQ,IAAI,aAAa,iBAE3BT,EAAM,YAAoBU,EAAUV,EAAM,SAAS;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es57.js","sources":["../src/components/BiosampleTable/DownloadContext.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport type DownloadContextType = {\n  onDownload?: (url: string, name: string) => void;\n};\n\nexport const DownloadContext = createContext<DownloadContextType>({\n  onDownload: undefined,\n});\n\nexport const useDownloadContext = () => useContext(DownloadContext);\n"],"names":["DownloadContext","createContext","onDownload","undefined","useDownloadContext","useContext"],"mappings":";AAMO,MAAMA,IAAkBC,EAAmC;AAAA,EAChEC,YAAYC;AACd,CAAC,GAEYC,IAAqBA,MAAMC,EAAWL,CAAe;"}

package/dist/ui-components.es58.js

@@ -1,215 +1,57 @@
-function p(t, i) {
-  const e = [];
-  t = t.replace(/,/g, "");
-  let c, o, r;
-  if (t.includes(":") && t.includes("-"))
-    c = t.split(":")[0], o = parseInt(t.split(":")[1].split("-")[0]) || 0, r = parseInt(t.split(":")[1].split("-")[1]) || o + 1e3;
-  else if (t.includes("	")) {
-    const [h, l, d] = t.split("	");
-    c = h, o = parseInt(l), r = parseInt(d);
-  } else
-    return e;
-  const s = c.replace(/chrx$/, "chrX").replace(/chry$/, "chrY"), a = m[i][c];
-  return r > o && a && r <= a && e.push({
-    title: `${s}:${o.toLocaleString()}-${r.toLocaleString()}`,
-    domain: {
-      chromosome: s,
-      start: o,
-      end: r
-    },
-    description: `${s}:${o.toLocaleString()}-${r.toLocaleString()}`,
-    type: "Coordinate"
-  }), e;
-}
-function n(t, i, e) {
-  return t ? t.slice(0, i).map((c) => ({
-    title: e.getTitle(c),
-    description: e.getDescription(c),
-    domain: {
-      chromosome: c.coordinates.chromosome,
-      start: c.coordinates.start,
-      end: c.coordinates.end
-    },
-    type: e.type
-  })) : [];
-}
-function g(t, i) {
-  return n(t, i, {
-    getTitle: (e) => e.id,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}`,
-    type: "SNP"
-  });
-}
-function $(t, i, e) {
-  return n(t, i, {
-    getTitle: (c) => c.name,
-    getDescription: (c) => {
-      let o = "";
-      return c.versions.forEach((r, s) => o += "V" + r.version + " " + r.id + (s === c.versions.length - 1 ? "" : `
-`)), `${c.description}
-${o}
-${c.coordinates.chromosome}:${c.coordinates.start}-${c.coordinates.end}`;
-    },
-    type: "Gene"
-  });
-}
-function u(t, i) {
-  return t.slice(0, i).map((e) => ({
-    title: e.disease_trait,
-    description: `${e.author.replace("_", " ")} (${e.studyid.split("-")[1]})
-${e.parent_terms.join(",")}
- ${e.has_enrichment_info ? "Biosample Enrichment" : ""}`,
-    domain: void 0,
-    id: e.studyid,
-    type: "Study"
-  }));
-}
-function y(t) {
-  return t.map((i) => ({
-    title: i.label,
-    description: i.description ?? "",
-    domain: void 0,
-    id: i.value,
-    type: "Ome"
-  }));
-}
-function v(t, i) {
-  return n(t, i, {
-    getTitle: (e) => e.accession,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}`,
-    type: "iCRE"
-  });
-}
-function f(t, i) {
-  return n(t, i, {
-    getTitle: (e) => e.accession,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}${e.isiCRE ? ", iCRE" : ""}`,
-    type: "cCRE"
-  });
-}
-function R(t, i) {
-  return t.filter((e) => e.input !== e.v4_match_or_intersecting).slice(0, i).map((e) => {
-    const c = e.input_region, o = e.v4_match_or_intersecting;
-    return {
-      title: e.input,
-      // !!! Do not change this format without also modifying SCREEN's /search page. This specific formatting is relied upon
-      description: `(Registry ${e.input_latest_previous_version})
-${e.input_region}
-${o ? `Intersects v4 cCRE${o.includes(",") ? "s" : ""}: ${o.replace(",", ", ")}` : "No intersecting v4 cCREs"}`,
-      domain: {
-        chromosome: c.split(":")[0],
-        start: parseInt(c.split(":")[1].split("-")[0]),
-        end: parseInt(c.split(":")[1].split("-")[1])
-      },
-      type: "Legacy cCRE"
-    };
-  });
-}
-const b = [{
-  label: "Proteomics",
-  value: "proteomics",
-  keywords: ["protein", "mass spec"]
-}, {
-  label: "WGS",
-  value: "WGS",
-  keywords: ["whole genome sequencing", "genome sequencing", "genomics"],
-  description: "Whole Genome Sequencing"
-}, {
-  label: "WGBS",
-  value: "WGBS",
-  keywords: ["whole genome bisulfite sequencing", "epigenomics", "methylation"],
-  description: "Whole Genome Bisulfite Sequencing"
-}, {
-  label: "ATAC",
-  value: "ATAC",
-  keywords: ["chromatin accessibility", "atac-seq"],
-  description: "ATAC-seq"
-}, {
-  label: "RNA",
-  value: "RNA",
-  keywords: ["rna-seq", "transcriptomics", "gene expression"],
-  description: "RNA-seq"
-}, {
-  label: "Metabolomics",
-  value: "metabolomics"
-}, {
-  label: "Lipidomics",
-  value: "lipidomics"
-}, {
-  label: "Metallomics",
-  value: "metallomics"
-}, {
-  label: "Exposomics",
-  value: "exposomics"
-}], m = {
-  GRCh38: {
-    chr1: 248956422,
-    chr2: 242193529,
-    chr3: 198295559,
-    chr4: 190214555,
-    chr5: 181538259,
-    chr6: 170805979,
-    chr7: 159345973,
-    chr8: 145138636,
-    chr9: 138394717,
-    chr10: 133797422,
-    chr11: 135086622,
-    chr12: 133275309,
-    chr13: 114364328,
-    chr14: 107043718,
-    chr15: 101991189,
-    chr16: 90338345,
-    chr17: 83257441,
-    chr18: 80373285,
-    chr19: 58617616,
-    chr20: 64444167,
-    chr21: 46709983,
-    chr22: 50818468,
-    chrX: 156040895,
-    chrx: 156040895,
-    chrY: 57227415,
-    chry: 57227415
-  },
-  mm10: {
-    chr1: 195471971,
-    chr2: 182113224,
-    chr3: 160039680,
-    chr4: 156508116,
-    chr5: 151834684,
-    chr6: 149736546,
-    chr7: 145441459,
-    chr8: 129401213,
-    chr9: 124595110,
-    chr10: 130694993,
-    chr11: 122082543,
-    chr12: 120129022,
-    chr13: 120421639,
-    chr14: 124902244,
-    chr15: 104043685,
-    chr16: 98207768,
-    chr17: 94987271,
-    chr18: 90702639,
-    chr19: 61431566,
-    chrX: 171031299,
-    chrx: 171031299,
-    chrY: 91744698,
-    chry: 91744698
+const s = async (e, n) => {
+  try {
+    const a = await fetch(e, {
+      method: "HEAD"
+    });
+    if (!a.ok)
+      throw new Error("Error fetching file size for " + e);
+    const t = a.headers.get("Content-Length");
+    t && n(parseInt(t, 10));
+  } catch (a) {
+    console.error(a), n(-1);
+  }
+}, o = (e) => e === -1 ? "Unknown Size" : (e / 1e6).toFixed(1) + " MB", i = (e) => {
+  switch (e) {
+    case "atac":
+      return "ATAC";
+    case "ctcf":
+      return "CTCF";
+    case "dnase":
+      return "DNase";
+    case "h3k27ac":
+      return "H3K27ac";
+    case "h3k4me3":
+      return "H3K4me3";
   }
 };
-function C(t) {
-  const i = t.includes("	"), e = t.includes("-"), c = t.length >= 4 && /^[0-9xyXY]$/.test(t[3]);
-  return (i || e) && t.startsWith("chr") && c;
-}
+function f(e) {
+  const {
+    dnase: n,
+    h3k27ac: a,
+    h3k4me3: t,
+    ctcf: c,
+    atac: r
+  } = e;
+  return n && a && t && c && r ? "All assays available" : !n && !a && !t && !c && !r ? "No assays available" : `Available:
+${n ? `DNase
+` : ""}${a ? `H3K27ac
+` : ""}${t ? `H3K4me3
+` : ""}${c ? `CTCF
+` : ""}${r ? `ATAC
+` : ""}`;
+}
+const h = {
+  dnase: "#06DA93",
+  h3k27ac: "#FFCD00",
+  h3k4me3: "#FF0000",
+  ctcf: "#00B0F0",
+  atac: "#02c7b9"
+};
 export {
-  b as OmesList,
-  f as ccreResultList,
-  $ as geneResultList,
-  p as getCoordinates,
-  v as icreResultList,
-  C as isDomain,
-  R as legacyCcreResultList,
-  y as omeResultsList,
-  g as snpResultList,
-  u as studyResultList
+  h as ASSAY_COLORS,
+  f as assayHoverInfo,
+  s as fetchFileSize,
+  i as formatAssay,
+  o as formatFileSize
 };
 //# sourceMappingURL=ui-components.es58.js.map