@weng-lab/ui-components 2.2.2 → 2.2.3

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es5.js","sources":["../src/components/Table/Table.tsx"],"sourcesContent":["import {\n  DataGridPremium,\n  GridApiPremium,\n  GridAutosizeOptions,\n  GridColDef,\n  GridColumnHeaderParams,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  useGridApiRef,\n  useKeepGroupedColumnsHidden,\n} from \"@mui/x-data-grid-premium\";\nimport NoSsr from \"@mui/material/NoSsr\";\nimport Skeleton from \"@mui/material/Skeleton\";\nimport { useMemo, useEffect, useCallback, useRef, ReactNode, CSSProperties, RefObject } from \"react\";\nimport TableFallback from \"./EmptyFallback\";\nimport { TableProps } from \"./types\";\nimport { CustomToolbar } from \"./CustomToolbar\";\nimport { HeaderWithTooltip } from \"./HeaderWithToolip\";\nimport { useContainerResize } from \"./useContainerResize\";\n\nexport const autosizeOptions: GridAutosizeOptions = {\n  expand: true,\n  includeHeaders: true,\n  outliersFactor: 1.5,\n};\n\ntype CustomDataGridProps = Omit<TableProps, \"emptyTableFallback\" | \"error\"> & { rows: NonNullable<TableProps[\"rows\"]> };\n\nconst CustomDataGridPremium = (props: CustomDataGridProps) => {\n  const {\n    pagination = true,\n    columns,\n    density = \"compact\",\n    rows,\n    apiRef: externalApiRef,\n    showToolbar = true,\n    divHeight,\n    sx = {},\n    slots = {},\n    label,\n    labelTooltip,\n    downloadFileName,\n    toolbarSlot,\n    toolbarStyle,\n    toolbarIconColor,\n    initialState,\n    onReady,\n    ...restDataGridProps\n  } = props;\n\n  // Create a ref for the wrapper div to measure container resizing\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const toolbarPropsRef = useRef({ label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor });\n  toolbarPropsRef.current = { label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor };\n\n  // Stable component identity regardless of toolbar prop changes, so DataGrid never unmounts/remounts the toolbar slot\n  const CustomToolbarWrapper = useMemo(\n    () => (props: GridToolbarProps & ToolbarPropsOverrides) => <CustomToolbar {...props} {...toolbarPropsRef.current} />,\n    []\n  );\n\n  // This handles transforming columns of the TableColDef type back to GridColDef, dealing with adding the tooltip element to the RenderHeader\n  const transformedColumns: GridColDef[] = useMemo(() => {\n    return columns.map((col) => {\n      // If no tooltip is defined, return the column as-is\n      if (!col.tooltip) {\n        return col;\n      }\n\n      // If tooltip exists, override the renderHeader with HeaderWithTooltip\n      return {\n        ...col,\n        renderHeader: (params: GridColumnHeaderParams) => (\n          <HeaderWithTooltip\n            params={params}\n            tooltipTitle={col.tooltip!} // We know it exists here\n            originalRenderHeader={col.renderHeader} // Pass the user's custom renderer if it exists\n          />\n        ),\n      };\n    });\n  }, [columns]);\n\n  const internalApiRef = useGridApiRef();\n  // prioritize using the provided apiRef if available, otherwise create a new one\n  const apiRef = externalApiRef ?? internalApiRef;\n\n  const handleResizeCols = useCallback(() => {\n    // need to check .autosizeColumns since the current was being set with an empty object\n    if (!apiRef.current?.autosizeColumns) return;\n    apiRef.current.autosizeColumns(autosizeOptions);\n  }, [apiRef]);\n\n  // trigger resize when rows or columns change so that rows/columns don't need to be memoized outside of this component\n  // otherwise sometimes would snap back to default widths when rows/columns change\n  useEffect(() => {\n    handleResizeCols();\n  }, [rows, transformedColumns, handleResizeCols]);\n\n  useEffect(() => {\n    return apiRef.current?.subscribeEvent(\"rowExpansionChange\", (params) => {\n      if (params.childrenExpanded) {\n        apiRef.current?.autosizeColumns(autosizeOptions);\n      }\n    });\n  }, [apiRef]);\n\n  useEffect(() => {\n    if (!apiRef.current) return;\n    const cleanups = onReady?.(apiRef as RefObject<GridApiPremium>);\n    if (!cleanups) return;\n    if (Array.isArray(cleanups)) return () => cleanups.forEach(fn => fn());\n    return cleanups;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Measure wrapper div for changes in size to trigger autosizeColumns\n  // Both resize and viewportInnerSizeChange events on the DataGrid are triggered on column resize so couldn't use those instead\n  useContainerResize(wrapperRef, handleResizeCols);\n\n  const internalInitialState = useKeepGroupedColumnsHidden({\n    apiRef,\n    initialState,\n  });\n\n  return (\n    <div ref={wrapperRef} style={{ width: \"100%\", height: '100%' }}>\n      <DataGridPremium\n        apiRef={apiRef}\n        columns={transformedColumns}\n        autosizeOnMount\n        rows={rows}\n        autosizeOptions={autosizeOptions}\n        disableRowSelectionOnClick\n        showToolbar={showToolbar}\n        density={density}\n        sx={{\n          \"& .MuiDataGrid-toolbarDivider\": {\n            height: \"20px\",\n          },\n          ...sx,\n        }}\n        slots={{\n          toolbar: CustomToolbarWrapper,\n          ...slots,\n        }}\n        disableAggregation\n        disablePivoting\n        initialState={internalInitialState}\n        {...restDataGridProps}\n      />\n    </div>\n  );\n};\n\nconst TableContainer = ({ divHeight = {}, children }: { divHeight?: CSSProperties; children: ReactNode }) => (\n  <div\n    style={{\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: \"min-content\",\n      ...divHeight,\n    }}\n  >\n    {children}\n  </div>\n);\n\nconst TableSSRBoundary = ({ children }: { children: ReactNode }) => (\n  <NoSsr fallback={<Skeleton variant=\"rounded\" width=\"100%\" height=\"100%\" sx={{ minHeight: 100 }} />}>\n    {children}\n  </NoSsr>\n);\n\nconst Table = (props: TableProps) => {\n  const {\n    rows = [],\n    emptyTableFallback,\n    error = false,\n    label,\n    divHeight,\n    ...restProps\n  } = props;\n\n  //Assign default ID if no ID is provided in the row data\n  const rowsWithIds = useMemo(() => rows.map((row, index) => ({ ...row, id: row?.id || index })), [rows]);\n\n  if (emptyTableFallback && rowsWithIds.length === 0 && !restProps.loading) {\n    return typeof emptyTableFallback === \"string\" ? (\n      <TableFallback message={emptyTableFallback} variant=\"empty\" />\n    ) : (\n      emptyTableFallback\n    );\n  }\n\n  if (error) {\n    return <TableFallback message={`Error fetching ${label}`} variant=\"error\" />;\n  }\n\n  return (\n    <TableContainer divHeight={divHeight}>\n      <TableSSRBoundary>\n        <CustomDataGridPremium rows={rowsWithIds} label={label} {...restProps} />\n      </TableSSRBoundary>\n    </TableContainer>\n  );\n};\n\nexport default Table;\n"],"names":["autosizeOptions","expand","includeHeaders","outliersFactor","CustomDataGridPremium","props","pagination","columns","density","rows","apiRef","externalApiRef","showToolbar","divHeight","sx","slots","label","labelTooltip","downloadFileName","toolbarSlot","toolbarStyle","toolbarIconColor","initialState","onReady","restDataGridProps","wrapperRef","useRef","toolbarPropsRef","current","CustomToolbarWrapper","useMemo","jsx","CustomToolbar","transformedColumns","map","col","tooltip","renderHeader","params","HeaderWithTooltip","internalApiRef","useGridApiRef","handleResizeCols","useCallback","autosizeColumns","useEffect","subscribeEvent","childrenExpanded","cleanups","Array","isArray","forEach","fn","useContainerResize","internalInitialState","useKeepGroupedColumnsHidden","width","height","DataGridPremium","toolbar","TableContainer","t0","$","_c","t1","children","t2","undefined","t3","display","flexDirection","t4","TableSSRBoundary","Symbol","for","Skeleton","minHeight","NoSsr","Table","emptyTableFallback","restProps","error","_temp","rowsWithIds","length","loading","TableFallback","t5","row","index","id"],"mappings":"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"}
+{"version":3,"file":"ui-components.es5.js","sources":["../src/components/Table/Table.tsx"],"sourcesContent":["import {\n  DataGridPremium,\n  GridApiPremium,\n  GridAutosizeOptions,\n  GridColDef,\n  GridColumnHeaderParams,\n  GridToolbarProps,\n  ToolbarPropsOverrides,\n  useGridApiRef,\n  useKeepGroupedColumnsHidden,\n} from \"@mui/x-data-grid-premium\";\nimport NoSsr from \"@mui/material/NoSsr\";\nimport Skeleton from \"@mui/material/Skeleton\";\nimport { useMemo, useEffect, useCallback, useRef, ReactNode, CSSProperties, RefObject } from \"react\";\nimport TableFallback from \"./EmptyFallback\";\nimport { TableProps } from \"./types\";\nimport { CustomToolbar } from \"./CustomToolbar\";\nimport { HeaderWithTooltip } from \"./HeaderWithToolip\";\nimport { useContainerResize } from \"./useContainerResize\";\n\nexport const autosizeOptions: GridAutosizeOptions = {\n  expand: true,\n  includeHeaders: true,\n  outliersFactor: 1.5,\n};\n\ntype CustomDataGridProps = Omit<TableProps, \"emptyTableFallback\" | \"error\"> & { rows: NonNullable<TableProps[\"rows\"]> };\n\nconst CustomDataGridPremium = (props: CustomDataGridProps) => {\n  const {\n    pagination = true,\n    columns,\n    density = \"compact\",\n    rows,\n    apiRef: externalApiRef,\n    showToolbar = true,\n    divHeight,\n    sx = {},\n    slots = {},\n    label,\n    labelTooltip,\n    downloadFileName,\n    toolbarSlot,\n    toolbarStyle,\n    toolbarIconColor,\n    initialState,\n    onReady,\n    ...restDataGridProps\n  } = props;\n\n  // Create a ref for the wrapper div to measure container resizing\n  const wrapperRef = useRef<HTMLDivElement>(null);\n\n  const toolbarPropsRef = useRef({ label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor });\n  toolbarPropsRef.current = { label, downloadFileName, labelTooltip, toolbarSlot, toolbarStyle, toolbarIconColor };\n\n  // Stable component identity regardless of toolbar prop changes, so DataGrid never unmounts/remounts the toolbar slot\n  const CustomToolbarWrapper = useMemo(\n    () => (props: GridToolbarProps & ToolbarPropsOverrides) => <CustomToolbar {...props} {...toolbarPropsRef.current} />,\n    []\n  );\n\n  // This handles transforming columns of the TableColDef type back to GridColDef, dealing with adding the tooltip element to the RenderHeader\n  const transformedColumns: GridColDef[] = useMemo(() => {\n    return columns.map((col) => {\n      // If no tooltip is defined, return the column as-is\n      if (!col.tooltip) {\n        return col;\n      }\n\n      // If tooltip exists, override the renderHeader with HeaderWithTooltip\n      return {\n        ...col,\n        renderHeader: (params: GridColumnHeaderParams) => (\n          <HeaderWithTooltip\n            params={params}\n            tooltipTitle={col.tooltip!} // We know it exists here\n            originalRenderHeader={col.renderHeader} // Pass the user's custom renderer if it exists\n          />\n        ),\n      };\n    });\n  }, [columns]);\n\n  const internalApiRef = useGridApiRef();\n  // prioritize using the provided apiRef if available, otherwise create a new one\n  const apiRef = externalApiRef ?? internalApiRef;\n\n  const handleResizeCols = useCallback(() => {\n    // need to check .autosizeColumns since the current was being set with an empty object\n    if (!apiRef.current?.autosizeColumns) return;\n    apiRef.current.autosizeColumns(autosizeOptions);\n  }, [apiRef]);\n\n  // trigger resize when rows or columns change so that rows/columns don't need to be memoized outside of this component\n  // otherwise sometimes would snap back to default widths when rows/columns change\n  useEffect(() => {\n    handleResizeCols();\n  }, [rows, transformedColumns, handleResizeCols]);\n\n  useEffect(() => {\n    return apiRef.current?.subscribeEvent(\"rowExpansionChange\", (params) => {\n      if (params.childrenExpanded) {\n        apiRef.current?.autosizeColumns(autosizeOptions);\n      }\n    });\n  }, [apiRef]);\n\n  useEffect(() => {\n    if (!apiRef.current) return;\n    const cleanups = onReady?.(apiRef as RefObject<GridApiPremium>);\n    if (!cleanups) return;\n    if (Array.isArray(cleanups)) return () => cleanups.forEach(fn => fn());\n    return cleanups;\n  // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // Measure wrapper div for changes in size to trigger autosizeColumns\n  // Both resize and viewportInnerSizeChange events on the DataGrid are triggered on column resize so couldn't use those instead\n  useContainerResize(wrapperRef, handleResizeCols);\n\n  const internalInitialState = useKeepGroupedColumnsHidden({\n    apiRef,\n    initialState,\n  });\n\n  return (\n    <div ref={wrapperRef} style={{ width: \"100%\", height: '100%' }}>\n      <DataGridPremium\n        apiRef={apiRef}\n        columns={transformedColumns}\n        autosizeOnMount\n        rows={rows}\n        autosizeOptions={autosizeOptions}\n        disableRowSelectionOnClick\n        showToolbar={showToolbar}\n        density={density}\n        sx={{\n          \"& .MuiDataGrid-toolbarDivider\": {\n            height: \"20px\",\n          },\n          ...sx,\n        }}\n        slots={{\n          toolbar: CustomToolbarWrapper,\n          ...slots,\n        }}\n        disableAggregation\n        disablePivoting\n        initialState={internalInitialState}\n        {...restDataGridProps}\n      />\n    </div>\n  );\n};\n\nconst TableContainer = ({\n  autoHeight,\n  divHeight = {},\n  children,\n}: {\n  autoHeight?: boolean;\n  divHeight?: TableProps[\"divHeight\"];\n  children: ReactNode;\n}) => (\n  <div\n    style={{\n      display: \"flex\",\n      flexDirection: \"column\",\n      height: autoHeight ? \"auto\" : \"100%\",\n      ...divHeight,\n    }}\n  >\n    {children}\n  </div>\n);\n\nconst TableSSRBoundary = ({ children }: { children: ReactNode }) => (\n  <NoSsr fallback={<Skeleton variant=\"rounded\" width=\"100%\" height=\"100%\" sx={{ minHeight: 100 }} />}>\n    {children}\n  </NoSsr>\n);\n\nconst Table = (props: TableProps) => {\n  const {\n    rows = [],\n    emptyTableFallback,\n    error = false,\n    label,\n    divHeight,\n    ...restProps\n  } = props;\n\n  //Assign default ID if no ID is provided in the row data\n  const rowsWithIds = useMemo(() => rows.map((row, index) => ({ ...row, id: row?.id || index })), [rows]);\n\n  if (emptyTableFallback && rowsWithIds.length === 0 && !restProps.loading) {\n    return typeof emptyTableFallback === \"string\" ? (\n      <TableFallback message={emptyTableFallback} variant=\"empty\" />\n    ) : (\n      emptyTableFallback\n    );\n  }\n\n  if (error) {\n    return <TableFallback message={`Error fetching ${label}`} variant=\"error\" />;\n  }\n\n  return (\n    <TableContainer divHeight={divHeight} autoHeight={restProps.autoHeight}>\n      <TableSSRBoundary>\n        <CustomDataGridPremium rows={rowsWithIds} label={label} {...restProps} />\n      </TableSSRBoundary>\n    </TableContainer>\n  );\n};\n\nexport default Table;\n"],"names":["autosizeOptions","expand","includeHeaders","outliersFactor","CustomDataGridPremium","props","pagination","columns","density","rows","apiRef","externalApiRef","showToolbar","divHeight","sx","slots","label","labelTooltip","downloadFileName","toolbarSlot","toolbarStyle","toolbarIconColor","initialState","onReady","restDataGridProps","wrapperRef","useRef","toolbarPropsRef","current","CustomToolbarWrapper","useMemo","jsx","CustomToolbar","transformedColumns","map","col","tooltip","renderHeader","params","HeaderWithTooltip","internalApiRef","useGridApiRef","handleResizeCols","useCallback","autosizeColumns","useEffect","subscribeEvent","childrenExpanded","cleanups","Array","isArray","forEach","fn","useContainerResize","internalInitialState","useKeepGroupedColumnsHidden","width","height","DataGridPremium","toolbar","TableContainer","t0","$","_c","autoHeight","t1","children","t2","undefined","t3","t4","display","flexDirection","t5","TableSSRBoundary","Symbol","for","Skeleton","minHeight","NoSsr","Table","emptyTableFallback","restProps","error","_temp","rowsWithIds","length","loading","TableFallback","row","index","id"],"mappings":"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"}

package/dist/ui-components.es50.js

@@ -1,13 +1,13 @@
 import * as v from "react";
-import { clsx as w } from "./ui-components.es91.js";
+import { clsx as w } from "./ui-components.es99.js";
 import t from "./ui-components.es88.js";
-import C from "./ui-components.es93.js";
-import { getSkeletonUtilityClass as k } from "./ui-components.es102.js";
+import C from "./ui-components.es102.js";
+import { getSkeletonUtilityClass as k } from "./ui-components.es129.js";
 import { j as x } from "./ui-components.es15.js";
 import R from "./ui-components.es34.js";
-import { getUnit as O, toUnitless as T } from "./ui-components.es103.js";
-import { useDefaultProps as $ } from "./ui-components.es96.js";
-import S from "./ui-components.es97.js";
+import { getUnit as O, toUnitless as T } from "./ui-components.es130.js";
+import { useDefaultProps as $ } from "./ui-components.es91.js";
+import S from "./ui-components.es111.js";
 import { keyframes as f, css as h } from "@emotion/react";
 const j = (e) => {
   const {

package/dist/ui-components.es51.js

@@ -1,7 +1,7 @@
 import * as p from "react";
 import o from "./ui-components.es88.js";
-import a from "./ui-components.es89.js";
-import d from "./ui-components.es90.js";
+import a from "./ui-components.es127.js";
+import d from "./ui-components.es128.js";
 function r(f) {
   const {
     children: s,

package/dist/ui-components.es52.js

@@ -1,22 +1,22 @@
 import * as se from "react";
 import e from "./ui-components.es88.js";
-import { clsx as U } from "./ui-components.es91.js";
-import { useRtl as Ee } from "./ui-components.es147.js";
-import { useSlider as De, valueToPercent as ie } from "./ui-components.es205.js";
-import S from "./ui-components.es93.js";
-import ue from "./ui-components.es206.js";
-import qe from "./ui-components.es207.js";
-import X from "./ui-components.es133.js";
-import Ue from "./ui-components.es208.js";
-import d, { getSliderUtilityClass as He } from "./ui-components.es209.js";
+import { clsx as U } from "./ui-components.es99.js";
+import { useRtl as Ee } from "./ui-components.es100.js";
+import { useSlider as De, valueToPercent as ie } from "./ui-components.es101.js";
+import S from "./ui-components.es102.js";
+import ue from "./ui-components.es103.js";
+import qe from "./ui-components.es104.js";
+import X from "./ui-components.es105.js";
+import Ue from "./ui-components.es106.js";
+import d, { getSliderUtilityClass as He } from "./ui-components.es107.js";
 import { j as u } from "./ui-components.es15.js";
-import { useDefaultProps as Xe } from "./ui-components.es96.js";
-import y from "./ui-components.es210.js";
-import H from "./ui-components.es128.js";
-import v from "./ui-components.es108.js";
-import We from "./ui-components.es97.js";
+import { useDefaultProps as Xe } from "./ui-components.es91.js";
+import y from "./ui-components.es108.js";
+import H from "./ui-components.es109.js";
+import v from "./ui-components.es110.js";
+import We from "./ui-components.es111.js";
 import h from "./ui-components.es34.js";
-import pe from "./ui-components.es98.js";
+import pe from "./ui-components.es112.js";
 function ce(t) {
   return t;
 }

package/dist/ui-components.es53.js

@@ -1,9 +1,9 @@
 import e from "./ui-components.es88.js";
-import p from "./ui-components.es92.js";
-import i from "./ui-components.es211.js";
-import { useDefaultProps as s } from "./ui-components.es96.js";
+import p from "./ui-components.es89.js";
+import i from "./ui-components.es90.js";
+import { useDefaultProps as s } from "./ui-components.es91.js";
 import a from "./ui-components.es34.js";
-import c from "./ui-components.es212.js";
+import c from "./ui-components.es92.js";
 const n = i({
   createStyledComponent: a("div", {
     name: "MuiGrid",

package/dist/ui-components.es54.js

@@ -1,21 +1,21 @@
 import * as ae from "react";
 import e from "./ui-components.es88.js";
-import { clsx as me } from "./ui-components.es91.js";
-import { getTextFieldUtilityClass as ce } from "./ui-components.es198.js";
-import r from "./ui-components.es111.js";
+import { clsx as me } from "./ui-components.es99.js";
+import { getTextFieldUtilityClass as ce } from "./ui-components.es114.js";
+import r from "./ui-components.es115.js";
 import { j as p } from "./ui-components.es15.js";
-import { useDefaultProps as de } from "./ui-components.es96.js";
-import fe from "./ui-components.es113.js";
-import be from "./ui-components.es199.js";
-import Te from "./ui-components.es200.js";
-import ye from "./ui-components.es201.js";
-import Pe from "./ui-components.es202.js";
-import he from "./ui-components.es203.js";
-import xe from "./ui-components.es114.js";
-import Ie from "./ui-components.es97.js";
+import { useDefaultProps as de } from "./ui-components.es91.js";
+import fe from "./ui-components.es116.js";
+import be from "./ui-components.es117.js";
+import Te from "./ui-components.es118.js";
+import ye from "./ui-components.es119.js";
+import Pe from "./ui-components.es120.js";
+import he from "./ui-components.es121.js";
+import xe from "./ui-components.es122.js";
+import Ie from "./ui-components.es111.js";
 import Fe from "./ui-components.es34.js";
-import Oe from "./ui-components.es204.js";
-import je from "./ui-components.es130.js";
+import Oe from "./ui-components.es123.js";
+import je from "./ui-components.es124.js";
 const ge = {
   standard: ye,
   filled: Te,

package/dist/ui-components.es55.js

@@ -1,73 +1,9 @@
-import { j as t } from "./ui-components.es15.js";
-import { c as S } from "./ui-components.es16.js";
-import { Stack as D, Typography as y, IconButton as C, Divider as v, Box as g, Button as _, Modal as k } from "@mui/material";
-import G from "./ui-components.es18.js";
-const P = (o) => {
-  const e = S.c(24), {
-    open: h,
-    onClose: l,
-    onDownloadSVG: b,
-    onDownloadPNG: u,
-    plotTitle: j
-  } = o;
-  let n;
-  e[0] !== u ? (n = {
-    label: "PNG",
-    action: u
-  }, e[0] = u, e[1] = n) : n = e[1];
-  let r;
-  e[2] !== b ? (r = {
-    label: "SVG",
-    action: b
-  }, e[2] = b, e[3] = r) : r = e[3];
-  let d;
-  e[4] !== n || e[5] !== r ? (d = [n, r].filter(I), e[4] = n, e[5] = r, e[6] = d) : d = e[6];
-  const w = d;
-  let m;
-  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    bgcolor: "background.paper",
-    boxShadow: 24,
-    borderRadius: 2,
-    p: 3,
-    width: 360
-  }, e[7] = m) : m = e[7];
-  let i;
-  e[8] !== j ? (i = /* @__PURE__ */ t.jsxs(y, { variant: "h6", fontWeight: 600, mb: 1, children: [
-    "Download ",
-    j
-  ] }), e[8] = j, e[9] = i) : i = e[9];
-  let f;
-  e[10] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = /* @__PURE__ */ t.jsx(y, { variant: "body2", color: "text.secondary", mb: 2, children: "Choose a file format to export your plot." }), e[10] = f) : f = e[10];
-  let p;
-  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (p = /* @__PURE__ */ t.jsx(v, { flexItem: !0 }), e[11] = p) : p = e[11];
-  let a;
-  e[12] !== w ? (a = /* @__PURE__ */ t.jsx(D, { spacing: 1.5, divider: p, children: w.map(B) }), e[12] = w, e[13] = a) : a = e[13];
-  let s;
-  e[14] !== l ? (s = /* @__PURE__ */ t.jsx(g, { mt: 3, textAlign: "right", children: /* @__PURE__ */ t.jsx(_, { onClick: l, children: "Close" }) }), e[14] = l, e[15] = s) : s = e[15];
-  let c;
-  e[16] !== i || e[17] !== a || e[18] !== s ? (c = /* @__PURE__ */ t.jsxs(g, { sx: m, children: [
-    i,
-    f,
-    a,
-    s
-  ] }), e[16] = i, e[17] = a, e[18] = s, e[19] = c) : c = e[19];
-  let x;
-  return e[20] !== l || e[21] !== h || e[22] !== c ? (x = /* @__PURE__ */ t.jsx(k, { open: h, onClose: l, children: c }), e[20] = l, e[21] = h, e[22] = c, e[23] = x) : x = e[23], x;
-};
-function I(o) {
-  return o.action;
-}
-function B(o) {
-  return /* @__PURE__ */ t.jsxs(D, { direction: "row", alignItems: "center", justifyContent: "space-between", children: [
-    /* @__PURE__ */ t.jsx(y, { variant: "body1", children: o.label }),
-    /* @__PURE__ */ t.jsx(C, { color: "primary", onClick: o.action, "aria-label": `Download ${o.label}`, children: /* @__PURE__ */ t.jsx(G, {}) })
-  ] }, o.label);
-}
+import { createContext as o, useContext as t } from "react";
+const n = o({
+  onDownload: void 0
+}), r = () => t(n);
 export {
-  P as default
+  n as DownloadContext,
+  r as useDownloadContext
 };
 //# sourceMappingURL=ui-components.es55.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es55.js","sources":["../src/components/TwoPaneLayout/DownloadModal.tsx"],"sourcesContent":["import React from \"react\";\nimport { Modal, Box, IconButton, Stack, Typography, Divider, Button } from \"@mui/material\";\nimport DownloadIcon from \"@mui/icons-material/Download\";\n\nexport interface DownloadModalProps {\n  open: boolean;\n  onClose: () => void;\n  onDownloadSVG?: () => void;\n  onDownloadPNG?: () => void;\n  plotTitle: string;\n}\n\nconst DownloadModal: React.FC<DownloadModalProps> = ({ open, onClose, onDownloadSVG, onDownloadPNG, plotTitle }) => {\n  const downloadOptions = [\n    { label: \"PNG\", action: onDownloadPNG },\n    { label: \"SVG\", action: onDownloadSVG },\n  ].filter((option) => option.action);\n\n  return (\n    <Modal open={open} onClose={onClose}>\n      <Box\n        sx={{\n          position: \"absolute\",\n          top: \"50%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          bgcolor: \"background.paper\",\n          boxShadow: 24,\n          borderRadius: 2,\n          p: 3,\n          width: 360,\n        }}\n      >\n        <Typography variant=\"h6\" fontWeight={600} mb={1}>\n          Download {plotTitle}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" mb={2}>\n          Choose a file format to export your plot.\n        </Typography>\n        <Stack spacing={1.5} divider={<Divider flexItem />}>\n          {downloadOptions.map((option) => (\n            <Stack key={option.label} direction=\"row\" alignItems=\"center\" justifyContent=\"space-between\">\n              <Typography variant=\"body1\">{option.label}</Typography>\n              <IconButton color=\"primary\" onClick={option.action} aria-label={`Download ${option.label}`}>\n                <DownloadIcon />\n              </IconButton>\n            </Stack>\n          ))}\n        </Stack>\n        <Box mt={3} textAlign=\"right\">\n          <Button onClick={onClose}>Close</Button>\n        </Box>\n      </Box>\n    </Modal>\n  );\n};\n\nexport default DownloadModal;\n"],"names":["DownloadModal","t0","$","_c","open","onClose","onDownloadSVG","onDownloadPNG","plotTitle","t1","label","action","t2","t3","filter","_temp","downloadOptions","t4","Symbol","for","position","top","left","transform","bgcolor","boxShadow","borderRadius","p","width","t5","Typography","t6","t7","Divider","t8","jsx","Stack","map","_temp2","t9","Box","Button","t10","jsxs","t11","Modal","option","option_0","IconButton","DownloadIcon"],"mappings":"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"}
+{"version":3,"file":"ui-components.es55.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.es56.js

@@ -1,33 +1,57 @@
-import { j as c } from "./ui-components.es15.js";
-import { c as f } from "./ui-components.es16.js";
-import { useState as x } from "react";
-import b from "./ui-components.es42.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;
+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
+` : ""}`;
 }
+const h = {
+  dnase: "#06DA93",
+  h3k27ac: "#FFCD00",
+  h3k4me3: "#FF0000",
+  ctcf: "#00B0F0",
+  atac: "#02c7b9"
+};
 export {
-  j as default
+  h as ASSAY_COLORS,
+  f as assayHoverInfo,
+  s as fetchFileSize,
+  i as formatAssay,
+  o as formatFileSize
 };
 //# sourceMappingURL=ui-components.es56.js.map

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

@@ -1 +1 @@
-{"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;"}
+{"version":3,"file":"ui-components.es56.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;"}

package/dist/ui-components.es57.js

@@ -1,30 +1,165 @@
 import { j as l } from "./ui-components.es15.js";
-import { c as f } from "./ui-components.es16.js";
-import { Switch as x, Box as p, Tooltip as u, FormControlLabel as S } from "@mui/material";
-import { Sort as h } from "@mui/icons-material";
-const g = (a) => {
-  const e = f.c(9), {
-    autoSort: m,
-    setAutoSort: c
-  } = a;
-  let r;
-  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (r = {
-    mr: 1
-  }, e[0] = r) : r = e[0];
-  let t;
-  e[1] !== c ? (t = (j, n) => c(n), e[1] = c, e[2] = t) : t = e[2];
-  let o;
-  e[3] !== m || e[4] !== t ? (o = /* @__PURE__ */ l.jsx(x, { color: "primary", size: "small", sx: r, checked: m, onChange: t }), e[3] = m, e[4] = t, e[5] = o) : o = e[5];
-  let s;
-  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (s = /* @__PURE__ */ l.jsx(p, { sx: {
-    display: "flex",
-    alignItems: "center",
-    lineHeight: 1
-  }, children: /* @__PURE__ */ l.jsx(h, { fontSize: "small" }) }), e[6] = s) : s = e[6];
-  let i;
-  return e[7] !== o ? (i = /* @__PURE__ */ l.jsx(u, { title: "Auto sort selected rows", children: /* @__PURE__ */ l.jsx(S, { value: "autoSort", control: o, label: s, labelPlacement: "start" }) }), e[7] = o, e[8] = i) : i = e[8], i;
+import { c as de } from "./ui-components.es16.js";
+import { Box as fe, Divider as me, Typography as ge, IconButton as pe, Tooltip as he, DialogTitle as ue, Checkbox as X, FormControlLabel as Y, DialogContent as xe, Stack as be, Button as Z, DialogActions as je, Dialog as Ce } from "@mui/material";
+import { useState as S } from "react";
+import { Download as _e } from "@mui/icons-material";
+import { ontologyDownloadMap as we } from "./ui-components.es231.js";
+import { formatFileSize as ee, fetchFileSize as le } from "./ui-components.es56.js";
+import { useDownloadContext as De } from "./ui-components.es55.js";
+const ke = (n) => {
+  const e = n.toLowerCase().replace(/\s+/g, "_");
+  return we[e] ?? [];
+}, Oe = (n) => {
+  const e = de.c(66), {
+    ontology: o
+  } = n, [I, F] = S(!1), [c, te] = S(!1), [r, oe] = S(!1), [D, ne] = S(null), [k, ie] = S(null), {
+    onDownload: A
+  } = De();
+  let t, i, E;
+  e[0] !== o ? (t = ke(o), i = t.find(ye)?.filename ?? void 0, E = t.find(Se)?.filename ?? void 0, e[0] = o, e[1] = t, e[2] = i, e[3] = E) : (t = e[1], i = e[2], E = e[3]);
+  const a = E;
+  let v;
+  e[4] !== a || e[5] !== k || e[6] !== i || e[7] !== D ? (v = () => {
+    i && !D && le(`https://downloads.wenglab.org/${i}`, ne), a && !k && le(`https://downloads.wenglab.org/${a}`, ie), F(!0);
+  }, e[4] = a, e[5] = k, e[6] = i, e[7] = D, e[8] = v) : v = e[8];
+  const U = v;
+  let $;
+  e[9] !== r || e[10] !== a || e[11] !== t || e[12] !== i || e[13] !== c || e[14] !== A || e[15] !== o ? ($ = () => {
+    if (!t || t.length === 0)
+      return;
+    const s = [];
+    c && i && s.push({
+      filename: i,
+      label: "excluding_cancer_cell_lines"
+    }), r && a && s.push({
+      filename: a,
+      label: "all_biosamples"
+    }), s.forEach((se, ae) => {
+      const {
+        filename: V,
+        label: ce
+      } = se, W = `https://downloads.wenglab.org/${V}`;
+      setTimeout(() => {
+        if (A) {
+          const re = `${o}_aggregate_ccres_${ce}`;
+          A(W, re);
+        }
+        const y = document.createElement("a");
+        y.href = W, y.download = V, document.body.appendChild(y), y.click(), document.body.removeChild(y);
+      }, ae * 500);
+    });
+  }, e[9] = r, e[10] = a, e[11] = t, e[12] = i, e[13] = c, e[14] = A, e[15] = o, e[16] = $) : $ = e[16];
+  const M = $;
+  let d;
+  e[17] !== t || e[18] !== o ? (d = t.length === 0 ? "No Aggregate cCRE Download Options" : /* @__PURE__ */ l.jsxs(fe, { children: [
+    "Download cCREs in ",
+    o.charAt(0).toUpperCase() + o.slice(1),
+    ":",
+    /* @__PURE__ */ l.jsx("ul", { style: {
+      margin: 0,
+      paddingLeft: 16
+    }, children: t.map(Fe) }),
+    "(Opens Download Dialog)"
+  ] }), e[17] = t, e[18] = o, e[19] = d) : d = e[19];
+  let f;
+  e[20] !== U ? (f = (s) => {
+    s.stopPropagation(), U();
+  }, e[20] = U, e[21] = f) : f = e[21];
+  const q = t.length === 0;
+  let R;
+  e[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (R = /* @__PURE__ */ l.jsx(_e, {}), e[22] = R) : R = e[22];
+  let m;
+  e[23] !== f || e[24] !== q ? (m = /* @__PURE__ */ l.jsx("span", { children: /* @__PURE__ */ l.jsx(pe, { onClick: f, disabled: q, children: R }) }), e[23] = f, e[24] = q, e[25] = m) : m = e[25];
+  let g;
+  e[26] !== d || e[27] !== m ? (g = /* @__PURE__ */ l.jsx(he, { title: d, placement: "left", arrow: !0, children: m }), e[26] = d, e[27] = m, e[28] = g) : g = e[28];
+  let T;
+  e[29] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (T = (s) => {
+    s.stopPropagation(), F(!1);
+  }, e[29] = T) : T = e[29];
+  let z;
+  e[30] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (z = {
+    backdrop: {
+      sx: {
+        backgroundColor: "rgba(255, 255, 255, 0.1)",
+        backdropFilter: "blur(2px)"
+      }
+    }
+  }, e[30] = z) : z = e[30];
+  let B;
+  e[31] !== o ? (B = o.charAt(0).toUpperCase(), e[31] = o, e[32] = B) : B = e[32];
+  const G = B + o.slice(1);
+  let p;
+  e[33] !== G ? (p = /* @__PURE__ */ l.jsxs(ue, { id: "export-dialog-title", children: [
+    "Download cCREs in ",
+    G,
+    ":"
+  ] }), e[33] = G, e[34] = p) : p = e[34];
+  let L;
+  e[35] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (L = (s) => oe(s.target.checked), e[35] = L) : L = e[35];
+  const H = !a;
+  let h;
+  e[36] !== r || e[37] !== H ? (h = /* @__PURE__ */ l.jsx(X, { checked: r, onChange: L, disabled: H }), e[36] = r, e[37] = H, e[38] = h) : h = e[38];
+  const J = `Aggregate cCREs (all biosamples)${k ? " - " + ee(k) : ""}`;
+  let u;
+  e[39] !== h || e[40] !== J ? (u = /* @__PURE__ */ l.jsx(Y, { control: h, label: J }), e[39] = h, e[40] = J, e[41] = u) : u = e[41];
+  let O;
+  e[42] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (O = (s) => te(s.target.checked), e[42] = O) : O = e[42];
+  const K = !i;
+  let x;
+  e[43] !== c || e[44] !== K ? (x = /* @__PURE__ */ l.jsx(X, { checked: c, onChange: O, disabled: K }), e[43] = c, e[44] = K, e[45] = x) : x = e[45];
+  const Q = `Aggregate cCREs (excluding cancer cell lines)${D ? " - " + ee(D) : ""}`;
+  let b;
+  e[46] !== x || e[47] !== Q ? (b = /* @__PURE__ */ l.jsx(Y, { control: x, label: Q }), e[46] = x, e[47] = Q, e[48] = b) : b = e[48];
+  let j;
+  e[49] !== t.length ? (j = t.length <= 1 && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    /* @__PURE__ */ l.jsx(me, { sx: {
+      marginTop: 1
+    } }),
+    /* @__PURE__ */ l.jsx(ge, { marginTop: 1, children: /* @__PURE__ */ l.jsx("strong", { children: "No cancerous cell lines available in this tissue" }) })
+  ] }), e[49] = t.length, e[50] = j) : j = e[50];
+  let C;
+  e[51] !== u || e[52] !== b || e[53] !== j ? (C = /* @__PURE__ */ l.jsx(xe, { children: /* @__PURE__ */ l.jsxs(be, { children: [
+    u,
+    b,
+    j
+  ] }) }), e[51] = u, e[52] = b, e[53] = j, e[54] = C) : C = e[54];
+  let N;
+  e[55] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (N = /* @__PURE__ */ l.jsx(Z, { onClick: () => {
+    F(!1);
+  }, children: "Cancel" }), e[55] = N) : N = e[55];
+  let _;
+  e[56] !== M ? (_ = /* @__PURE__ */ l.jsxs(je, { children: [
+    N,
+    /* @__PURE__ */ l.jsx(Z, { variant: "contained", onClick: () => {
+      M(), F(!1);
+    }, children: "Download" })
+  ] }), e[56] = M, e[57] = _) : _ = e[57];
+  let w;
+  e[58] !== I || e[59] !== p || e[60] !== C || e[61] !== _ ? (w = /* @__PURE__ */ l.jsxs(Ce, { open: I, onClose: T, "aria-labelledby": "export-dialog-title", disableScrollLock: !0, slotProps: z, onClick: Ae, children: [
+    p,
+    C,
+    _
+  ] }), e[58] = I, e[59] = p, e[60] = C, e[61] = _, e[62] = w) : w = e[62];
+  let P;
+  return e[63] !== w || e[64] !== g ? (P = /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
+    g,
+    w
+  ] }), e[63] = w, e[64] = g, e[65] = P) : P = e[65], P;
 };
+function ye(n) {
+  return n.label === "Excluding Cancer Cell Lines";
+}
+function Se(n) {
+  return n.label === "All Biosamples";
+}
+function Fe(n) {
+  return /* @__PURE__ */ l.jsx("li", { children: n.label }, n.filename);
+}
+function Ae(n) {
+  return n.stopPropagation();
+}
 export {
-  g as default
+  Oe as AggregateDownloadButton,
+  ke as getAvailableFiles
 };
 //# sourceMappingURL=ui-components.es57.js.map