@weng-lab/ui-components 3.0.0 → 3.0.1-beta.0

package/dist/ui-components.es179.js

@@ -1,32 +1,200 @@
-import * as t from "react";
-function d(i) {
+import * as f from "react";
+import t from "./ui-components.es89.js";
+import W from "./ui-components.es100.js";
+import { j as k } from "./ui-components.es15.js";
+import { reflow as B, getTransitionProps as v } from "./ui-components.es331.js";
+import J from "./ui-components.es332.js";
+import M from "./ui-components.es175.js";
+import Q from "./ui-components.es124.js";
+import U from "./ui-components.es178.js";
+import X from "./ui-components.es182.js";
+function y(m) {
+  return `scale(${m}, ${m ** 2})`;
+}
+const Y = {
+  entering: {
+    opacity: 1,
+    transform: y(1)
+  },
+  entered: {
+    opacity: 1,
+    transform: "none"
+  }
+}, E = typeof navigator < "u" && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\/)15(.|_)4/i.test(navigator.userAgent), h = /* @__PURE__ */ f.forwardRef(function(A, w) {
   const {
-    controlled: o,
-    default: r,
-    name: n,
-    state: l = "value"
-  } = i, {
-    current: e
-  } = t.useRef(o !== void 0), [c, u] = t.useState(r), f = e ? o : c;
-  if (process.env.NODE_ENV !== "production") {
-    t.useEffect(() => {
-      e !== (o !== void 0) && console.error([`MUI: A component is changing the ${e ? "" : "un"}controlled ${l} state of ${n} to be ${e ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
-`));
-    }, [l, n, o]);
+    addEndListener: x,
+    appear: D = !0,
+    children: l,
+    easing: R,
+    in: T,
+    onEnter: b,
+    onEntered: H,
+    onEntering: L,
+    onExit: j,
+    onExited: O,
+    onExiting: F,
+    style: p,
+    timeout: o = "auto",
+    // eslint-disable-next-line react/prop-types
+    TransitionComponent: P = J,
+    ...S
+  } = A, C = M(), g = f.useRef(), s = W(), c = f.useRef(null), G = Q(c, U(l), w), a = (n) => (r) => {
+    if (n) {
+      const e = c.current;
+      r === void 0 ? n(e) : n(e, r);
+    }
+  }, N = a(L), _ = a((n, r) => {
+    B(n);
     const {
-      current: s
-    } = t.useRef(r);
-    t.useEffect(() => {
-      !e && JSON.stringify(r) !== JSON.stringify(s) && console.error([`MUI: A component is changing the default ${l} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
-`));
-    }, [JSON.stringify(r)]);
-  }
-  const a = t.useCallback((s) => {
-    e || u(s);
-  }, []);
-  return [f, a];
-}
+      duration: e,
+      delay: d,
+      easing: i
+    } = v({
+      style: p,
+      timeout: o,
+      easing: R
+    }, {
+      mode: "enter"
+    });
+    let u;
+    o === "auto" ? (u = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = u) : u = e, n.style.transition = [s.transitions.create("opacity", {
+      duration: u,
+      delay: d
+    }), s.transitions.create("transform", {
+      duration: E ? u : u * 0.666,
+      delay: d,
+      easing: i
+    })].join(","), b && b(n, r);
+  }), $ = a(H), q = a(F), z = a((n) => {
+    const {
+      duration: r,
+      delay: e,
+      easing: d
+    } = v({
+      style: p,
+      timeout: o,
+      easing: R
+    }, {
+      mode: "exit"
+    });
+    let i;
+    o === "auto" ? (i = s.transitions.getAutoHeightDuration(n.clientHeight), g.current = i) : i = r, n.style.transition = [s.transitions.create("opacity", {
+      duration: i,
+      delay: e
+    }), s.transitions.create("transform", {
+      duration: E ? i : i * 0.666,
+      delay: E ? e : e || i * 0.333,
+      easing: d
+    })].join(","), n.style.opacity = 0, n.style.transform = y(0.75), j && j(n);
+  }), K = a(O), V = (n) => {
+    o === "auto" && C.start(g.current || 0, n), x && x(c.current, n);
+  };
+  return /* @__PURE__ */ k.jsx(P, {
+    appear: D,
+    in: T,
+    nodeRef: c,
+    onEnter: _,
+    onEntered: $,
+    onEntering: N,
+    onExit: z,
+    onExited: K,
+    onExiting: q,
+    addEndListener: V,
+    timeout: o === "auto" ? null : o,
+    ...S,
+    children: (n, {
+      ownerState: r,
+      ...e
+    }) => /* @__PURE__ */ f.cloneElement(l, {
+      style: {
+        opacity: 0,
+        transform: y(0.75),
+        visibility: n === "exited" && !T ? "hidden" : void 0,
+        ...Y[n],
+        ...p,
+        ...l.props.style
+      },
+      ref: G,
+      ...e
+    })
+  });
+});
+process.env.NODE_ENV !== "production" && (h.propTypes = {
+  // ┌────────────────────────────── Warning ──────────────────────────────┐
+  // │ These PropTypes are generated from the TypeScript type definitions. │
+  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
+  // └─────────────────────────────────────────────────────────────────────┘
+  /**
+   * Add a custom transition end trigger. Called with the transitioning DOM
+   * node and a done callback. Allows for more fine grained transition end
+   * logic. Note: Timeouts are still used as a fallback if provided.
+   */
+  addEndListener: t.func,
+  /**
+   * Perform the enter transition when it first mounts if `in` is also `true`.
+   * Set this to `false` to disable this behavior.
+   * @default true
+   */
+  appear: t.bool,
+  /**
+   * A single child content element.
+   */
+  children: X.isRequired,
+  /**
+   * The transition timing function.
+   * You may specify a single easing or a object containing enter and exit values.
+   */
+  easing: t.oneOfType([t.shape({
+    enter: t.string,
+    exit: t.string
+  }), t.string]),
+  /**
+   * If `true`, the component will transition in.
+   */
+  in: t.bool,
+  /**
+   * @ignore
+   */
+  onEnter: t.func,
+  /**
+   * @ignore
+   */
+  onEntered: t.func,
+  /**
+   * @ignore
+   */
+  onEntering: t.func,
+  /**
+   * @ignore
+   */
+  onExit: t.func,
+  /**
+   * @ignore
+   */
+  onExited: t.func,
+  /**
+   * @ignore
+   */
+  onExiting: t.func,
+  /**
+   * @ignore
+   */
+  style: t.object,
+  /**
+   * The duration for the transition, in milliseconds.
+   * You may specify a single timeout for all transitions, or individually with an object.
+   *
+   * Set to 'auto' to automatically calculate transition time based on height.
+   * @default 'auto'
+   */
+  timeout: t.oneOfType([t.oneOf(["auto"]), t.number, t.shape({
+    appear: t.number,
+    enter: t.number,
+    exit: t.number
+  })])
+});
+h && (h.muiSupportAuto = !0);
 export {
-  d as default
+  h as default
 };
 //# sourceMappingURL=ui-components.es179.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es179.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/useControlled/useControlled.js"],"sourcesContent":["'use client';\n\n// TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler -- process.env never changes, dependency arrays are intentionally ignored\n/* eslint-disable react-hooks/rules-of-hooks, react-hooks/exhaustive-deps */\nimport * as React from 'react';\nexport default function useControlled(props) {\n  const {\n    controlled,\n    default: defaultProp,\n    name,\n    state = 'value'\n  } = props;\n  // isControlled is ignored in the hook dependency lists as it should never change.\n  const {\n    current: isControlled\n  } = React.useRef(controlled !== undefined);\n  const [valueState, setValue] = React.useState(defaultProp);\n  const value = isControlled ? controlled : valueState;\n  if (process.env.NODE_ENV !== 'production') {\n    React.useEffect(() => {\n      if (isControlled !== (controlled !== undefined)) {\n        console.error([`MUI: A component is changing the ${isControlled ? '' : 'un'}controlled ${state} state of ${name} to be ${isControlled ? 'un' : ''}controlled.`, 'Elements should not switch from uncontrolled to controlled (or vice versa).', `Decide between using a controlled or uncontrolled ${name} ` + 'element for the lifetime of the component.', \"The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.\", 'More info: https://fb.me/react-controlled-components'].join('\\n'));\n      }\n    }, [state, name, controlled]);\n    const {\n      current: defaultValue\n    } = React.useRef(defaultProp);\n    React.useEffect(() => {\n      if (!isControlled && JSON.stringify(defaultProp) !== JSON.stringify(defaultValue)) {\n        console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join('\\n'));\n      }\n    }, [JSON.stringify(defaultProp)]);\n  }\n  const setValueIfUncontrolled = React.useCallback(newValue => {\n    if (!isControlled) {\n      setValue(newValue);\n    }\n  }, []);\n\n  // TODO: provide overloads for the useControlled function to account for the case where either\n  // controlled or default is not undefined.\n  // In that case the return type should be [T, React.Dispatch<React.SetStateAction<T>>]\n  // otherwise it should be [T | undefined, React.Dispatch<React.SetStateAction<T | undefined>>]\n  return [value, setValueIfUncontrolled];\n}"],"names":["useControlled","props","controlled","defaultProp","name","state","isControlled","React","valueState","setValue","value","defaultValue","setValueIfUncontrolled","newValue"],"mappings":";AAKe,SAASA,EAAcC,GAAO;AAC3C,QAAM;AAAA,IACJ,YAAAC;AAAA,IACA,SAASC;AAAA,IACT,MAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,EACZ,IAAMJ,GAEE;AAAA,IACJ,SAASK;AAAA,EACb,IAAMC,EAAM,OAAOL,MAAe,MAAS,GACnC,CAACM,GAAYC,CAAQ,IAAIF,EAAM,SAASJ,CAAW,GACnDO,IAAQJ,IAAeJ,IAAaM;AAC1C,MAAI,QAAQ,IAAI,aAAa,cAAc;AACzC,IAAAD,EAAM,UAAU,MAAM;AACpB,MAAID,OAAkBJ,MAAe,WACnC,QAAQ,MAAM,CAAC,oCAAoCI,IAAe,KAAK,IAAI,cAAcD,CAAK,aAAaD,CAAI,UAAUE,IAAe,OAAO,EAAE,eAAe,+EAA+E,qDAAqDF,CAAI,+CAAoD,8HAA8H,sDAAsD,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA,IAEhiB,GAAG,CAACC,GAAOD,GAAMF,CAAU,CAAC;AAC5B,UAAM;AAAA,MACJ,SAASS;AAAA,IACf,IAAQJ,EAAM,OAAOJ,CAAW;AAC5B,IAAAI,EAAM,UAAU,MAAM;AACpB,MAAI,CAACD,KAAgB,KAAK,UAAUH,CAAW,MAAM,KAAK,UAAUQ,CAAY,KAC9E,QAAQ,MAAM,CAAC,4CAA4CN,CAAK,6BAA6BD,CAAI,8EAAmFA,CAAI,GAAG,EAAE,KAAK;AAAA,CAAI,CAAC;AAAA,IAE3M,GAAG,CAAC,KAAK,UAAUD,CAAW,CAAC,CAAC;AAAA,EAClC;AACA,QAAMS,IAAyBL,EAAM,YAAY,CAAAM,MAAY;AAC3D,IAAKP,KACHG,EAASI,CAAQ;AAAA,EAErB,GAAG,CAAA,CAAE;AAML,SAAO,CAACH,GAAOE,CAAsB;AACvC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es179.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/Grow/Grow.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport useTimeout from '@mui/utils/useTimeout';\nimport elementAcceptingRef from '@mui/utils/elementAcceptingRef';\nimport getReactElementRef from '@mui/utils/getReactElementRef';\nimport { Transition } from 'react-transition-group';\nimport { useTheme } from \"../zero-styled/index.js\";\nimport { getTransitionProps, reflow } from \"../transitions/utils.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nfunction getScale(value) {\n  return `scale(${value}, ${value ** 2})`;\n}\nconst styles = {\n  entering: {\n    opacity: 1,\n    transform: getScale(1)\n  },\n  entered: {\n    opacity: 1,\n    transform: 'none'\n  }\n};\n\n/*\n TODO v6: remove\n Conditionally apply a workaround for the CSS transition bug in Safari 15.4 / WebKit browsers.\n */\nconst isWebKit154 = typeof navigator !== 'undefined' && /^((?!chrome|android).)*(safari|mobile)/i.test(navigator.userAgent) && /(os |version\\/)15(.|_)4/i.test(navigator.userAgent);\n\n/**\n * The Grow transition is used by the [Tooltip](/material-ui/react-tooltip/) and\n * [Popover](/material-ui/react-popover/) components.\n * It uses [react-transition-group](https://github.com/reactjs/react-transition-group) internally.\n */\nconst Grow = /*#__PURE__*/React.forwardRef(function Grow(props, ref) {\n  const {\n    addEndListener,\n    appear = true,\n    children,\n    easing,\n    in: inProp,\n    onEnter,\n    onEntered,\n    onEntering,\n    onExit,\n    onExited,\n    onExiting,\n    style,\n    timeout = 'auto',\n    // eslint-disable-next-line react/prop-types\n    TransitionComponent = Transition,\n    ...other\n  } = props;\n  const timer = useTimeout();\n  const autoTimeout = React.useRef();\n  const theme = useTheme();\n  const nodeRef = React.useRef(null);\n  const handleRef = useForkRef(nodeRef, getReactElementRef(children), ref);\n  const normalizedTransitionCallback = callback => maybeIsAppearing => {\n    if (callback) {\n      const node = nodeRef.current;\n\n      // onEnterXxx and onExitXxx callbacks have a different arguments.length value.\n      if (maybeIsAppearing === undefined) {\n        callback(node);\n      } else {\n        callback(node, maybeIsAppearing);\n      }\n    }\n  };\n  const handleEntering = normalizedTransitionCallback(onEntering);\n  const handleEnter = normalizedTransitionCallback((node, isAppearing) => {\n    reflow(node); // So the animation always start from the start.\n\n    const {\n      duration: transitionDuration,\n      delay,\n      easing: transitionTimingFunction\n    } = getTransitionProps({\n      style,\n      timeout,\n      easing\n    }, {\n      mode: 'enter'\n    });\n    let duration;\n    if (timeout === 'auto') {\n      duration = theme.transitions.getAutoHeightDuration(node.clientHeight);\n      autoTimeout.current = duration;\n    } else {\n      duration = transitionDuration;\n    }\n    node.style.transition = [theme.transitions.create('opacity', {\n      duration,\n      delay\n    }), theme.transitions.create('transform', {\n      duration: isWebKit154 ? duration : duration * 0.666,\n      delay,\n      easing: transitionTimingFunction\n    })].join(',');\n    if (onEnter) {\n      onEnter(node, isAppearing);\n    }\n  });\n  const handleEntered = normalizedTransitionCallback(onEntered);\n  const handleExiting = normalizedTransitionCallback(onExiting);\n  const handleExit = normalizedTransitionCallback(node => {\n    const {\n      duration: transitionDuration,\n      delay,\n      easing: transitionTimingFunction\n    } = getTransitionProps({\n      style,\n      timeout,\n      easing\n    }, {\n      mode: 'exit'\n    });\n    let duration;\n    if (timeout === 'auto') {\n      duration = theme.transitions.getAutoHeightDuration(node.clientHeight);\n      autoTimeout.current = duration;\n    } else {\n      duration = transitionDuration;\n    }\n    node.style.transition = [theme.transitions.create('opacity', {\n      duration,\n      delay\n    }), theme.transitions.create('transform', {\n      duration: isWebKit154 ? duration : duration * 0.666,\n      delay: isWebKit154 ? delay : delay || duration * 0.333,\n      easing: transitionTimingFunction\n    })].join(',');\n    node.style.opacity = 0;\n    node.style.transform = getScale(0.75);\n    if (onExit) {\n      onExit(node);\n    }\n  });\n  const handleExited = normalizedTransitionCallback(onExited);\n  const handleAddEndListener = next => {\n    if (timeout === 'auto') {\n      timer.start(autoTimeout.current || 0, next);\n    }\n    if (addEndListener) {\n      // Old call signature before `react-transition-group` implemented `nodeRef`\n      addEndListener(nodeRef.current, next);\n    }\n  };\n  return /*#__PURE__*/_jsx(TransitionComponent, {\n    appear: appear,\n    in: inProp,\n    nodeRef: nodeRef,\n    onEnter: handleEnter,\n    onEntered: handleEntered,\n    onEntering: handleEntering,\n    onExit: handleExit,\n    onExited: handleExited,\n    onExiting: handleExiting,\n    addEndListener: handleAddEndListener,\n    timeout: timeout === 'auto' ? null : timeout,\n    ...other,\n    children: (state, {\n      ownerState,\n      ...restChildProps\n    }) => {\n      return /*#__PURE__*/React.cloneElement(children, {\n        style: {\n          opacity: 0,\n          transform: getScale(0.75),\n          visibility: state === 'exited' && !inProp ? 'hidden' : undefined,\n          ...styles[state],\n          ...style,\n          ...children.props.style\n        },\n        ref: handleRef,\n        ...restChildProps\n      });\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Grow.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   * Add a custom transition end trigger. Called with the transitioning DOM\n   * node and a done callback. Allows for more fine grained transition end\n   * logic. Note: Timeouts are still used as a fallback if provided.\n   */\n  addEndListener: PropTypes.func,\n  /**\n   * Perform the enter transition when it first mounts if `in` is also `true`.\n   * Set this to `false` to disable this behavior.\n   * @default true\n   */\n  appear: PropTypes.bool,\n  /**\n   * A single child content element.\n   */\n  children: elementAcceptingRef.isRequired,\n  /**\n   * The transition timing function.\n   * You may specify a single easing or a object containing enter and exit values.\n   */\n  easing: PropTypes.oneOfType([PropTypes.shape({\n    enter: PropTypes.string,\n    exit: PropTypes.string\n  }), PropTypes.string]),\n  /**\n   * If `true`, the component will transition in.\n   */\n  in: PropTypes.bool,\n  /**\n   * @ignore\n   */\n  onEnter: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntered: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onEntering: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExit: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExited: PropTypes.func,\n  /**\n   * @ignore\n   */\n  onExiting: PropTypes.func,\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The duration for the transition, in milliseconds.\n   * You may specify a single timeout for all transitions, or individually with an object.\n   *\n   * Set to 'auto' to automatically calculate transition time based on height.\n   * @default 'auto'\n   */\n  timeout: PropTypes.oneOfType([PropTypes.oneOf(['auto']), PropTypes.number, PropTypes.shape({\n    appear: PropTypes.number,\n    enter: PropTypes.number,\n    exit: PropTypes.number\n  })])\n} : void 0;\nif (Grow) {\n  Grow.muiSupportAuto = true;\n}\nexport default Grow;"],"names":["getScale","value","styles","isWebKit154","Grow","React","props","ref","addEndListener","appear","children","easing","inProp","onEnter","onEntered","onEntering","onExit","onExited","onExiting","style","timeout","TransitionComponent","Transition","other","timer","useTimeout","autoTimeout","theme","useTheme","nodeRef","handleRef","useForkRef","getReactElementRef","normalizedTransitionCallback","callback","maybeIsAppearing","node","handleEntering","handleEnter","isAppearing","reflow","transitionDuration","delay","transitionTimingFunction","getTransitionProps","duration","handleEntered","handleExiting","handleExit","handleExited","handleAddEndListener","next","_jsx","state","ownerState","restChildProps","PropTypes","elementAcceptingRef"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es18.js

@@ -1,57 +1,133 @@
-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 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
-` : ""}`;
+import { j as e } from "./ui-components.es15.js";
+import * as h from "react";
+import { Toolbar as F, ColumnsPanelTrigger as E, ToolbarButton as a, FilterPanelTrigger as k, ExportPrint as w, ExportCsv as T, ExportExcel as O, QuickFilterTrigger as P, QuickFilterControl as R, QuickFilterClear as A, QuickFilter as D } from "@mui/x-data-grid-premium";
+import M from "./ui-components.es73.js";
+import Q from "./ui-components.es74.js";
+import B from "./ui-components.es75.js";
+import b from "./ui-components.es76.js";
+import u from "./ui-components.es28.js";
+import { InfoOutline as N } from "@mui/icons-material";
+import V from "./ui-components.es31.js";
+import s from "./ui-components.es32.js";
+import j from "./ui-components.es77.js";
+import L from "./ui-components.es78.js";
+import W from "./ui-components.es79.js";
+import d from "./ui-components.es80.js";
+import g from "./ui-components.es81.js";
+import m from "./ui-components.es40.js";
+import X from "./ui-components.es64.js";
+const q = m(D)({
+  display: "grid",
+  alignItems: "center"
+}), G = m(a)(({
+  theme: r,
+  ownerState: t
+}) => ({
+  gridArea: "1 / 1",
+  width: "min-content",
+  height: "min-content",
+  zIndex: 1,
+  opacity: t.expanded ? 0 : 1,
+  pointerEvents: t.expanded ? "none" : "auto",
+  transition: r.transitions.create(["opacity"])
+})), H = m(X)(({
+  theme: r,
+  ownerState: t
+}) => ({
+  gridArea: "1 / 1",
+  overflowX: "clip",
+  width: t.expanded ? 260 : "var(--trigger-width)",
+  opacity: t.expanded ? 1 : 0,
+  transition: r.transitions.create(["width", "opacity"])
+}));
+function pe({
+  label: r,
+  labelTooltip: t,
+  extra: p,
+  style: C,
+  iconColor: y,
+  ...S
+}) {
+  const [c, o] = h.useState(!1), x = h.useRef(null), l = y ?? "inherit", {
+    printOptions: v,
+    csvOptions: I,
+    excelOptions: z,
+    ...J
+  } = S;
+  return /* @__PURE__ */ e.jsxs(F, { style: C, children: [
+    typeof r != "string" && r,
+    /* @__PURE__ */ e.jsxs(V, { fontWeight: "medium", sx: {
+      flex: 1,
+      mx: 0.5,
+      display: "flex",
+      alignItems: "center",
+      gap: 1
+    }, children: [
+      typeof r == "string" && r,
+      t && (typeof t == "string" || typeof t == "number") ? /* @__PURE__ */ e.jsx(s, { title: t, children: /* @__PURE__ */ e.jsx(N, { fontSize: "inherit", color: "primary" }) }) : t
+    ] }),
+    p && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+      p,
+      /* @__PURE__ */ e.jsx(j, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
+        mx: 0.5
+      } })
+    ] }),
+    /* @__PURE__ */ e.jsx(s, { title: "Columns", children: /* @__PURE__ */ e.jsx(E, { render: /* @__PURE__ */ e.jsx(a, {}), children: /* @__PURE__ */ e.jsx(M, { fontSize: "small", htmlColor: l }) }) }),
+    /* @__PURE__ */ e.jsx(s, { title: "Filters", children: /* @__PURE__ */ e.jsx(k, { render: (n, i) => /* @__PURE__ */ e.jsx(a, { ...n, color: "default", children: /* @__PURE__ */ e.jsx(L, { badgeContent: i.filterCount, color: "primary", variant: "dot", children: /* @__PURE__ */ e.jsx(Q, { fontSize: "small", htmlColor: l }) }) }) }) }),
+    /* @__PURE__ */ e.jsx(j, { orientation: "vertical", variant: "middle", flexItem: !0, sx: {
+      mx: 0.5
+    } }),
+    /* @__PURE__ */ e.jsx(s, { title: "Export", children: /* @__PURE__ */ e.jsx(a, { ref: x, id: "export-menu-trigger", "aria-controls": "export-menu", "aria-haspopup": "true", "aria-expanded": c ? "true" : void 0, onClick: () => o(!0), children: /* @__PURE__ */ e.jsx(B, { fontSize: "small", htmlColor: l }) }) }),
+    /* @__PURE__ */ e.jsxs(W, { id: "export-menu", anchorEl: x.current, open: c, onClose: () => o(!1), anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "right"
+    }, transformOrigin: {
+      vertical: "top",
+      horizontal: "right"
+    }, slotProps: {
+      list: {
+        "aria-labelledby": "export-menu-trigger"
+      }
+    }, children: [
+      /* @__PURE__ */ e.jsx(w, { options: v, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Print" }),
+      /* @__PURE__ */ e.jsx(T, { options: {
+        ...typeof r == "string" ? {
+          fileName: r
+        } : {},
+        ...I
+      }, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Download as CSV" }),
+      /* @__PURE__ */ e.jsx(O, { options: {
+        ...typeof r == "string" ? {
+          fileName: r
+        } : {},
+        ...z
+      }, render: /* @__PURE__ */ e.jsx(d, {}), onClick: () => o(!1), children: "Download as Excel" })
+    ] }),
+    /* @__PURE__ */ e.jsxs(q, { children: [
+      /* @__PURE__ */ e.jsx(P, { render: (n, i) => /* @__PURE__ */ e.jsx(s, { title: "Search", enterDelay: 0, children: /* @__PURE__ */ e.jsx(G, { ...n, ownerState: {
+        expanded: i.expanded
+      }, color: "default", "aria-disabled": i.expanded, children: /* @__PURE__ */ e.jsx(u, { fontSize: "small", htmlColor: l }) }) }) }),
+      /* @__PURE__ */ e.jsx(R, { render: ({
+        ref: n,
+        ...i
+      }, f) => /* @__PURE__ */ e.jsx(H, { ...i, ownerState: {
+        expanded: f.expanded
+      }, inputRef: n, "aria-label": "Search", placeholder: "Search...", size: "small", slotProps: {
+        input: {
+          startAdornment: /* @__PURE__ */ e.jsx(g, { position: "start", children: /* @__PURE__ */ e.jsx(u, { fontSize: "small" }) }),
+          endAdornment: f.value ? /* @__PURE__ */ e.jsx(g, { position: "end", children: /* @__PURE__ */ e.jsx(A, { edge: "end", size: "small", "aria-label": "Clear search", material: {
+            sx: {
+              marginRight: -0.75
+            }
+          }, children: /* @__PURE__ */ e.jsx(b, { fontSize: "small" }) }) }) : null,
+          ...i.slotProps?.input
+        },
+        ...i.slotProps
+      } }) })
+    ] })
+  ] });
 }
-const h = {
-  dnase: "#06DA93",
-  h3k27ac: "#FFCD00",
-  h3k4me3: "#FF0000",
-  ctcf: "#00B0F0",
-  atac: "#02c7b9"
-};
 export {
-  h as ASSAY_COLORS,
-  f as assayHoverInfo,
-  s as fetchFileSize,
-  i as formatAssay,
-  o as formatFileSize
+  pe as CustomToolbar
 };
 //# sourceMappingURL=ui-components.es18.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es18.js","sources":["../src/components/BiosampleTable/helpers.ts"],"sourcesContent":["/**\n * \n * @param url \n * @param handleSetState \n * \n * Attempts to fetch the file size, and sets state with given fn. -1 if unsucessful\n */\nexport const fetchFileSize = async (url: string, handleSetState: (fileSize: number) => void) => {\n  try {\n    const response = await fetch(url, { method: \"HEAD\" });\n    if (!response.ok) {\n      throw new Error(\"Error fetching file size for \" + url)\n    }\n    const contentLength = response.headers.get(\"Content-Length\");\n    if (contentLength) {\n      handleSetState(parseInt(contentLength, 10));\n    }\n  } catch (error) {\n    console.error(error);\n    handleSetState(-1)\n  }\n};\n\nexport const formatFileSize = (fileSize: number) => fileSize === -1 ? \"Unknown Size\" : (fileSize / 1000000).toFixed(1) + \" MB\"\n/**\n *\n * @param assay\n * @returns Formatted assay name\n */\nexport const formatAssay = (assay: CcreAssay) => {\n  switch (assay) {\n    case \"atac\":\n      return \"ATAC\";\n    case \"ctcf\":\n      return \"CTCF\";\n    case \"dnase\":\n      return \"DNase\";\n    case \"h3k27ac\":\n      return \"H3K27ac\";\n    case \"h3k4me3\":\n      return \"H3K4me3\";\n  }\n};\n\nimport { CcreAssay } from \"./types\";\n\n/**\n *\n * @param assays\n * @returns string to display on hover above available assay wheel\n */\nexport function assayHoverInfo(assays: Record<CcreAssay, string | null>) {\n  const { dnase, h3k27ac, h3k4me3, ctcf, atac } = assays;\n\n  if (dnase && h3k27ac && h3k4me3 && ctcf && atac) {\n    return \"All assays available\";\n  } else if (!dnase && !h3k27ac && !h3k4me3 && !ctcf && !atac) {\n    return \"No assays available\";\n  } else\n    return `Available:\\n${dnase ? \"DNase\\n\" : \"\"}${h3k27ac ? \"H3K27ac\\n\" : \"\"}${h3k4me3 ? \"H3K4me3\\n\" : \"\"}${ctcf ? \"CTCF\\n\" : \"\"}${\n      atac ? \"ATAC\\n\" : \"\"\n    }`;\n}\n\nexport const ASSAY_COLORS: Record<CcreAssay, string> = {\n  dnase: \"#06DA93\",\n  h3k27ac: \"#FFCD00\",\n  h3k4me3: \"#FF0000\",\n  ctcf: \"#00B0F0\",\n  atac: \"#02c7b9\",\n};"],"names":["fetchFileSize","url","handleSetState","response","fetch","method","ok","Error","contentLength","headers","get","parseInt","error","console","formatFileSize","fileSize","toFixed","formatAssay","assay","assayHoverInfo","assays","dnase","h3k27ac","h3k4me3","ctcf","atac","ASSAY_COLORS"],"mappings":"AAOO,MAAMA,IAAgB,OAAOC,GAAaC,MAA+C;AAC9F,MAAI;AACF,UAAMC,IAAW,MAAMC,MAAMH,GAAK;AAAA,MAAEI,QAAQ;AAAA,IAAA,CAAQ;AACpD,QAAI,CAACF,EAASG;AACZ,YAAM,IAAIC,MAAM,kCAAkCN,CAAG;AAEvD,UAAMO,IAAgBL,EAASM,QAAQC,IAAI,gBAAgB;AAC3D,IAAIF,KACFN,EAAeS,SAASH,GAAe,EAAE,CAAC;AAAA,EAE9C,SAASI,GAAO;AACdC,YAAQD,MAAMA,CAAK,GACnBV,EAAe,EAAE;AAAA,EACnB;AACF,GAEaY,IAAiBA,CAACC,MAAqBA,MAAa,KAAK,kBAAkBA,IAAW,KAASC,QAAQ,CAAC,IAAI,OAM5GC,IAAcA,CAACC,MAAqB;AAC/C,UAAQA,GAAAA;AAAAA,IACN,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,EAAA;AAEb;AASO,SAASC,EAAeC,GAA0C;AACvE,QAAM;AAAA,IAAEC,OAAAA;AAAAA,IAAOC,SAAAA;AAAAA,IAASC,SAAAA;AAAAA,IAASC,MAAAA;AAAAA,IAAMC,MAAAA;AAAAA,EAAAA,IAASL;AAEhD,SAAIC,KAASC,KAAWC,KAAWC,KAAQC,IAClC,yBACE,CAACJ,KAAS,CAACC,KAAW,CAACC,KAAW,CAACC,KAAQ,CAACC,IAC9C,wBAEA;AAAA,EAAeJ,IAAQ;AAAA,IAAY,EAAE,GAAGC,IAAU;AAAA,IAAc,EAAE,GAAGC,IAAU;AAAA,IAAc,EAAE,GAAGC,IAAO;AAAA,IAAW,EAAE,GAC3HC,IAAO;AAAA,IAAW,EAAE;AAE1B;AAEO,MAAMC,IAA0C;AAAA,EACrDL,OAAO;AAAA,EACPC,SAAS;AAAA,EACTC,SAAS;AAAA,EACTC,MAAM;AAAA,EACNC,MAAM;AACR;"}
+{"version":3,"file":"ui-components.es18.js","sources":["../src/components/Table/CustomToolbar.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { styled } from \"@mui/material/styles\";\nimport {\n  Toolbar,\n  ToolbarButton,\n  ColumnsPanelTrigger,\n  FilterPanelTrigger,\n  ExportCsv,\n  ExportPrint,\n  QuickFilter,\n  QuickFilterControl,\n  QuickFilterClear,\n  QuickFilterTrigger,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  ExportExcel,\n} from \"@mui/x-data-grid-premium\";\nimport Tooltip from \"@mui/material/Tooltip\";\nimport Menu from \"@mui/material/Menu\";\nimport Badge from \"@mui/material/Badge\";\nimport ViewColumnIcon from \"@mui/icons-material/ViewColumn\";\nimport FilterListIcon from \"@mui/icons-material/FilterList\";\nimport FileDownloadIcon from \"@mui/icons-material/FileDownload\";\nimport MenuItem from \"@mui/material/MenuItem\";\nimport Divider from \"@mui/material/Divider\";\nimport TextField from \"@mui/material/TextField\";\nimport InputAdornment from \"@mui/material/InputAdornment\";\nimport CancelIcon from \"@mui/icons-material/Cancel\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport Typography from \"@mui/material/Typography\";\nimport \"./types\";\nimport { InfoOutline } from \"@mui/icons-material\";\n\ntype OwnerState = {\n  expanded: boolean;\n};\n\nconst StyledQuickFilter = styled(QuickFilter)({\n  display: \"grid\",\n  alignItems: \"center\",\n});\n\nconst StyledToolbarButton = styled(ToolbarButton)<{ ownerState: OwnerState }>(({ theme, ownerState }) => ({\n  gridArea: \"1 / 1\",\n  width: \"min-content\",\n  height: \"min-content\",\n  zIndex: 1,\n  opacity: ownerState.expanded ? 0 : 1,\n  pointerEvents: ownerState.expanded ? \"none\" : \"auto\",\n  transition: theme.transitions.create([\"opacity\"]),\n}));\n\nconst StyledTextField = styled(TextField)<{\n  ownerState: OwnerState;\n}>(({ theme, ownerState }) => ({\n  gridArea: \"1 / 1\",\n  overflowX: \"clip\",\n  width: ownerState.expanded ? 260 : \"var(--trigger-width)\",\n  opacity: ownerState.expanded ? 1 : 0,\n  transition: theme.transitions.create([\"width\", \"opacity\"]),\n}));\n\ntype CustomToolbarProps = GridToolbarProps & ToolbarPropsOverrides;\n\nexport function CustomToolbar({\n  label,\n  labelTooltip,\n  extra,\n  style,\n  iconColor: iconColorProp,\n  ...toolbarProps\n}: CustomToolbarProps) {\n  const [exportMenuOpen, setExportMenuOpen] = React.useState(false);\n  const exportMenuTriggerRef = React.useRef<HTMLButtonElement>(null);\n\n  const iconColor = iconColorProp ?? \"inherit\";\n\n  const {printOptions, csvOptions, excelOptions, ...restToolbarProps} = toolbarProps\n\n  return (\n    <Toolbar style={style}>\n      {typeof label !== \"string\" && label}\n      <Typography fontWeight=\"medium\" sx={{ flex: 1, mx: 0.5, display: \"flex\", alignItems: \"center\", gap: 1 }}>\n        {typeof label === \"string\" && label}\n        {/* ReactNode can be more than just an element, string, or number but not accounting for that for simplicity */}\n        {labelTooltip && (typeof labelTooltip === \"string\" || typeof labelTooltip === \"number\") ? (\n          <Tooltip title={labelTooltip}>\n            <InfoOutline fontSize=\"inherit\" color=\"primary\" />\n          </Tooltip>\n        ) : (\n          labelTooltip\n        )}\n      </Typography>\n      {extra && (\n        <>\n          {extra}\n          <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\n        </>\n      )}\n\n      <Tooltip title=\"Columns\">\n        <ColumnsPanelTrigger render={<ToolbarButton />}>\n          <ViewColumnIcon fontSize=\"small\" htmlColor={iconColor} />\n        </ColumnsPanelTrigger>\n      </Tooltip>\n\n      <Tooltip title=\"Filters\">\n        <FilterPanelTrigger\n          render={(props, state) => (\n            <ToolbarButton {...props} color=\"default\">\n              <Badge badgeContent={state.filterCount} color=\"primary\" variant=\"dot\">\n                <FilterListIcon fontSize=\"small\" htmlColor={iconColor} />\n              </Badge>\n            </ToolbarButton>\n          )}\n        />\n      </Tooltip>\n      <Divider orientation=\"vertical\" variant=\"middle\" flexItem sx={{ mx: 0.5 }} />\n      <Tooltip title=\"Export\">\n        <ToolbarButton\n          ref={exportMenuTriggerRef}\n          id=\"export-menu-trigger\"\n          aria-controls=\"export-menu\"\n          aria-haspopup=\"true\"\n          aria-expanded={exportMenuOpen ? \"true\" : undefined}\n          onClick={() => setExportMenuOpen(true)}\n        >\n          <FileDownloadIcon fontSize=\"small\" htmlColor={iconColor} />\n        </ToolbarButton>\n      </Tooltip>\n\n      <Menu\n        id=\"export-menu\"\n        anchorEl={exportMenuTriggerRef.current}\n        open={exportMenuOpen}\n        onClose={() => setExportMenuOpen(false)}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{\n          list: {\n            \"aria-labelledby\": \"export-menu-trigger\",\n          },\n        }}\n      >\n        <ExportPrint options={printOptions} render={<MenuItem />} onClick={() => setExportMenuOpen(false)}>\n          Print\n        </ExportPrint>\n        <ExportCsv\n          options={{\n            ...(typeof label === \"string\" ? { fileName: label } : {}),\n            ...csvOptions,\n          }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Download as CSV\n        </ExportCsv>\n        <ExportExcel\n          options={{\n            ...(typeof label === \"string\" ? { fileName: label } : {}),\n            ...excelOptions,\n          }}\n          render={<MenuItem />}\n          onClick={() => setExportMenuOpen(false)}\n        >\n          Download as Excel\n        </ExportExcel>\n      </Menu>\n\n      <StyledQuickFilter>\n        <QuickFilterTrigger\n          render={(triggerProps, state) => (\n            <Tooltip title=\"Search\" enterDelay={0}>\n              <StyledToolbarButton\n                {...triggerProps}\n                ownerState={{ expanded: state.expanded }}\n                color=\"default\"\n                aria-disabled={state.expanded}\n              >\n                <SearchIcon fontSize=\"small\" htmlColor={iconColor} />\n              </StyledToolbarButton>\n            </Tooltip>\n          )}\n        />\n        <QuickFilterControl\n          render={({ ref, ...controlProps }, state) => (\n            <StyledTextField\n              {...controlProps}\n              ownerState={{ expanded: state.expanded }}\n              inputRef={ref}\n              aria-label=\"Search\"\n              placeholder=\"Search...\"\n              size=\"small\"\n              slotProps={{\n                input: {\n                  startAdornment: (\n                    <InputAdornment position=\"start\">\n                      <SearchIcon fontSize=\"small\" />\n                    </InputAdornment>\n                  ),\n                  endAdornment: state.value ? (\n                    <InputAdornment position=\"end\">\n                      <QuickFilterClear\n                        edge=\"end\"\n                        size=\"small\"\n                        aria-label=\"Clear search\"\n                        material={{ sx: { marginRight: -0.75 } }}\n                      >\n                        <CancelIcon fontSize=\"small\" />\n                      </QuickFilterClear>\n                    </InputAdornment>\n                  ) : null,\n                  ...controlProps.slotProps?.input,\n                },\n                ...controlProps.slotProps,\n              }}\n            />\n          )}\n        />\n      </StyledQuickFilter>\n    </Toolbar>\n  );\n}\n"],"names":["StyledQuickFilter","styled","QuickFilter","display","alignItems","StyledToolbarButton","ToolbarButton","theme","ownerState","gridArea","width","height","zIndex","opacity","expanded","pointerEvents","transition","transitions","create","StyledTextField","TextField","overflowX","CustomToolbar","label","labelTooltip","extra","style","iconColor","iconColorProp","toolbarProps","exportMenuOpen","setExportMenuOpen","React","useState","exportMenuTriggerRef","useRef","printOptions","csvOptions","excelOptions","restToolbarProps","jsxs","Toolbar","Typography","flex","mx","gap","jsx","Tooltip","InfoOutline","Fragment","Divider","ColumnsPanelTrigger","ViewColumnIcon","FilterPanelTrigger","props","state","Badge","filterCount","FilterListIcon","undefined","FileDownloadIcon","Menu","current","vertical","horizontal","list","ExportPrint","MenuItem","ExportCsv","fileName","ExportExcel","QuickFilterTrigger","triggerProps","SearchIcon","QuickFilterControl","ref","controlProps","input","startAdornment","InputAdornment","endAdornment","value","QuickFilterClear","sx","marginRight","CancelIcon","slotProps"],"mappings":"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"}