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

package/dist/ui-components.es61.js

@@ -1,46 +1,33 @@
-import { c as M } from "./ui-components.es17.js";
-import { useState as d, useRef as E, useEffect as S } from "react";
-function v(r, n, u) {
-  const t = M.c(11), [e, b] = d(!1), m = E(e);
+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;
-  t[0] !== e ? (s = () => {
-    m.current = e;
-  }, t[0] = e, t[1] = s) : s = t[1], S(s);
-  let l, _;
-  t[2] !== r || t[3] !== e || t[4] !== n || t[5] !== u ? (l = () => {
-    const c = r?.current;
-    if (!c)
-      return;
-    const o = u ? [] : n;
-    c.setSortModel(e ? [{
-      field: "__check__",
-      sort: "desc"
-    }, ...o] : o);
-  }, _ = [r, e, u, n], t[2] = r, t[3] = e, t[4] = n, t[5] = u, t[6] = l, t[7] = _) : (l = t[6], _ = t[7]), S(l, _);
-  let f;
-  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (c) => [c.current.subscribeEvent("sortModelChange", (o) => {
-    if (!m.current || o[0]?.field === "__check__")
-      return;
-    const k = o.filter(g);
-    c.current.setSortModel([{
-      field: "__check__",
-      sort: "desc"
-    }, ...k]);
-  }), c.current.subscribeEvent("rowSelectionChange", () => {
-    m.current && c.current.setSortModel([...c.current.getSortModel()]);
-  })], t[8] = f) : f = t[8];
-  const i = f;
-  let h;
-  return t[9] !== e ? (h = {
-    autoSort: e,
-    setAutoSort: b,
-    onReady: i
-  }, t[9] = e, t[10] = h) : h = t[10], h;
-}
-function g(r) {
-  return r.field !== "__check__";
+  if (e[2] !== n || e[3] !== o || e[4] !== t) {
+    let i;
+    e[6] !== o || e[7] !== t ? (i = (u, a) => {
+      const m = t === a, p = o.has(a);
+      return /* @__PURE__ */ c.jsx(b, { display: m ? "block" : "none", height: "100%", width: "100%", overflow: "auto", padding: 1, sx: {
+        border: "1px solid",
+        borderColor: "divider",
+        borderRadius: 1,
+        position: "relative"
+      }, children: p && u.component }, `figure-${a}`);
+    }, e[6] = o, e[7] = t, e[8] = i) : i = e[8], s = n.map(i), e[2] = n, e[3] = o, e[4] = t, e[5] = s;
+  } else
+    s = e[5];
+  return s;
 }
 export {
-  v as useAutoSort
+  j as default
 };
 //# sourceMappingURL=ui-components.es61.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es61.js","sources":["../src/components/TwoPaneLayout/useAutoSort.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { RefObject } from \"react\";\nimport type { GridApi, GridSortModel } from \"@mui/x-data-grid-premium\";\n\ntype UseAutoSortReturn = {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n  onReady: (readyApiRef: RefObject<GridApi>) => (() => void)[];\n};\n\n/**\n * Manages the \"auto-sort selected rows to top\" behavior for a Table.\n *\n * Owns the autoSort toggle state and all related DataGrid behavior, returning\n * `autoSort` and `setAutoSort` for use in a toolbar toggle, and `onReady` to\n * be composed with the Table's `onReady` prop.\n *\n * `onReady` is used for event subscriptions rather than plain useEffects because\n * the Table is wrapped in <NoSsr>, which defers DataGrid initialization — subscriptions\n * attempted on mount may attach before the api is ready. `onReady` fires inside the\n * NoSsr boundary after the DataGrid is fully initialized.\n *\n * The sort model reset remains a reactive useEffect because it must fire on every\n * autoSort/viewBy change, not just on mount.\n */\nexport function useAutoSort(\n  apiRef: RefObject<GridApi | null>,\n  initialSort: GridSortModel,\n  isPresorted: boolean\n): UseAutoSortReturn {\n  const [autoSort, setAutoSort] = useState(false);\n\n  // Track autoSort in a ref so event handlers always see the current value\n  // without needing to unsubscribe and re-subscribe on every change.\n  const autoSortRef = useRef(autoSort);\n  useEffect(() => {\n    autoSortRef.current = autoSort;\n  });\n\n  // Reactive: reset sort model when autoSort or viewBy changes.\n  // The null guard handles any edge case where this runs before the DataGrid is ready.\n  useEffect(() => {\n    const api = apiRef?.current;\n    if (!api) return;\n\n    const base: GridSortModel = isPresorted ? [] : initialSort;\n    api.setSortModel(autoSort ? [{ field: \"__check__\", sort: \"desc\" }, ...base] : base);\n  }, [apiRef, autoSort, isPresorted, initialSort]);\n\n  // Return a stable onReady callback that attaches event subscriptions once,\n  // after the DataGrid has fully mounted. Handlers read autoSortRef at event\n  // time so they reflect the current autoSort state without re-subscribing.\n  const onReady = useCallback(\n    (readyApiRef: RefObject<GridApi>) => [\n      // Keep __check__ as the primary sort after any user-initiated sort change.\n      // Guard against infinite loop: if __check__ is already first, the call was ours — skip it.\n      readyApiRef.current.subscribeEvent(\"sortModelChange\", (model) => {\n        if (!autoSortRef.current || model[0]?.field === \"__check__\") return;\n        const withoutCheck = model.filter((s) => s.field !== \"__check__\");\n        readyApiRef.current.setSortModel([{ field: \"__check__\", sort: \"desc\" }, ...withoutCheck]);\n      }),\n      // Re-apply sort when selection changes — DataGrid doesn't re-sort automatically\n      // when checkbox state changes.\n      readyApiRef.current.subscribeEvent(\"rowSelectionChange\", () => {\n        if (!autoSortRef.current) return;\n        readyApiRef.current.setSortModel([...readyApiRef.current.getSortModel()]);\n      }),\n    ],\n    []\n  );\n\n  return { autoSort, setAutoSort, onReady };\n}\n"],"names":["useAutoSort","apiRef","initialSort","isPresorted","$","_c","autoSort","setAutoSort","useState","autoSortRef","useRef","t0","current","useEffect","t1","t2","api","base","setSortModel","field","sort","t3","Symbol","for","readyApiRef","subscribeEvent","model","withoutCheck","filter","_temp","getSortModel","onReady","t4","s"],"mappings":";;AAyBO,SAAAA,EAAAC,GAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAKL,CAAAC,GAAAC,CAAA,IAAgCC,EAAS,EAAK,GAI9CC,IAAoBC,EAAOJ,CAAQ;AAAE,MAAAK;AAAA,EAAAP,SAAAE,KAC3BK,IAAAA,MAAA;AACRF,IAAAA,EAAWG,UAAWN;AAAAA,EAAH,GACpBF,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFDS,EAAUF,CAET;AAAC,MAAAG,GAAAC;AAAA,EAAAX,EAAA,CAAA,MAAAH,KAAAG,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAF,KAAAE,SAAAD,KAIQW,IAAAA,MAAA;AACR,UAAAE,IAAYf,GAAMW;AAClB,QAAI,CAACI;AAAG;AAER,UAAAC,IAA4Bd,IAAA,CAAA,IAAAD;AAC5Bc,IAAAA,EAAGE,aAAcZ,IAAA,CAAY;AAAA,MAAAa,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKH,CAAI,IAAzDA,CAAiE;AAAA,EAAC,GAClFF,IAAA,CAACd,GAAQK,GAAUH,GAAaD,CAAW,GAACE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAF,GAAAE,OAAAD,GAAAC,OAAAU,GAAAV,OAAAW,MAAAD,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,CAAA,IAN/CS,EAAUC,GAMPC,CAA4C;AAAC,MAAAM;AAAA,EAAAjB,EAAA,CAAA,MAAAkB,uBAAAC,IAAA,2BAAA,KAM9CF,IAAAG,OAAqC,CAGnCA,EAAWZ,QAAQa,eAAgB,mBAAmBC,CAAAA,MAAA;AACpD,QAAI,CAACjB,EAAWG,WAAYc,EAAK,CAAA,GAAUP,UAAK;AAAW;AAC3D,UAAAQ,IAAqBD,EAAKE,OAAQC,CAA8B;AAChEL,IAAAA,EAAWZ,QAAQM,aAAc,CAAC;AAAA,MAAAC,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKO,CAAY,CAAC;AAAA,EAAC,CAC1F,GAGDH,EAAWZ,QAAQa,eAAgB,sBAAsB,MAAA;AACvD,IAAKhB,EAAWG,WAChBY,EAAWZ,QAAQM,aAAc,CAAA,GAAIM,EAAWZ,QAAQkB,aAAAA,CAAe,CAAC;AAAA,EAAC,CAC1E,CAAC,GACH1B,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAfH,QAAA2B,IAAgBV;AAiBd,MAAAW;AAAA,SAAA5B,SAAAE,KAEK0B,IAAA;AAAA,IAAA1B,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAwB,SAAAA;AAAAA,EAAAA,GAAkC3B,OAAAE,GAAAF,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA,GAAlC4B;AAAkC;AA9CpC,SAAAH,EAAAI,GAAA;AAAA,SAiC0CA,EAACd,UAAW;AAAW;"}
+{"version":3,"file":"ui-components.es61.js","sources":["../src/components/TwoPaneLayout/FigurePanel.tsx"],"sourcesContent":["import React, { useState } from \"react\";\nimport Box from \"@mui/material/Box\";\n\ntype Figure = {\n  title: string;\n  component: React.ReactNode;\n};\n\ntype FigurePanelProps = {\n  value: number;\n  figures: Figure[];\n};\n\nexport default function FigurePanel({ value, figures }: FigurePanelProps) {\n  const [mountedTabs, setMountedTabs] = useState<Set<number>>(new Set([value]));\n\n  if (!mountedTabs.has(value)) {\n    setMountedTabs(new Set([...mountedTabs, value]));\n  }\n\n  return figures.map((Figure, i) => {\n    const isActive = value === i;\n    const isMounted = mountedTabs.has(i);\n\n    return (\n      <Box\n        key={`figure-${i}`}\n        display={isActive ? \"block\" : \"none\"}\n        height=\"100%\"\n        width={\"100%\"}\n        overflow={\"auto\"}\n        padding={1}\n        sx={{ border: \"1px solid\", borderColor: \"divider\", borderRadius: 1, position: \"relative\" }}\n      >\n        {isMounted && Figure.component}\n      </Box>\n    );\n  });\n}\n"],"names":["FigurePanel","t0","$","_c","value","figures","t1","Set","mountedTabs","setMountedTabs","useState","has","t2","t3","Figure","i","isActive","isMounted","jsx","Box","border","borderColor","borderRadius","position","component","map"],"mappings":";;;;AAaA,SAAeA,EAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAqB;AAAA,IAAAC,OAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAAAJ;AAAoC,MAAAK;AAAA,EAAAJ,SAAAE,KACVE,wBAAIC,IAAI,CAACH,CAAK,CAAC,GAACF,OAAAE,GAAAF,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAA5E,QAAA,CAAAM,GAAAC,CAAA,IAAsCC,EAAsBJ,CAAgB;AAE5E,EAAKE,EAAWG,IAAKP,CAAK,KACxBK,sBAAmBF,IAAI,CAAA,GAAIC,GAAaJ,CAAK,CAAC,CAAC;AAChD,MAAAQ;AAAA,MAAAV,EAAA,CAAA,MAAAG,KAAAH,SAAAM,KAAAN,EAAA,CAAA,MAAAE,GAAA;AAAA,QAAAS;AAAA,IAAAX,EAAA,CAAA,MAAAM,KAAAN,SAAAE,KAEkBS,IAAAA,CAAAC,GAAAC,MAAA;AACjB,YAAAC,IAAiBZ,MAAUW,GAC3BE,IAAkBT,EAAWG,IAAKI,CAAC;AAAE,aAGnCG,gBAAAA,EAAAA,IAACC,GAAA,EAEU,SAAAH,IAAA,UAAA,QACF,QAAA,QACA,OAAA,QACG,UAAA,QACD,SAAA,GACL,IAAA;AAAA,QAAAI,QAAU;AAAA,QAAWC,aAAe;AAAA,QAASC,cAAgB;AAAA,QAACC,UAAY;AAAA,MAAA,GAE7EN,UAAAA,KAAaH,EAAMU,UAAAA,aARLT,CAAC,EASlB;AAAA,IAAM,GAETb,OAAAM,GAAAN,OAAAE,GAAAF,OAAAW,KAAAA,IAAAX,EAAA,CAAA,GAjBMU,IAAAP,EAAOoB,IAAKZ,CAiBlB,GAACX,OAAAG,GAAAH,OAAAM,GAAAN,OAAAE,GAAAF,OAAAU;AAAAA,EAAA;AAAAA,IAAAA,IAAAV,EAAA,CAAA;AAAA,SAjBKU;AAiBL;"}

package/dist/ui-components.es62.js

@@ -1,24 +1,30 @@
-import { j as n } from "./ui-components.es15.js";
-import { c as p } from "./ui-components.es17.js";
-import { GRID_CHECKBOX_SELECTION_COL_DEF as i } from "@mui/x-data-grid-premium";
-const a = (e) => {
-  const r = p.c(2), t = i.renderHeader;
-  if (!t)
-    return null;
+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;
-  return r[0] !== e ? (o = /* @__PURE__ */ n.jsx("div", { id: "StopPropagationWrapper", onClick: l, children: /* @__PURE__ */ n.jsx(t, { ...e }) }), r[0] = e, r[1] = o) : o = r[1], o;
-}, d = {
-  ...i,
-  //Override checkbox column https://mui.com/x/react-data-grid/row-selection/#custom-checkbox-column
-  sortable: !0,
-  hideable: !1,
-  renderHeader: a
+  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;
 };
-function l(e) {
-  return e.stopPropagation();
-}
 export {
-  a as StopPropagationWrapper,
-  d as sortableTableCheckboxColumn
+  g as default
 };
 //# sourceMappingURL=ui-components.es62.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es62.js","sources":["../src/components/TwoPaneLayout/SortableTableCheckboxColumn.tsx"],"sourcesContent":["import { GRID_CHECKBOX_SELECTION_COL_DEF } from \"@mui/x-data-grid-premium\";\nimport { TableColDef } from \"../Table\";\n\n//This is used to prevent sorting from happening when clicking on the header checkbox\nexport const StopPropagationWrapper: TableColDef[\"renderHeader\"] = (params) => {\n  const DefaultHeader = GRID_CHECKBOX_SELECTION_COL_DEF.renderHeader;\n  if (!DefaultHeader) return null;\n  return (\n    <div id={\"StopPropagationWrapper\"} onClick={(e) => e.stopPropagation()}>\n      <DefaultHeader {...params} />\n    </div>\n  );\n};\n\nexport const sortableTableCheckboxColumn = {\n  ...GRID_CHECKBOX_SELECTION_COL_DEF, //Override checkbox column https://mui.com/x/react-data-grid/row-selection/#custom-checkbox-column\n  sortable: true,\n  hideable: false,\n  renderHeader: StopPropagationWrapper,\n} satisfies TableColDef;\n"],"names":["StopPropagationWrapper","params","$","_c","DefaultHeader","GRID_CHECKBOX_SELECTION_COL_DEF","renderHeader","t0","_temp","jsx","sortableTableCheckboxColumn","sortable","hideable","e","stopPropagation"],"mappings":";;;AAIO,MAAMA,IAAsDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GACjEC,IAAsBC,EAA+BC;AACrD,MAAI,CAACF;AAAa,WAAS;AAAK,MAAAG;AAAA,SAAAL,SAAAD,KAE9BM,mCAAS,IAAA,0BAAmC,SAAAC,GAC1C,UAAAC,gBAAAA,EAAAA,IAACL,GAAA,KAAkBH,EAAAA,CAAM,EAAA,CAC3B,GAAMC,OAAAD,GAAAC,OAAAK,KAAAA,IAAAL,EAAA,CAAA,GAFNK;AAEM,GAIGG,IAA8B;AAAA,EACzC,GAAGL;AAAAA;AAAAA,EACHM,UAAU;AAAA,EACVC,UAAU;AAAA,EACVN,cAAcN;AAChB;AAfmE,SAAAQ,EAAAK,GAAA;AAAA,SAIZA,EAACC,gBAAAA;AAAkB;"}
+{"version":3,"file":"ui-components.es62.js","sources":["../src/components/TwoPaneLayout/AutoSortSwitch.tsx"],"sourcesContent":["import React from \"react\";\nimport { Tooltip, FormControlLabel, Switch, Box } from \"@mui/material\";\nimport { Sort } from \"@mui/icons-material\";\n\ninterface AutoSortSwitchProps {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n}\n\nconst AutoSortSwitch: React.FC<AutoSortSwitchProps> = ({ autoSort, setAutoSort }) => {\n  return (\n    <Tooltip title=\"Auto sort selected rows\">\n      <FormControlLabel\n        value=\"autoSort\"\n        control={\n          <Switch\n            color=\"primary\"\n            size=\"small\"\n            sx={{ mr: 1 }}\n            checked={autoSort}\n            onChange={(_, checked) => setAutoSort(checked)}\n          />\n        }\n        label={\n          <Box sx={{ display: \"flex\", alignItems: \"center\", lineHeight: 1 }}>\n            <Sort fontSize=\"small\" />\n          </Box>\n        }\n        labelPlacement=\"start\"\n      />\n    </Tooltip>\n  );\n};\n\nexport default AutoSortSwitch;\n"],"names":["AutoSortSwitch","t0","$","_c","autoSort","setAutoSort","t1","Symbol","for","mr","t2","_","checked","t3","jsx","Switch","t4","Box","display","alignItems","lineHeight","Sort","t5","Tooltip","FormControlLabel"],"mappings":";;;;AASA,MAAMA,IAAgDC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,CAAA,GAAC;AAAA,IAAAC,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,EAAAA,IAAAJ;AAAyB,MAAAK;AAAA,EAAAJ,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAShEF,IAAA;AAAA,IAAAG,IAAM;AAAA,EAAA,GAAGP,OAAAI,KAAAA,IAAAJ,EAAA,CAAA;AAAA,MAAAQ;AAAA,EAAAR,SAAAG,KAEHK,IAAAA,CAAAC,GAAAC,MAAgBP,EAAYO,CAAO,GAACV,OAAAG,GAAAH,OAAAQ,KAAAA,IAAAR,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAE,KAAAF,SAAAQ,KALhDG,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EACO,OAAA,WACD,MAAA,SACD,IAAAT,GACKF,SAAAA,GACC,UAAAM,EAAAA,CAAoC,GAC9CR,OAAAE,GAAAF,OAAAQ,GAAAR,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAK,uBAAAC,IAAA,2BAAA,KAGFQ,IAAAF,gBAAAA,EAAAA,IAACG,KAAQ,IAAA;AAAA,IAAAC,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,YAAc;AAAA,EAAA,GAC5D,UAAAN,gBAAAA,EAAAA,IAACO,GAAA,EAAc,UAAA,SAAO,GACxB,GAAMnB,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAoB;AAAA,SAAApB,SAAAW,KAfZS,IAAAR,gBAAAA,EAAAA,IAACS,GAAA,EAAc,OAAA,2BACb,gCAACC,GAAA,EACO,OAAA,YAEJ,SAAAX,GASA,OAAAG,GAIa,gBAAA,SAAO,GAE1B,GAAUd,OAAAW,GAAAX,OAAAoB,KAAAA,IAAApB,EAAA,CAAA,GAnBVoB;AAmBU;"}

package/dist/ui-components.es63.js

@@ -1,215 +1,46 @@
-function p(t, i) {
-  const e = [];
-  t = t.replace(/,/g, "");
-  let c, o, r;
-  if (t.includes(":") && t.includes("-"))
-    c = t.split(":")[0], o = parseInt(t.split(":")[1].split("-")[0]) || 0, r = parseInt(t.split(":")[1].split("-")[1]) || o + 1e3;
-  else if (t.includes("	")) {
-    const [h, l, d] = t.split("	");
-    c = h, o = parseInt(l), r = parseInt(d);
-  } else
-    return e;
-  const s = c.replace(/chrx$/, "chrX").replace(/chry$/, "chrY"), a = m[i][c];
-  return r > o && a && r <= a && e.push({
-    title: `${s}:${o.toLocaleString()}-${r.toLocaleString()}`,
-    domain: {
-      chromosome: s,
-      start: o,
-      end: r
-    },
-    description: `${s}:${o.toLocaleString()}-${r.toLocaleString()}`,
-    type: "Coordinate"
-  }), e;
-}
-function n(t, i, e) {
-  return t ? t.slice(0, i).map((c) => ({
-    title: e.getTitle(c),
-    description: e.getDescription(c),
-    domain: {
-      chromosome: c.coordinates.chromosome,
-      start: c.coordinates.start,
-      end: c.coordinates.end
-    },
-    type: e.type
-  })) : [];
-}
-function g(t, i) {
-  return n(t, i, {
-    getTitle: (e) => e.id,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}`,
-    type: "SNP"
-  });
-}
-function $(t, i, e) {
-  return n(t, i, {
-    getTitle: (c) => c.name,
-    getDescription: (c) => {
-      let o = "";
-      return c.versions.forEach((r, s) => o += "V" + r.version + " " + r.id + (s === c.versions.length - 1 ? "" : `
-`)), `${c.description}
-${o}
-${c.coordinates.chromosome}:${c.coordinates.start}-${c.coordinates.end}`;
-    },
-    type: "Gene"
-  });
-}
-function u(t, i) {
-  return t.slice(0, i).map((e) => ({
-    title: e.disease_trait,
-    description: `${e.author.replace("_", " ")} (${e.studyid.split("-")[1]})
-${e.parent_terms.join(",")}
- ${e.has_enrichment_info ? "Biosample Enrichment" : ""}`,
-    domain: void 0,
-    id: e.studyid,
-    type: "Study"
-  }));
-}
-function y(t) {
-  return t.map((i) => ({
-    title: i.label,
-    description: i.description ?? "",
-    domain: void 0,
-    id: i.value,
-    type: "Ome"
-  }));
-}
-function v(t, i) {
-  return n(t, i, {
-    getTitle: (e) => e.accession,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}`,
-    type: "iCRE"
-  });
-}
-function f(t, i) {
-  return n(t, i, {
-    getTitle: (e) => e.accession,
-    getDescription: (e) => `${e.coordinates.chromosome}:${e.coordinates.start}-${e.coordinates.end}${e.isiCRE ? ", iCRE" : ""}`,
-    type: "cCRE"
-  });
-}
-function R(t, i) {
-  return t.filter((e) => e.input !== e.v4_match_or_intersecting).slice(0, i).map((e) => {
-    const c = e.input_region, o = e.v4_match_or_intersecting;
-    return {
-      title: e.input,
-      // !!! Do not change this format without also modifying SCREEN's /search page. This specific formatting is relied upon
-      description: `(Registry ${e.input_latest_previous_version})
-${e.input_region}
-${o ? `Intersects v4 cCRE${o.includes(",") ? "s" : ""}: ${o.replace(",", ", ")}` : "No intersecting v4 cCREs"}`,
-      domain: {
-        chromosome: c.split(":")[0],
-        start: parseInt(c.split(":")[1].split("-")[0]),
-        end: parseInt(c.split(":")[1].split("-")[1])
-      },
-      type: "Legacy cCRE"
-    };
-  });
-}
-const b = [{
-  label: "Proteomics",
-  value: "proteomics",
-  keywords: ["protein", "mass spec"]
-}, {
-  label: "WGS",
-  value: "WGS",
-  keywords: ["whole genome sequencing", "genome sequencing", "genomics"],
-  description: "Whole Genome Sequencing"
-}, {
-  label: "WGBS",
-  value: "WGBS",
-  keywords: ["whole genome bisulfite sequencing", "epigenomics", "methylation"],
-  description: "Whole Genome Bisulfite Sequencing"
-}, {
-  label: "ATAC",
-  value: "ATAC",
-  keywords: ["chromatin accessibility", "atac-seq"],
-  description: "ATAC-seq"
-}, {
-  label: "RNA",
-  value: "RNA",
-  keywords: ["rna-seq", "transcriptomics", "gene expression"],
-  description: "RNA-seq"
-}, {
-  label: "Metabolomics",
-  value: "metabolomics"
-}, {
-  label: "Lipidomics",
-  value: "lipidomics"
-}, {
-  label: "Metallomics",
-  value: "metallomics"
-}, {
-  label: "Exposomics",
-  value: "exposomics"
-}], m = {
-  GRCh38: {
-    chr1: 248956422,
-    chr2: 242193529,
-    chr3: 198295559,
-    chr4: 190214555,
-    chr5: 181538259,
-    chr6: 170805979,
-    chr7: 159345973,
-    chr8: 145138636,
-    chr9: 138394717,
-    chr10: 133797422,
-    chr11: 135086622,
-    chr12: 133275309,
-    chr13: 114364328,
-    chr14: 107043718,
-    chr15: 101991189,
-    chr16: 90338345,
-    chr17: 83257441,
-    chr18: 80373285,
-    chr19: 58617616,
-    chr20: 64444167,
-    chr21: 46709983,
-    chr22: 50818468,
-    chrX: 156040895,
-    chrx: 156040895,
-    chrY: 57227415,
-    chry: 57227415
-  },
-  mm10: {
-    chr1: 195471971,
-    chr2: 182113224,
-    chr3: 160039680,
-    chr4: 156508116,
-    chr5: 151834684,
-    chr6: 149736546,
-    chr7: 145441459,
-    chr8: 129401213,
-    chr9: 124595110,
-    chr10: 130694993,
-    chr11: 122082543,
-    chr12: 120129022,
-    chr13: 120421639,
-    chr14: 124902244,
-    chr15: 104043685,
-    chr16: 98207768,
-    chr17: 94987271,
-    chr18: 90702639,
-    chr19: 61431566,
-    chrX: 171031299,
-    chrx: 171031299,
-    chrY: 91744698,
-    chry: 91744698
-  }
-};
-function C(t) {
-  const i = t.includes("	"), e = t.includes("-"), c = t.length >= 4 && /^[0-9xyXY]$/.test(t[3]);
-  return (i || e) && t.startsWith("chr") && c;
+import { c as M } from "./ui-components.es16.js";
+import { useState as d, useRef as E, useEffect as S } from "react";
+function v(r, n, u) {
+  const t = M.c(11), [e, b] = d(!1), m = E(e);
+  let s;
+  t[0] !== e ? (s = () => {
+    m.current = e;
+  }, t[0] = e, t[1] = s) : s = t[1], S(s);
+  let l, _;
+  t[2] !== r || t[3] !== e || t[4] !== n || t[5] !== u ? (l = () => {
+    const c = r?.current;
+    if (!c)
+      return;
+    const o = u ? [] : n;
+    c.setSortModel(e ? [{
+      field: "__check__",
+      sort: "desc"
+    }, ...o] : o);
+  }, _ = [r, e, u, n], t[2] = r, t[3] = e, t[4] = n, t[5] = u, t[6] = l, t[7] = _) : (l = t[6], _ = t[7]), S(l, _);
+  let f;
+  t[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (f = (c) => [c.current.subscribeEvent("sortModelChange", (o) => {
+    if (!m.current || o[0]?.field === "__check__")
+      return;
+    const k = o.filter(g);
+    c.current.setSortModel([{
+      field: "__check__",
+      sort: "desc"
+    }, ...k]);
+  }), c.current.subscribeEvent("rowSelectionChange", () => {
+    m.current && c.current.setSortModel([...c.current.getSortModel()]);
+  })], t[8] = f) : f = t[8];
+  const i = f;
+  let h;
+  return t[9] !== e ? (h = {
+    autoSort: e,
+    setAutoSort: b,
+    onReady: i
+  }, t[9] = e, t[10] = h) : h = t[10], h;
+}
+function g(r) {
+  return r.field !== "__check__";
 }
 export {
-  b as OmesList,
-  f as ccreResultList,
-  $ as geneResultList,
-  p as getCoordinates,
-  v as icreResultList,
-  C as isDomain,
-  R as legacyCcreResultList,
-  y as omeResultsList,
-  g as snpResultList,
-  u as studyResultList
+  v as useAutoSort
 };
 //# sourceMappingURL=ui-components.es63.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es63.js","sources":["../src/components/GenomeSearch/utils.ts"],"sourcesContent":["import { CCREResponse, GeneResponse, ICREResponse, LegacyCcreResponse, Result, ResultType, SnpResponse, StudyResponse } from \"./types\";\n\n/**\n * Get the coordinates from a string input.\n * @param input - The input string to search for coordinates\n * @param assembly - The assembly to search for coordinates\n * @returns An array of results with the coordinates\n */\nexport function getCoordinates(input: string, assembly: string): Result[] {\n  const results: Result[] = [];\n  input = input.replace(/,/g, \"\");\n\n  let chromosome: string, start: number, end: number;\n\n  if (input.includes(\":\") && input.includes(\"-\")) {\n    chromosome = input.split(\":\")[0];\n    start = parseInt(input.split(\":\")[1].split(\"-\")[0]) || 0;\n    end = parseInt(input.split(\":\")[1].split(\"-\")[1]) || start + 1000;\n  } else if (input.includes(\"\\t\")) {\n    const [chr, startStr, endStr] = input.split(\"\\t\");\n    chromosome = chr;\n    start = parseInt(startStr);\n    end = parseInt(endStr);\n  } else {\n    return results;\n  }\n\n  // Normalize chromosome name to use capital X and Y\n  const normalizedChromosome = chromosome.replace(/chrx$/, \"chrX\").replace(/chry$/, \"chrY\");\n\n  const chrLength = chromosomeLengths[assembly][chromosome];\n  if (end > start && chrLength && end <= chrLength) {\n    results.push({\n      title: `${normalizedChromosome}:${start.toLocaleString()}-${end.toLocaleString()}`,\n      domain: {\n        chromosome: normalizedChromosome,\n        start: start,\n        end: end,\n      },\n      description: `${normalizedChromosome}:${start.toLocaleString()}-${end.toLocaleString()}`,\n      type: \"Coordinate\",\n    });\n  }\n\n  return results;\n}\n\n// Common interface for result formatting options\ninterface ResultFormatterOptions<T> {\n  getTitle: (result: T) => string;\n  getDescription: (result: T) => string;\n  type: string;\n}\n\n// Generic formatter function\nfunction formatResults<T extends { coordinates: { chromosome: string; start: number; end: number } }>(\n  results: T[] | null,\n  limit: number,\n  options: ResultFormatterOptions<T>\n): Result[] {\n  if (!results) {\n    return [];\n  }\n  return results.slice(0, limit).map((result) => ({\n    title: options.getTitle(result),\n    description: options.getDescription(result),\n    domain: {\n      chromosome: result.coordinates.chromosome,\n      start: result.coordinates.start,\n      end: result.coordinates.end,\n    },\n    type: options.type as ResultType,\n  }));\n}\n\n// Specific formatters using the generic function\nexport function snpResultList(results: SnpResponse[], limit: number): Result[] {\n  return formatResults(results, limit, {\n    getTitle: (result) => result.id,\n    getDescription: (result) =>\n      `${result.coordinates.chromosome}:${result.coordinates.start}-${result.coordinates.end}`,\n    type: \"SNP\",\n  });\n}\n\nexport function geneResultList(results: GeneResponse[], limit: number, showVersions: boolean): Result[] {\n  return formatResults(results, limit, {\n    getTitle: (result) => result.name,\n    getDescription: (result) => {\n      let idStr = \"\";\n      result.versions.forEach(\n        (x, i) => (idStr += \"V\" + x.version + \" \" + x.id + (i === result.versions.length - 1 ? \"\" : \"\\n\"))\n      );\n      return `${result.description}\\n${idStr}\\n${result.coordinates.chromosome}:${result.coordinates.start}-${result.coordinates.end}`;\n    },\n    type: \"Gene\",\n  });\n}\n\nexport function studyResultList(results: StudyResponse[], limit: number): Result[] {\n  return results.slice(0, limit).map((result) => ({\n    title: result.disease_trait,\n    description: `${result.author.replace(\"_\", \" \")} (${result.studyid.split(\"-\")[1]})\\n${result.parent_terms.join(\",\")}\\n ${result.has_enrichment_info ? \"Biosample Enrichment\" : \"\"}`,\n    domain: undefined,\n    id: result.studyid,\n    type: \"Study\",\n  }));\n}\n\nexport function omeResultsList(results: OmeOption[]): Result[] {\n  return results.map((ome) => ({\n    title: ome.label,\n    description: ome.description ?? \"\",\n    domain: undefined,\n    id: ome.value,\n    type: \"Ome\",\n  }));\n}\n\nexport function icreResultList(results: ICREResponse[], limit: number): Result[] {\n  return formatResults(results, limit, {\n    getTitle: (result) => result.accession,\n    getDescription: (result) =>\n      `${result.coordinates.chromosome}:${result.coordinates.start}-${result.coordinates.end}`,\n    type: \"iCRE\",\n  });\n}\n\nexport function ccreResultList(results: CCREResponse[], limit: number): Result[] {\n  return formatResults(results, limit, {\n    getTitle: (result) => result.accession,\n    getDescription: (result) =>\n      `${result.coordinates.chromosome}:${result.coordinates.start}-${\n        result.coordinates.end\n      }${result.isiCRE ? \", iCRE\" : \"\"}`,\n    type: \"cCRE\",\n  });\n}\n\nexport function legacyCcreResultList(results: LegacyCcreResponse[], limit: number): Result[] {\n  return results\n    .filter((result) => result.input !== result.v4_match_or_intersecting) //filter v4 cCREs\n    .slice(0, limit)\n    .map((result) => {\n      const region = result.input_region;\n      const overlapping = result.v4_match_or_intersecting\n      return {\n        title: result.input,\n        // !!! Do not change this format without also modifying SCREEN's /search page. This specific formatting is relied upon\n        description: `(Registry ${result.input_latest_previous_version})\\n${result.input_region}\\n${overlapping ? `Intersects v4 cCRE${overlapping.includes(\",\") ? \"s\" : \"\"}: ${overlapping.replace(\",\", \", \")}` : \"No intersecting v4 cCREs\"}`,\n        domain: {\n          chromosome: region.split(\":\")[0],\n          start: parseInt(region.split(\":\")[1].split(\"-\")[0]),\n          end: parseInt(region.split(\":\")[1].split(\"-\")[1]),\n        },\n        type: \"Legacy cCRE\",\n      };\n    });\n}\n\nexport interface OmeOption {\n  label: string;\n  value: string;\n  keywords?: string[];\n  description?: string;\n}\n//allows the user to search more freely and get the result they are looking for\n//will look at label as well as keywords\nexport const OmesList: OmeOption[] = [\n  {\n    label: \"Proteomics\",\n    value: \"proteomics\",\n    keywords: [\"protein\", \"mass spec\"],\n  },\n  {\n    label: \"WGS\",\n    value: \"WGS\",\n    keywords: [\"whole genome sequencing\", \"genome sequencing\", \"genomics\"],\n    description: \"Whole Genome Sequencing\"\n  },\n  {\n    label: \"WGBS\",\n    value: \"WGBS\",\n    keywords: [\"whole genome bisulfite sequencing\", \"epigenomics\", \"methylation\"],\n    description: \"Whole Genome Bisulfite Sequencing\"\n  },\n  {\n    label: \"ATAC\",\n    value: \"ATAC\",\n    keywords: [\"chromatin accessibility\", \"atac-seq\"],\n    description: \"ATAC-seq\"\n  },\n  {\n    label: \"RNA\",\n    value: \"RNA\",\n    keywords: [\"rna-seq\", \"transcriptomics\", \"gene expression\"],\n    description: \"RNA-seq\"\n  },\n  {\n    label: \"Metabolomics\",\n    value: \"metabolomics\",\n  },\n  {\n    label: \"Lipidomics\",\n    value: \"lipidomics\",\n  },\n  {\n    label: \"Metallomics\",\n    value: \"metallomics\",\n  },\n  {\n    label: \"Exposomics\",\n    value: \"exposomics\",\n  },\n];\n\n// Object to store chromosome lengths for GRCh38 and mm10\nconst chromosomeLengths: { [key: string]: { [key: string]: number } } = {\n  GRCh38: {\n    chr1: 248956422,\n    chr2: 242193529,\n    chr3: 198295559,\n    chr4: 190214555,\n    chr5: 181538259,\n    chr6: 170805979,\n    chr7: 159345973,\n    chr8: 145138636,\n    chr9: 138394717,\n    chr10: 133797422,\n    chr11: 135086622,\n    chr12: 133275309,\n    chr13: 114364328,\n    chr14: 107043718,\n    chr15: 101991189,\n    chr16: 90338345,\n    chr17: 83257441,\n    chr18: 80373285,\n    chr19: 58617616,\n    chr20: 64444167,\n    chr21: 46709983,\n    chr22: 50818468,\n    chrX: 156040895,\n    chrx: 156040895,\n    chrY: 57227415,\n    chry: 57227415,\n  },\n  mm10: {\n    chr1: 195471971,\n    chr2: 182113224,\n    chr3: 160039680,\n    chr4: 156508116,\n    chr5: 151834684,\n    chr6: 149736546,\n    chr7: 145441459,\n    chr8: 129401213,\n    chr9: 124595110,\n    chr10: 130694993,\n    chr11: 122082543,\n    chr12: 120129022,\n    chr13: 120421639,\n    chr14: 124902244,\n    chr15: 104043685,\n    chr16: 98207768,\n    chr17: 94987271,\n    chr18: 90702639,\n    chr19: 61431566,\n    chrX: 171031299,\n    chrx: 171031299,\n    chrY: 91744698,\n    chry: 91744698,\n  },\n};\n\nexport function isDomain(input: string) {\n  const hasTabs = input.includes(\"\\t\");\n  const hasHyphens = input.includes(\"-\");\n  const hasChromosomeNumber = input.length >= 4 && /^[0-9xyXY]$/.test(input[3]);\n  return (hasTabs || hasHyphens) && input.startsWith(\"chr\") && hasChromosomeNumber;\n}\n"],"names":["getCoordinates","input","assembly","results","replace","chromosome","start","end","includes","split","parseInt","chr","startStr","endStr","normalizedChromosome","chrLength","chromosomeLengths","push","title","toLocaleString","domain","description","type","formatResults","limit","options","slice","map","result","getTitle","getDescription","coordinates","snpResultList","id","geneResultList","showVersions","name","idStr","versions","forEach","x","i","version","length","studyResultList","disease_trait","author","studyid","parent_terms","join","has_enrichment_info","undefined","omeResultsList","ome","label","value","icreResultList","accession","ccreResultList","isiCRE","legacyCcreResultList","filter","v4_match_or_intersecting","region","input_region","overlapping","input_latest_previous_version","OmesList","keywords","GRCh38","chr1","chr2","chr3","chr4","chr5","chr6","chr7","chr8","chr9","chr10","chr11","chr12","chr13","chr14","chr15","chr16","chr17","chr18","chr19","chr20","chr21","chr22","chrX","chrx","chrY","chry","mm10","isDomain","hasTabs","hasHyphens","hasChromosomeNumber","test","startsWith"],"mappings":"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"}
+{"version":3,"file":"ui-components.es63.js","sources":["../src/components/TwoPaneLayout/useAutoSort.ts"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from \"react\";\nimport type { RefObject } from \"react\";\nimport type { GridApi, GridSortModel } from \"@mui/x-data-grid-premium\";\n\ntype UseAutoSortReturn = {\n  autoSort: boolean;\n  setAutoSort: (value: boolean) => void;\n  onReady: (readyApiRef: RefObject<GridApi>) => (() => void)[];\n};\n\n/**\n * Manages the \"auto-sort selected rows to top\" behavior for a Table.\n *\n * Owns the autoSort toggle state and all related DataGrid behavior, returning\n * `autoSort` and `setAutoSort` for use in a toolbar toggle, and `onReady` to\n * be composed with the Table's `onReady` prop.\n *\n * `onReady` is used for event subscriptions rather than plain useEffects because\n * the Table is wrapped in <NoSsr>, which defers DataGrid initialization — subscriptions\n * attempted on mount may attach before the api is ready. `onReady` fires inside the\n * NoSsr boundary after the DataGrid is fully initialized.\n *\n * The sort model reset remains a reactive useEffect because it must fire on every\n * autoSort/viewBy change, not just on mount.\n */\nexport function useAutoSort(\n  apiRef: RefObject<GridApi | null>,\n  initialSort: GridSortModel,\n  isPresorted: boolean\n): UseAutoSortReturn {\n  const [autoSort, setAutoSort] = useState(false);\n\n  // Track autoSort in a ref so event handlers always see the current value\n  // without needing to unsubscribe and re-subscribe on every change.\n  const autoSortRef = useRef(autoSort);\n  useEffect(() => {\n    autoSortRef.current = autoSort;\n  });\n\n  // Reactive: reset sort model when autoSort or viewBy changes.\n  // The null guard handles any edge case where this runs before the DataGrid is ready.\n  useEffect(() => {\n    const api = apiRef?.current;\n    if (!api) return;\n\n    const base: GridSortModel = isPresorted ? [] : initialSort;\n    api.setSortModel(autoSort ? [{ field: \"__check__\", sort: \"desc\" }, ...base] : base);\n  }, [apiRef, autoSort, isPresorted, initialSort]);\n\n  // Return a stable onReady callback that attaches event subscriptions once,\n  // after the DataGrid has fully mounted. Handlers read autoSortRef at event\n  // time so they reflect the current autoSort state without re-subscribing.\n  const onReady = useCallback(\n    (readyApiRef: RefObject<GridApi>) => [\n      // Keep __check__ as the primary sort after any user-initiated sort change.\n      // Guard against infinite loop: if __check__ is already first, the call was ours — skip it.\n      readyApiRef.current.subscribeEvent(\"sortModelChange\", (model) => {\n        if (!autoSortRef.current || model[0]?.field === \"__check__\") return;\n        const withoutCheck = model.filter((s) => s.field !== \"__check__\");\n        readyApiRef.current.setSortModel([{ field: \"__check__\", sort: \"desc\" }, ...withoutCheck]);\n      }),\n      // Re-apply sort when selection changes — DataGrid doesn't re-sort automatically\n      // when checkbox state changes.\n      readyApiRef.current.subscribeEvent(\"rowSelectionChange\", () => {\n        if (!autoSortRef.current) return;\n        readyApiRef.current.setSortModel([...readyApiRef.current.getSortModel()]);\n      }),\n    ],\n    []\n  );\n\n  return { autoSort, setAutoSort, onReady };\n}\n"],"names":["useAutoSort","apiRef","initialSort","isPresorted","$","_c","autoSort","setAutoSort","useState","autoSortRef","useRef","t0","current","useEffect","t1","t2","api","base","setSortModel","field","sort","t3","Symbol","for","readyApiRef","subscribeEvent","model","withoutCheck","filter","_temp","getSortModel","onReady","t4","s"],"mappings":";;AAyBO,SAAAA,EAAAC,GAAAC,GAAAC,GAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAKL,CAAAC,GAAAC,CAAA,IAAgCC,EAAS,EAAK,GAI9CC,IAAoBC,EAAOJ,CAAQ;AAAE,MAAAK;AAAA,EAAAP,SAAAE,KAC3BK,IAAAA,MAAA;AACRF,IAAAA,EAAWG,UAAWN;AAAAA,EAAH,GACpBF,OAAAE,GAAAF,OAAAO,KAAAA,IAAAP,EAAA,CAAA,GAFDS,EAAUF,CAET;AAAC,MAAAG,GAAAC;AAAA,EAAAX,EAAA,CAAA,MAAAH,KAAAG,EAAA,CAAA,MAAAE,KAAAF,EAAA,CAAA,MAAAF,KAAAE,SAAAD,KAIQW,IAAAA,MAAA;AACR,UAAAE,IAAYf,GAAMW;AAClB,QAAI,CAACI;AAAG;AAER,UAAAC,IAA4Bd,IAAA,CAAA,IAAAD;AAC5Bc,IAAAA,EAAGE,aAAcZ,IAAA,CAAY;AAAA,MAAAa,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKH,CAAI,IAAzDA,CAAiE;AAAA,EAAC,GAClFF,IAAA,CAACd,GAAQK,GAAUH,GAAaD,CAAW,GAACE,OAAAH,GAAAG,OAAAE,GAAAF,OAAAF,GAAAE,OAAAD,GAAAC,OAAAU,GAAAV,OAAAW,MAAAD,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,CAAA,IAN/CS,EAAUC,GAMPC,CAA4C;AAAC,MAAAM;AAAA,EAAAjB,EAAA,CAAA,MAAAkB,uBAAAC,IAAA,2BAAA,KAM9CF,IAAAG,OAAqC,CAGnCA,EAAWZ,QAAQa,eAAgB,mBAAmBC,CAAAA,MAAA;AACpD,QAAI,CAACjB,EAAWG,WAAYc,EAAK,CAAA,GAAUP,UAAK;AAAW;AAC3D,UAAAQ,IAAqBD,EAAKE,OAAQC,CAA8B;AAChEL,IAAAA,EAAWZ,QAAQM,aAAc,CAAC;AAAA,MAAAC,OAAS;AAAA,MAAWC,MAAQ;AAAA,IAAA,GAAQ,GAAKO,CAAY,CAAC;AAAA,EAAC,CAC1F,GAGDH,EAAWZ,QAAQa,eAAgB,sBAAsB,MAAA;AACvD,IAAKhB,EAAWG,WAChBY,EAAWZ,QAAQM,aAAc,CAAA,GAAIM,EAAWZ,QAAQkB,aAAAA,CAAe,CAAC;AAAA,EAAC,CAC1E,CAAC,GACH1B,OAAAiB,KAAAA,IAAAjB,EAAA,CAAA;AAfH,QAAA2B,IAAgBV;AAiBd,MAAAW;AAAA,SAAA5B,SAAAE,KAEK0B,IAAA;AAAA,IAAA1B,UAAAA;AAAAA,IAAAC,aAAAA;AAAAA,IAAAwB,SAAAA;AAAAA,EAAAA,GAAkC3B,OAAAE,GAAAF,QAAA4B,KAAAA,IAAA5B,EAAA,EAAA,GAAlC4B;AAAkC;AA9CpC,SAAAH,EAAAI,GAAA;AAAA,SAiC0CA,EAACd,UAAW;AAAW;"}