@weng-lab/ui-components 1.3.3 → 2.0.0

package/dist/ui-components.es69.js

@@ -0,0 +1,301 @@
+import * as A from "react";
+import r from "./ui-components.es81.js";
+import { clsx as R } from "./ui-components.es80.js";
+import m from "./ui-components.es82.js";
+import { getDividerUtilityClass as T } from "./ui-components.es278.js";
+import { j as v } from "./ui-components.es12.js";
+import { useDefaultProps as D } from "./ui-components.es85.js";
+import b from "./ui-components.es40.js";
+import S from "./ui-components.es86.js";
+import { alpha as C } from "./ui-components.es56.js";
+const L = (e) => {
+  const {
+    absolute: t,
+    children: i,
+    classes: s,
+    flexItem: p,
+    light: n,
+    orientation: o,
+    textAlign: a,
+    variant: l
+  } = e;
+  return S({
+    root: ["root", t && "absolute", l, n && "light", o === "vertical" && "vertical", p && "flexItem", i && "withChildren", i && o === "vertical" && "withChildrenVertical", a === "right" && o !== "vertical" && "textAlignRight", a === "left" && o !== "vertical" && "textAlignLeft"],
+    wrapper: ["wrapper", o === "vertical" && "wrapperVertical"]
+  }, T, s);
+}, O = b("div", {
+  name: "MuiDivider",
+  slot: "Root",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: i
+    } = e;
+    return [t.root, i.absolute && t.absolute, t[i.variant], i.light && t.light, i.orientation === "vertical" && t.vertical, i.flexItem && t.flexItem, i.children && t.withChildren, i.children && i.orientation === "vertical" && t.withChildrenVertical, i.textAlign === "right" && i.orientation !== "vertical" && t.textAlignRight, i.textAlign === "left" && i.orientation !== "vertical" && t.textAlignLeft];
+  }
+})(m(({
+  theme: e
+}) => ({
+  margin: 0,
+  // Reset browser default style.
+  flexShrink: 0,
+  borderWidth: 0,
+  borderStyle: "solid",
+  borderColor: (e.vars || e).palette.divider,
+  borderBottomWidth: "thin",
+  variants: [{
+    props: {
+      absolute: !0
+    },
+    style: {
+      position: "absolute",
+      bottom: 0,
+      left: 0,
+      width: "100%"
+    }
+  }, {
+    props: {
+      light: !0
+    },
+    style: {
+      borderColor: e.vars ? `rgba(${e.vars.palette.dividerChannel} / 0.08)` : C(e.palette.divider, 0.08)
+    }
+  }, {
+    props: {
+      variant: "inset"
+    },
+    style: {
+      marginLeft: 72
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "horizontal"
+    },
+    style: {
+      marginLeft: e.spacing(2),
+      marginRight: e.spacing(2)
+    }
+  }, {
+    props: {
+      variant: "middle",
+      orientation: "vertical"
+    },
+    style: {
+      marginTop: e.spacing(1),
+      marginBottom: e.spacing(1)
+    }
+  }, {
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      height: "100%",
+      borderBottomWidth: 0,
+      borderRightWidth: "thin"
+    }
+  }, {
+    props: {
+      flexItem: !0
+    },
+    style: {
+      alignSelf: "stretch",
+      height: "auto"
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => !!t.children,
+    style: {
+      display: "flex",
+      textAlign: "center",
+      border: 0,
+      borderTopStyle: "solid",
+      borderLeftStyle: "solid",
+      "&::before, &::after": {
+        content: '""',
+        alignSelf: "center"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.children && t.orientation !== "vertical",
+    style: {
+      "&::before, &::after": {
+        width: "100%",
+        borderTop: `thin solid ${(e.vars || e).palette.divider}`,
+        borderTopStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.orientation === "vertical" && t.children,
+    style: {
+      flexDirection: "column",
+      "&::before, &::after": {
+        height: "100%",
+        borderLeft: `thin solid ${(e.vars || e).palette.divider}`,
+        borderLeftStyle: "inherit"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "right" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "90%"
+      },
+      "&::after": {
+        width: "10%"
+      }
+    }
+  }, {
+    props: ({
+      ownerState: t
+    }) => t.textAlign === "left" && t.orientation !== "vertical",
+    style: {
+      "&::before": {
+        width: "10%"
+      },
+      "&::after": {
+        width: "90%"
+      }
+    }
+  }]
+}))), W = b("span", {
+  name: "MuiDivider",
+  slot: "Wrapper",
+  overridesResolver: (e, t) => {
+    const {
+      ownerState: i
+    } = e;
+    return [t.wrapper, i.orientation === "vertical" && t.wrapperVertical];
+  }
+})(m(({
+  theme: e
+}) => ({
+  display: "inline-block",
+  paddingLeft: `calc(${e.spacing(1)} * 1.2)`,
+  paddingRight: `calc(${e.spacing(1)} * 1.2)`,
+  whiteSpace: "nowrap",
+  variants: [{
+    props: {
+      orientation: "vertical"
+    },
+    style: {
+      paddingTop: `calc(${e.spacing(1)} * 1.2)`,
+      paddingBottom: `calc(${e.spacing(1)} * 1.2)`
+    }
+  }]
+}))), f = /* @__PURE__ */ A.forwardRef(function(t, i) {
+  const s = D({
+    props: t,
+    name: "MuiDivider"
+  }), {
+    absolute: p = !1,
+    children: n,
+    className: o,
+    orientation: a = "horizontal",
+    component: l = n || a === "vertical" ? "div" : "hr",
+    flexItem: g = !1,
+    light: u = !1,
+    role: c = l !== "hr" ? "separator" : void 0,
+    textAlign: x = "center",
+    variant: w = "fullWidth",
+    ...y
+  } = s, d = {
+    ...s,
+    absolute: p,
+    component: l,
+    flexItem: g,
+    light: u,
+    orientation: a,
+    role: c,
+    textAlign: x,
+    variant: w
+  }, h = L(d);
+  return /* @__PURE__ */ v.jsx(O, {
+    as: l,
+    className: R(h.root, o),
+    role: c,
+    ref: i,
+    ownerState: d,
+    "aria-orientation": c === "separator" && (l !== "hr" || a === "vertical") ? a : void 0,
+    ...y,
+    children: n ? /* @__PURE__ */ v.jsx(W, {
+      className: h.wrapper,
+      ownerState: d,
+      children: n
+    }) : null
+  });
+});
+f && (f.muiSkipListHighlight = !0);
+process.env.NODE_ENV !== "production" && (f.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Absolutely position the element.
+   * @default false
+   */
+  absolute: r.bool,
+  /**
+   * The content of the component.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * @ignore
+   */
+  className: r.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: r.elementType,
+  /**
+   * If `true`, a vertical divider will have the correct height when used in flex container.
+   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)
+   * @default false
+   */
+  flexItem: r.bool,
+  /**
+   * If `true`, the divider will have a lighter color.
+   * @default false
+   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.
+   */
+  light: r.bool,
+  /**
+   * The component orientation.
+   * @default 'horizontal'
+   */
+  orientation: r.oneOf(["horizontal", "vertical"]),
+  /**
+   * @ignore
+   */
+  role: r.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  /**
+   * The text alignment.
+   * @default 'center'
+   */
+  textAlign: r.oneOf(["center", "left", "right"]),
+  /**
+   * The variant to use.
+   * @default 'fullWidth'
+   */
+  variant: r.oneOfType([r.oneOf(["fullWidth", "inset", "middle"]), r.string])
+});
+export {
+  f as default
+};
+//# sourceMappingURL=ui-components.es69.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es69.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/Divider/Divider.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { alpha } from '@mui/system/colorManipulator';\nimport { styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getDividerUtilityClass } from \"./dividerClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    absolute,\n    children,\n    classes,\n    flexItem,\n    light,\n    orientation,\n    textAlign,\n    variant\n  } = ownerState;\n  const slots = {\n    root: ['root', absolute && 'absolute', variant, light && 'light', orientation === 'vertical' && 'vertical', flexItem && 'flexItem', children && 'withChildren', children && orientation === 'vertical' && 'withChildrenVertical', textAlign === 'right' && orientation !== 'vertical' && 'textAlignRight', textAlign === 'left' && orientation !== 'vertical' && 'textAlignLeft'],\n    wrapper: ['wrapper', orientation === 'vertical' && 'wrapperVertical']\n  };\n  return composeClasses(slots, getDividerUtilityClass, classes);\n};\nconst DividerRoot = styled('div', {\n  name: 'MuiDivider',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, ownerState.absolute && styles.absolute, styles[ownerState.variant], ownerState.light && styles.light, ownerState.orientation === 'vertical' && styles.vertical, ownerState.flexItem && styles.flexItem, ownerState.children && styles.withChildren, ownerState.children && ownerState.orientation === 'vertical' && styles.withChildrenVertical, ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical' && styles.textAlignRight, ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical' && styles.textAlignLeft];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  margin: 0,\n  // Reset browser default style.\n  flexShrink: 0,\n  borderWidth: 0,\n  borderStyle: 'solid',\n  borderColor: (theme.vars || theme).palette.divider,\n  borderBottomWidth: 'thin',\n  variants: [{\n    props: {\n      absolute: true\n    },\n    style: {\n      position: 'absolute',\n      bottom: 0,\n      left: 0,\n      width: '100%'\n    }\n  }, {\n    props: {\n      light: true\n    },\n    style: {\n      borderColor: theme.vars ? `rgba(${theme.vars.palette.dividerChannel} / 0.08)` : alpha(theme.palette.divider, 0.08)\n    }\n  }, {\n    props: {\n      variant: 'inset'\n    },\n    style: {\n      marginLeft: 72\n    }\n  }, {\n    props: {\n      variant: 'middle',\n      orientation: 'horizontal'\n    },\n    style: {\n      marginLeft: theme.spacing(2),\n      marginRight: theme.spacing(2)\n    }\n  }, {\n    props: {\n      variant: 'middle',\n      orientation: 'vertical'\n    },\n    style: {\n      marginTop: theme.spacing(1),\n      marginBottom: theme.spacing(1)\n    }\n  }, {\n    props: {\n      orientation: 'vertical'\n    },\n    style: {\n      height: '100%',\n      borderBottomWidth: 0,\n      borderRightWidth: 'thin'\n    }\n  }, {\n    props: {\n      flexItem: true\n    },\n    style: {\n      alignSelf: 'stretch',\n      height: 'auto'\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => !!ownerState.children,\n    style: {\n      display: 'flex',\n      textAlign: 'center',\n      border: 0,\n      borderTopStyle: 'solid',\n      borderLeftStyle: 'solid',\n      '&::before, &::after': {\n        content: '\"\"',\n        alignSelf: 'center'\n      }\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.children && ownerState.orientation !== 'vertical',\n    style: {\n      '&::before, &::after': {\n        width: '100%',\n        borderTop: `thin solid ${(theme.vars || theme).palette.divider}`,\n        borderTopStyle: 'inherit'\n      }\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.orientation === 'vertical' && ownerState.children,\n    style: {\n      flexDirection: 'column',\n      '&::before, &::after': {\n        height: '100%',\n        borderLeft: `thin solid ${(theme.vars || theme).palette.divider}`,\n        borderLeftStyle: 'inherit'\n      }\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.textAlign === 'right' && ownerState.orientation !== 'vertical',\n    style: {\n      '&::before': {\n        width: '90%'\n      },\n      '&::after': {\n        width: '10%'\n      }\n    }\n  }, {\n    props: ({\n      ownerState\n    }) => ownerState.textAlign === 'left' && ownerState.orientation !== 'vertical',\n    style: {\n      '&::before': {\n        width: '10%'\n      },\n      '&::after': {\n        width: '90%'\n      }\n    }\n  }]\n})));\nconst DividerWrapper = styled('span', {\n  name: 'MuiDivider',\n  slot: 'Wrapper',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.wrapper, ownerState.orientation === 'vertical' && styles.wrapperVertical];\n  }\n})(memoTheme(({\n  theme\n}) => ({\n  display: 'inline-block',\n  paddingLeft: `calc(${theme.spacing(1)} * 1.2)`,\n  paddingRight: `calc(${theme.spacing(1)} * 1.2)`,\n  whiteSpace: 'nowrap',\n  variants: [{\n    props: {\n      orientation: 'vertical'\n    },\n    style: {\n      paddingTop: `calc(${theme.spacing(1)} * 1.2)`,\n      paddingBottom: `calc(${theme.spacing(1)} * 1.2)`\n    }\n  }]\n})));\nconst Divider = /*#__PURE__*/React.forwardRef(function Divider(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiDivider'\n  });\n  const {\n    absolute = false,\n    children,\n    className,\n    orientation = 'horizontal',\n    component = children || orientation === 'vertical' ? 'div' : 'hr',\n    flexItem = false,\n    light = false,\n    role = component !== 'hr' ? 'separator' : undefined,\n    textAlign = 'center',\n    variant = 'fullWidth',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    absolute,\n    component,\n    flexItem,\n    light,\n    orientation,\n    role,\n    textAlign,\n    variant\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(DividerRoot, {\n    as: component,\n    className: clsx(classes.root, className),\n    role: role,\n    ref: ref,\n    ownerState: ownerState,\n    \"aria-orientation\": role === 'separator' && (component !== 'hr' || orientation === 'vertical') ? orientation : undefined,\n    ...other,\n    children: children ? /*#__PURE__*/_jsx(DividerWrapper, {\n      className: classes.wrapper,\n      ownerState: ownerState,\n      children: children\n    }) : null\n  });\n});\n\n/**\n * The following flag is used to ensure that this component isn't tabbable i.e.\n * does not get highlight/focus inside of MUI List.\n */\nif (Divider) {\n  Divider.muiSkipListHighlight = true;\n}\nprocess.env.NODE_ENV !== \"production\" ? Divider.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   * Absolutely position the element.\n   * @default false\n   */\n  absolute: PropTypes.bool,\n  /**\n   * The content of the component.\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   * If `true`, a vertical divider will have the correct height when used in flex container.\n   * (By default, a vertical divider will have a calculated height of `0px` if it is the child of a flex container.)\n   * @default false\n   */\n  flexItem: PropTypes.bool,\n  /**\n   * If `true`, the divider will have a lighter color.\n   * @default false\n   * @deprecated Use <Divider sx={{ opacity: 0.6 }} /> (or any opacity or color) instead. See [Migrating from deprecated APIs](https://mui.com/material-ui/migration/migrating-from-deprecated-apis/) for more details.\n   */\n  light: PropTypes.bool,\n  /**\n   * The component orientation.\n   * @default 'horizontal'\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /**\n   * @ignore\n   */\n  role: PropTypes /* @typescript-to-proptypes-ignore */.string,\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 text alignment.\n   * @default 'center'\n   */\n  textAlign: PropTypes.oneOf(['center', 'left', 'right']),\n  /**\n   * The variant to use.\n   * @default 'fullWidth'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['fullWidth', 'inset', 'middle']), PropTypes.string])\n} : void 0;\nexport default Divider;"],"names":["useUtilityClasses","ownerState","absolute","children","classes","flexItem","light","orientation","textAlign","variant","composeClasses","getDividerUtilityClass","DividerRoot","styled","props","styles","memoTheme","theme","alpha","DividerWrapper","Divider","React","inProps","ref","useDefaultProps","className","component","role","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es7.js

@@ -0,0 +1,99 @@
+import { j as c } from "./ui-components.es12.js";
+import { c as Y } from "./ui-components.es13.js";
+import { useState as q } from "react";
+import { Typography as z, Stack as D, Tooltip as G } from "@mui/material";
+import { Launch as J } from "@mui/icons-material";
+import { ASSAY_COLORS as u, assayHoverInfo as K, formatAssay as N } from "./ui-components.es23.js";
+const te = (F) => {
+  const e = Y.c(51), {
+    row: t
+  } = F, [s, B] = q(null), r = 2 * Math.PI * 8 / 5, o = 2 * Math.PI * 9 / 5, w = t.dnase ? u.dnase : "transparent", E = s === "dnase" ? `${o} ${o * 4}` : `${r} ${r * 4}`, b = s === "dnase" ? 9 : 8;
+  let n;
+  e[0] !== t.dnase || e[1] !== w || e[2] !== E || e[3] !== b ? (n = {
+    id: "dnase",
+    accession: t.dnase,
+    color: w,
+    dashArray: E,
+    radius: b
+  }, e[0] = t.dnase, e[1] = w, e[2] = E, e[3] = b, e[4] = n) : n = e[4];
+  const g = t.h3k27ac ? u.h3k27ac : "transparent", S = s === "h3k27ac" ? `0 ${o} ${o} ${o * 3}` : `0 ${r} ${r} ${r * 3}`, _ = s === "h3k27ac" ? 9 : 8;
+  let i;
+  e[5] !== t.h3k27ac || e[6] !== g || e[7] !== S || e[8] !== _ ? (i = {
+    id: "h3k27ac",
+    accession: t.h3k27ac,
+    color: g,
+    dashArray: S,
+    radius: _
+  }, e[5] = t.h3k27ac, e[6] = g, e[7] = S, e[8] = _, e[9] = i) : i = e[9];
+  const I = t.h3k4me3 ? u.h3k4me3 : "transparent", M = s === "h3k4me3" ? `0 ${o * 2} ${o} ${o * 2}` : `0 ${r * 2} ${r} ${r * 2}`, W = s === "h3k4me3" ? 9 : 8;
+  let l;
+  e[10] !== t.h3k4me3 || e[11] !== M || e[12] !== W || e[13] !== I ? (l = {
+    id: "h3k4me3",
+    accession: t.h3k4me3,
+    color: I,
+    dashArray: M,
+    radius: W
+  }, e[10] = t.h3k4me3, e[11] = M, e[12] = W, e[13] = I, e[14] = l) : l = e[14];
+  const H = t.ctcf ? u.ctcf : "transparent", L = s === "ctcf" ? `0 ${o * 3} ${o} ${o * 1}` : `0 ${r * 3} ${r} ${r * 1}`, R = s === "ctcf" ? 9 : 8;
+  let h;
+  e[15] !== t.ctcf || e[16] !== H || e[17] !== L || e[18] !== R ? (h = {
+    id: "ctcf",
+    accession: t.ctcf,
+    color: H,
+    dashArray: L,
+    radius: R
+  }, e[15] = t.ctcf, e[16] = H, e[17] = L, e[18] = R, e[19] = h) : h = e[19];
+  const C = t.atac ? u.atac : "transparent", O = s === "atac" ? `0 ${o * 4} ${o}` : `0 ${r * 4} ${r}`, P = s === "atac" ? 9 : 8;
+  let d;
+  e[20] !== t.atac || e[21] !== C || e[22] !== O || e[23] !== P ? (d = {
+    id: "atac",
+    accession: t.atac,
+    color: C,
+    dashArray: O,
+    radius: P
+  }, e[20] = t.atac, e[21] = C, e[22] = O, e[23] = P, e[24] = d) : d = e[24];
+  let j;
+  e[25] !== l || e[26] !== h || e[27] !== d || e[28] !== n || e[29] !== i ? (j = [n, i, l, h, d], e[25] = l, e[26] = h, e[27] = d, e[28] = n, e[29] = i, e[30] = j) : j = e[30];
+  const T = j;
+  let f;
+  e[31] !== t ? (f = K(t), e[31] = t, e[32] = f) : f = e[32];
+  let m;
+  e[33] !== f ? (m = /* @__PURE__ */ c.jsx(z, { variant: "body2", children: f }), e[33] = f, e[34] = m) : m = e[34];
+  let p;
+  e[35] !== s || e[36] !== t ? (p = s && /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+    /* @__PURE__ */ c.jsxs(z, { variant: "body2", children: [
+      "Click to view ",
+      N(s),
+      " experiment:"
+    ] }),
+    /* @__PURE__ */ c.jsxs(D, { direction: "row", alignItems: "baseline", children: [
+      /* @__PURE__ */ c.jsx(z, { variant: "body2", children: t[s] }),
+      /* @__PURE__ */ c.jsx(J, { fontSize: "inherit", sx: {
+        ml: 0.5
+      } })
+    ] })
+  ] }), e[35] = s, e[36] = t, e[37] = p) : p = e[37];
+  let k;
+  e[38] !== m || e[39] !== p ? (k = /* @__PURE__ */ c.jsxs(D, { spacing: 1, children: [
+    m,
+    p
+  ] }), e[38] = m, e[39] = p, e[40] = k) : k = e[40];
+  let y;
+  e[41] === Symbol.for("react.memo_cache_sentinel") ? (y = /* @__PURE__ */ c.jsx("circle", { r: 16.125, cx: 18, cy: 18, fill: "#EEEEEE", stroke: "black", strokeWidth: 0.25 }), e[41] = y) : y = e[41];
+  let $;
+  e[42] !== T || e[43] !== s ? ($ = T.map((a) => /* @__PURE__ */ c.jsx("a", { href: a.accession ? `https://www.encodeproject.org/experiments/${a.accession}/` : void 0, target: "_blank", rel: "noopener noreferrer", children: /* @__PURE__ */ c.jsx("circle", { cursor: "pointer", pointerEvents: "auto", r: a.radius, cx: 18, cy: 18, fill: "transparent", stroke: a.color, strokeWidth: s === a.id ? 18 : 16, strokeDasharray: a.dashArray, onMouseEnter: () => a.accession && B(a.id), onMouseLeave: () => B(null) }) }, a.id)), e[42] = T, e[43] = s, e[44] = $) : $ = e[44];
+  let v;
+  e[45] === Symbol.for("react.memo_cache_sentinel") ? (v = /* @__PURE__ */ c.jsx("circle", { r: 8, cx: 18, cy: 18, fill: "white", stroke: "black", strokeWidth: 0.25 }), e[45] = v) : v = e[45];
+  let x;
+  e[46] !== $ ? (x = /* @__PURE__ */ c.jsxs("svg", { height: 36, width: 36, viewBox: "0 0 36 36", children: [
+    y,
+    $,
+    v
+  ] }), e[46] = $, e[47] = x) : x = e[47];
+  let A;
+  return e[48] !== k || e[49] !== x ? (A = /* @__PURE__ */ c.jsx(G, { title: k, arrow: !0, placement: "right", children: x }), e[48] = k, e[49] = x, e[50] = A) : A = e[50], A;
+};
+export {
+  te as AssayWheel
+};
+//# sourceMappingURL=ui-components.es7.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ui-components.es7.js","sources":["../src/components/BiosampleTable/AssayWheel.tsx"],"sourcesContent":["import { useState, useMemo } from \"react\";\nimport { Tooltip, Stack, Typography } from \"@mui/material\";\nimport { Launch } from \"@mui/icons-material\";\nimport { CcreAssay } from \"./types\";\nimport { ASSAY_COLORS } from \"./helpers\";\nimport { assayHoverInfo, formatAssay } from \"./helpers\";\n\nexport type AssayWheelProps = {\n  /**\n   * The value of the assay should be the experiment accession if the assay exists for that sample\n   */\n  row: { [key in CcreAssay]: string | null };\n};\n\n/**\n *\n * @prop row\n * @returns the assay wheel for the row\n */\nexport const AssayWheel = ({ row }: AssayWheelProps) => {\n  const [hoveredAssay, setHoveredAssay] = useState<CcreAssay | null>(null);\n\n  const height = 36;\n\n  //Constants used for sizing svg elements\n  const radius = 8;\n  const radiusHovered = 9; //If assay is hovered, bump up the radius to create the \"poking out\" effect\n  const fifth = (2 * Math.PI * radius) / 5;\n  const fifthHovered = (2 * Math.PI * radiusHovered) / 5;\n\n  const assays: {\n    id: CcreAssay;\n    accession: string | null;\n    color: string;\n    dashArray: string;\n    radius: number;\n  }[] = useMemo(() => {\n    return [\n      {\n        id: \"dnase\",\n        accession: row.dnase, //Used to provide link to ENCODE for that experiment\n        color: row.dnase ? ASSAY_COLORS.dnase : \"transparent\", //Only color slice if the biosample has data in that assay\n        dashArray: hoveredAssay === \"dnase\" ? `${fifthHovered} ${fifthHovered * 4}` : `${fifth} ${fifth * 4}`, //Use dasharray to create a single slice of 1/5th of the circle.\n        radius: hoveredAssay === \"dnase\" ? radiusHovered : radius,\n      },\n      {\n        id: \"h3k27ac\",\n        accession: row.h3k27ac,\n        color: row.h3k27ac ? ASSAY_COLORS.h3k27ac : \"transparent\",\n        dashArray:\n          hoveredAssay === \"h3k27ac\"\n            ? `0 ${fifthHovered} ${fifthHovered} ${fifthHovered * 3}`\n            : `0 ${fifth} ${fifth} ${fifth * 3}`,\n        radius: hoveredAssay === \"h3k27ac\" ? radiusHovered : radius,\n      },\n      {\n        id: \"h3k4me3\",\n        accession: row.h3k4me3,\n        color: row.h3k4me3 ? ASSAY_COLORS.h3k4me3 : \"transparent\",\n        dashArray:\n          hoveredAssay === \"h3k4me3\"\n            ? `0 ${fifthHovered * 2} ${fifthHovered} ${fifthHovered * 2}`\n            : `0 ${fifth * 2} ${fifth} ${fifth * 2}`,\n        radius: hoveredAssay === \"h3k4me3\" ? radiusHovered : radius,\n      },\n      {\n        id: \"ctcf\",\n        accession: row.ctcf,\n        color: row.ctcf ? ASSAY_COLORS.ctcf : \"transparent\",\n        dashArray:\n          hoveredAssay === \"ctcf\"\n            ? `0 ${fifthHovered * 3} ${fifthHovered} ${fifthHovered * 1}`\n            : `0 ${fifth * 3} ${fifth} ${fifth * 1}`,\n        radius: hoveredAssay === \"ctcf\" ? radiusHovered : radius,\n      },\n      {\n        id: \"atac\",\n        accession: row.atac,\n        color: row.atac ? ASSAY_COLORS.atac : \"transparent\",\n        dashArray: hoveredAssay === \"atac\" ? `0 ${fifthHovered * 4} ${fifthHovered}` : `0 ${fifth * 4} ${fifth}`,\n        radius: hoveredAssay === \"atac\" ? radiusHovered : radius,\n      },\n    ];\n  }, [row.dnase, row.h3k27ac, row.h3k4me3, row.ctcf, row.atac, hoveredAssay, fifthHovered, fifth]);\n\n  return (\n    <Tooltip\n      title={\n        <Stack spacing={1}>\n          <Typography variant=\"body2\">{assayHoverInfo(row)}</Typography>\n          {hoveredAssay && (\n            <>\n              <Typography variant=\"body2\">Click to view {formatAssay(hoveredAssay)} experiment:</Typography>\n              <Stack direction=\"row\" alignItems={\"baseline\"}>\n                <Typography variant=\"body2\">{row[hoveredAssay]}</Typography>\n                <Launch fontSize=\"inherit\" sx={{ ml: 0.5 }} />\n              </Stack>\n            </>\n          )}\n        </Stack>\n      }\n      arrow\n      placement=\"right\"\n    >\n      <svg height={height} width={height} viewBox={`0 0 ${height} ${height}`}>\n        {/* Provides outline */}\n        <circle\n          r={2 * radius + 0.125}\n          cx={height / 2}\n          cy={height / 2}\n          fill=\"#EEEEEE\"\n          stroke=\"black\"\n          strokeWidth={0.25}\n        />\n        {assays.map((assay) => (\n          <a\n            href={assay.accession ? `https://www.encodeproject.org/experiments/${assay.accession}/` : undefined}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            key={assay.id}\n          >\n            <circle\n              cursor={\"pointer\"}\n              pointerEvents={\"auto\"}\n              r={assay.radius}\n              cx={height / 2}\n              cy={height / 2}\n              fill=\"transparent\"\n              stroke={assay.color}\n              strokeWidth={hoveredAssay === assay.id ? 2 * radiusHovered : 2 * radius}\n              strokeDasharray={assay.dashArray}\n              onMouseEnter={() => assay.accession && setHoveredAssay(assay.id)}\n              onMouseLeave={() => setHoveredAssay(null)}\n            />\n          </a>\n        ))}\n        {/* Provides dead zone in middle to prevent ATAC wheel from capturing mouse events in center due to it being topmost element */}\n        <circle r={radius} cx={height / 2} cy={height / 2} fill=\"white\" stroke=\"black\" strokeWidth={0.25} />\n      </svg>\n    </Tooltip>\n  );\n};\n"],"names":["AssayWheel","t0","$","_c","row","hoveredAssay","setHoveredAssay","useState","fifth","Math","PI","fifthHovered","t1","dnase","ASSAY_COLORS","t2","t3","t4","id","accession","color","dashArray","radius","t5","h3k27ac","t6","t7","t8","t9","h3k4me3","t10","t11","t12","t13","ctcf","t14","t15","t16","t17","atac","t18","t19","t20","t21","assays","t22","assayHoverInfo","t23","jsx","Typography","t24","jsxs","Fragment","formatAssay","Stack","Launch","ml","t25","t26","Symbol","for","t27","map","assay","undefined","t28","t29","height","t30","Tooltip"],"mappings":"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"}