@jbrowse/plugin-linear-genome-view 2.5.0 → 2.6.1

package/esm/LinearGenomeView/components/RefNameAutocomplete.js

@@ -1,161 +0,0 @@
-import React, { Suspense, lazy, useMemo, useEffect, useState } from 'react';
-import { observer } from 'mobx-react';
-import { getSession, useDebounce, measureText } from '@jbrowse/core/util';
-import BaseResult, { RefSequenceResult, } from '@jbrowse/core/TextSearch/BaseResults';
-import { Autocomplete, IconButton, InputAdornment, TextField, } from '@mui/material';
-// icons
-import SearchIcon from '@mui/icons-material/Search';
-import HelpIcon from '@mui/icons-material/Help';
-// lazy
-const HelpDialog = lazy(() => import('./HelpDialog'));
-function aggregateResults(results) {
-    const m = {};
-    for (const result of results) {
-        const displayString = result.getDisplayString();
-        if (!m[displayString]) {
-            m[displayString] = [];
-        }
-        m[displayString].push(result);
-    }
-    return m;
-}
-function getDeduplicatedResult(results) {
-    return Object.entries(aggregateResults(results)).map(([displayString, results]) => results.length === 1
-        ? {
-            result: results[0],
-        }
-        : {
-            // deduplicate a "multi-result"
-            result: new BaseResult({
-                displayString,
-                results,
-                label: displayString,
-            }),
-        });
-}
-// the logic of this method is to only apply a filter to RefSequenceResults
-// because they do not have a matchedObject. the trix search results already
-// filter so don't need re-filtering
-function filterOptions(options, searchQuery) {
-    return options.filter(({ result }) => result.getLabel().toLowerCase().includes(searchQuery) ||
-        result.matchedObject);
-}
-function getFiltered(opts, inputValue) {
-    const filtered = filterOptions(opts, inputValue.toLocaleLowerCase());
-    return [
-        ...filtered.slice(0, 100),
-        ...(filtered.length > 100
-            ? [
-                {
-                    group: 'limitOption',
-                    result: new BaseResult({
-                        label: 'keep typing for more results',
-                    }),
-                },
-            ]
-            : []),
-    ];
-}
-function RefNameAutocomplete({ model, onSelect, assemblyName, style, fetchResults, onChange, value, showHelp = true, minWidth = 200, maxWidth = 550, TextFieldProps = {}, }) {
-    const session = getSession(model);
-    const { assemblyManager } = session;
-    const [open, setOpen] = useState(false);
-    const [loaded, setLoaded] = useState(true);
-    const [currentSearch, setCurrentSearch] = useState('');
-    const [inputValue, setInputValue] = useState('');
-    const [searchOptions, setSearchOptions] = useState();
-    const debouncedSearch = useDebounce(currentSearch, 300);
-    const assembly = assemblyName ? assemblyManager.get(assemblyName) : undefined;
-    const { coarseVisibleLocStrings, hasDisplayedRegions } = model;
-    const regions = assembly === null || assembly === void 0 ? void 0 : assembly.regions;
-    const options = useMemo(() => (regions === null || regions === void 0 ? void 0 : regions.map(option => ({
-        result: new RefSequenceResult({
-            refName: option.refName,
-            label: option.refName,
-            matchedAttribute: 'refName',
-        }),
-    }))) || [], [regions]);
-    useEffect(() => {
-        let active = true;
-        (async () => {
-            try {
-                if (debouncedSearch === '' || !assemblyName) {
-                    return;
-                }
-                setLoaded(false);
-                const results = await fetchResults(debouncedSearch);
-                if (active) {
-                    setLoaded(true);
-                    setSearchOptions(getDeduplicatedResult(results));
-                }
-            }
-            catch (e) {
-                console.error(e);
-                if (active) {
-                    session.notify(`${e}`, 'error');
-                }
-            }
-        })();
-        return () => {
-            active = false;
-        };
-    }, [assemblyName, fetchResults, debouncedSearch, session, model]);
-    const inputBoxVal = coarseVisibleLocStrings || value || '';
-    // heuristic, text width + 60 accommodates help icon and search
-    // icon
-    const width = Math.min(Math.max(measureText(inputBoxVal, 14) + 100, minWidth), maxWidth);
-    // notes on implementation:
-    // The selectOnFocus setting helps highlight the field when clicked
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Autocomplete, { "data-testid": "autocomplete", disableListWrap: true, disableClearable: true, disabled: !assemblyName, freeSolo: true, includeInputInList: true, selectOnFocus: true, style: { ...style, width }, value: inputBoxVal, loading: !loaded, inputValue: inputValue, onInputChange: (_event, newInputValue) => {
-                setInputValue(newInputValue);
-                onChange === null || onChange === void 0 ? void 0 : onChange(newInputValue);
-            }, loadingText: "loading results", open: open, onOpen: () => setOpen(true), onClose: () => {
-                setOpen(false);
-                setLoaded(true);
-                if (hasDisplayedRegions) {
-                    setCurrentSearch('');
-                    setSearchOptions(undefined);
-                }
-            }, onChange: (_event, selectedOption) => {
-                if (!selectedOption || !assemblyName) {
-                    return;
-                }
-                if (typeof selectedOption === 'string') {
-                    // handles string inputs on keyPress enter
-                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(new BaseResult({ label: selectedOption }));
-                }
-                else {
-                    onSelect === null || onSelect === void 0 ? void 0 : onSelect(selectedOption.result);
-                }
-                setInputValue(inputBoxVal);
-            }, options: !(searchOptions === null || searchOptions === void 0 ? void 0 : searchOptions.length) ? options : searchOptions, getOptionDisabled: option => option.group === 'limitOption', filterOptions: (opts, { inputValue }) => getFiltered(opts, inputValue), renderInput: params => (React.createElement(AutocompleteTextField, { showHelp: showHelp, params: params, inputBoxVal: inputBoxVal, TextFieldProps: TextFieldProps, setCurrentSearch: setCurrentSearch, setInputValue: setInputValue })), getOptionLabel: opt => typeof opt === 'string' ? opt : opt.result.getDisplayString() })));
-}
-function AutocompleteTextField({ TextFieldProps, inputBoxVal, params, showHelp, setInputValue, setCurrentSearch, }) {
-    const { helperText, InputProps = {} } = TextFieldProps;
-    return (React.createElement(TextField, { onBlur: () => 
-        // this is used to restore a refName or the non-user-typed input
-        // to the box on blurring
-        setInputValue(inputBoxVal), ...params, ...TextFieldProps, size: "small", helperText: helperText, InputProps: {
-            ...params.InputProps,
-            ...InputProps,
-            endAdornment: (React.createElement(EndAdornment, { showHelp: showHelp, endAdornment: params.InputProps.endAdornment })),
-        }, placeholder: "Search for location", onChange: e => setCurrentSearch(e.target.value) }));
-}
-function HelpAdornment() {
-    const [isHelpDialogDisplayed, setHelpDialogDisplayed] = useState(false);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(IconButton, { onClick: () => setHelpDialogDisplayed(true), size: "small" },
-            React.createElement(HelpIcon, { fontSize: "small" })),
-        isHelpDialogDisplayed ? (React.createElement(Suspense, { fallback: React.createElement("div", null) },
-            React.createElement(HelpDialog, { handleClose: () => setHelpDialogDisplayed(false) }))) : null));
-}
-function EndAdornment({ showHelp, endAdornment, }) {
-    return (React.createElement(React.Fragment, null,
-        React.createElement(InputAdornment, { position: "end", style: { marginRight: 7 } },
-            React.createElement(SearchIcon, { fontSize: "small" }),
-            showHelp ? React.createElement(HelpAdornment, null) : null),
-        endAdornment));
-}
-export default observer(RefNameAutocomplete);
-//# sourceMappingURL=RefNameAutocomplete.js.map

package/esm/LinearGenomeView/components/RefNameAutocomplete.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RefNameAutocomplete.js","sourceRoot":"","sources":["../../../src/LinearGenomeView/components/RefNameAutocomplete.tsx"],"names":[],"mappings":"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"}

package/src/LinearGenomeView/components/RefNameAutocomplete.tsx

@@ -1,321 +0,0 @@
-import React, { Suspense, lazy, useMemo, useEffect, useState } from 'react'
-import { observer } from 'mobx-react'
-import { getSession, useDebounce, measureText } from '@jbrowse/core/util'
-import BaseResult, {
-  RefSequenceResult,
-} from '@jbrowse/core/TextSearch/BaseResults'
-import {
-  Autocomplete,
-  AutocompleteRenderInputParams,
-  IconButton,
-  InputAdornment,
-  TextField,
-  TextFieldProps as TFP,
-} from '@mui/material'
-
-// icons
-import SearchIcon from '@mui/icons-material/Search'
-import HelpIcon from '@mui/icons-material/Help'
-
-// locals
-import { LinearGenomeViewModel } from '..'
-
-// lazy
-const HelpDialog = lazy(() => import('./HelpDialog'))
-
-export interface Option {
-  group?: string
-  result: BaseResult
-}
-
-function aggregateResults(results: BaseResult[]) {
-  const m: { [key: string]: BaseResult[] } = {}
-
-  for (const result of results) {
-    const displayString = result.getDisplayString()
-    if (!m[displayString]) {
-      m[displayString] = []
-    }
-    m[displayString].push(result)
-  }
-  return m
-}
-
-function getDeduplicatedResult(results: BaseResult[]) {
-  return Object.entries(aggregateResults(results)).map(
-    ([displayString, results]) =>
-      results.length === 1
-        ? {
-            result: results[0],
-          }
-        : {
-            // deduplicate a "multi-result"
-            result: new BaseResult({
-              displayString,
-              results,
-              label: displayString,
-            }),
-          },
-  )
-}
-
-// the logic of this method is to only apply a filter to RefSequenceResults
-// because they do not have a matchedObject. the trix search results already
-// filter so don't need re-filtering
-function filterOptions(options: Option[], searchQuery: string) {
-  return options.filter(
-    ({ result }) =>
-      result.getLabel().toLowerCase().includes(searchQuery) ||
-      result.matchedObject,
-  )
-}
-
-function getFiltered(opts: Option[], inputValue: string) {
-  const filtered = filterOptions(opts, inputValue.toLocaleLowerCase())
-  return [
-    ...filtered.slice(0, 100),
-    ...(filtered.length > 100
-      ? [
-          {
-            group: 'limitOption',
-            result: new BaseResult({
-              label: 'keep typing for more results',
-            }),
-          },
-        ]
-      : []),
-  ]
-}
-
-function RefNameAutocomplete({
-  model,
-  onSelect,
-  assemblyName,
-  style,
-  fetchResults,
-  onChange,
-  value,
-  showHelp = true,
-  minWidth = 200,
-  maxWidth = 550,
-  TextFieldProps = {},
-}: {
-  model: LinearGenomeViewModel
-  onSelect?: (region: BaseResult) => void
-  onChange?: (val: string) => void
-  assemblyName?: string
-  value?: string
-  fetchResults: (query: string) => Promise<BaseResult[]>
-  style?: React.CSSProperties
-  minWidth?: number
-  maxWidth?: number
-  showHelp?: boolean
-  TextFieldProps?: TFP
-}) {
-  const session = getSession(model)
-  const { assemblyManager } = session
-  const [open, setOpen] = useState(false)
-  const [loaded, setLoaded] = useState(true)
-  const [currentSearch, setCurrentSearch] = useState('')
-  const [inputValue, setInputValue] = useState('')
-  const [searchOptions, setSearchOptions] = useState<Option[]>()
-  const debouncedSearch = useDebounce(currentSearch, 300)
-  const assembly = assemblyName ? assemblyManager.get(assemblyName) : undefined
-  const { coarseVisibleLocStrings, hasDisplayedRegions } = model
-
-  const regions = assembly?.regions
-
-  const options = useMemo(
-    () =>
-      regions?.map(option => ({
-        result: new RefSequenceResult({
-          refName: option.refName,
-          label: option.refName,
-          matchedAttribute: 'refName',
-        }),
-      })) || [],
-    [regions],
-  )
-
-  useEffect(() => {
-    let active = true
-
-    // eslint-disable-next-line @typescript-eslint/no-floating-promises
-    ;(async () => {
-      try {
-        if (debouncedSearch === '' || !assemblyName) {
-          return
-        }
-
-        setLoaded(false)
-        const results = await fetchResults(debouncedSearch)
-        if (active) {
-          setLoaded(true)
-          setSearchOptions(getDeduplicatedResult(results))
-        }
-      } catch (e) {
-        console.error(e)
-        if (active) {
-          session.notify(`${e}`, 'error')
-        }
-      }
-    })()
-
-    return () => {
-      active = false
-    }
-  }, [assemblyName, fetchResults, debouncedSearch, session, model])
-
-  const inputBoxVal = coarseVisibleLocStrings || value || ''
-
-  // heuristic, text width + 60 accommodates help icon and search
-  // icon
-  const width = Math.min(
-    Math.max(measureText(inputBoxVal, 14) + 100, minWidth),
-    maxWidth,
-  )
-
-  // notes on implementation:
-  // The selectOnFocus setting helps highlight the field when clicked
-  return (
-    <>
-      <Autocomplete
-        data-testid="autocomplete"
-        disableListWrap
-        disableClearable
-        disabled={!assemblyName}
-        freeSolo
-        includeInputInList
-        selectOnFocus
-        style={{ ...style, width }}
-        value={inputBoxVal}
-        loading={!loaded}
-        inputValue={inputValue}
-        onInputChange={(_event, newInputValue) => {
-          setInputValue(newInputValue)
-          onChange?.(newInputValue)
-        }}
-        loadingText="loading results"
-        open={open}
-        onOpen={() => setOpen(true)}
-        onClose={() => {
-          setOpen(false)
-          setLoaded(true)
-          if (hasDisplayedRegions) {
-            setCurrentSearch('')
-            setSearchOptions(undefined)
-          }
-        }}
-        onChange={(_event, selectedOption) => {
-          if (!selectedOption || !assemblyName) {
-            return
-          }
-
-          if (typeof selectedOption === 'string') {
-            // handles string inputs on keyPress enter
-            onSelect?.(new BaseResult({ label: selectedOption }))
-          } else {
-            onSelect?.(selectedOption.result)
-          }
-          setInputValue(inputBoxVal)
-        }}
-        options={!searchOptions?.length ? options : searchOptions}
-        getOptionDisabled={option => option.group === 'limitOption'}
-        filterOptions={(opts, { inputValue }) => getFiltered(opts, inputValue)}
-        renderInput={params => (
-          <AutocompleteTextField
-            showHelp={showHelp}
-            params={params}
-            inputBoxVal={inputBoxVal}
-            TextFieldProps={TextFieldProps}
-            setCurrentSearch={setCurrentSearch}
-            setInputValue={setInputValue}
-          />
-        )}
-        getOptionLabel={opt =>
-          typeof opt === 'string' ? opt : opt.result.getDisplayString()
-        }
-      />
-    </>
-  )
-}
-
-function AutocompleteTextField({
-  TextFieldProps,
-  inputBoxVal,
-  params,
-  showHelp,
-  setInputValue,
-  setCurrentSearch,
-}: {
-  TextFieldProps: TFP
-  inputBoxVal: string
-  showHelp?: boolean
-  params: AutocompleteRenderInputParams
-  setInputValue: (arg: string) => void
-  setCurrentSearch: (arg: string) => void
-}) {
-  const { helperText, InputProps = {} } = TextFieldProps
-  return (
-    <TextField
-      onBlur={() =>
-        // this is used to restore a refName or the non-user-typed input
-        // to the box on blurring
-        setInputValue(inputBoxVal)
-      }
-      {...params}
-      {...TextFieldProps}
-      size="small"
-      helperText={helperText}
-      InputProps={{
-        ...params.InputProps,
-        ...InputProps,
-
-        endAdornment: (
-          <EndAdornment
-            showHelp={showHelp}
-            endAdornment={params.InputProps.endAdornment}
-          />
-        ),
-      }}
-      placeholder="Search for location"
-      onChange={e => setCurrentSearch(e.target.value)}
-    />
-  )
-}
-
-function HelpAdornment() {
-  const [isHelpDialogDisplayed, setHelpDialogDisplayed] = useState(false)
-  return (
-    <>
-      <IconButton onClick={() => setHelpDialogDisplayed(true)} size="small">
-        <HelpIcon fontSize="small" />
-      </IconButton>
-      {isHelpDialogDisplayed ? (
-        <Suspense fallback={<div />}>
-          <HelpDialog handleClose={() => setHelpDialogDisplayed(false)} />
-        </Suspense>
-      ) : null}
-    </>
-  )
-}
-
-function EndAdornment({
-  showHelp,
-  endAdornment,
-}: {
-  showHelp?: boolean
-  endAdornment: React.ReactNode
-}) {
-  return (
-    <>
-      <InputAdornment position="end" style={{ marginRight: 7 }}>
-        <SearchIcon fontSize="small" />
-        {showHelp ? <HelpAdornment /> : null}
-      </InputAdornment>
-      {endAdornment}
-    </>
-  )
-}
-
-export default observer(RefNameAutocomplete)