@weng-lab/ui-components 2.2.4 → 3.0.0

package/dist/ui-components.es299.js

@@ -1,10 +1,237 @@
-function l(t) {
-  let e = t.activeElement;
-  for (; e?.shadowRoot?.activeElement != null; )
-    e = e.shadowRoot.activeElement;
-  return e;
-}
+import * as v from "react";
+import r from "./ui-components.es89.js";
+import { clsx as g } from "./ui-components.es102.js";
+import u, { getNativeSelectUtilityClasses as R } from "./ui-components.es348.js";
+import N from "./ui-components.es143.js";
+import { j as d } from "./ui-components.es15.js";
+import f from "./ui-components.es113.js";
+import y from "./ui-components.es114.js";
+import n from "./ui-components.es48.js";
+import h from "./ui-components.es132.js";
+const C = (t) => {
+  const {
+    classes: e,
+    variant: o,
+    disabled: a,
+    multiple: i,
+    open: s,
+    error: l
+  } = t, c = {
+    select: ["select", o, a && "disabled", i && "multiple", l && "error"],
+    icon: ["icon", `icon${f(o)}`, s && "iconOpen", a && "disabled"]
+  };
+  return y(c, R, e);
+}, w = n("select", {
+  name: "MuiNativeSelect"
+})(({
+  theme: t
+}) => ({
+  // Reset
+  MozAppearance: "none",
+  // Reset
+  WebkitAppearance: "none",
+  // When interacting quickly, the text can end up selected.
+  // Native select can't be selected either.
+  userSelect: "none",
+  // Reset
+  borderRadius: 0,
+  cursor: "pointer",
+  "&:focus": {
+    // Reset Chrome style
+    borderRadius: 0
+  },
+  [`&.${u.disabled}`]: {
+    cursor: "default"
+  },
+  "&[multiple]": {
+    height: "auto"
+  },
+  "&:not([multiple]) option, &:not([multiple]) optgroup": {
+    backgroundColor: (t.vars || t).palette.background.paper
+  },
+  variants: [{
+    props: ({
+      ownerState: e
+    }) => e.variant !== "filled" && e.variant !== "outlined",
+    style: {
+      // Bump specificity to allow extending custom inputs
+      "&&&": {
+        paddingRight: 24,
+        minWidth: 16
+        // So it doesn't collapse.
+      }
+    }
+  }, {
+    props: {
+      variant: "filled"
+    },
+    style: {
+      "&&&": {
+        paddingRight: 32
+      }
+    }
+  }, {
+    props: {
+      variant: "outlined"
+    },
+    style: {
+      borderRadius: (t.vars || t).shape.borderRadius,
+      "&:focus": {
+        borderRadius: (t.vars || t).shape.borderRadius
+        // Reset the reset for Chrome style
+      },
+      "&&&": {
+        paddingRight: 32
+      }
+    }
+  }]
+})), x = n(w, {
+  name: "MuiNativeSelect",
+  slot: "Select",
+  shouldForwardProp: N,
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: o
+    } = t;
+    return [e.select, e[o.variant], o.error && e.error, {
+      [`&.${u.multiple}`]: e.multiple
+    }];
+  }
+})({}), I = n("svg", {
+  name: "MuiNativeSelect"
+})(({
+  theme: t
+}) => ({
+  // We use a position absolute over a flexbox in order to forward the pointer events
+  // to the input and to support wrapping tags..
+  position: "absolute",
+  right: 0,
+  // Center vertically, height is 1em
+  top: "calc(50% - .5em)",
+  // Don't block pointer events on the select under the icon.
+  pointerEvents: "none",
+  color: (t.vars || t).palette.action.active,
+  [`&.${u.disabled}`]: {
+    color: (t.vars || t).palette.action.disabled
+  },
+  variants: [{
+    props: ({
+      ownerState: e
+    }) => e.open,
+    style: {
+      transform: "rotate(180deg)"
+    }
+  }, {
+    props: {
+      variant: "filled"
+    },
+    style: {
+      right: 7
+    }
+  }, {
+    props: {
+      variant: "outlined"
+    },
+    style: {
+      right: 7
+    }
+  }]
+})), j = n(I, {
+  name: "MuiNativeSelect",
+  slot: "Icon",
+  overridesResolver: (t, e) => {
+    const {
+      ownerState: o
+    } = t;
+    return [e.icon, o.variant && e[`icon${f(o.variant)}`], o.open && e.iconOpen];
+  }
+})({}), M = /* @__PURE__ */ v.forwardRef(function(e, o) {
+  const {
+    className: a,
+    disabled: i,
+    error: s,
+    IconComponent: l,
+    inputRef: c,
+    variant: b = "standard",
+    ...S
+  } = e, p = {
+    ...e,
+    disabled: i,
+    variant: b,
+    error: s
+  }, m = C(p);
+  return /* @__PURE__ */ d.jsxs(v.Fragment, {
+    children: [/* @__PURE__ */ d.jsx(x, {
+      ownerState: p,
+      className: g(m.select, a),
+      disabled: i,
+      ref: c || o,
+      ...S
+    }), e.multiple ? null : /* @__PURE__ */ d.jsx(j, {
+      as: l,
+      ownerState: p,
+      className: m.icon
+    })]
+  });
+});
+process.env.NODE_ENV !== "production" && (M.propTypes = {
+  /**
+   * The option elements to populate the select with.
+   * Can be some `<option>` elements.
+   */
+  children: r.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: r.object,
+  /**
+   * The CSS class name of the select element.
+   */
+  className: r.string,
+  /**
+   * If `true`, the select is disabled.
+   */
+  disabled: r.bool,
+  /**
+   * If `true`, the `select input` will indicate an error.
+   */
+  error: r.bool,
+  /**
+   * The icon that displays the arrow.
+   */
+  IconComponent: r.elementType.isRequired,
+  /**
+   * Use that prop to pass a ref to the native select element.
+   * @deprecated
+   */
+  inputRef: h,
+  /**
+   * @ignore
+   */
+  multiple: r.bool,
+  /**
+   * Name attribute of the `select` or hidden `input` element.
+   */
+  name: r.string,
+  /**
+   * Callback fired when a menu item is selected.
+   *
+   * @param {object} event The event source of the callback.
+   * You can pull out the new value by accessing `event.target.value` (string).
+   */
+  onChange: r.func,
+  /**
+   * The input value.
+   */
+  value: r.any,
+  /**
+   * The variant to use.
+   */
+  variant: r.oneOf(["standard", "outlined", "filled"])
+});
 export {
-  l as default
+  I as StyledSelectIcon,
+  w as StyledSelectSelect,
+  M as default
 };
 //# sourceMappingURL=ui-components.es299.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es299.js","sources":["../../../node_modules/.pnpm/@mui+utils@7.3.9_@types+react@19.2.14_react@19.2.4/node_modules/@mui/utils/esm/getActiveElement/getActiveElement.js"],"sourcesContent":["/**\n * Gets the actual active element, traversing through shadow roots if necessary.\n *\n * When an element inside a shadow root has focus, `document.activeElement` returns\n * the shadow host element. This function recursively traverses shadow roots to find\n * the actual focused element.\n *\n * @param root - The document or shadow root to start the search from.\n * @returns The actual focused element, or null if no element has focus.\n *\n * @example\n * // In a shadow DOM context\n * const activeElement = getActiveElement(document);\n * // Returns the actual focused element inside the shadow root\n *\n * @example\n * // Starting from a specific document\n * const activeElement = getActiveElement(ownerDocument(element));\n */\nexport default function activeElement(doc) {\n  let element = doc.activeElement;\n  while (element?.shadowRoot?.activeElement != null) {\n    element = element.shadowRoot.activeElement;\n  }\n  return element;\n}"],"names":["activeElement","doc","element"],"mappings":"AAmBe,SAASA,EAAcC,GAAK;AACzC,MAAIC,IAAUD,EAAI;AAClB,SAAOC,GAAS,YAAY,iBAAiB;AAC3C,IAAAA,IAAUA,EAAQ,WAAW;AAE/B,SAAOA;AACT;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es299.js","sources":["../../../node_modules/.pnpm/@mui+material@7.3.9_@emotion+react@11.14.0_@types+react@19.2.14_react@19.2.4__@emotion+_5efc65b7a21bb615fd4ee8d4bf58b896/node_modules/@mui/material/esm/NativeSelect/NativeSelectInput.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport refType from '@mui/utils/refType';\nimport composeClasses from '@mui/utils/composeClasses';\nimport capitalize from \"../utils/capitalize.js\";\nimport nativeSelectClasses, { getNativeSelectUtilityClasses } from \"./nativeSelectClasses.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport rootShouldForwardProp from \"../styles/rootShouldForwardProp.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    disabled,\n    multiple,\n    open,\n    error\n  } = ownerState;\n  const slots = {\n    select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],\n    icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled']\n  };\n  return composeClasses(slots, getNativeSelectUtilityClasses, classes);\n};\nexport const StyledSelectSelect = styled('select', {\n  name: 'MuiNativeSelect'\n})(({\n  theme\n}) => ({\n  // Reset\n  MozAppearance: 'none',\n  // Reset\n  WebkitAppearance: 'none',\n  // When interacting quickly, the text can end up selected.\n  // Native select can't be selected either.\n  userSelect: 'none',\n  // Reset\n  borderRadius: 0,\n  cursor: 'pointer',\n  '&:focus': {\n    // Reset Chrome style\n    borderRadius: 0\n  },\n  [`&.${nativeSelectClasses.disabled}`]: {\n    cursor: 'default'\n  },\n  '&[multiple]': {\n    height: 'auto'\n  },\n  '&:not([multiple]) option, &:not([multiple]) optgroup': {\n    backgroundColor: (theme.vars || theme).palette.background.paper\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.variant !== 'filled' && ownerState.variant !== 'outlined',\n    style: {\n      // Bump specificity to allow extending custom inputs\n      '&&&': {\n        paddingRight: 24,\n        minWidth: 16 // So it doesn't collapse.\n      }\n    }\n  }, {\n    props: {\n      variant: 'filled'\n    },\n    style: {\n      '&&&': {\n        paddingRight: 32\n      }\n    }\n  }, {\n    props: {\n      variant: 'outlined'\n    },\n    style: {\n      borderRadius: (theme.vars || theme).shape.borderRadius,\n      '&:focus': {\n        borderRadius: (theme.vars || theme).shape.borderRadius // Reset the reset for Chrome style\n      },\n      '&&&': {\n        paddingRight: 32\n      }\n    }\n  }]\n}));\nconst NativeSelectSelect = styled(StyledSelectSelect, {\n  name: 'MuiNativeSelect',\n  slot: 'Select',\n  shouldForwardProp: rootShouldForwardProp,\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.select, styles[ownerState.variant], ownerState.error && styles.error, {\n      [`&.${nativeSelectClasses.multiple}`]: styles.multiple\n    }];\n  }\n})({});\nexport const StyledSelectIcon = styled('svg', {\n  name: 'MuiNativeSelect'\n})(({\n  theme\n}) => ({\n  // We use a position absolute over a flexbox in order to forward the pointer events\n  // to the input and to support wrapping tags..\n  position: 'absolute',\n  right: 0,\n  // Center vertically, height is 1em\n  top: 'calc(50% - .5em)',\n  // Don't block pointer events on the select under the icon.\n  pointerEvents: 'none',\n  color: (theme.vars || theme).palette.action.active,\n  [`&.${nativeSelectClasses.disabled}`]: {\n    color: (theme.vars || theme).palette.action.disabled\n  },\n  variants: [{\n    props: ({\n      ownerState\n    }) => ownerState.open,\n    style: {\n      transform: 'rotate(180deg)'\n    }\n  }, {\n    props: {\n      variant: 'filled'\n    },\n    style: {\n      right: 7\n    }\n  }, {\n    props: {\n      variant: 'outlined'\n    },\n    style: {\n      right: 7\n    }\n  }]\n}));\nconst NativeSelectIcon = styled(StyledSelectIcon, {\n  name: 'MuiNativeSelect',\n  slot: 'Icon',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];\n  }\n})({});\n\n/**\n * @ignore - internal component.\n */\nconst NativeSelectInput = /*#__PURE__*/React.forwardRef(function NativeSelectInput(props, ref) {\n  const {\n    className,\n    disabled,\n    error,\n    IconComponent,\n    inputRef,\n    variant = 'standard',\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    disabled,\n    variant,\n    error\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsxs(React.Fragment, {\n    children: [/*#__PURE__*/_jsx(NativeSelectSelect, {\n      ownerState: ownerState,\n      className: clsx(classes.select, className),\n      disabled: disabled,\n      ref: inputRef || ref,\n      ...other\n    }), props.multiple ? null : /*#__PURE__*/_jsx(NativeSelectIcon, {\n      as: IconComponent,\n      ownerState: ownerState,\n      className: classes.icon\n    })]\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? NativeSelectInput.propTypes = {\n  /**\n   * The option elements to populate the select with.\n   * Can be some `<option>` elements.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * The CSS class name of the select element.\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, the select is disabled.\n   */\n  disabled: PropTypes.bool,\n  /**\n   * If `true`, the `select input` will indicate an error.\n   */\n  error: PropTypes.bool,\n  /**\n   * The icon that displays the arrow.\n   */\n  IconComponent: PropTypes.elementType.isRequired,\n  /**\n   * Use that prop to pass a ref to the native select element.\n   * @deprecated\n   */\n  inputRef: refType,\n  /**\n   * @ignore\n   */\n  multiple: PropTypes.bool,\n  /**\n   * Name attribute of the `select` or hidden `input` element.\n   */\n  name: PropTypes.string,\n  /**\n   * Callback fired when a menu item is selected.\n   *\n   * @param {object} event The event source of the callback.\n   * You can pull out the new value by accessing `event.target.value` (string).\n   */\n  onChange: PropTypes.func,\n  /**\n   * The input value.\n   */\n  value: PropTypes.any,\n  /**\n   * The variant to use.\n   */\n  variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])\n} : void 0;\nexport default NativeSelectInput;"],"names":["useUtilityClasses","ownerState","classes","variant","disabled","multiple","open","error","slots","capitalize","composeClasses","getNativeSelectUtilityClasses","StyledSelectSelect","styled","theme","nativeSelectClasses","NativeSelectSelect","rootShouldForwardProp","props","styles","StyledSelectIcon","NativeSelectIcon","NativeSelectInput","React","ref","className","IconComponent","inputRef","other","_jsxs","_jsx","clsx","PropTypes","refType"],"mappings":"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","x_google_ignoreList":[0]}

package/dist/ui-components.es3.js

@@ -1,117 +1,177 @@
-import { j as l } from "./ui-components.es15.js";
-import I, { useState as R, useMemo as F, useEffect as N, useCallback as W, createElement as Q } from "react";
-import { c as V } from "./ui-components.es17.js";
-import { isDomain as z } from "./ui-components.es63.js";
-import { Box as M, Autocomplete as H, TextField as J, Button as U, Typography as w } from "@mui/material";
-import { useEntityAutocomplete as X } from "./ui-components.es12.js";
-const f = 3, Y = ({
-  queries: n,
-  assembly: e,
-  showiCREFlag: o,
-  geneVersion: O,
-  geneLimit: E = f,
-  snpLimit: c = f,
-  icreLimit: s = f,
-  ccreLimit: i = f,
-  legacyCcreLimit: $ = f,
-  studyLimit: K = f,
-  onSearchSubmit: d,
-  defaultResults: k = [],
-  style: T,
-  sx: A,
-  slots: p,
-  slotProps: x,
-  ..._
-}) => {
-  const [u, g] = R(""), [m, v] = R(null), {
-    data: a,
-    loading: B
-  } = X(u && u !== "" ? [u] : [], {
-    queries: n,
-    assembly: e,
-    geneVersion: O,
-    limits: {
-      gene: E,
-      snp: c,
-      icre: s,
-      ccre: i,
-      legacyCcre: $,
-      study: K
-    },
-    showiCREFlag: o,
-    debounceMs: 100
-  }), b = F(() => {
-    const t = new Map(n.map((y, h) => [y, h])), r = (y) => [...y].sort((h, L) => {
-      const C = t.get(h.type), j = t.get(L.type);
-      return C === void 0 && j === void 0 ? (h.title || "").localeCompare(L.title || "") : C === void 0 ? 1 : j === void 0 ? -1 : C !== j ? C - j : (h.title || "").localeCompare(L.title || "");
+import { j as s } from "./ui-components.es15.js";
+import { useState as ve, useEffect as Re, createElement as we } from "react";
+import { c as Ce } from "./ui-components.es17.js";
+import { isDomain as ke } from "./ui-components.es63.js";
+import { TextField as Oe, Autocomplete as Ee, Button as Be, Box as _e, Typography as le } from "@mui/material";
+import { useEntityAutocomplete as Le } from "./ui-components.es12.js";
+function Qe(l) {
+  const e = Ce.c(97);
+  let n, d, m, x, y, i, c, h, S, b, g, v, a;
+  e[0] !== l ? ({
+    queries: c,
+    assembly: n,
+    showiCREFlag: h,
+    geneVersion: m,
+    limit: y,
+    graphqlUrl: x,
+    onSearchSubmit: i,
+    defaultResults: a,
+    style: g,
+    sx: v,
+    slots: b,
+    slotProps: S,
+    ...d
+  } = l, e[0] = l, e[1] = n, e[2] = d, e[3] = m, e[4] = x, e[5] = y, e[6] = i, e[7] = c, e[8] = h, e[9] = S, e[10] = b, e[11] = g, e[12] = v, e[13] = a) : (n = e[1], d = e[2], m = e[3], x = e[4], y = e[5], i = e[6], c = e[7], h = e[8], S = e[9], b = e[10], g = e[11], v = e[12], a = e[13]);
+  let M;
+  e[14] !== a ? (M = a === void 0 ? [] : a, e[14] = a, e[15] = M) : M = e[15];
+  const oe = M, [t, ne] = ve(""), [f, ie] = ve(null);
+  let _;
+  e[16] !== b ? (_ = b ?? {}, e[16] = b, e[17] = _) : _ = e[17];
+  let V, F, K, j;
+  e[18] !== _ ? ({
+    input: K,
+    button: F,
+    box: V,
+    ...j
+  } = _, e[18] = _, e[19] = V, e[20] = F, e[21] = K, e[22] = j) : (V = e[19], F = e[20], K = e[21], j = e[22]);
+  let R;
+  e[23] !== S ? (R = S ?? {}, e[23] = S, e[24] = R) : R = e[24];
+  let w, p, C, k;
+  e[25] !== R ? ({
+    input: C,
+    button: p,
+    box: w,
+    ...k
+  } = R, e[25] = R, e[26] = w, e[27] = p, e[28] = C, e[29] = k) : (w = e[26], p = e[27], C = e[28], k = e[29]);
+  const re = K ?? Oe, se = F ?? Be, ce = V ?? _e;
+  let W;
+  e[30] !== t ? (W = t ? [t] : [], e[30] = t, e[31] = W) : W = e[31];
+  let N;
+  e[32] !== n || e[33] !== m || e[34] !== x || e[35] !== y || e[36] !== c || e[37] !== h ? (N = {
+    queries: c,
+    assembly: n,
+    geneVersion: m,
+    limit: y,
+    showiCREFlag: h,
+    debounceMs: 100,
+    graphqlUrl: x
+  }, e[32] = n, e[33] = m, e[34] = x, e[35] = y, e[36] = c, e[37] = h, e[38] = N) : N = e[38];
+  const {
+    data: r,
+    loading: O
+  } = Le(W, N);
+  let Q;
+  e[39] !== c ? (Q = new Map(c.map(Ae)), e[39] = c, e[40] = Q) : Q = e[40];
+  const U = Q;
+  let E, B;
+  if (e[41] !== r || e[42] !== oe || e[43] !== t || e[44] !== U) {
+    const u = t.toLowerCase();
+    let o;
+    e[47] !== t ? (o = ke(t), e[47] = t, e[48] = o) : o = e[48];
+    const pe = o, de = (D) => pe || !u ? 3 : D === u ? 0 : D.startsWith(u) ? 1 : D.includes(u) ? 2 : 3, me = (D) => [...D].sort((xe, ye) => {
+      const G = U.get(xe.type), $ = U.get(ye.type);
+      if (G === void 0 && $ !== void 0)
+        return 1;
+      if ($ === void 0 && G !== void 0)
+        return -1;
+      if (G !== void 0 && $ !== void 0 && G !== $)
+        return G - $;
+      const he = (xe.title || "").toLowerCase(), Se = (ye.title || "").toLowerCase(), be = de(he), ge = de(Se);
+      return be !== ge ? be - ge : he.localeCompare(Se);
     });
-    return {
-      data: a && r(a),
-      defaultResults: r(k)
-    };
-  }, [a, k, n]);
-  N(() => {
-    g(""), v(null);
-  }, [e]);
-  const D = W(() => {
-    m && d && d(m);
-  }, [d, m]), G = W((t) => {
-    if (t.key === "Enter") {
-      const r = a?.find((y) => y.title?.toLowerCase() === u.toLowerCase());
-      r && (v(r), d && d(r));
+    E = r && me(r), B = me(oe), e[41] = r, e[42] = oe, e[43] = t, e[44] = U, e[45] = E, e[46] = B;
+  } else
+    E = e[45], B = e[46];
+  let z;
+  e[49] !== E || e[50] !== B ? (z = {
+    data: E,
+    defaultResults: B
+  }, e[49] = E, e[50] = B, e[51] = z) : z = e[51];
+  const A = z;
+  let H;
+  e[52] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (H = () => {
+    ne(""), ie(null);
+  }, e[52] = H) : H = e[52];
+  let J;
+  e[53] !== n ? (J = [n], e[53] = n, e[54] = J) : J = e[54], Re(H, J);
+  let X;
+  e[55] !== i || e[56] !== f ? (X = () => {
+    f && i && i(f);
+  }, e[55] = i, e[56] = f, e[57] = X) : X = e[57];
+  const ue = X;
+  let Y;
+  e[58] !== r || e[59] !== t || e[60] !== i ? (Y = (u) => {
+    if (u.key === "Enter") {
+      const o = r?.find((pe) => pe.title?.toLowerCase() === t.toLowerCase());
+      o && (ie(o), i && i(o));
     }
-  }, [a, v, d]), q = (t, r) => {
-    v(r), g(r?.title || "");
-  };
-  return /* @__PURE__ */ l.jsxs(M, { display: "flex", flexDirection: "row", gap: 2, style: {
-    ...T
-  }, sx: {
-    ...A
-  }, ...x?.box, children: [
-    /* @__PURE__ */ l.jsx(H, { onChange: q, value: m, options: u === "" ? b.defaultResults : B || !b.data ? [] : b.data, getOptionLabel: (t) => t.title || "", groupBy: (t) => t.type || "", renderGroup: (t) => Z(t, u), noOptionsText: S(u, B, a), isOptionEqualToValue: (t, r) => t.title === r.title, renderOption: P, filterOptions: (t) => t, renderInput: (t) => p && p.input ? I.cloneElement(p.input, {
-      ...t,
-      onKeyDown: G,
-      value: u,
-      onChange: (r) => g(r.target.value)
-    }) : /* @__PURE__ */ l.jsx(J, { ...t, label: "Search", onKeyDown: G, value: u, onChange: (r) => g(r.target.value), ...x?.input }), style: T, sx: A, ..._ }),
-    p && p.button ? I.cloneElement(p.button, {
-      onClick: () => D()
-    }) : /* @__PURE__ */ l.jsx(U, { variant: "contained", onClick: () => D(), ...x?.button, children: x?.button?.children || "Go" })
-  ] });
-};
-function Z(n, e) {
-  const o = Array.isArray(n.children) && !z(e) ? n.children.sort((O, E) => {
-    const c = (O.props?.children?.props?.children?.[0]?.props?.children || "").toLowerCase(), s = (E.props?.children?.props?.children?.[0]?.props?.children || "").toLowerCase(), i = e.toLowerCase();
-    return c === i && s !== i ? -1 : s === i && c !== i ? 1 : c.startsWith(i) && !s.startsWith(i) ? -1 : s.startsWith(i) && !c.startsWith(i) ? 1 : c.includes(i) && !s.includes(i) ? -1 : s.includes(i) && !c.includes(i) ? 1 : c.localeCompare(s);
-  }) : n.children;
-  return /* @__PURE__ */ l.jsxs("div", { children: [
-    /* @__PURE__ */ l.jsx(w, { variant: "subtitle2", sx: {
+  }, e[58] = r, e[59] = t, e[60] = i, e[61] = Y) : Y = e[61];
+  const ae = Y;
+  let Z;
+  e[62] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (Z = (u, o) => {
+    ie(o), ne(o?.title || "");
+  }, e[62] = Z) : Z = e[62];
+  const je = Z;
+  let ee;
+  e[63] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (ee = {
+    flex: 1
+  }, e[63] = ee) : ee = e[63];
+  let L;
+  e[64] !== t || e[65] !== O || e[66] !== A ? (L = t === "" ? A.defaultResults : O || !A.data ? [] : A.data, e[64] = t, e[65] = O, e[66] = A, e[67] = L) : L = e[67];
+  let P;
+  e[68] !== r || e[69] !== t || e[70] !== O ? (P = Ge(t, O, r), e[68] = r, e[69] = t, e[70] = O, e[71] = P) : P = e[71];
+  let T;
+  e[72] !== re || e[73] !== ae || e[74] !== C || e[75] !== t ? (T = (u) => /* @__PURE__ */ s.jsx(re, { ...u, label: "Search", onKeyDown: ae, value: t, onChange: (o) => ne(o.target.value), ...C }), e[72] = re, e[73] = ae, e[74] = C, e[75] = t, e[76] = T) : T = e[76];
+  let I;
+  e[77] !== d || e[78] !== k || e[79] !== j || e[80] !== f || e[81] !== L || e[82] !== P || e[83] !== T ? (I = /* @__PURE__ */ s.jsx(Ee, { sx: ee, onChange: je, value: f, options: L, getOptionLabel: qe, groupBy: Ie, renderGroup: De, noOptionsText: P, isOptionEqualToValue: Te, renderOption: $e, filterOptions: Pe, renderInput: T, slots: j, slotProps: k, ...d }), e[77] = d, e[78] = k, e[79] = j, e[80] = f, e[81] = L, e[82] = P, e[83] = T, e[84] = I) : I = e[84];
+  const fe = p?.children ?? "Go";
+  let q;
+  e[85] !== se || e[86] !== p || e[87] !== ue || e[88] !== fe ? (q = /* @__PURE__ */ s.jsx(se, { variant: "contained", onClick: ue, ...p, children: fe }), e[85] = se, e[86] = p, e[87] = ue, e[88] = fe, e[89] = q) : q = e[89];
+  let te;
+  return e[90] !== ce || e[91] !== w || e[92] !== g || e[93] !== v || e[94] !== I || e[95] !== q ? (te = /* @__PURE__ */ s.jsxs(ce, { display: "flex", flexDirection: "row", gap: 2, style: g, sx: v, ...w, children: [
+    I,
+    q
+  ] }), e[90] = ce, e[91] = w, e[92] = g, e[93] = v, e[94] = I, e[95] = q, e[96] = te) : te = e[96], te;
+}
+function Pe(l) {
+  return l;
+}
+function Te(l, e) {
+  return l.title === e.title;
+}
+function Ie(l) {
+  return l.type || "";
+}
+function qe(l) {
+  return l.title || "";
+}
+function Ae(l, e) {
+  return [l, e];
+}
+function De(l) {
+  return /* @__PURE__ */ s.jsxs("div", { children: [
+    /* @__PURE__ */ s.jsx(le, { variant: "subtitle2", sx: {
       color: "gray",
       paddingInline: 1.5,
       paddingBlock: 1
-    }, children: n.group }),
-    o
-  ] }, n.key);
+    }, children: l.group }),
+    l.children
+  ] }, l.key);
 }
-function S(n, e, o) {
-  return /* @__PURE__ */ l.jsx(w, { variant: "caption", children: n ? e ? "Loading..." : Array.isArray(o) && o.length === 0 ? "No results found" : "" : "Start typing for options" });
+function Ge(l, e, n) {
+  return /* @__PURE__ */ s.jsx(le, { variant: "caption", children: l ? e ? "Loading..." : Array.isArray(n) && n.length === 0 ? "No results found" : "" : "Start typing for options" });
 }
-function P(n, e) {
-  return /* @__PURE__ */ Q("li", { ...n, key: `${e.type}-${e.title || "untitled"}-${e.description || "no-description"}` }, /* @__PURE__ */ l.jsxs(M, { children: [
-    /* @__PURE__ */ l.jsx(w, { variant: "body1", component: "div", fontWeight: "bold", sx: e.type === "Gene" ? {
+function $e(l, e) {
+  return /* @__PURE__ */ we("li", { ...l, key: `${e.type}-${e.title || "untitled"}-${e.description || "no-description"}` }, /* @__PURE__ */ s.jsxs(_e, { children: [
+    /* @__PURE__ */ s.jsx(le, { variant: "body1", component: "div", fontWeight: "bold", sx: e.type === "Gene" ? {
       fontStyle: "italic"
     } : {}, children: e.title }),
-    /* @__PURE__ */ l.jsx(w, { variant: "body2", color: "text.secondary", style: {
+    /* @__PURE__ */ s.jsx(le, { variant: "body2", color: "text.secondary", style: {
       whiteSpace: "pre-line"
     }, children: e.description })
   ] }));
 }
-function le(n) {
-  const e = V.c(2);
-  let o;
-  return e[0] !== n ? (o = /* @__PURE__ */ l.jsx(Y, { ...n }), e[0] = n, e[1] = o) : o = e[1], o;
-}
 export {
-  le as default
+  Qe as default
 };
 //# sourceMappingURL=ui-components.es3.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es3.js","sources":["../src/components/GenomeSearch/GenomeSearch.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, 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  const orderedResults = useMemo(() => {\n    const queryOrder = new Map(queries.map((query, index) => [query, index]));\n\n    const sortByQueryOrder = (results: Result[]) =>\n      [...results].sort((a, b) => {\n        const aIndex = queryOrder.get(a.type);\n        const bIndex = queryOrder.get(b.type);\n\n        if (aIndex === undefined && bIndex === undefined) {\n          return (a.title || \"\").localeCompare(b.title || \"\");\n        }\n\n        if (aIndex === undefined) return 1;\n        if (bIndex === undefined) return -1;\n\n        if (aIndex !== bIndex) return aIndex - bIndex;\n\n        return (a.title || \"\").localeCompare(b.title || \"\");\n      });\n\n    return {\n      data: data ? sortByQueryOrder(data) : data,\n      defaultResults: sortByQueryOrder(defaultResults),\n    };\n  }, [data, defaultResults, queries]);\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 === \"\" ? orderedResults.defaultResults : loading || !orderedResults.data ? [] : orderedResults.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","orderedResults","useMemo","queryOrder","Map","map","query","index","sortByQueryOrder","results","sort","a","b","aIndex","get","type","bIndex","undefined","title","localeCompare","useEffect","onSubmit","useCallback","handleKeyDown","event","key","exactMatch","find","x","toLowerCase","onChange","_event","newValue","jsxs","Box","box","jsx","Autocomplete","option","params","renderGroup","noOptionsText","value","renderOptions","input","React","cloneElement","onKeyDown","target","TextField","button","onClick","Button","children","sortedOptions","Array","isArray","isDomain","aTitle","props","bTitle","startsWith","includes","Typography","color","paddingInline","paddingBlock","group","isLoading","length","description","fontStyle","whiteSpace","GenomeSearch","$","_c","t0"],"mappings":";;;;;;AASA,MAAMA,IAAe,GAUfC,IAAsCA,CAAC;AAAA,EAC3CC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAC,cAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,WAAAA,IAAYN;AAAAA,EACZO,UAAAA,IAAWP;AAAAA,EACXQ,WAAAA,IAAYR;AAAAA,EACZS,WAAAA,IAAYT;AAAAA,EACZU,iBAAAA,IAAkBV;AAAAA,EAClBW,YAAAA,IAAaX;AAAAA,EACbY,gBAAAA;AAAAA,EACAC,gBAAAA,IAAiB,CAAA;AAAA,EACjBC,OAAAA;AAAAA,EACAC,IAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,EAAE,GACzC,CAACC,GAAWC,CAAY,IAAIF,EAAwB,IAAI,GAExD;AAAA,IAAEG,MAAAA;AAAAA,IAAMC,SAAAA;AAAAA,EAAAA,IAAYC,EACxBP,KAAcA,MAAe,KAAK,CAACA,CAAU,IAAI,IACjD;AAAA,IACEjB,SAAAA;AAAAA,IACAC,UAAAA;AAAAA,IACAE,aAAAA;AAAAA,IACAsB,QAAQ;AAAA,MACNC,MAAMtB;AAAAA,MACNuB,KAAKtB;AAAAA,MACLuB,MAAMtB;AAAAA,MACNuB,MAAMtB;AAAAA,MACNuB,YAAYtB;AAAAA,MACZuB,OAAOtB;AAAAA,IAAAA;AAAAA,IAETP,cAAAA;AAAAA,IACA8B,YAAY;AAAA,EAAA,CAEhB,GAEMC,IAAiBC,EAAQ,MAAM;AACnC,UAAMC,IAAa,IAAIC,IAAIpC,EAAQqC,IAAI,CAACC,GAAOC,MAAU,CAACD,GAAOC,CAAK,CAAC,CAAC,GAElEC,IAAmBA,CAACC,MACxB,CAAC,GAAGA,CAAO,EAAEC,KAAK,CAACC,GAAGC,MAAM;AAC1B,YAAMC,IAASV,EAAWW,IAAIH,EAAEI,IAAI,GAC9BC,IAASb,EAAWW,IAAIF,EAAEG,IAAI;AAEpC,aAAIF,MAAWI,UAAaD,MAAWC,UAC7BN,EAAEO,SAAS,IAAIC,cAAcP,EAAEM,SAAS,EAAE,IAGhDL,MAAWI,SAAkB,IAC7BD,MAAWC,SAAkB,KAE7BJ,MAAWG,IAAeH,IAASG,KAE/BL,EAAEO,SAAS,IAAIC,cAAcP,EAAEM,SAAS,EAAE;AAAA,IACpD,CAAC;AAEH,WAAO;AAAA,MACL5B,MAAMA,KAAOkB,EAAiBlB,CAAI;AAAA,MAClCX,gBAAgB6B,EAAiB7B,CAAc;AAAA,IAAA;AAAA,EAEnD,GAAG,CAACW,GAAMX,GAAgBX,CAAO,CAAC;AAGlCoD,EAAAA,EAAU,MAAM;AACdlC,IAAAA,EAAc,EAAE,GAChBG,EAAa,IAAI;AAAA,EACnB,GAAG,CAACpB,CAAQ,CAAC;AAGb,QAAMoD,IAAWC,EAAY,MAAM;AACjC,IAAIlC,KAAaV,KAAgBA,EAAeU,CAAS;AAAA,EAC3D,GAAG,CAACV,GAAgBU,CAAS,CAAC,GAGxBmC,IAAgBD,EACpB,CAACE,MAA+B;AAC9B,QAAIA,EAAMC,QAAQ,SAAS;AACzB,YAAMC,IAAapC,GAAMqC,KAAMC,CAAAA,MAAMA,EAAEV,OAAOW,YAAAA,MAAkB5C,EAAW4C,YAAAA,CAAa;AACxF,MAAIH,MACFrC,EAAaqC,CAAU,GACnBhD,OAA+BgD,CAAU;AAAA,IAEjD;AAAA,EACF,GACA,CAACpC,GAAMD,GAAcX,CAAc,CACrC,GAEMoD,IAAWA,CAACC,GAA8CC,MAAqB;AACnF3C,IAAAA,EAAa2C,CAAQ,GACrB9C,EAAc8C,GAAUd,SAAS,EAAE;AAAA,EACrC;AAEA,SACEe,gBAAAA,EAAAA,KAACC,KAAI,SAAQ,QAAO,eAAc,OAAM,KAAK,GAAG,OAAO;AAAA,IAAE,GAAGtD;AAAAA,EAAAA,GAAS,IAAI;AAAA,IAAE,GAAGC;AAAAA,EAAAA,GAAM,GAAIE,GAAWoD,KACjG,UAAA;AAAA,IAAAC,gBAAAA,MAACC,KACC,UAAAP,GACA,OAAO1C,GACP,SAASH,MAAe,KAAKgB,EAAetB,iBAAiBY,KAAW,CAACU,EAAeX,OAAO,CAAA,IAAKW,EAAeX,MACnH,gBAAgB,CAACgD,MACRA,EAAOpB,SAAS,IAEzB,SAAS,CAACoB,MAAmBA,EAAOvB,QAAQ,IAC5C,aAAcwB,CAAAA,MAAWC,EAAYD,GAAQtD,CAAU,GACvD,eAAewD,EAAcxD,GAAYM,GAASD,CAAI,GACtD,sBAAsB,CAACgD,GAAQI,MAAUJ,EAAOpB,UAAUwB,EAAMxB,OAChE,cAAcyB,GACd,eAAgBf,CAAAA,MAAMA,GACtB,aAAcW,CAAAA,MACRzD,KAASA,EAAM8D,QACVC,EAAMC,aAAahE,EAAM8D,OAA6C;AAAA,MAC3E,GAAGL;AAAAA,MACHQ,WAAWxB;AAAAA,MACXmB,OAAOzD;AAAAA,MACP6C,UAAUA,CAACN,MAA+CtC,EAAcsC,EAAMwB,OAAON,KAAK;AAAA,IAAA,CAC3F,IAGDN,gBAAAA,EAAAA,IAACa,KACC,GAAIV,GACJ,OAAM,UACN,WAAWhB,GACX,OAAOtC,GACP,UAAU,CAACuC,MAA+CtC,EAAcsC,EAAMwB,OAAON,KAAK,MACtF3D,GAAW6D,OAAM,GAI3B,OAAAhE,GACA,IAAAC,MACKG,EAAAA,CAAgG;AAAA,IAGtGF,KAASA,EAAMoE,SACdL,EAAMC,aAAahE,EAAMoE,QAAsF;AAAA,MAC7GC,SAASA,MAAM9B,EAAAA;AAAAA,IAAS,CACzB,IAEDe,gBAAAA,EAAAA,IAACgB,GAAA,EAAO,SAAQ,aAAY,SAAS,MAAM/B,EAAAA,GAAY,GAAItC,GAAWmE,QACnEnE,UAAAA,GAAWmE,QAAQG,YAAY,KAAA,CAClC;AAAA,EAAA,GAEJ;AAEJ;AAQA,SAASb,EAAYD,GAAatD,GAAoB;AAEpD,QAAMqE,IACJC,MAAMC,QAAQjB,EAAOc,QAAQ,KAAK,CAACI,EAASxE,CAAU,IAClDsD,EAAOc,SAAS3C,KAAK,CAACC,GAAQC,MAAW;AACvC,UAAM8C,KAAU/C,EAAEgD,OAAON,UAAUM,OAAON,WAAW,CAAC,GAAGM,OAAON,YAAY,IAAIxB,YAAAA,GAC1E+B,KAAUhD,EAAE+C,OAAON,UAAUM,OAAON,WAAW,CAAC,GAAGM,OAAON,YAAY,IAAIxB,YAAAA,GAC1EvB,IAAQrB,EAAW4C,YAAAA;AAEzB,WAAI6B,MAAWpD,KAASsD,MAAWtD,IAAc,KAC7CsD,MAAWtD,KAASoD,MAAWpD,IAAc,IAG7CoD,EAAOG,WAAWvD,CAAK,KAAK,CAACsD,EAAOC,WAAWvD,CAAK,IAAU,KAC9DsD,EAAOC,WAAWvD,CAAK,KAAK,CAACoD,EAAOG,WAAWvD,CAAK,IAAU,IAG9DoD,EAAOI,SAASxD,CAAK,KAAK,CAACsD,EAAOE,SAASxD,CAAK,IAAU,KAC1DsD,EAAOE,SAASxD,CAAK,KAAK,CAACoD,EAAOI,SAASxD,CAAK,IAAU,IAGvDoD,EAAOvC,cAAcyC,CAAM;AAAA,EACpC,CAAC,IACDrB,EAAOc;AAEb,gCACG,OAAA,EACC,UAAA;AAAA,IAAAjB,gBAAAA,EAAAA,IAAC2B,GAAA,EAAW,SAAQ,aAAY,IAAI;AAAA,MAAEC,OAAO;AAAA,MAAQC,eAAe;AAAA,MAAKC,cAAc;AAAA,IAAA,GACpF3B,YAAO4B,OACV;AAAA,IACCb;AAAAA,EAAAA,EAAAA,GAJOf,EAAOd,GAKjB;AAEJ;AASA,SAASgB,EAAcxD,GAAoBmF,GAAoB9E,GAAuB;AACpF,+BACGyE,GAAA,EAAW,SAAQ,WACjB9E,UAAAA,IACGmF,IACE,eACAb,MAAMC,QAAQlE,CAAI,KAAKA,EAAK+E,WAAW,IACrC,qBACA,KACJ,4BACN;AAEJ;AAQA,SAAS1B,EAAcgB,GAAYrB,GAAgB;AACjD,2BACG,MAAA,EAAG,GAAIqB,GAAO,KAAK,GAAGrB,EAAOvB,IAAI,IAAIuB,EAAOpB,SAAS,UAAU,IAAIoB,EAAOgC,eAAe,gBAAgB,GAAA,0BACvGpC,GAAA,EACC,UAAA;AAAA,IAAAE,gBAAAA,EAAAA,IAAC2B,GAAA,EACC,SAAQ,SACR,WAAU,OACV,YAAW,QACX,IAAIzB,EAAOvB,SAAS,SAAS;AAAA,MAAEwD,WAAW;AAAA,IAAA,IAAa,IAEtDjC,UAAAA,EAAOpB,MAAAA,CACV;AAAA,0BACC6C,GAAA,EAAW,SAAQ,SAAQ,OAAM,kBAAiB,OAAO;AAAA,MAAES,YAAY;AAAA,IAAA,GACrElC,YAAOgC,YAAAA,CACV;AAAA,EAAA,EAAA,CACF,CACF;AAEJ;AAOA,SAAAG,GAAAd,GAAA;AAAA,QAAAe,IAAAC,EAAAA,EAAA,CAAA;AAAA,MAAAC;AAAA,SAAAF,SAAAf,KACSiB,IAAAxC,gBAAAA,EAAAA,IAACrE,GAAA,EAAM,GAAK4F,EAAAA,CAAK,GAAIe,OAAAf,GAAAe,OAAAE,KAAAA,IAAAF,EAAA,CAAA,GAArBE;AAAqB;"}
+{"version":3,"file":"ui-components.es3.js","sources":["../src/components/GenomeSearch/GenomeSearch.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from \"react\";\nimport { isDomain } from \"./utils\";\nimport {\n  AutocompleteRenderGroupParams,\n  Box,\n  Button,\n  TextField,\n  Typography,\n} from \"@mui/material\";\nimport { Autocomplete } from \"@mui/material\";\nimport { GenomeSearchProps, Result } from \"./types\";\nimport { useEntityAutocomplete } from \"./useEntityAutocomplete\";\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 */\nfunction GenomeSearch({\n  queries,\n  assembly,\n  showiCREFlag,\n  geneVersion,\n  limit,\n  graphqlUrl,\n  onSearchSubmit,\n  defaultResults = [],\n  style,\n  sx,\n  slots,\n  slotProps,\n  ...autocompleteProps\n}: GenomeSearchProps) {\n  const [inputValue, setInputValue] = useState(\"\");\n  const [selection, setSelection] = useState<Result | null>(null);\n\n  const {\n    input: inputSlot,\n    button: buttonSlot,\n    box: boxSlot,\n    ...muiSlots\n  } = slots ?? {};\n\n  const {\n    input: inputSlotProps,\n    button: buttonSlotProps,\n    box: boxSlotProps,\n    ...muiSlotProps\n  } = slotProps ?? {};\n\n  const InputSlot = inputSlot ?? TextField;\n  const ButtonSlot = buttonSlot ?? Button;\n  const BoxSlot = boxSlot ?? Box;\n\n  const { data, loading } = useEntityAutocomplete(\n    inputValue ? [inputValue] : [],\n    {\n      queries,\n      assembly,\n      geneVersion,\n      limit,\n      showiCREFlag,\n      debounceMs: 100,\n      graphqlUrl,\n    }\n  );\n\n  const orderedResults = useMemo(() => {\n    const queryOrder = new Map(queries.map((query, index) => [query, index]));\n    const query = inputValue.toLowerCase();\n    const skipRelevance = isDomain(inputValue);\n\n    const relevanceRank = (title: string) => {\n      if (skipRelevance || !query) return 3;\n      if (title === query) return 0;\n      if (title.startsWith(query)) return 1;\n      if (title.includes(query)) return 2;\n      return 3;\n    };\n\n    const sortByQueryOrder = (results: Result[]) =>\n      [...results].sort((a, b) => {\n        const aIndex = queryOrder.get(a.type);\n        const bIndex = queryOrder.get(b.type);\n\n        // 1. Group order — keep options that share a group contiguous.\n        if (aIndex === undefined && bIndex !== undefined) return 1;\n        if (bIndex === undefined && aIndex !== undefined) return -1;\n        if (aIndex !== undefined && bIndex !== undefined && aIndex !== bIndex) {\n          return aIndex - bIndex;\n        }\n\n        // 2. Relevance to inputValue within a group.\n        const aTitle = (a.title || \"\").toLowerCase();\n        const bTitle = (b.title || \"\").toLowerCase();\n        const aRank = relevanceRank(aTitle);\n        const bRank = relevanceRank(bTitle);\n        if (aRank !== bRank) return aRank - bRank;\n\n        // 3. Alphabetical fallback.\n        return aTitle.localeCompare(bTitle);\n      });\n\n    return {\n      data: data ? sortByQueryOrder(data) : data,\n      defaultResults: sortByQueryOrder(defaultResults),\n    };\n  }, [data, defaultResults, queries, inputValue]);\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, inputValue, onSearchSubmit]\n  );\n\n  const onChange = (_event: React.SyntheticEvent<Element, Event>, newValue: Result | null) => {\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    <BoxSlot display=\"flex\" flexDirection=\"row\" gap={2} style={style} sx={sx} {...boxSlotProps}>\n      <Autocomplete\n        sx={{ flex: 1 }}\n        onChange={onChange}\n        value={selection}\n        options={inputValue === \"\" ? orderedResults.defaultResults : loading || !orderedResults.data ? [] : orderedResults.data}\n        getOptionLabel={(option: Result) => {\n          return option.title || \"\";\n        }}\n        groupBy={(option: Result) => option.type || \"\"}\n        renderGroup={renderGroup}\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          <InputSlot\n            {...params}\n            label=\"Search\"\n            onKeyDown={handleKeyDown}\n            value={inputValue}\n            onChange={(event: React.ChangeEvent<HTMLInputElement>) => setInputValue(event.target.value)}\n            {...inputSlotProps}\n          />\n        )}\n        slots={muiSlots}\n        slotProps={muiSlotProps}\n        {...autocompleteProps}\n      />\n      <ButtonSlot variant=\"contained\" onClick={onSubmit} {...buttonSlotProps}>\n        {buttonSlotProps?.children ?? \"Go\"}\n      </ButtonSlot>\n    </BoxSlot>\n  );\n}\n\n/**\n * Renders the group of options. Relevance ordering happens upstream in\n * `orderedResults` so that the options array and visual order stay in sync —\n * reordering `<li>`s here would desync MUI's `data-option-index`-based\n * keyboard navigation.\n */\nfunction renderGroup(params: AutocompleteRenderGroupParams) {\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      {params.children}\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\nexport default GenomeSearch;\n"],"names":["GenomeSearch","t0","$","_c","assembly","autocompleteProps","geneVersion","graphqlUrl","limit","onSearchSubmit","queries","showiCREFlag","slotProps","slots","style","sx","t1","defaultResults","t2","undefined","inputValue","setInputValue","useState","selection","setSelection","t3","boxSlot","buttonSlot","inputSlot","muiSlots","input","button","box","t4","boxSlotProps","buttonSlotProps","inputSlotProps","muiSlotProps","InputSlot","TextField","ButtonSlot","Button","BoxSlot","Box","t5","t6","debounceMs","data","loading","useEntityAutocomplete","t7","Map","map","_temp","queryOrder","t8","t9","query_0","toLowerCase","t10","isDomain","skipRelevance","relevanceRank","title","query","startsWith","includes","sortByQueryOrder","results","sort","a","b","aIndex","get","type","bIndex","aTitle","bTitle","aRank","bRank","localeCompare","orderedResults","t11","Symbol","for","t12","useEffect","t13","onSubmit","t14","event","key","exactMatch","find","x","handleKeyDown","t15","_event","newValue","onChange","t16","flex","t17","t18","noOptionsText","t19","params","jsx","event_0","target","value","t20","Autocomplete","_temp2","_temp3","renderGroup","_temp4","renderOptions","_temp5","t21","children","t22","t23","jsxs","x_0","option_1","option","option_0","index","Typography","color","paddingInline","paddingBlock","group","isLoading","Array","isArray","length","props","description","fontStyle","whiteSpace"],"mappings":"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"}