@weng-lab/ui-components 2.1.0 → 2.1.1

package/dist/ui-components.es5.js

@@ -1,108 +1,158 @@
-import { j as l } from "./ui-components.es13.js";
-import O, { useState as k, useEffect as K, useCallback as T, createElement as R } from "react";
-import { c as q } from "./ui-components.es15.js";
-import { isDomain as M } from "./ui-components.es58.js";
-import { Box as A, Autocomplete as _, TextField as F, Button as N, Typography as m } from "@mui/material";
-import { useEntityAutocomplete as V } from "./ui-components.es7.js";
-const p = 3, z = ({
-  queries: t,
-  assembly: e,
-  showiCREFlag: o,
-  geneVersion: j,
-  geneLimit: v = p,
-  snpLimit: c = p,
-  icreLimit: s = p,
-  ccreLimit: r = p,
-  legacyCcreLimit: D = p,
-  studyLimit: G = p,
-  onSearchSubmit: a,
-  defaultResults: W = [],
-  style: C,
-  sx: b,
-  slots: d,
-  slotProps: h,
-  ...B
-}) => {
-  const [u, y] = k(""), [x, g] = k(null), {
-    data: f,
-    loading: w
-  } = V(u && u !== "" ? [u] : [], {
-    queries: t,
-    assembly: e,
-    geneVersion: j,
-    limits: {
-      gene: v,
-      snp: c,
-      icre: s,
-      ccre: r,
-      legacyCcre: D,
-      study: G
-    },
-    showiCREFlag: o,
-    debounceMs: 100
+import { j as a } from "./ui-components.es13.js";
+import { c as w } from "./ui-components.es14.js";
+import { useGridApiRef as $, useKeepGroupedColumnsHidden as I, DataGridPremium as M } from "@mui/x-data-grid-premium";
+import { useRef as E, useMemo as z, useCallback as O, useEffect as j } from "react";
+import k from "./ui-components.es15.js";
+import { CustomToolbar as W } from "./ui-components.es16.js";
+import { HeaderWithTooltip as _ } from "./ui-components.es17.js";
+import { useContainerResize as N } from "./ui-components.es18.js";
+import B from "./ui-components.es19.js";
+import K from "./ui-components.es20.js";
+const y = {
+  expand: !0,
+  includeHeaders: !0,
+  outliersFactor: 1.5
+}, q = (l) => {
+  const {
+    pagination: e = !0,
+    columns: o,
+    density: t = "compact",
+    rows: r,
+    apiRef: s,
+    showToolbar: i = !0,
+    divHeight: u,
+    sx: b = {},
+    slots: g = {},
+    label: R,
+    labelTooltip: f,
+    downloadFileName: p,
+    toolbarSlot: m,
+    toolbarStyle: h,
+    toolbarIconColor: c,
+    initialState: x,
+    onReady: A,
+    ...D
+  } = l, H = E(null), S = E({
+    label: R,
+    downloadFileName: p,
+    labelTooltip: f,
+    toolbarSlot: m,
+    toolbarStyle: h,
+    toolbarIconColor: c
   });
-  K(() => {
-    y(""), g(null);
-  }, [e]);
-  const E = T(() => {
-    x && a && a(x);
-  }, [a, x]), L = T((n) => {
-    if (n.key === "Enter") {
-      const i = f?.find((I) => I.title?.toLowerCase() === u.toLowerCase());
-      i && (g(i), a && a(i));
-    }
-  }, [f, g, a]), $ = (n, i) => {
-    g(i), y(i?.title || "");
+  S.current = {
+    label: R,
+    downloadFileName: p,
+    labelTooltip: f,
+    toolbarSlot: m,
+    toolbarStyle: h,
+    toolbarIconColor: c
   };
-  return /* @__PURE__ */ l.jsxs(A, { display: "flex", flexDirection: "row", gap: 2, style: {
-    ...C
-  }, sx: {
+  const G = z(() => (n) => /* @__PURE__ */ a.jsx(W, { ...n, ...S.current }), []), T = z(() => o.map((n) => n.tooltip ? {
+    ...n,
+    renderHeader: (C) => /* @__PURE__ */ a.jsx(
+      _,
+      {
+        params: C,
+        tooltipTitle: n.tooltip,
+        originalRenderHeader: n.renderHeader
+      }
+    )
+  } : n), [o]), P = $(), d = s ?? P, v = O(() => {
+    d.current?.autosizeColumns && d.current.autosizeColumns(y);
+  }, [d]);
+  j(() => {
+    v();
+  }, [r, T, v]), j(() => d.current?.subscribeEvent("rowExpansionChange", (n) => {
+    n.childrenExpanded && d.current?.autosizeColumns(y);
+  }), [d]), j(() => {
+    if (!d.current) return;
+    const n = A?.(d);
+    if (n)
+      return Array.isArray(n) ? () => n.forEach((C) => C()) : n;
+  }, []), N(H, v);
+  const F = I({
+    apiRef: d,
+    initialState: x
+  });
+  return /* @__PURE__ */ a.jsx("div", { ref: H, style: {
+    width: "100%",
+    height: "100%"
+  }, children: /* @__PURE__ */ a.jsx(M, { apiRef: d, columns: T, autosizeOnMount: !0, rows: r, autosizeOptions: y, disableRowSelectionOnClick: !0, showToolbar: i, density: t, sx: {
+    "& .MuiDataGrid-toolbarDivider": {
+      height: "20px"
+    },
     ...b
-  }, ...h?.box, children: [
-    /* @__PURE__ */ l.jsx(_, { onChange: $, value: x, options: u === "" ? W : w || !f ? [] : f, getOptionLabel: (n) => n.title || "", groupBy: (n) => n.type || "", renderGroup: (n) => H(n, u), noOptionsText: J(u, w, f), isOptionEqualToValue: (n, i) => n.title === i.title, renderOption: Q, filterOptions: (n) => n, renderInput: (n) => d && d.input ? O.cloneElement(d.input, {
-      ...n,
-      onKeyDown: L,
-      value: u,
-      onChange: (i) => y(i.target.value)
-    }) : /* @__PURE__ */ l.jsx(F, { ...n, label: "Search", onKeyDown: L, value: u, onChange: (i) => y(i.target.value), ...h?.input }), style: C, sx: b, ...B }),
-    d && d.button ? O.cloneElement(d.button, {
-      onClick: () => E()
-    }) : /* @__PURE__ */ l.jsx(N, { variant: "contained", onClick: () => E(), ...h?.button, children: h?.button?.children || "Go" })
-  ] });
+  }, slots: {
+    toolbar: G,
+    ...g
+  }, disableAggregation: !0, disablePivoting: !0, initialState: F, ...D }) });
+}, J = (l) => {
+  const e = w.c(7), {
+    divHeight: o,
+    children: t
+  } = l;
+  let r;
+  e[0] !== o ? (r = o === void 0 ? {} : o, e[0] = o, e[1] = r) : r = e[1];
+  const s = r;
+  let i;
+  e[2] !== s ? (i = {
+    display: "flex",
+    flexDirection: "column",
+    height: "min-content",
+    ...s
+  }, e[2] = s, e[3] = i) : i = e[3];
+  let u;
+  return e[4] !== t || e[5] !== i ? (u = /* @__PURE__ */ a.jsx("div", { style: i, children: t }), e[4] = t, e[5] = i, e[6] = u) : u = e[6], u;
+}, L = (l) => {
+  const e = w.c(3), {
+    children: o
+  } = l;
+  let t;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (t = /* @__PURE__ */ a.jsx(B, { variant: "rounded", width: "100%", height: "100%", sx: {
+    minHeight: 100
+  } }), e[0] = t) : t = e[0];
+  let r;
+  return e[1] !== o ? (r = /* @__PURE__ */ a.jsx(K, { fallback: t, children: o }), e[1] = o, e[2] = r) : r = e[2], r;
+}, ne = (l) => {
+  const e = w.c(22);
+  let o, t, r, s, i, u;
+  e[0] !== l ? ({
+    rows: i,
+    emptyTableFallback: t,
+    error: u,
+    label: r,
+    divHeight: o,
+    ...s
+  } = l, e[0] = l, e[1] = o, e[2] = t, e[3] = r, e[4] = s, e[5] = i, e[6] = u) : (o = e[1], t = e[2], r = e[3], s = e[4], i = e[5], u = e[6]);
+  let b;
+  e[7] !== i ? (b = i === void 0 ? [] : i, e[7] = i, e[8] = b) : b = e[8];
+  const g = b, R = u === void 0 ? !1 : u;
+  let f;
+  e[9] !== g ? (f = g.map(Q), e[9] = g, e[10] = f) : f = e[10];
+  const p = f;
+  if (t && p.length === 0 && !s.loading) {
+    let c;
+    return e[11] !== t ? (c = typeof t == "string" ? /* @__PURE__ */ a.jsx(k, { message: t, variant: "empty" }) : t, e[11] = t, e[12] = c) : c = e[12], c;
+  }
+  if (R) {
+    const c = `Error fetching ${r}`;
+    let x;
+    return e[13] !== c ? (x = /* @__PURE__ */ a.jsx(k, { message: c, variant: "error" }), e[13] = c, e[14] = x) : x = e[14], x;
+  }
+  let m;
+  e[15] !== r || e[16] !== s || e[17] !== p ? (m = /* @__PURE__ */ a.jsx(L, { children: /* @__PURE__ */ a.jsx(q, { rows: p, label: r, ...s }) }), e[15] = r, e[16] = s, e[17] = p, e[18] = m) : m = e[18];
+  let h;
+  return e[19] !== o || e[20] !== m ? (h = /* @__PURE__ */ a.jsx(J, { divHeight: o, children: m }), e[19] = o, e[20] = m, e[21] = h) : h = e[21], h;
 };
-function H(t, e) {
-  const o = Array.isArray(t.children) && !M(e) ? t.children.sort((j, v) => {
-    const c = (j.props?.children?.props?.children?.[0]?.props?.children || "").toLowerCase(), s = (v.props?.children?.props?.children?.[0]?.props?.children || "").toLowerCase(), r = e.toLowerCase();
-    return c === r && s !== r ? -1 : s === r && c !== r ? 1 : c.startsWith(r) && !s.startsWith(r) ? -1 : s.startsWith(r) && !c.startsWith(r) ? 1 : c.includes(r) && !s.includes(r) ? -1 : s.includes(r) && !c.includes(r) ? 1 : c.localeCompare(s);
-  }) : t.children;
-  return /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsx(m, { variant: "subtitle2", sx: {
-      color: "gray",
-      paddingInline: 1.5,
-      paddingBlock: 1
-    }, children: t.group }),
-    o
-  ] }, t.key);
-}
-function J(t, e, o) {
-  return /* @__PURE__ */ l.jsx(m, { variant: "caption", children: t ? e ? "Loading..." : Array.isArray(o) && o.length === 0 ? "No results found" : "" : "Start typing for options" });
-}
-function Q(t, e) {
-  return /* @__PURE__ */ R("li", { ...t, key: `${e.type}-${e.title || "untitled"}-${e.description || "no-description"}` }, /* @__PURE__ */ l.jsxs(A, { children: [
-    /* @__PURE__ */ l.jsx(m, { variant: "body1", component: "div", fontWeight: "bold", sx: e.type === "Gene" ? {
-      fontStyle: "italic"
-    } : {}, children: e.title }),
-    /* @__PURE__ */ l.jsx(m, { variant: "body2", color: "text.secondary", style: {
-      whiteSpace: "pre-line"
-    }, children: e.description })
-  ] }));
-}
-function ee(t) {
-  const e = q.c(2);
-  let o;
-  return e[0] !== t ? (o = /* @__PURE__ */ l.jsx(z, { ...t }), e[0] = t, e[1] = o) : o = e[1], o;
+function Q(l, e) {
+  return {
+    ...l,
+    id: l?.id || e
+  };
 }
 export {
-  ee as default
+  y as autosizeOptions,
+  ne as default
 };
 //# sourceMappingURL=ui-components.es5.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es5.js","sources":["../src/components/GenomeSearch/GenomeSearch.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useState } from \"react\";\nimport {\n  isDomain,\n} from \"./utils\";\nimport { AutocompleteProps, Box, Button, ButtonProps, TextField, TextFieldProps, Typography } from \"@mui/material\";\nimport { Autocomplete } from \"@mui/material\";\nimport { GenomeSearchProps, Result } from \"./types\";\nimport { useEntityAutocomplete } from \"./useEntityAutocomplete\";\n\nconst defaultLimit = 3\n\n/**\n * An autocomplete search component for genomic landmarks such as genes, SNPs, ICRs, and CCRs.\n * The props extends the MUI Autocomplete props, so you are able to adjust that component's props as well.\n * You can also use the slots and slotProps to customize the search's internal components, such as the input, button and the bounding box.\n * To use, pass in a list of the queries you want to run, and the assembly i.e. GRCh38 or mm10.\n * You must also provide a function to call when a result is selected, which will run when the user clicks the button.\n * @param props - extends MUI AutocompleteProps and includes additional props specific to this component\n */\nconst Search: React.FC<GenomeSearchProps> = ({\n  queries,\n  assembly,\n  showiCREFlag,\n  geneVersion,\n  geneLimit = defaultLimit,\n  snpLimit = defaultLimit,\n  icreLimit = defaultLimit,\n  ccreLimit = defaultLimit,\n  legacyCcreLimit = defaultLimit,\n  studyLimit = defaultLimit,\n  onSearchSubmit,\n  defaultResults = [],\n  style,\n  sx,\n  slots,\n  slotProps,\n  ...autocompleteProps\n}) => {\n  const [inputValue, setInputValue] = useState(\"\");\n  const [selection, setSelection] = useState<Result | null>(null);\n\n  const { data, loading } = useEntityAutocomplete(\n    inputValue && inputValue !== \"\" ? [inputValue] : [],\n    {\n      queries,\n      assembly,\n      geneVersion,\n      limits: {\n        gene: geneLimit,\n        snp: snpLimit,\n        icre: icreLimit,\n        ccre: ccreLimit,\n        legacyCcre: legacyCcreLimit,\n        study: studyLimit,\n      },\n      showiCREFlag,\n      debounceMs: 100,\n    }\n  );\n\n  //Clear input on assembly change\n  useEffect(() => {\n    setInputValue(\"\");\n    setSelection(null);\n  }, [assembly]);\n\n  // Handle submit\n  const onSubmit = useCallback(() => {\n    if (selection && onSearchSubmit) onSearchSubmit(selection);\n  }, [onSearchSubmit, selection]);\n\n  // Handle enter key down\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent) => {\n      if (event.key === \"Enter\") {\n        const exactMatch = data?.find((x) => x.title?.toLowerCase() === inputValue.toLowerCase());\n        if (exactMatch) {\n          setSelection(exactMatch);\n          if (onSearchSubmit) onSearchSubmit(exactMatch);\n        }\n      }\n    },\n    [data, setSelection, onSearchSubmit]\n  );\n\n  const onChange = (_event: React.SyntheticEvent<Element, Event>, newValue: Result) => {\n    setSelection(newValue);\n    setInputValue(newValue?.title || \"\"); //needed so that the matching to inputValue works on enter press after selection\n  };\n\n  return (\n    <Box display=\"flex\" flexDirection=\"row\" gap={2} style={{ ...style }} sx={{ ...sx }} {...slotProps?.box}>\n      <Autocomplete\n        onChange={onChange}\n        value={selection as Result}\n        options={inputValue === \"\" ? defaultResults : loading || !data ? [] : data}\n        getOptionLabel={(option: Result) => {\n          return option.title || \"\";\n        }}\n        groupBy={(option: Result) => option.type || \"\"}\n        renderGroup={(params) => renderGroup(params, inputValue)}\n        noOptionsText={noOptionsText(inputValue, loading, data)}\n        isOptionEqualToValue={(option, value) => option.title === value.title}\n        renderOption={renderOptions}\n        filterOptions={(x) => x}\n        renderInput={(params) => {\n          if (slots && slots.input) {\n            return React.cloneElement(slots.input as React.ReactElement<TextFieldProps>, {\n              ...params,\n              onKeyDown: handleKeyDown,\n              value: inputValue,\n              onChange: (event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value),\n            });\n          }\n          return (\n            <TextField\n              {...params}\n              label=\"Search\"\n              onKeyDown={handleKeyDown}\n              value={inputValue}\n              onChange={(event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value)}\n              {...slotProps?.input}\n            />\n          );\n        }}\n        style={style}\n        sx={sx}\n        {...(autocompleteProps as Partial<AutocompleteProps<Result, false, true, false, React.ElementType>>)}\n      />\n      {/* Submit Button */}\n      {slots && slots.button ? (\n        React.cloneElement(slots.button as React.ReactElement<ButtonProps, string | React.JSXElementConstructor<any>>, {\n          onClick: () => onSubmit(),\n        })\n      ) : (\n        <Button variant=\"contained\" onClick={() => onSubmit()} {...slotProps?.button}>\n          {slotProps?.button?.children || \"Go\"}\n        </Button>\n      )}\n    </Box>\n  );\n};\n\n/**\n * Renders the group of options. Orders the options by relevance to the input value.\n * @param params - The params object from the Autocomplete component\n * @param inputValue - The current input value\n * @returns A rendered group of options\n */\nfunction renderGroup(params: any, inputValue: string) {\n  // Sort items within each group by title match relevance\n  const sortedOptions =\n    Array.isArray(params.children) && !isDomain(inputValue)\n      ? params.children.sort((a: any, b: any) => {\n          const aTitle = (a.props?.children?.props?.children?.[0]?.props?.children || \"\").toLowerCase();\n          const bTitle = (b.props?.children?.props?.children?.[0]?.props?.children || \"\").toLowerCase();\n          const query = inputValue.toLowerCase();\n          // Exact matches first\n          if (aTitle === query && bTitle !== query) return -1;\n          if (bTitle === query && aTitle !== query) return 1;\n\n          // Starts with query second\n          if (aTitle.startsWith(query) && !bTitle.startsWith(query)) return -1;\n          if (bTitle.startsWith(query) && !aTitle.startsWith(query)) return 1;\n\n          // Contains query third\n          if (aTitle.includes(query) && !bTitle.includes(query)) return -1;\n          if (bTitle.includes(query) && !aTitle.includes(query)) return 1;\n\n          // Alphabetical order for equal relevance\n          return aTitle.localeCompare(bTitle);\n        })\n      : params.children;\n\n  return (\n    <div key={params.key}>\n      <Typography variant=\"subtitle2\" sx={{ color: \"gray\", paddingInline: 1.5, paddingBlock: 1 }}>\n        {params.group}\n      </Typography>\n      {sortedOptions}\n    </div>\n  );\n}\n\n/**\n * Renders the \"no options\" text.\n * @param inputValue - The current input value\n * @param isLoading - Whether the results are still loading\n * @param results - The results from the query\n * @returns A rendered \"no options\" text\n */\nfunction noOptionsText(inputValue: string, isLoading: boolean, data: Result[] | null) {\n  return (\n    <Typography variant=\"caption\">\n      {inputValue\n        ? isLoading\n          ? \"Loading...\"\n          : Array.isArray(data) && data.length === 0\n            ? \"No results found\"\n            : \"\"\n        : \"Start typing for options\"}\n    </Typography>\n  );\n}\n\n/**\n * Renders the individual options.\n * @param props - The props object from the Autocomplete component\n * @param option - The current option\n * @returns A rendered option\n */\nfunction renderOptions(props: any, option: Result) {\n  return (\n    <li {...props} key={`${option.type}-${option.title || \"untitled\"}-${option.description || \"no-description\"}`}>\n      <Box>\n        <Typography\n          variant=\"body1\"\n          component=\"div\"\n          fontWeight=\"bold\"\n          sx={option.type === \"Gene\" ? { fontStyle: \"italic\" } : {}}\n        >\n          {option.title}\n        </Typography>\n        <Typography variant=\"body2\" color=\"text.secondary\" style={{ whiteSpace: \"pre-line\" }}>\n          {option.description}\n        </Typography>\n      </Box>\n    </li>\n  );\n}\n\n/**\n * Wraps the Search component in a QueryClientProvider.\n * @param props - The props object from the Autocomplete component\n * @returns A wrapped Search component\n */\nfunction GenomeSearch(props: GenomeSearchProps) {\n  return <Search {...props} />;\n}\n\nexport default GenomeSearch;\n"],"names":["defaultLimit","Search","queries","assembly","showiCREFlag","geneVersion","geneLimit","snpLimit","icreLimit","ccreLimit","legacyCcreLimit","studyLimit","onSearchSubmit","defaultResults","style","sx","slots","slotProps","autocompleteProps","inputValue","setInputValue","useState","selection","setSelection","data","loading","useEntityAutocomplete","limits","gene","snp","icre","ccre","legacyCcre","study","debounceMs","useEffect","onSubmit","useCallback","handleKeyDown","event","key","exactMatch","find","x","title","toLowerCase","onChange","_event","newValue","jsxs","Box","box","jsx","Autocomplete","option","type","params","renderGroup","noOptionsText","value","renderOptions","input","React","cloneElement","onKeyDown","target","TextField","button","onClick","Button","children","sortedOptions","Array","isArray","isDomain","sort","a","b","aTitle","props","bTitle","query","startsWith","includes","localeCompare","Typography","color","paddingInline","paddingBlock","group","isLoading","length","description","fontStyle","whiteSpace","GenomeSearch","$","_c","t0"],"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 = ({ 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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"}