@weng-lab/ui-components 2.0.3 → 2.1.1

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

@@ -1 +1 @@
-{"version":3,"file":"ui-components.es3.js","sources":["../src/components/DataTable/datatable.tsx"],"sourcesContent":["import React, {\n  useCallback,\n  useReducer,\n  Reducer,\n  useMemo,\n  Fragment,\n  useState,\n  useEffect,\n  useRef,\n} from 'react';\nimport { DataTableProps, DataTableState, DataTableAction } from './types';\nimport { reducer } from './reducer';\n\n//MUI imports\nimport Paper from '@mui/material/Paper';\nimport Table from '@mui/material/Table';\nimport TableRow from '@mui/material/TableRow';\nimport TableCell from '@mui/material/TableCell';\nimport TableHead from '@mui/material/TableHead';\nimport TableBody from '@mui/material/TableBody';\nimport TablePagination from '@mui/material/TablePagination';\nimport DownloadIcon from '@mui/icons-material/Download';\nimport AddIcon from '@mui/icons-material/Add';\nimport InfoIcon from '@mui/icons-material/Info';\nimport InfoOutlinedIcon from '@mui/icons-material/InfoOutlined';\nimport SearchIcon from '@mui/icons-material/Search';\nimport InputBase from '@mui/material/InputBase';\nimport Button from '@mui/material/Button';\nimport IconButton from '@mui/material/IconButton';\nimport TableSortLabel from '@mui/material/TableSortLabel';\nimport Checkbox from '@mui/material/Checkbox';\nimport FormControlLabel from '@mui/material/FormControlLabel';\nimport Typography from '@mui/material/Typography';\nimport TableContainer from '@mui/material/TableContainer';\nimport Box from '@mui/material/Box';\nimport Modal from '@mui/material/Modal';\nimport Toolbar from '@mui/material/Toolbar';\nimport Tooltip from '@mui/material/Tooltip';\nimport { styled, alpha } from '@mui/material/styles';\nimport { Stack } from '@mui/material';\nimport ArrowForwardIosIcon from '@mui/icons-material/ArrowForwardIos';\nimport ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';\n\nexport function isNumeric(n: string): boolean {\n  const v: number = parseFloat(n)\n  return !isNaN(v) && isFinite(v)\n}\n\nexport function genericSort(a: any, b: any): number {\n  if (isNumeric(a) && isNumeric(b)) return parseFloat(a) - parseFloat(b)\n  if (a.localeCompare) return a.localeCompare(b)\n  return 0\n}\n\n//Styling for Search component\nconst Search = styled('div')(({ theme }) => ({\n  position: 'relative',\n  borderRadius: theme.shape.borderRadius,\n  backgroundColor: alpha(theme.palette.common.white, 0.75),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.common.white, 0.95),\n  },\n  marginLeft: 0,\n  width: '100%',\n  [theme.breakpoints.up('sm')]: {\n    marginLeft: theme.spacing(1),\n    width: 'auto',\n  },\n}));\n\n//Styling for Search Icon\nconst SearchIconWrapper = styled('div')(({ theme }) => ({\n  padding: theme.spacing(0, 2),\n  height: '100%',\n  position: 'absolute',\n  pointerEvents: 'none',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n}));\n\n//Styling for Search Text Input\nconst StyledInputBase = styled(InputBase)(({ theme }) => ({\n  color: 'inherit',\n  '& .MuiInputBase-input': {\n    padding: theme.spacing(1, 1, 1, 0),\n    // vertical padding + font size from searchIcon\n    paddingLeft: `calc(1em + ${theme.spacing(4)})`,\n    transition: theme.transitions.create('width'),\n    width: '100%',\n    [theme.breakpoints.up('sm')]: {\n      width: '12ch',\n      '&:focus': {\n        width: '20ch',\n      },\n    },\n  },\n}));\n\n//Styling for \"Add Columns\" Modal\nconst boxStyle = {\n  position: 'absolute',\n  top: '50%',\n  left: '50%',\n  transform: 'translate(-50%, -50%)',\n  width: 400,\n  bgcolor: 'background.paper',\n  border: '2px solid #000',\n  boxShadow: 24,\n  p: 4,\n};\n\nconst DataTable = <T extends object>(\n  props: DataTableProps<T>\n) => {\n\n  const [page, setPage] = useState(props.page || 0);\n  const [rowsPerPage, setRowsPerPage] = useState<number>(() => {\n    if (Array.isArray(props.itemsPerPage)) { return props.itemsPerPage[0] }\n    else if (typeof props.itemsPerPage == \"number\") { return props.itemsPerPage }\n    else return 5\n  })\n\n  const handleChangePage = (page: number) => {\n    setPage(page);\n  };\n\n  const handleChangeRowsPerPage = (\n    event: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    setRowsPerPage(+event.target.value);\n    setPage(0);\n  };\n\n  const handleSpawnEmptyCells = (noColumns: number): React.JSX.Element[] => {\n    const cells = [];\n    for (let i = 1; i < noColumns; i++) {\n      cells.push(<TableCell key={i}></TableCell>);\n    }\n    return cells;\n  }\n\n  function highlightCheck(row: T): boolean {\n    let found = false;\n    if (Array.isArray(props.highlighted)) {\n      props.highlighted.forEach((highlight) => {\n        if (JSON.stringify(row) === JSON.stringify(highlight)) {\n          found = true;\n        }\n      });\n      if (found) return true;\n      else return false;\n    } else if (JSON.stringify(row) === JSON.stringify(props.highlighted)) {\n      return true;\n    } else return false;\n  }\n\n  const columnLimit = useMemo(\n    () => props.noOfDefaultColumns || props.columns.length,\n    [props.noOfDefaultColumns, props.columns]\n  );\n\n  const [state, dispatch] = useReducer(reducer, {\n    sort: {\n      column: props.sortColumn || 0,\n      asc: !!props.sortDescending,\n    },\n    filter: '',\n    page: 0,\n    columns:\n      props.columns.length <= columnLimit\n        ? props.columns\n        : props.defaultColumnsToShow\n        ? props.columns.filter((c) =>\n            props.defaultColumnsToShow?.includes(c.header)\n          )\n        : props.columns.slice(0, columnLimit),\n    showAddColumnsModal: false,\n  });\n\n  // This is needed to ensure that the most recent columns definition from props is used\n  // useReducer is not reinitialized on columns changing via props\n  useEffect(() => {\n    dispatch({ type: \"columnsChanged\", columns: props.columns });\n  }, [props.columns]);\n\n  const search = useCallback(\n    (row: T, value: string): boolean => {\n      /* look for any matching searchable column */\n      for (const i in state.columns) {\n        /* get column; look for a user-defined search function first */\n        const column = state.columns[i];\n        if (column.unsearchable) continue;\n        if (column.search && column.search(row)) return true;\n\n        /* fall back to searching the column value */\n        const rvalue = column.value(row).toString();\n        if (rvalue.toLowerCase().includes(value.toLowerCase())) return true;\n      }\n      /* no matching column for this row */\n      return false;\n    },\n    [state.columns]\n  );\n\n  const sort = useCallback(\n    (rows: T[]): T[] => {\n      /* look for a user-defined sort function for this column or fall back\n          to generic string/number sorting */\n      const sortf =\n        state.columns[state.sort.column].sort ||\n        ((a, b) =>\n          genericSort(\n            state.columns[state.sort.column].value(a),\n            state.columns[state.sort.column].value(b)\n          ));\n      const sortedRows = rows.sort(sortf);\n      if (!state.sort.asc) sortedRows.reverse();\n\n      return sortedRows;\n    },\n    [state.columns, state.sort]\n  );\n\n  const displayRows = useCallback(\n    (sortedRows: T[], filterValue: string): T[] =>\n      filterValue === ''\n        ? [...sortedRows]\n        : sortedRows.filter((row) => search(row, filterValue)),\n    [search]\n  );\n\n  const displayedRows = useMemo(\n    () => sort(displayRows(props.rows, state.filter || props.search || '')),\n    [displayRows, sort, state.filter, props.rows, props.search]\n  );\n\n  const rowsOnCurrentPage = useMemo(() => {\n    const newRowsOnPage = displayedRows.slice(page * rowsPerPage, (page + 1) * rowsPerPage);\n    props.onDisplayedRowsChange?.(page, newRowsOnPage)\n    return newRowsOnPage\n  }, [displayedRows, page, rowsPerPage, props.onDisplayedRowsChange])\n\n  // Avoid a layout jump when reaching the last page with empty rows.\n  const emptyRows = page > 0 ? Math.max(0, (1 + page) * rowsPerPage - props.rows.length) : 0;\n\n  const download = useCallback(() => {\n    const data =\n      state.columns.map((col) => col.header).join('\\t') +\n      '\\n' +\n      displayedRows\n        .map((row: T) =>\n          state.columns.map((col) => col.value(row)).join('\\t')\n        )\n        .join('\\n') +\n      '\\n';\n    const a = document.createElement('a');\n    document.body.appendChild(a);\n    a.setAttribute('style', 'display: none');\n    const blob = new Blob([data], { type: 'text/plain' });\n    const url = window.URL.createObjectURL(blob);\n    a.href = url;\n    a.download = props.downloadFileName || 'table.tsv';\n    a.click();\n    window.URL.revokeObjectURL(url);\n    a.remove();\n  }, [state.columns, displayedRows, props.downloadFileName]);\n\n\n  //Refs used in tracking overflow\n  const containerRef = useRef<HTMLDivElement>(null);\n  const arrowRightRef = useRef<HTMLButtonElement>(null);\n  const arrowLeftRef = useRef<HTMLButtonElement>(null);\n\n  //Shows/hides scroll indicators based on refs\n  const monitorOverflow = (\n    containerRef: React.RefObject<HTMLDivElement | null>,\n    arrowRightRef: React.RefObject<HTMLButtonElement | null>,\n    arrowLeftRef: React.RefObject<HTMLButtonElement | null>\n  ) => {\n    if (containerRef.current && arrowRightRef.current && arrowLeftRef.current) {\n      const isOverflowing =\n        containerRef.current.scrollWidth > containerRef.current.clientWidth;\n      const isOverflowingLeft = containerRef.current.scrollLeft > 0;\n      const isOverflowingRight =\n        containerRef.current.scrollLeft + 1 <\n        containerRef.current.scrollWidth - containerRef.current.clientWidth;\n      arrowRightRef.current.style.visibility =\n        isOverflowing && isOverflowingRight ? 'visible' : 'hidden';\n      arrowLeftRef.current.style.visibility =\n        isOverflowing && isOverflowingLeft ? 'visible' : 'hidden';\n    }\n  };\n\n  //Attaches scroll and resize listeners to scrollable container\n  useEffect(() => {\n    if (containerRef.current) {\n      containerRef.current.addEventListener('scroll', () =>\n        monitorOverflow(containerRef, arrowRightRef, arrowLeftRef)\n      );\n\n      new ResizeObserver(() => {\n        monitorOverflow(containerRef, arrowRightRef, arrowLeftRef);\n      }).observe(containerRef.current);\n    }\n  }, [containerRef, arrowLeftRef, arrowRightRef]);\n\n  return (\n    (<Paper\n      elevation={3}\n      sx={{ '& .MuiToolbar-root': { pl: 2 }, position: 'relative' }}\n    >\n      <Toolbar\n        sx={{\n          backgroundColor: `${\n            props.headerColor\n              ? props.headerColor.backgroundColor\n              : 'transparent'\n          }`,\n          borderTopLeftRadius: 4,\n          borderTopRightRadius: 4,\n        }}\n      >\n        <Stack direction=\"row\" alignItems={\"center\"} flexGrow={1}>\n          {(typeof props.tableTitle === \"string\" ?\n            <Typography\n              variant=\"h5\"\n              noWrap\n              component=\"div\"\n              sx={{\n                display: { xs: 'none', sm: 'block' },\n                fontWeight: 'normal',\n                color: `${props.headerColor ? props.headerColor.textColor : 'inherit'}`,\n              }}\n            >\n              {props.tableTitle}\n            </Typography>\n            :\n            props.tableTitle)\n          }\n          {props.titleHoverInfo && (\n          <Tooltip\n            title={props.titleHoverInfo}\n            color=\"primary\"\n            sx={{ ml: 1 }}\n            placement=\"right-start\"\n          >\n            <InfoIcon />\n          </Tooltip>\n        )}\n        </Stack>\n        {props.showMoreColumns &&\n          props.columns.length > (props.noOfDefaultColumns || 5) && (\n            <Button\n              variant=\"outlined\"\n              size=\"small\"\n              color=\"primary\"\n              sx={{ textTransform: 'none' }}\n              onClick={() =>\n                dispatch({\n                  type: 'modalChanged',\n                  showAddColumnsModal: true,\n                })\n              }\n            >\n              <AddIcon fontSize=\"small\" />\n              Manage Columns\n            </Button>\n          )}\n        {props.searchable && (\n          <Search>\n            <SearchIconWrapper>\n              <SearchIcon />\n            </SearchIconWrapper>\n            <StyledInputBase\n              id=\"table-search\"\n              placeholder=\"Filter Items\"\n              inputProps={{ 'aria-label': 'search' }}\n              onChange={(e) => {\n                dispatch({\n                  type: 'searchChanged',\n                  value: e.target.value,\n                });\n                setPage(0);\n              }}\n            />\n          </Search>\n        )}\n        <IconButton onClick={download}>\n          <DownloadIcon\n            htmlColor={`${props.headerColor?.textColor || 'inherit'}`}\n          />\n        </IconButton>\n      </Toolbar>\n      <TableContainer\n        ref={containerRef}\n        sx={{ maxHeight: props.maxHeight ? props.maxHeight : 'none' }}\n      >\n        <Table\n          stickyHeader\n          aria-label=\"sticky table\"\n          padding={props.dense ? 'checkbox' : 'normal'}\n        >\n          {!props.hideHeader && (\n            <TableHead>\n              <TableRow>\n                {state.columns.map((column, i) => (\n                  //remove padding from right unless last column\n                  (<TableCell\n                    sx={i !== state.columns.length - 1 ? { pr: 0 } : {}}\n                    key={`${column.header}${i}`}\n                    onClick={() => {\n                      if (!column.unsortable) {\n                        dispatch({ type: 'sortChanged', sortColumn: i });\n                      } \n                      setPage(0);\n                    }}\n                  >\n                    <TableSortLabel\n                      active={i === state.sort.column}\n                      direction={state.sort.asc ? 'asc' : 'desc'}\n                      hideSortIcon\n                    >\n                      {column.HeaderRender ? (\n                          <column.HeaderRender />\n                      ) : (\n                        column.header\n                      )}\n                      {column.tooltip ? (\n                        <Tooltip\n                          title={column.tooltip}\n                          color=\"primary\"\n                          sx={{ ml: 0.5 }}\n                          placement=\"right-start\"\n                        >\n                          <InfoOutlinedIcon fontSize='small'/>\n                        </Tooltip>\n                      ) : null}\n                    </TableSortLabel>\n                  </TableCell>)\n                ))}\n              </TableRow>\n            </TableHead>\n          )}\n          <TableBody>\n            {props.rows.length === 0 ? (\n              <TableRow>\n                <TableCell>{props.emptyText || 'No data available.'}</TableCell>\n                {/* Render needed number of empty cells to fill row */}\n                {handleSpawnEmptyCells(props.columns.length)}\n              </TableRow>\n            ) : (\n              <>\n                {rowsOnCurrentPage\n                .map((row, i) => (\n                  <TableRow\n                    // Check that there's a row to select, it's the right one, and either none have been highlighted or it's the correct one\n                    selected={props.highlighted ? highlightCheck(row) : false}\n                    hover\n                    key={'row' + i}\n                    id={\"row\" + i}\n                    onClick={() =>\n                      props.onRowClick &&\n                      props.onRowClick(row, i + page * rowsPerPage)\n                    }\n                    sx={{ cursor: props.onRowClick ? 'pointer' : 'auto' }}\n                    onMouseEnter={() =>\n                      props.onRowMouseEnter &&\n                      props.onRowMouseEnter(row, i + page * rowsPerPage)\n                    }\n                    onMouseLeave={() =>\n                      props.onRowMouseLeave && \n                      props.onRowMouseLeave(row, i + page * rowsPerPage)\n                    }\n                  >\n                    {state.columns.map((column, j) => {\n                      return (\n                        <TableCell\n                          //remove padding from right unless last column\n                          sx={j !== state.columns.length - 1 ? { pr: 0 } : {}}\n                          key={column.header + 'Row' + i + 'Column' + j}\n                          onMouseEnter={() =>\n                            props.onCellMouseEnter &&\n                            props.onCellMouseEnter(column.value(row), i, j)\n                          }\n                          onMouseLeave={() =>\n                            props.onCellMouseLeave && \n                            props.onCellMouseLeave(column.value(row), i, j)\n                          }\n                        >\n                          {column.FunctionalRender ?\n                            <column.FunctionalRender {...row} />\n                            : column.render ?\n                              <column.render {...row} />\n                              :\n                              column.value(row)\n                          }\n                        </TableCell>\n                      );\n                    })}\n                  </TableRow>\n                ))}\n                {emptyRows > 0 && (\n                  <TableRow\n                  style={{\n                      height: (document.getElementById('row0')?.offsetHeight ?? (props.dense ? 33 : 53)) * emptyRows,\n                    }}\n                  >\n                    <TableCell colSpan={6} />\n                  </TableRow>\n                )}\n              </>\n            )}\n          </TableBody>\n        </Table>\n        <IconButton\n          ref={arrowLeftRef}\n          sx={{\n            position: 'absolute',\n            top: '50%',\n            left: '10px',\n            background: 'rgba(0,0,0,0.15)',\n            visibility: 'hidden',\n          }}\n          onClick={() => {\n            if (containerRef.current) containerRef.current.scrollLeft = 0;\n          }}\n        >\n          <ArrowBackIosNewIcon />\n        </IconButton>\n        <IconButton\n          ref={arrowRightRef}\n          sx={{\n            position: 'absolute',\n            top: '50%',\n            right: '10px',\n            background: 'rgba(0,0,0,0.15)',\n            visibility: 'hidden',\n          }}\n          onClick={() => {\n            if (containerRef.current)\n              containerRef.current.scrollLeft =\n                containerRef.current.scrollWidth -\n                containerRef.current.clientWidth;\n          }}\n        >\n          <ArrowForwardIosIcon />\n        </IconButton>\n      </TableContainer>\n      {!props.hidePageMenu && (\n        <Stack direction=\"column\" useFlexGap justifyContent=\"space-between\">\n          <Typography\n            pl={props.dense ? '4px' : 2}\n            sx={{ mt: 'auto', mb: 'auto' }}\n          >\n            {displayedRows.length !== props.rows.length &&\n              `Showing ${displayedRows.length} matching rows of ${props.rows.length} total.`}\n          </Typography>\n          <TablePagination\n            rowsPerPageOptions={props.itemsPerPage ? Array.isArray(props.itemsPerPage) ? props.itemsPerPage : [props.itemsPerPage] : [5, 10, 25, 100]}\n            component=\"div\"\n            count={displayedRows.length}\n            rowsPerPage={rowsPerPage}\n            page={page}\n            onPageChange={(_, page) => handleChangePage(page)}\n            onRowsPerPageChange={handleChangeRowsPerPage}\n            showFirstButton={props.dense ? false : true}\n            showLastButton={props.dense ? false : true}\n            labelRowsPerPage={props.dense ? 'Rows:' : undefined}\n            sx={\n              props.dense\n                ? {\n                  '& .MuiTablePagination-toolbar': { pl: '6px' },\n                  '& .css-h0cf5v-MuiInputBase-root-MuiTablePagination-select':\n                    { mr: '6px', ml: '0px' },\n                  '& .MuiTablePagination-actions': { ml: '4px !important' },\n                }\n                : undefined\n            }\n          />\n        </Stack>\n      )}\n      {/* Add columns modal */}\n      <Modal\n        open={state.showAddColumnsModal}\n        onClose={() =>\n          dispatch({ type: 'modalChanged', showAddColumnsModal: false })\n        }\n      >\n        <Box sx={boxStyle}>\n          <Typography variant=\"h4\">Add Columns</Typography>\n          {(props.defaultColumnsToShow\n            ? props.columns.filter(\n                (c) => !props.defaultColumnsToShow?.includes(c.header)\n              )\n            : //Why is this \"or 5\" here? Kinda makes no sense?\n              props.columns.slice(\n                props.noOfDefaultColumns || 5,\n                props.columns.length\n              )\n          ).map((col, i) => (\n            <Fragment key={i}>\n              <FormControlLabel\n                control={\n                  <Checkbox\n                    checked={\n                      state.columns.find((c) => c.header === col.header) !==\n                      undefined\n                    }\n                    onChange={(event) => {\n                      if (\n                        event.target.checked &&\n                        props.columns.find((c) => c.header === col.header)\n                      )\n                        dispatch({\n                          type: 'columnsChanged',\n                          columns: [...state.columns, col],\n                        });\n                      else\n                        dispatch({\n                          type: 'columnsChanged',\n                          columns: state.columns.filter(\n                            (u) => u.header !== col.header\n                          ),\n                        });\n                    }}\n                  />\n                }\n                label={col.header}\n              />\n              <br />\n            </Fragment>\n          ))}\n          <Button\n            onClick={() =>\n              dispatch({ type: 'modalChanged', showAddColumnsModal: false })\n            }\n          >\n            Cancel\n          </Button>\n        </Box>\n      </Modal>\n    </Paper>)\n  );\n};\nexport default DataTable;\n"],"names":["isNumeric","n","v","parseFloat","isNaN","isFinite","genericSort","a","b","localeCompare","Search","styled","theme","position","borderRadius","shape","backgroundColor","alpha","palette","common","white","marginLeft","width","breakpoints","up","spacing","SearchIconWrapper","padding","height","pointerEvents","display","alignItems","justifyContent","StyledInputBase","InputBase","color","paddingLeft","transition","transitions","create","boxStyle","top","left","transform","bgcolor","border","boxShadow","p","DataTable","props","$","_c","page","setPage","useState","t0","itemsPerPage","Array","isArray","rowsPerPage","setRowsPerPage","t1","Symbol","for","page_0","handleChangePage","t2","event","target","value","handleChangeRowsPerPage","handleSpawnEmptyCells","_temp","t3","highlighted","row","found","forEach","highlight","JSON","stringify","highlightCheck","columnLimit","noOfDefaultColumns","columns","length","t4","sortColumn","t5","sortDescending","t6","column","asc","t7","defaultColumnsToShow","filter","c","includes","header","slice","t8","sort","showAddColumnsModal","state","dispatch","useReducer","reducer","t10","t9","type","useEffect","t11","row_0","i_0","i","unsearchable","search","toString","toLowerCase","t12","rows","sortf","sortedRows","reverse","t13","sortedRows_0","filterValue","row_1","displayRows","t14","t15","displayedRows","newRowsOnPage","onDisplayedRowsChange","rowsOnCurrentPage","emptyRows","Math","max","t16","downloadFileName","data","map","_temp2","join","row_2","col_0","col","a_0","document","createElement","body","appendChild","setAttribute","blob","Blob","url","window","URL","createObjectURL","href","download","click","revokeObjectURL","remove","containerRef","useRef","arrowRightRef","arrowLeftRef","monitorOverflow","_temp3","t17","t18","current","addEventListener","ResizeObserver","observe","t19","pl","t20","headerColor","t21","borderTopLeftRadius","borderTopRightRadius","t22","tableTitle","jsx","Typography","xs","sm","fontWeight","textColor","t23","titleHoverInfo","Tooltip","ml","InfoIcon","t24","Stack","t25","showMoreColumns","jsxs","Button","textTransform","AddIcon","t26","searchable","SearchIcon","e","t27","t28","DownloadIcon","t29","IconButton","t30","Toolbar","t31","maxHeight","t32","t33","dense","t34","hideHeader","TableHead","TableRow","column_0","i_1","TableCell","pr","unsortable","TableSortLabel","HeaderRender","tooltip","InfoOutlinedIcon","t35","TableBody","emptyText","Fragment","row_3","i_2","onRowClick","cursor","onRowMouseEnter","onRowMouseLeave","column_1","j","onCellMouseEnter","onCellMouseLeave","FunctionalRender","render","getElementById","offsetHeight","t36","Table","t37","background","visibility","scrollLeft","ArrowBackIosNewIcon","t38","right","scrollWidth","clientWidth","ArrowForwardIosIcon","t39","TableContainer","t40","hidePageMenu","mt","mb","TablePagination","_","page_1","undefined","mr","t41","t42","t43","t44","t45","col_1","i_3","FormControlLabel","Checkbox","find","c_1","event_0","checked","c_2","u","c_0","t46","Box","t47","Modal","t48","Paper","noColumns","cells","push","containerRef_0","arrowRightRef_0","arrowLeftRef_0","isOverflowing","isOverflowingLeft","isOverflowingRight","style"],"mappings":"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"}
+{"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":"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"}