@weng-lab/genomebrowser-ui 0.4.0-beta.0 → 0.4.0-beta.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -9,6 +9,6 @@ export declare const defaultColumns: GridColDef<GeneRowInfo>[];
9
9
  */
10
10
  export declare const defaultGroupingModel: string[];
11
11
  /**
12
- * Leaf field - the unique identifier
12
+ * Leaf field - the raw track ID (without folder prefix) used as the tree view leaf label
13
13
  */
14
- export declare const defaultLeafField = "id";
14
+ export declare const defaultLeafField = "trackId";
@@ -17,6 +17,8 @@ export type GeneTrackInfo = {
17
17
  */
18
18
  export type GeneRowInfo = {
19
19
  id: string;
20
+ /** The raw track ID without the folder prefix, used as the tree view leaf label */
21
+ trackId: string;
20
22
  displayName: string;
21
23
  versions: number[];
22
24
  };
@@ -432,8 +432,8 @@ function oa({
432
432
  be,
433
433
  {
434
434
  sx: {
435
- bgcolor: "#0c184a",
436
- color: "white",
435
+ bgcolor: "primary.main",
436
+ color: "primary.contrastText",
437
437
  fontWeight: "bold"
438
438
  },
439
439
  children: t ? "Clear All Folders" : `Clear ${l}`
@@ -446,16 +446,7 @@ function oa({
446
446
  "?"
447
447
  ] }) }) }),
448
448
  /* @__PURE__ */ a.jsxs(We, { sx: { justifyContent: "center", gap: 2, pb: 2 }, children: [
449
- /* @__PURE__ */ a.jsx(
450
- ee,
451
- {
452
- variant: "contained",
453
- color: "primary",
454
- onClick: s,
455
- autoFocus: !0,
456
- children: "Cancel"
457
- }
458
- ),
449
+ /* @__PURE__ */ a.jsx(ee, { variant: "contained", color: "primary", onClick: s, autoFocus: !0, children: "Cancel" }),
459
450
  /* @__PURE__ */ a.jsx(ee, { variant: "outlined", color: "secondary", onClick: i, children: "Clear" })
460
451
  ] })
461
452
  ] });
@@ -477,8 +468,8 @@ function ra({ open: e, onClose: s, onConfirm: i }) {
477
468
  be,
478
469
  {
479
470
  sx: {
480
- bgcolor: "#0c184a",
481
- color: "white",
471
+ bgcolor: "primary.main",
472
+ color: "primary.contrastText",
482
473
  fontWeight: "bold"
483
474
  },
484
475
  children: "Reset to Browser State"
@@ -718,13 +709,13 @@ const ga = ({
718
709
  ...e.applyStyles("light", {
719
710
  color: e.palette.grey[600]
720
711
  })
721
- })), pa = Oe(ie)({
722
- color: "black",
712
+ })), pa = Oe(ie)(({ theme: e }) => ({
713
+ color: e.palette.text.primary,
723
714
  fontFamily: "inherit",
724
715
  overflow: "hidden",
725
716
  textOverflow: "ellipsis",
726
717
  whiteSpace: "nowrap"
727
- });
718
+ }));
728
719
  function _a({
729
720
  icon: e,
730
721
  children: s,
@@ -1217,8 +1208,8 @@ function r0({
1217
1208
  be,
1218
1209
  {
1219
1210
  sx: {
1220
- bgcolor: "#0c184a",
1221
- color: "white",
1211
+ bgcolor: "primary.main",
1212
+ color: "primary.contrastText",
1222
1213
  display: "flex",
1223
1214
  justifyContent: "space-between",
1224
1215
  alignItems: "center",
@@ -1231,7 +1222,7 @@ function r0({
1231
1222
  {
1232
1223
  size: "large",
1233
1224
  onClick: W,
1234
- sx: { color: "white", p: 0 },
1225
+ sx: { color: "primary.contrastText", p: 0 },
1235
1226
  children: /* @__PURE__ */ a.jsx(Bs, { fontSize: "large" })
1236
1227
  }
1237
1228
  )
@@ -1924,7 +1915,7 @@ const li = {
1924
1915
  }, oi = [
1925
1916
  li,
1926
1917
  ti
1927
- ], ni = [], ri = "id", Fi = {
1918
+ ], ni = [], ri = "trackId", Fi = {
1928
1919
  title: "GENCODE Genes",
1929
1920
  trackType: te.Transcript,
1930
1921
  displayMode: se.Squish,
@@ -1955,6 +1946,7 @@ function ci(e, s) {
1955
1946
  function Ci(e, s) {
1956
1947
  return {
1957
1948
  id: `${e}/${s.id}`,
1949
+ trackId: s.id,
1958
1950
  displayName: s.displayName,
1959
1951
  versions: s.versions
1960
1952
  };