@weng-lab/ui-components 3.0.0 → 3.0.1-beta.1

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 { 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":";;;;;;AAqBA,SAAAA,GAAAC,GAAA;AAAA,QAAAC,IAAAC,GAAAA,EAAA,EAAA;AAAA,MAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC,GAAAC;AAAA,EAAAd,SAAAD,KAAsB;AAAA,IAAAS,SAAAA;AAAAA,IAAAN,UAAAA;AAAAA,IAAAO,cAAAA;AAAAA,IAAAL,aAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAAD,YAAAA;AAAAA,IAAAE,gBAAAA;AAAAA,IAAAQ,gBAAAD;AAAAA,IAAAF,OAAAA;AAAAA,IAAAC,IAAAA;AAAAA,IAAAF,OAAAA;AAAAA,IAAAD,WAAAA;AAAAA,IAAA,GAAAP;AAAAA,EAAAA,IAAAJ,GAcFC,OAAAD,GAAAC,OAAAE,GAAAF,OAAAG,GAAAH,OAAAI,GAAAJ,OAAAK,GAAAL,OAAAM,GAAAN,OAAAO,GAAAP,OAAAQ,GAAAR,OAAAS,GAAAT,OAAAU,GAAAV,QAAAW,GAAAX,QAAAY,GAAAZ,QAAAa,GAAAb,QAAAc,MAAAZ,IAAAF,EAAA,CAAA,GAAAG,IAAAH,EAAA,CAAA,GAAAI,IAAAJ,EAAA,CAAA,GAAAK,IAAAL,EAAA,CAAA,GAAAM,IAAAN,EAAA,CAAA,GAAAO,IAAAP,EAAA,CAAA,GAAAQ,IAAAR,EAAA,CAAA,GAAAS,IAAAT,EAAA,CAAA,GAAAU,IAAAV,EAAA,CAAA,GAAAW,IAAAX,EAAA,EAAA,GAAAY,IAAAZ,EAAA,EAAA,GAAAa,IAAAb,EAAA,EAAA,GAAAc,IAAAd,EAAA,EAAA;AAAA,MAAAgB;AAAA,EAAAhB,UAAAc,KANlBE,IAAAF,MAAAG,SAAA,CAAA,IAAAH,GAAmBd,QAAAc,GAAAd,QAAAgB,KAAAA,IAAAhB,EAAA,EAAA;AAAnB,QAAAe,KAAAC,GAOA,CAAAE,GAAAC,EAAA,IAAoCC,GAAS,EAAE,GAC/C,CAAAC,GAAAC,EAAA,IAAkCF,GAAwB,IAAI;AAAE,MAAAG;AAAA,EAAAvB,UAAAW,KAO5DY,IAAAZ,KAAA,CAAA,GAAWX,QAAAW,GAAAX,QAAAuB,KAAAA,IAAAvB,EAAA,EAAA;AAAA,MAAAwB,GAAAC,GAAAC,GAAAC;AAAA,EAAA3B,UAAAuB,KALf;AAAA,IAAAK,OAAAF;AAAAA,IAAAG,QAAAJ;AAAAA,IAAAK,KAAAN;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAKIJ,GAAYvB,QAAAuB,GAAAvB,QAAAwB,GAAAxB,QAAAyB,GAAAzB,QAAA0B,GAAA1B,QAAA2B,MAAAH,IAAAxB,EAAA,EAAA,GAAAyB,IAAAzB,EAAA,EAAA,GAAA0B,IAAA1B,EAAA,EAAA,GAAA2B,IAAA3B,EAAA,EAAA;AAAA,MAAA+B;AAAA,EAAA/B,UAAAU,KAOZqB,IAAArB,KAAA,CAAA,GAAeV,QAAAU,GAAAV,QAAA+B,KAAAA,IAAA/B,EAAA,EAAA;AAAA,MAAAgC,GAAAC,GAAAC,GAAAC;AAAA,EAAAnC,UAAA+B,KALnB;AAAA,IAAAH,OAAAM;AAAAA,IAAAL,QAAAI;AAAAA,IAAAH,KAAAE;AAAAA,IAAA,GAAAG;AAAAA,EAAAA,IAKIJ,GAAgB/B,QAAA+B,GAAA/B,QAAAgC,GAAAhC,QAAAiC,GAAAjC,QAAAkC,GAAAlC,QAAAmC,MAAAH,IAAAhC,EAAA,EAAA,GAAAiC,IAAAjC,EAAA,EAAA,GAAAkC,IAAAlC,EAAA,EAAA,GAAAmC,IAAAnC,EAAA,EAAA;AAEpB,QAAAoC,KAAkBV,KAAAW,IAClBC,KAAmBb,KAAAc,IACnBC,KAAgBhB,KAAAiB;AAAe,MAAAC;AAAA,EAAA1C,UAAAkB,KAG7BwB,IAAAxB,IAAA,CAAcA,CAAU,IAAxB,CAAA,GAA8BlB,QAAAkB,GAAAlB,QAAA0C,KAAAA,IAAA1C,EAAA,EAAA;AAAA,MAAA2C;AAAA,EAAA3C,UAAAE,KAAAF,EAAA,EAAA,MAAAI,KAAAJ,EAAA,EAAA,MAAAK,KAAAL,EAAA,EAAA,MAAAM,KAAAN,UAAAQ,KAAAR,EAAA,EAAA,MAAAS,KAC9BkC,IAAA;AAAA,IAAAnC,SAAAA;AAAAA,IAAAN,UAAAA;AAAAA,IAAAE,aAAAA;AAAAA,IAAAE,OAAAA;AAAAA,IAAAG,cAAAA;AAAAA,IAAAmC,YAMc;AAAA,IAAGvC,YAAAA;AAAAA,EAAAA,GAEhBL,QAAAE,GAAAF,QAAAI,GAAAJ,QAAAK,GAAAL,QAAAM,GAAAN,QAAAQ,GAAAR,QAAAS,GAAAT,QAAA2C,KAAAA,IAAA3C,EAAA,EAAA;AAVH,QAAA;AAAA,IAAA6C,MAAAA;AAAAA,IAAAC,SAAAA;AAAAA,EAAAA,IAA0BC,GACxBL,GACAC,CASF;AAAE,MAAAK;AAAA,EAAAhD,UAAAQ,KAGmBwC,IAAA,IAAIC,IAAIzC,EAAO0C,IAAKC,EAAgC,CAAC,GAACnD,QAAAQ,GAAAR,QAAAgD,KAAAA,IAAAhD,EAAA,EAAA;AAAzE,QAAAoD,IAAmBJ;AAAuD,MAAAK,GAAAC;AAAA,MAAAtD,EAAA,EAAA,MAAA6C,KAAA7C,EAAA,EAAA,MAAAe,MAAAf,EAAA,EAAA,MAAAkB,KAAAlB,UAAAoD,GAAA;AAC1E,UAAAG,IAAcrC,EAAUsC,YAAAA;AAAe,QAAAC;AAAA,IAAAzD,UAAAkB,KACjBuC,IAAAC,GAASxC,CAAU,GAAClB,QAAAkB,GAAAlB,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AAA1C,UAAA2D,KAAsBF,GAEtBG,KAAsBC,CAAAA,MAChBF,MAAA,CAAkBG,IAAc,IAChCD,MAAUC,IAAc,IACxBD,EAAKE,WAAYD,CAAK,IAAU,IAChCD,EAAKG,SAAUF,CAAK,IAAU,IAC3B,GAGTG,KAAyBC,OACvB,CAAA,GAAIA,CAAO,EAACC,KAAM,CAAAC,IAAAC,OAAA;AAChB,YAAAC,IAAelB,EAAUmB,IAAKH,GAACI,IAAK,GACpCC,IAAerB,EAAUmB,IAAKF,GAACG,IAAK;AAGpC,UAAIF,MAAWrD,UAAawD,MAAWxD;AAAS,eAAS;AACzD,UAAIwD,MAAWxD,UAAaqD,MAAWrD;AAAS,eAAS;AACzD,UAAIqD,MAAWrD,UAAawD,MAAWxD,UAAaqD,MAAWG;AAAM,eAC5DH,IAASG;AAIlB,YAAAC,MAAgBN,GAACP,SAAD,IAAaL,YAAAA,GAC7BmB,MAAgBN,GAACR,SAAD,IAAaL,YAAAA,GAC7BoB,KAAchB,GAAcc,EAAM,GAClCG,KAAcjB,GAAce,EAAM;AAClC,aAAIC,OAAUC,KAAcD,KAAQC,KAG7BH,GAAMI,cAAeH,EAAM;AAAA,IAAC,CACpC;AAGKtB,IAAAA,IAAAR,KAAOoB,GAAiBpB,CAAW,GACzBS,IAAAW,GAAiBlD,EAAc,GAACf,QAAA6C,GAAA7C,QAAAe,IAAAf,QAAAkB,GAAAlB,QAAAoD,GAAApD,QAAAqD,GAAArD,QAAAsD;AAAAA,EAAA;AAAAD,IAAAA,IAAArD,EAAA,EAAA,GAAAsD,IAAAtD,EAAA,EAAA;AAAA,MAAAyD;AAAA,EAAAzD,EAAA,EAAA,MAAAqD,KAAArD,UAAAsD,KAF3CG,IAAA;AAAA,IAAAZ,MACCQ;AAAAA,IAAoCtC,gBAC1BuC;AAAAA,EAAAA,GACjBtD,QAAAqD,GAAArD,QAAAsD,GAAAtD,QAAAyD,KAAAA,IAAAzD,EAAA,EAAA;AAvCH,QAAA+E,IAoCEtB;AAI8C,MAAAuB;AAAA,EAAAhF,EAAA,EAAA,MAAAiF,uBAAAC,IAAA,2BAAA,KAGtCF,IAAAA,MAAA;AACR7D,IAAAA,GAAc,EAAE,GAChBG,GAAa,IAAI;AAAA,EAAC,GACnBtB,QAAAgF,KAAAA,IAAAhF,EAAA,EAAA;AAAA,MAAAmF;AAAA,EAAAnF,UAAAE,KAAEiF,IAAA,CAACjF,CAAQ,GAACF,QAAAE,GAAAF,QAAAmF,KAAAA,IAAAnF,EAAA,EAAA,GAHboF,GAAUJ,GAGPG,CAAU;AAAC,MAAAE;AAAA,EAAArF,EAAA,EAAA,MAAAO,KAAAP,UAAAqB,KAGegE,IAAAA,MAAA;AAC3B,IAAIhE,KAAAd,KAA6BA,EAAec,CAAS;AAAA,EAAE,GAC5DrB,QAAAO,GAAAP,QAAAqB,GAAArB,QAAAqF,KAAAA,IAAArF,EAAA,EAAA;AAFD,QAAAsF,KAAiBD;AAEe,MAAAE;AAAA,EAAAvF,EAAA,EAAA,MAAA6C,KAAA7C,UAAAkB,KAAAlB,EAAA,EAAA,MAAAO,KAI9BgF,IAAAC,CAAAA,MAAA;AACE,QAAIA,EAAKC,QAAS,SAAO;AACvB,YAAAC,IAAmB7C,GAAI8C,KAAOC,CAAAA,OAAOA,GAAC/B,OAAmBL,YAAAA,MAAOtC,EAAUsC,YAAAA,CAAc;AACxF,MAAIkC,MACFpE,GAAaoE,CAAU,GACnBnF,KAAgBA,EAAemF,CAAU;AAAA,IAC9C;AAAA,EACF,GACF1F,QAAA6C,GAAA7C,QAAAkB,GAAAlB,QAAAO,GAAAP,QAAAuF,KAAAA,IAAAvF,EAAA,EAAA;AATH,QAAA6F,KAAsBN;AAWpB,MAAAO;AAAA,EAAA9F,EAAA,EAAA,MAAAiF,uBAAAC,IAAA,2BAAA,KAEeY,IAAAA,CAAAC,GAAAC,MAAA;AACf1E,IAAAA,GAAa0E,CAAQ,GACrB7E,GAAc6E,GAAQnC,SAAR,EAAqB;AAAA,EAAC,GACrC7D,QAAA8F,KAAAA,IAAA9F,EAAA,EAAA;AAHD,QAAAiG,KAAiBH;AAGf,MAAAI;AAAA,EAAAlG,EAAA,EAAA,MAAAiF,uBAAAC,IAAA,2BAAA,KAKQgB,KAAA;AAAA,IAAAC,MAAQ;AAAA,EAAA,GAAGnG,QAAAkG,MAAAA,KAAAlG,EAAA,EAAA;AAAA,MAAAoG;AAAA,EAAApG,EAAA,EAAA,MAAAkB,KAAAlB,UAAA8C,KAAA9C,EAAA,EAAA,MAAA+E,KAGNqB,IAAAlF,MAAe,KAAK6D,EAAchE,iBAAkB+B,KAAA,CAAYiC,EAAclC,OAA1B,CAAA,IAAuCkC,EAAclC,MAAK7C,QAAAkB,GAAAlB,QAAA8C,GAAA9C,QAAA+E,GAAA/E,QAAAoG,KAAAA,IAAApG,EAAA,EAAA;AAAA,MAAAqG;AAAA,EAAArG,EAAA,EAAA,MAAA6C,KAAA7C,UAAAkB,KAAAlB,EAAA,EAAA,MAAA8C,KAMxGuD,IAAAC,GAAcpF,GAAY4B,GAASD,CAAI,GAAC7C,QAAA6C,GAAA7C,QAAAkB,GAAAlB,QAAA8C,GAAA9C,QAAAqG,KAAAA,IAAArG,EAAA,EAAA;AAAA,MAAAuG;AAAA,EAAAvG,EAAA,EAAA,MAAAoC,MAAApC,EAAA,EAAA,MAAA6F,MAAA7F,EAAA,EAAA,MAAAkC,KAAAlC,UAAAkB,KAI1CqF,IAAAC,OACXC,gBAAAA,EAAAA,IAACrE,IAAA,KACKoE,GACE,OAAA,UACKX,WAAAA,IACJ3E,OAAAA,GACG,UAAAwF,OAAgDvF,GAAcqE,EAAKmB,OAAOC,KAAM,GAAC,GACvF1E,GAAc,GAErBlC,QAAAoC,IAAApC,QAAA6F,IAAA7F,QAAAkC,GAAAlC,QAAAkB,GAAAlB,QAAAuG,KAAAA,IAAAvG,EAAA,EAAA;AAAA,MAAA6G;AAAA,EAAA7G,EAAA,EAAA,MAAAG,KAAAH,EAAA,EAAA,MAAAmC,KAAAnC,EAAA,EAAA,MAAA2B,KAAA3B,UAAAqB,KAAArB,EAAA,EAAA,MAAAoG,KAAApG,EAAA,EAAA,MAAAqG,KAAArG,EAAA,EAAA,MAAAuG,KAvBHM,0BAACC,IAAA,EACK,IAAAZ,IACMD,UAAAA,IACH5E,UACE,SAAA+E,GACO,gBAAAW,IAGP,SAAAC,IACIC,aAAAA,IACE,eAAAZ,GACO,sBAAAa,IACRC,kBACC,eAAAC,IACF,aAAAb,GAUN5E,OAAAA,GACIQ,cAAY,GACnBhC,GAAiB,GACrBH,QAAAG,GAAAH,QAAAmC,GAAAnC,QAAA2B,GAAA3B,QAAAqB,GAAArB,QAAAoG,GAAApG,QAAAqG,GAAArG,QAAAuG,GAAAvG,QAAA6G,KAAAA,IAAA7G,EAAA,EAAA;AAEC,QAAAqH,KAAApF,GAAeqF,YAAf;AAAiC,MAAAC;AAAA,EAAAvH,EAAA,EAAA,MAAAsC,MAAAtC,EAAA,EAAA,MAAAiC,KAAAjC,EAAA,EAAA,MAAAsF,MAAAtF,UAAAqH,MADpCE,0BAACjF,MAAmB,SAAA,aAAqBgD,aAAQ,GAAMrD,GACpDoF,UAAAA,GAAAA,CACH,GAAarH,QAAAsC,IAAAtC,QAAAiC,GAAAjC,QAAAsF,IAAAtF,QAAAqH,IAAArH,QAAAuH,KAAAA,IAAAvH,EAAA,EAAA;AAAA,MAAAwH;AAAA,SAAAxH,UAAAwC,MAAAxC,EAAA,EAAA,MAAAgC,KAAAhC,EAAA,EAAA,MAAAY,KAAAZ,EAAA,EAAA,MAAAa,KAAAb,UAAA6G,KAAA7G,EAAA,EAAA,MAAAuH,KA/BfC,KAAAC,gBAAAA,EAAAA,KAACjF,IAAA,EAAgB,SAAA,QAAqB,eAAA,OAAW,KAAA,GAAU5B,OAAAA,GAAWC,IAAAA,MAAQmB,GAC5E6E,UAAAA;AAAAA,IAAAA;AAAAA,IA4BAU;AAAAA,EAAAA,GAGF,GAAUvH,QAAAwC,IAAAxC,QAAAgC,GAAAhC,QAAAY,GAAAZ,QAAAa,GAAAb,QAAA6G,GAAA7G,QAAAuH,GAAAvH,QAAAwH,MAAAA,KAAAxH,EAAA,EAAA,GAhCVwH;AAgCU;AA1Jd,SAAAJ,GAAAM,GAAA;AAAA,SAwI8B9B;AAAC;AAxI/B,SAAAsB,GAAAS,GAAAf,GAAA;AAAA,SAsIiDgB,EAAM/D,UAAW+C,EAAK/C;AAAM;AAtI7E,SAAAmD,GAAAa,GAAA;AAAA,SAmIqCD,EAAMpD,QAAN;AAAiB;AAnItD,SAAAuC,GAAAa,GAAA;AAAA,SAiIiBA,EAAM/D,SAAN;AAAkB;AAjInC,SAAAV,GAAAW,GAAAgE,GAAA;AAAA,SAkD6D,CAAChE,GAAOgE,CAAK;AAAC;AAkH3E,SAASb,GAAYT,GAAuC;AAC1D,gCACG,OAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,EAAAA,IAACsB,IAAA,EAAW,SAAQ,aAAY,IAAI;AAAA,MAAEC,OAAO;AAAA,MAAQC,eAAe;AAAA,MAAKC,cAAc;AAAA,IAAA,GACpF1B,YAAO2B,OACV;AAAA,IACC3B,EAAOc;AAAAA,EAAAA,EAAAA,GAJAd,EAAOf,GAKjB;AAEJ;AASA,SAASa,GAAcpF,GAAoBkH,GAAoBvF,GAAuB;AACpF,+BACGkF,IAAA,EAAW,SAAQ,WACjB7G,UAAAA,IACGkH,IACE,eACAC,MAAMC,QAAQzF,CAAI,KAAKA,EAAK0F,WAAW,IACrC,qBACA,KACJ,4BACN;AAEJ;AAQA,SAASpB,GAAcqB,GAAYZ,GAAgB;AACjD,4BACG,MAAA,EAAG,GAAIY,GAAO,KAAK,GAAGZ,EAAOpD,IAAI,IAAIoD,EAAO/D,SAAS,UAAU,IAAI+D,EAAOa,eAAe,gBAAgB,GAAA,0BACvGhG,IAAA,EACC,UAAA;AAAA,IAAAgE,gBAAAA,EAAAA,IAACsB,IAAA,EACC,SAAQ,SACR,WAAU,OACV,YAAW,QACX,IAAIH,EAAOpD,SAAS,SAAS;AAAA,MAAEkE,WAAW;AAAA,IAAA,IAAa,IAEtDd,UAAAA,EAAO/D,MAAAA,CACV;AAAA,0BACCkE,IAAA,EAAW,SAAQ,SAAQ,OAAM,kBAAiB,OAAO;AAAA,MAAEY,YAAY;AAAA,IAAA,GACrEf,YAAOa,YAAAA,CACV;AAAA,EAAA,EAAA,CACF,CACF;AAEJ;"}
+{"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        {`Showing top 3 matches for ${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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"}

package/dist/ui-components.es30.js

@@ -1,256 +1,39 @@
-import * as v from "react";
-import { clsx as w } from "./ui-components.es102.js";
-import t from "./ui-components.es89.js";
-import C from "./ui-components.es105.js";
-import { getSkeletonUtilityClass as k } from "./ui-components.es133.js";
-import { j as x } from "./ui-components.es15.js";
-import R from "./ui-components.es48.js";
-import { getUnit as O, toUnitless as T } from "./ui-components.es134.js";
-import { useDefaultProps as $ } from "./ui-components.es92.js";
-import S from "./ui-components.es114.js";
-import { keyframes as f, css as h } from "@emotion/react";
-const j = (e) => {
-  const {
-    classes: n,
-    variant: o,
-    animation: a,
-    hasChildren: r,
-    width: s,
-    height: i
-  } = e;
-  return S({
-    root: ["root", o, a, r && "withChildren", r && !s && "fitContent", r && !i && "heightAuto"]
-  }, k, n);
-}, l = f`
-  0% {
-    opacity: 1;
-  }
-
-  50% {
-    opacity: 0.4;
-  }
-
-  100% {
-    opacity: 1;
-  }
-`, p = f`
-  0% {
-    transform: translateX(-100%);
-  }
-
-  50% {
-    /* +0.5s of delay between each loop */
-    transform: translateX(100%);
-  }
-
-  100% {
-    transform: translateX(100%);
-  }
-`, N = typeof l != "string" ? h`
-        animation: ${l} 2s ease-in-out 0.5s infinite;
-      ` : null, U = typeof p != "string" ? h`
-        &::after {
-          animation: ${p} 2s linear 0.5s infinite;
-        }
-      ` : null, A = R("span", {
-  name: "MuiSkeleton",
-  slot: "Root",
-  overridesResolver: (e, n) => {
-    const {
-      ownerState: o
-    } = e;
-    return [n.root, n[o.variant], o.animation !== !1 && n[o.animation], o.hasChildren && n.withChildren, o.hasChildren && !o.width && n.fitContent, o.hasChildren && !o.height && n.heightAuto];
-  }
-})(C(({
-  theme: e
-}) => {
-  const n = O(e.shape.borderRadius) || "px", o = T(e.shape.borderRadius);
-  return {
-    display: "block",
-    // Create a "on paper" color with sufficient contrast retaining the color
-    backgroundColor: e.vars ? e.vars.palette.Skeleton.bg : e.alpha(e.palette.text.primary, e.palette.mode === "light" ? 0.11 : 0.13),
-    height: "1.2em",
-    variants: [{
-      props: {
-        variant: "text"
-      },
-      style: {
-        marginTop: 0,
-        marginBottom: 0,
-        height: "auto",
-        transformOrigin: "0 55%",
-        transform: "scale(1, 0.60)",
-        borderRadius: `${o}${n}/${Math.round(o / 0.6 * 10) / 10}${n}`,
-        "&:empty:before": {
-          content: '"\\00a0"'
-        }
-      }
-    }, {
-      props: {
-        variant: "circular"
-      },
-      style: {
-        borderRadius: "50%"
-      }
-    }, {
-      props: {
-        variant: "rounded"
-      },
-      style: {
-        borderRadius: (e.vars || e).shape.borderRadius
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren,
-      style: {
-        "& > *": {
-          visibility: "hidden"
-        }
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren && !a.width,
-      style: {
-        maxWidth: "fit-content"
-      }
-    }, {
-      props: ({
-        ownerState: a
-      }) => a.hasChildren && !a.height,
-      style: {
-        height: "auto"
-      }
-    }, {
-      props: {
-        animation: "pulse"
-      },
-      style: N || {
-        animation: `${l} 2s ease-in-out 0.5s infinite`
-      }
-    }, {
-      props: {
-        animation: "wave"
-      },
-      style: {
-        position: "relative",
-        overflow: "hidden",
-        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */
-        WebkitMaskImage: "-webkit-radial-gradient(white, black)",
-        "&::after": {
-          background: `linear-gradient(
-                90deg,
-                transparent,
-                ${(e.vars || e).palette.action.hover},
-                transparent
-              )`,
-          content: '""',
-          position: "absolute",
-          transform: "translateX(-100%)",
-          bottom: 0,
-          left: 0,
-          right: 0,
-          top: 0
-        }
-      }
-    }, {
-      props: {
-        animation: "wave"
-      },
-      style: U || {
-        "&::after": {
-          animation: `${p} 2s linear 0.5s infinite`
-        }
-      }
-    }]
-  };
-})), M = /* @__PURE__ */ v.forwardRef(function(n, o) {
-  const a = $({
-    props: n,
-    name: "MuiSkeleton"
-  }), {
-    animation: r = "pulse",
-    className: s,
-    component: i = "span",
-    height: m,
-    style: u,
-    variant: y = "text",
-    width: g,
-    ...c
-  } = a, d = {
-    ...a,
-    animation: r,
-    component: i,
-    variant: y,
-    hasChildren: !!c.children
-  }, b = j(d);
-  return /* @__PURE__ */ x.jsx(A, {
-    as: i,
-    ref: o,
-    className: w(b.root, s),
-    ownerState: d,
-    ...c,
-    style: {
-      width: g,
-      height: m,
-      ...u
-    }
-  });
-});
-process.env.NODE_ENV !== "production" && (M.propTypes = {
-  // ┌────────────────────────────── Warning ──────────────────────────────┐
-  // │ These PropTypes are generated from the TypeScript type definitions. │
-  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │
-  // └─────────────────────────────────────────────────────────────────────┘
-  /**
-   * The animation.
-   * If `false` the animation effect is disabled.
-   * @default 'pulse'
-   */
-  animation: t.oneOf(["pulse", "wave", !1]),
-  /**
-   * Optional children to infer width and height from.
-   */
-  children: t.node,
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: t.object,
-  /**
-   * @ignore
-   */
-  className: t.string,
-  /**
-   * The component used for the root node.
-   * Either a string to use a HTML element or a component.
-   */
-  component: t.elementType,
-  /**
-   * Height of the skeleton.
-   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.
-   */
-  height: t.oneOfType([t.number, t.string]),
-  /**
-   * @ignore
-   */
-  style: t.object,
-  /**
-   * The system prop that allows defining system overrides as well as additional CSS styles.
-   */
-  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
-  /**
-   * The type of content that will be rendered.
-   * @default 'text'
-   */
-  variant: t.oneOfType([t.oneOf(["circular", "rectangular", "rounded", "text"]), t.string]),
-  /**
-   * Width of the skeleton.
-   * Useful when the skeleton is inside an inline element with no width of its own.
-   */
-  width: t.oneOfType([t.number, t.string])
-});
+import { j as r } from "./ui-components.es15.js";
+import { c as d } from "./ui-components.es16.js";
+import { Typography as h, Box as p, Tooltip as j } from "@mui/material";
+import y from "./ui-components.es37.js";
+const S = (x) => {
+  const e = d.c(13), {
+    params: i,
+    tooltipTitle: f,
+    originalRenderHeader: s
+  } = x;
+  let n;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (n = {
+    display: "flex",
+    alignItems: "center",
+    gap: 1
+  }, e[0] = n) : n = e[0];
+  let m;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (m = {
+    overflow: "hidden",
+    textOverflow: "ellipsis"
+  }, e[1] = m) : m = e[1];
+  let t;
+  e[2] !== s || e[3] !== i ? (t = s ? s(i) : /* @__PURE__ */ r.jsx(h, { variant: "subtitle2", noWrap: !0, children: i.colDef.headerName || i.field }), e[2] = s, e[3] = i, e[4] = t) : t = e[4];
+  let l;
+  e[5] !== t ? (l = /* @__PURE__ */ r.jsx(p, { sx: m, children: t }), e[5] = t, e[6] = l) : l = e[6];
+  let a;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (a = /* @__PURE__ */ r.jsx(y, { fontSize: "inherit", color: "primary" }), e[7] = a) : a = e[7];
+  let o;
+  e[8] !== f ? (o = /* @__PURE__ */ r.jsx(j, { title: f, children: a }), e[8] = f, e[9] = o) : o = e[9];
+  let c;
+  return e[10] !== l || e[11] !== o ? (c = /* @__PURE__ */ r.jsxs(p, { sx: n, children: [
+    l,
+    o
+  ] }), e[10] = l, e[11] = o, e[12] = c) : c = e[12], c;
+};
 export {
-  M as default
+  S as HeaderWithTooltip
 };
 //# sourceMappingURL=ui-components.es30.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es30.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/Skeleton/Skeleton.js"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport composeClasses from '@mui/utils/composeClasses';\nimport { unstable_getUnit as getUnit, unstable_toUnitless as toUnitless } from \"../styles/index.js\";\nimport { keyframes, css, styled } from \"../zero-styled/index.js\";\nimport memoTheme from \"../utils/memoTheme.js\";\nimport { useDefaultProps } from \"../DefaultPropsProvider/index.js\";\nimport { getSkeletonUtilityClass } from \"./skeletonClasses.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst useUtilityClasses = ownerState => {\n  const {\n    classes,\n    variant,\n    animation,\n    hasChildren,\n    width,\n    height\n  } = ownerState;\n  const slots = {\n    root: ['root', variant, animation, hasChildren && 'withChildren', hasChildren && !width && 'fitContent', hasChildren && !height && 'heightAuto']\n  };\n  return composeClasses(slots, getSkeletonUtilityClass, classes);\n};\nconst pulseKeyframe = keyframes`\n  0% {\n    opacity: 1;\n  }\n\n  50% {\n    opacity: 0.4;\n  }\n\n  100% {\n    opacity: 1;\n  }\n`;\nconst waveKeyframe = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n\n  50% {\n    /* +0.5s of delay between each loop */\n    transform: translateX(100%);\n  }\n\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\n// This implementation is for supporting both Styled-components v4+ and Pigment CSS.\n// A global animation has to be created here for Styled-components v4+ (https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#12).\n// which can be done by checking typeof indeterminate1Keyframe !== 'string' (at runtime, Pigment CSS transform keyframes`` to a string).\nconst pulseAnimation = typeof pulseKeyframe !== 'string' ? css`\n        animation: ${pulseKeyframe} 2s ease-in-out 0.5s infinite;\n      ` : null;\nconst waveAnimation = typeof waveKeyframe !== 'string' ? css`\n        &::after {\n          animation: ${waveKeyframe} 2s linear 0.5s infinite;\n        }\n      ` : null;\nconst SkeletonRoot = styled('span', {\n  name: 'MuiSkeleton',\n  slot: 'Root',\n  overridesResolver: (props, styles) => {\n    const {\n      ownerState\n    } = props;\n    return [styles.root, styles[ownerState.variant], ownerState.animation !== false && styles[ownerState.animation], ownerState.hasChildren && styles.withChildren, ownerState.hasChildren && !ownerState.width && styles.fitContent, ownerState.hasChildren && !ownerState.height && styles.heightAuto];\n  }\n})(memoTheme(({\n  theme\n}) => {\n  const radiusUnit = getUnit(theme.shape.borderRadius) || 'px';\n  const radiusValue = toUnitless(theme.shape.borderRadius);\n  return {\n    display: 'block',\n    // Create a \"on paper\" color with sufficient contrast retaining the color\n    backgroundColor: theme.vars ? theme.vars.palette.Skeleton.bg : theme.alpha(theme.palette.text.primary, theme.palette.mode === 'light' ? 0.11 : 0.13),\n    height: '1.2em',\n    variants: [{\n      props: {\n        variant: 'text'\n      },\n      style: {\n        marginTop: 0,\n        marginBottom: 0,\n        height: 'auto',\n        transformOrigin: '0 55%',\n        transform: 'scale(1, 0.60)',\n        borderRadius: `${radiusValue}${radiusUnit}/${Math.round(radiusValue / 0.6 * 10) / 10}${radiusUnit}`,\n        '&:empty:before': {\n          content: '\"\\\\00a0\"'\n        }\n      }\n    }, {\n      props: {\n        variant: 'circular'\n      },\n      style: {\n        borderRadius: '50%'\n      }\n    }, {\n      props: {\n        variant: 'rounded'\n      },\n      style: {\n        borderRadius: (theme.vars || theme).shape.borderRadius\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren,\n      style: {\n        '& > *': {\n          visibility: 'hidden'\n        }\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.width,\n      style: {\n        maxWidth: 'fit-content'\n      }\n    }, {\n      props: ({\n        ownerState\n      }) => ownerState.hasChildren && !ownerState.height,\n      style: {\n        height: 'auto'\n      }\n    }, {\n      props: {\n        animation: 'pulse'\n      },\n      style: pulseAnimation || {\n        animation: `${pulseKeyframe} 2s ease-in-out 0.5s infinite`\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: {\n        position: 'relative',\n        overflow: 'hidden',\n        /* Fix bug in Safari https://bugs.webkit.org/show_bug.cgi?id=68196 */\n        WebkitMaskImage: '-webkit-radial-gradient(white, black)',\n        '&::after': {\n          background: `linear-gradient(\n                90deg,\n                transparent,\n                ${(theme.vars || theme).palette.action.hover},\n                transparent\n              )`,\n          content: '\"\"',\n          position: 'absolute',\n          transform: 'translateX(-100%)' /* Avoid flash during server-side hydration */,\n          bottom: 0,\n          left: 0,\n          right: 0,\n          top: 0\n        }\n      }\n    }, {\n      props: {\n        animation: 'wave'\n      },\n      style: waveAnimation || {\n        '&::after': {\n          animation: `${waveKeyframe} 2s linear 0.5s infinite`\n        }\n      }\n    }]\n  };\n}));\nconst Skeleton = /*#__PURE__*/React.forwardRef(function Skeleton(inProps, ref) {\n  const props = useDefaultProps({\n    props: inProps,\n    name: 'MuiSkeleton'\n  });\n  const {\n    animation = 'pulse',\n    className,\n    component = 'span',\n    height,\n    style,\n    variant = 'text',\n    width,\n    ...other\n  } = props;\n  const ownerState = {\n    ...props,\n    animation,\n    component,\n    variant,\n    hasChildren: Boolean(other.children)\n  };\n  const classes = useUtilityClasses(ownerState);\n  return /*#__PURE__*/_jsx(SkeletonRoot, {\n    as: component,\n    ref: ref,\n    className: clsx(classes.root, className),\n    ownerState: ownerState,\n    ...other,\n    style: {\n      width,\n      height,\n      ...style\n    }\n  });\n});\nprocess.env.NODE_ENV !== \"production\" ? Skeleton.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The animation.\n   * If `false` the animation effect is disabled.\n   * @default 'pulse'\n   */\n  animation: PropTypes.oneOf(['pulse', 'wave', false]),\n  /**\n   * Optional children to infer width and height from.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Height of the skeleton.\n   * Useful when you don't want to adapt the skeleton to a text element but for instance a card.\n   */\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n  /**\n   * @ignore\n   */\n  style: PropTypes.object,\n  /**\n   * The system prop that allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * The type of content that will be rendered.\n   * @default 'text'\n   */\n  variant: PropTypes /* @typescript-to-proptypes-ignore */.oneOfType([PropTypes.oneOf(['circular', 'rectangular', 'rounded', 'text']), PropTypes.string]),\n  /**\n   * Width of the skeleton.\n   * Useful when the skeleton is inside an inline element with no width of its own.\n   */\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n} : void 0;\nexport default Skeleton;"],"names":["useUtilityClasses","ownerState","classes","variant","animation","hasChildren","width","height","composeClasses","getSkeletonUtilityClass","pulseKeyframe","keyframes","waveKeyframe","pulseAnimation","css","waveAnimation","SkeletonRoot","styled","props","styles","memoTheme","theme","radiusUnit","getUnit","radiusValue","toUnitless","Skeleton","React","inProps","ref","useDefaultProps","className","component","style","other","_jsx","clsx","PropTypes"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es30.js","sources":["../src/components/Table/HeaderWithToolip.tsx"],"sourcesContent":["import { Tooltip, Box, Typography, TooltipProps } from '@mui/material';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport { GridColumnHeaderParams } from '@mui/x-data-grid-premium';\n\nexport interface HeaderWithTooltipProps {\n  params: GridColumnHeaderParams;\n  tooltipTitle: TooltipProps[\"title\"];\n  originalRenderHeader?: (params: GridColumnHeaderParams) => React.ReactNode;\n}\n\nexport const HeaderWithTooltip = ({ params, tooltipTitle, originalRenderHeader }: HeaderWithTooltipProps) => {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n      <Box sx={{ overflow: 'hidden', textOverflow: 'ellipsis' }}>\n        {originalRenderHeader ? (\n          originalRenderHeader(params)\n        ) : (\n          // Fallback to default behavior (showing the headerName)\n          <Typography variant=\"subtitle2\" noWrap>\n            {params.colDef.headerName || params.field}\n          </Typography>\n        )}\n      </Box>\n      <Tooltip title={tooltipTitle}>\n        <InfoOutlinedIcon fontSize=\"inherit\" color=\"primary\" />\n      </Tooltip>\n    </Box>\n  );\n};"],"names":["HeaderWithTooltip","t0","$","_c","params","tooltipTitle","originalRenderHeader","t1","Symbol","for","display","alignItems","gap","t2","overflow","textOverflow","t3","Typography","colDef","headerName","field","t4","jsx","Box","t5","InfoOutlinedIcon","t6","Tooltip","t7"],"mappings":";;;;AAUO,MAAMA,IAAoBC,CAAAA,MAAA;AAAA,QAAAC,IAAAC,EAAAA,EAAA,EAAA,GAAC;AAAA,IAAAC,QAAAA;AAAAA,IAAAC,cAAAA;AAAAA,IAAAC,sBAAAA;AAAAA,EAAAA,IAAAL;AAAsE,MAAAM;AAAA,EAAAL,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAE3FF,IAAA;AAAA,IAAAG,SAAW;AAAA,IAAMC,YAAc;AAAA,IAAQC,KAAO;AAAA,EAAA,GAAGV,OAAAK,KAAAA,IAAAL,EAAA,CAAA;AAAA,MAAAW;AAAA,EAAAX,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAC/CI,IAAA;AAAA,IAAAC,UAAY;AAAA,IAAQC,cAAgB;AAAA,EAAA,GAAYb,OAAAW,KAAAA,IAAAX,EAAA,CAAA;AAAA,MAAAc;AAAA,EAAAd,EAAA,CAAA,MAAAI,KAAAJ,SAAAE,KACtDY,IAAAV,IACCA,EAAqBF,CAMvB,0BAHGa,GAAA,EAAmB,SAAA,aAAY,QAAA,IAC7Bb,UAAAA,EAAMc,OAAOC,cAAef,EAAMgB,OACrC,GACDlB,OAAAI,GAAAJ,OAAAE,GAAAF,OAAAc,KAAAA,IAAAd,EAAA,CAAA;AAAA,MAAAmB;AAAA,EAAAnB,SAAAc,KARHK,IAAAC,gBAAAA,EAAAA,IAACC,GAAA,EAAQ,IAAAV,GACNG,UAAAA,GAQH,GAAMd,OAAAc,GAAAd,OAAAmB,KAAAA,IAAAnB,EAAA,CAAA;AAAA,MAAAsB;AAAA,EAAAtB,EAAA,CAAA,MAAAM,uBAAAC,IAAA,2BAAA,KAEJe,IAAAF,gBAAAA,EAAAA,IAACG,GAAA,EAA0B,UAAA,WAAgB,OAAA,WAAS,GAAGvB,OAAAsB,KAAAA,IAAAtB,EAAA,CAAA;AAAA,MAAAwB;AAAA,EAAAxB,SAAAG,KADzDqB,IAAAJ,gBAAAA,EAAAA,IAACK,GAAA,EAAetB,OAAAA,GACdmB,UAAAA,GACF,GAAUtB,OAAAG,GAAAH,OAAAwB,KAAAA,IAAAxB,EAAA,CAAA;AAAA,MAAA0B;AAAA,SAAA1B,EAAA,EAAA,MAAAmB,KAAAnB,UAAAwB,KAbZE,2BAACL,GAAA,EAAQ,IAAAhB,GACPc,UAAAA;AAAAA,IAAAA;AAAAA,IAUAK;AAAAA,EAAAA,GAGF,GAAMxB,QAAAmB,GAAAnB,QAAAwB,GAAAxB,QAAA0B,KAAAA,IAAA1B,EAAA,EAAA,GAdN0B;AAcM;"}

package/dist/ui-components.es300.js

@@ -1,11 +1,11 @@
-import t from "./ui-components.es116.js";
-import i from "./ui-components.es101.js";
+import r from "./ui-components.es98.js";
+import t from "./ui-components.es99.js";
 function s(e) {
-  return t("MuiSelect", e);
+  return r("MuiFormHelperText", e);
 }
-const o = i("MuiSelect", ["root", "select", "multiple", "filled", "outlined", "standard", "disabled", "focused", "icon", "iconOpen", "iconFilled", "iconOutlined", "iconStandard", "nativeInput", "error"]);
+const o = t("MuiFormHelperText", ["root", "error", "disabled", "sizeSmall", "sizeMedium", "contained", "focused", "filled", "required"]);
 export {
   o as default,
-  s as getSelectUtilityClasses
+  s as getFormHelperTextUtilityClasses
 };
 //# sourceMappingURL=ui-components.es300.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es300.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/Select/selectClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSelectUtilityClasses(slot) {\n  return generateUtilityClass('MuiSelect', slot);\n}\nconst selectClasses = generateUtilityClasses('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);\nexport default selectClasses;"],"names":["getSelectUtilityClasses","slot","generateUtilityClass","selectClasses","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAwBC,GAAM;AAC5C,SAAOC,EAAqB,aAAaD,CAAI;AAC/C;AACK,MAACE,IAAgBC,EAAuB,aAAa,CAAC,QAAQ,UAAU,YAAY,UAAU,YAAY,YAAY,YAAY,WAAW,QAAQ,YAAY,cAAc,gBAAgB,gBAAgB,eAAe,OAAO,CAAC;","x_google_ignoreList":[0]}
+{"version":3,"file":"ui-components.es300.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/FormHelperText/formHelperTextClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getFormHelperTextUtilityClasses(slot) {\n  return generateUtilityClass('MuiFormHelperText', slot);\n}\nconst formHelperTextClasses = generateUtilityClasses('MuiFormHelperText', ['root', 'error', 'disabled', 'sizeSmall', 'sizeMedium', 'contained', 'focused', 'filled', 'required']);\nexport default formHelperTextClasses;"],"names":["getFormHelperTextUtilityClasses","slot","generateUtilityClass","formHelperTextClasses","generateUtilityClasses"],"mappings":";;AAEO,SAASA,EAAgCC,GAAM;AACpD,SAAOC,EAAqB,qBAAqBD,CAAI;AACvD;AACK,MAACE,IAAwBC,EAAuB,qBAAqB,CAAC,QAAQ,SAAS,YAAY,aAAa,cAAc,aAAa,WAAW,UAAU,UAAU,CAAC;","x_google_ignoreList":[0]}