@jbrowse/plugin-wiggle 2.2.1 → 2.3.0

package/src/LinearWiggleDisplay/index.ts

@@ -12,6 +12,7 @@ export default (pluginManager: PluginManager) => {
     const stateModel = modelFactory(pluginManager, configSchema)
     return new DisplayType({
       name: 'LinearWiggleDisplay',
+      displayName: 'Wiggle display',
       configSchema,
       stateModel,
       trackType: 'QuantitativeTrack',

package/src/LinearWiggleDisplay/models/model.tsx

@@ -32,7 +32,7 @@ import {
 import Tooltip from '../components/Tooltip'
 import { YScaleBar } from '../components/WiggleDisplayComponent'
 
-const SetMinMaxDlg = lazy(() => import('../components/SetMinMaxDialog'))
+const SetMinMaxDlg = lazy(() => import('../../shared/SetMinMaxDialog'))
 const SetColorDlg = lazy(() => import('../components/SetColorDialog'))
 
 // using a map because it preserves order
@@ -126,9 +126,8 @@ function stateModelFactory(
       }),
     )
     .volatile(() => ({
-      statsReady: false,
       message: undefined as undefined | string,
-      stats: { scoreMin: 0, scoreMax: 50 },
+      stats: undefined as { scoreMin: number; scoreMax: number } | undefined,
       statsFetchInProgress: undefined as undefined | AbortController,
     }))
     .actions(self => ({
@@ -138,13 +137,14 @@ function stateModelFactory(
       updateStats(stats: { scoreMin: number; scoreMax: number }) {
         const { scoreMin, scoreMax } = stats
         const EPSILON = 0.000001
-        if (
+        if (!self.stats) {
+          self.stats = { scoreMin, scoreMax }
+        } else if (
           Math.abs(self.stats.scoreMax - scoreMax) > EPSILON ||
           Math.abs(self.stats.scoreMin - scoreMin) > EPSILON
         ) {
           self.stats = { scoreMin, scoreMax }
         }
-        self.statsReady = true
       },
       /**
        * #action
@@ -401,6 +401,9 @@ function stateModelFactory(
          */
         get domain() {
           const { stats, scaleType, minScore, maxScore } = self
+          if (!stats) {
+            return undefined
+          }
 
           const ret = getNiceDomain({
             domain: [stats.scoreMin, stats.scoreMax],
@@ -475,6 +478,9 @@ function stateModelFactory(
         const minimalTicks = getConf(self, 'minimalTicks')
         const inverted = getConf(self, 'inverted')
         const range = [height - YSCALEBAR_LABEL_OFFSET, YSCALEBAR_LABEL_OFFSET]
+        if (!domain) {
+          return undefined
+        }
         const scale = getScale({
           scaleType,
           domain,
@@ -506,7 +512,7 @@ function stateModelFactory(
           const { filters, ticks, height, resolution, scaleOpts } = self
           return {
             ...superProps,
-            notReady: superProps.notReady || !self.statsReady,
+            notReady: superProps.notReady || !self.stats,
             rpcDriverName: self.rpcDriverName,
             displayModel: self,
             config: self.rendererConfig,
@@ -702,7 +708,7 @@ function stateModelFactory(
          * #action
          */
         async renderSvg(opts: ExportSvgOpts) {
-          await when(() => self.statsReady && !!self.regionCannotBeRenderedText)
+          await when(() => !!self.stats && !!self.regionCannotBeRenderedText)
           const { needsScalebar, stats } = self
           const { offsetPx } = getContainingView(self) as LGV
           return (

package/src/MultiLinearWiggleDisplay/components/DraggableDialog.tsx

@@ -0,0 +1,71 @@
+import React from 'react'
+import {
+  Dialog,
+  DialogTitle,
+  IconButton,
+  Divider,
+  DialogProps,
+  Paper,
+  PaperProps,
+  ScopedCssBaseline,
+} from '@mui/material'
+import { observer } from 'mobx-react'
+import { makeStyles } from 'tss-react/mui'
+import Draggable from 'react-draggable'
+
+// icons
+import CloseIcon from '@mui/icons-material/Close'
+
+const useStyles = makeStyles()(theme => ({
+  closeButton: {
+    position: 'absolute',
+    right: theme.spacing(1),
+    top: theme.spacing(1),
+    color: theme.palette.grey[500],
+  },
+}))
+
+// draggable dialog demo https://mui.com/material-ui/react-dialog/#draggable-dialog
+function PaperComponent(props: PaperProps) {
+  return (
+    <Draggable
+      handle="#draggable-dialog-title"
+      cancel={'[class*="MuiDialogContent-root"]'}
+    >
+      <Paper {...props} />
+    </Draggable>
+  )
+}
+
+function DraggableDialog(props: DialogProps & { title: string }) {
+  const { classes } = useStyles()
+  const { title, children, onClose } = props
+
+  return (
+    <Dialog
+      {...props}
+      PaperComponent={PaperComponent}
+      aria-labelledby="draggable-dialog-title" // this area is important for the draggable functionality
+    >
+      <ScopedCssBaseline>
+        <DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">
+          {title}
+          {onClose ? (
+            <IconButton
+              className={classes.closeButton}
+              onClick={() => {
+                // @ts-ignore
+                onClose()
+              }}
+            >
+              <CloseIcon />
+            </IconButton>
+          ) : null}
+        </DialogTitle>
+        <Divider />
+        {children}
+      </ScopedCssBaseline>
+    </Dialog>
+  )
+}
+export default observer(DraggableDialog)

package/src/MultiLinearWiggleDisplay/components/SetColorDialog.tsx

@@ -1,14 +1,5 @@
 import React, { useState } from 'react'
-import {
-  Button,
-  Dialog,
-  DialogContent,
-  DialogActions,
-  DialogTitle,
-  IconButton,
-  Paper,
-  PaperProps,
-} from '@mui/material'
+import { Button, DialogContent, DialogActions } from '@mui/material'
 import { makeStyles } from 'tss-react/mui'
 import {
   getStr,
@@ -17,45 +8,27 @@ import {
   useLocalStorage,
 } from '@jbrowse/core/util'
 import { DataGrid, GridCellParams } from '@mui/x-data-grid'
-import Draggable from 'react-draggable'
 import clone from 'clone'
 
 // locals
+import DraggableDialog from './DraggableDialog'
 import ColorPicker, { ColorPopover } from '@jbrowse/core/ui/ColorPicker'
 import { UriLink } from '@jbrowse/core/BaseFeatureWidget/BaseFeatureDetail'
 import { moveUp, moveDown } from './util'
 import { Source } from '../../util'
 
 // icons
-import CloseIcon from '@mui/icons-material/Close'
 import KeyboardDoubleArrowUpIcon from '@mui/icons-material/KeyboardDoubleArrowUp'
 import KeyboardDoubleArrowDownIcon from '@mui/icons-material/KeyboardDoubleArrowDown'
 import KeyboardArrowDownIcon from '@mui/icons-material/KeyboardArrowDown'
 import KeyboardArrowUpIcon from '@mui/icons-material/KeyboardArrowUp'
 
-const useStyles = makeStyles()(theme => ({
-  closeButton: {
-    position: 'absolute',
-    right: theme.spacing(1),
-    top: theme.spacing(1),
-    color: theme.palette.grey[500],
-  },
+const useStyles = makeStyles()({
   content: {
     minWidth: 800,
   },
-}))
+})
 
-// draggable dialog demo https://mui.com/material-ui/react-dialog/#draggable-dialog
-function PaperComponent(props: PaperProps) {
-  return (
-    <Draggable
-      handle="#draggable-dialog-title"
-      cancel={'[class*="MuiDialogContent-root"]'}
-    >
-      <Paper {...props} />
-    </Draggable>
-  )
-}
 export default function SetColorDialog({
   model,
   handleClose,
@@ -72,19 +45,12 @@ export default function SetColorDialog({
   const [currLayout, setCurrLayout] = useState(clone(sources || []))
   const [showTips, setShowTips] = useLocalStorage('multiwiggle-showTips', true)
   return (
-    <Dialog
-      PaperComponent={PaperComponent}
+    <DraggableDialog
       open
       onClose={handleClose}
       maxWidth="xl"
-      aria-labelledby="draggable-dialog-title" // this area is important for the draggable functionality
+      title={'Multi-wiggle color/arrangement editor'}
     >
-      <DialogTitle style={{ cursor: 'move' }} id="draggable-dialog-title">
-        Multi-wiggle color/arrangement editor{' '}
-        <IconButton className={classes.closeButton} onClick={handleClose}>
-          <CloseIcon />
-        </IconButton>
-      </DialogTitle>
       <DialogContent className={classes.content}>
         <Button
           variant="contained"
@@ -159,7 +125,7 @@ export default function SetColorDialog({
           Submit
         </Button>
       </DialogActions>
-    </Dialog>
+    </DraggableDialog>
   )
 }
 

package/src/MultiLinearWiggleDisplay/components/WiggleDisplayComponent.tsx

@@ -76,7 +76,7 @@ const ScoreLegend = observer(({ model }: { model: WiggleDisplayModel }) => {
   const { ticks, scaleType } = model
   const { width } = getContainingView(model) as LGV
   const legend =
-    `[${ticks.values[0]}-${ticks.values[1]}]` +
+    `[${ticks?.values[0]}-${ticks?.values[1]}]` +
     (scaleType === 'log' ? ' (log scale)' : '')
   const len = measureText(legend, 14)
   const padding = 25

package/src/MultiLinearWiggleDisplay/index.ts

@@ -10,6 +10,7 @@ export default (pluginManager: PluginManager) => {
     const configSchema = configSchemaFactory(pluginManager)
     return new DisplayType({
       name: 'MultiLinearWiggleDisplay',
+      displayName: 'Multi-wiggle display',
       configSchema,
       stateModel: modelFactory(pluginManager, configSchema),
       trackType: 'MultiQuantitativeTrack',

package/src/MultiLinearWiggleDisplay/models/model.tsx

@@ -42,7 +42,7 @@ const randomColor = () =>
   '#000000'.replace(/0/g, () => (~~(Math.random() * 16)).toString(16))
 
 // lazt components
-const SetMinMaxDlg = lazy(() => import('../components/SetMinMaxDialog'))
+const SetMinMaxDlg = lazy(() => import('../../shared/SetMinMaxDialog'))
 const SetColorDlg = lazy(() => import('../components/SetColorDialog'))
 
 // using a map because it preserves order
@@ -97,9 +97,8 @@ const stateModelFactory = (
       }),
     )
     .volatile(() => ({
-      statsReady: false,
       message: undefined as undefined | string,
-      stats: { scoreMin: 0, scoreMax: 50 },
+      stats: undefined as { scoreMin: number; scoreMax: number } | undefined,
       statsRegion: undefined as string | undefined,
       statsFetchInProgress: undefined as undefined | AbortController,
       featureUnderMouseVolatile: undefined as Feature | undefined,
@@ -115,12 +114,13 @@ const stateModelFactory = (
       updateStats(stats: { scoreMin: number; scoreMax: number }) {
         const { scoreMin, scoreMax } = stats
         const EPSILON = 0.000001
-        if (
+        if (!self.stats) {
+          self.stats = { scoreMin, scoreMax }
+        } else if (
           Math.abs(self.stats.scoreMax - scoreMax) > EPSILON ||
           Math.abs(self.stats.scoreMin - scoreMin) > EPSILON
         ) {
           self.stats = { scoreMin, scoreMax }
-          self.statsReady = true
         }
       },
       setSources(sources: Source[]) {
@@ -376,6 +376,9 @@ const stateModelFactory = (
         },
         get domain() {
           const { stats, scaleType, minScore, maxScore } = self
+          if (!stats) {
+            return undefined
+          }
           const { scoreMin, scoreMax } = stats
 
           const ret = getNiceDomain({
@@ -440,6 +443,10 @@ const stateModelFactory = (
         const { scaleType, domain, isMultiRow, rowHeight, useMinimalTicks } =
           self
 
+        if (!domain) {
+          return undefined
+        }
+
         const offset = isMultiRow ? 0 : YSCALEBAR_LABEL_OFFSET
         const ticks = axisPropsFromTickScale(
           getScale({
@@ -485,14 +492,14 @@ const stateModelFactory = (
             resolution,
             rpcDriverName,
             scaleOpts,
+            stats,
             sources,
-            statsReady,
             ticks,
             rendererConfig: config,
           } = self
           return {
             ...superProps,
-            notReady: superProps.notReady || !sources || !statsReady,
+            notReady: superProps.notReady || !sources || !stats,
             displayModel: self,
             config,
             displayCrossHatches,
@@ -702,7 +709,7 @@ const stateModelFactory = (
           )
         },
         async renderSvg(opts: ExportSvgOpts) {
-          await when(() => self.statsReady && !!self.regionCannotBeRenderedText)
+          await when(() => !!self.stats && !!self.regionCannotBeRenderedText)
           const { offsetPx } = getContainingView(self) as LGV
           return (
             <>

package/src/MultiQuantitativeTrack/index.ts

@@ -8,6 +8,7 @@ export default (pluginManager: PluginManager) => {
     const configSchema = configSchemaF(pluginManager)
     return new TrackType({
       name: 'MultiQuantitativeTrack',
+      displayName: 'Multi-quantitative track',
       configSchema,
       stateModel: createBaseTrackModel(
         pluginManager,

package/src/MultiWiggleAdapter/index.ts

@@ -7,12 +7,16 @@ export default (pluginManager: PluginManager) => {
     () =>
       new AdapterType({
         name: 'MultiWiggleAdapter',
+        displayName: 'Multi-wiggle adapter',
         configSchema,
         adapterCapabilities: [
           'hasResolution',
           'hasLocalStats',
           'hasGlobalStats',
         ],
+        adapterMetadata: {
+          hiddenFromGUI: true,
+        },
         getAdapterClass: () =>
           import('./MultiWiggleAdapter').then(r => r.default),
       }),

package/src/QuantitativeTrack/index.ts

@@ -8,6 +8,7 @@ export default (pluginManager: PluginManager) => {
     const configSchema = configSchemaF(pluginManager)
     return new TrackType({
       name: 'QuantitativeTrack',
+      displayName: 'Quantitative track',
       configSchema,
       stateModel: createBaseTrackModel(
         pluginManager,

package/src/WiggleRendering.tsx

@@ -40,7 +40,7 @@ function WiggleRendering(props: {
     const clientBp = region.start + bpPerPx * px
     let featureUnderMouse
     for (const feature of features.values()) {
-      // bpPerPx added to the end to accomodate "reduced features" (one feature per px)
+      // bpPerPx added to the end to accommodate "reduced features" (one feature per px)
       if (
         clientBp <= feature.get('end') + bpPerPx &&
         clientBp >= feature.get('start')

package/src/drawxy.ts

@@ -5,6 +5,7 @@ import {
 import { clamp, featureSpanPx, Feature, Region } from '@jbrowse/core/util'
 import { getOrigin, getScale, ScaleOpts } from './util'
 
+// avoid drawing negative width features for SVG exports
 function fillRectCtx(
   x: number,
   y: number,

package/src/index.ts

@@ -112,10 +112,9 @@ export default class WigglePlugin extends Plugin {
     XYPlotRendererReactComponent,
     XYPlotRenderer,
     WiggleBaseRenderer,
-
+    linearWiggleDisplayModelFactory,
     xyPlotRendererConfigSchema,
     utils,
-    linearWiggleDisplayModelFactory,
   }
 }
 

package/src/shared/SetMinMaxDialog.tsx

@@ -0,0 +1,88 @@
+import React, { useState } from 'react'
+import {
+  Button,
+  DialogActions,
+  DialogContent,
+  TextField,
+  Typography,
+} from '@mui/material'
+import { Dialog } from '@jbrowse/core/ui'
+
+export default function SetMinMaxDlg(props: {
+  model: {
+    minScore: number
+    maxScore: number
+    scaleType: string
+    setMinScore: Function
+    setMaxScore: Function
+  }
+  handleClose: () => void
+}) {
+  const { model, handleClose } = props
+  const { minScore, maxScore, scaleType } = model
+
+  const [min, setMin] = useState(
+    `${minScore !== Number.MIN_VALUE ? minScore : ''}`,
+  )
+  const [max, setMax] = useState(
+    `${maxScore !== Number.MAX_VALUE ? maxScore : ''}`,
+  )
+
+  const ok =
+    min !== '' && max !== '' && !Number.isNaN(+min) && !Number.isNaN(+max)
+      ? +max > +min
+      : true
+
+  const logOk =
+    scaleType === 'log' && min !== '' && !Number.isNaN(+min) ? +min > 0 : true
+
+  return (
+    <Dialog open onClose={handleClose} title="Set min/max score for track">
+      <DialogContent>
+        <Typography>Enter min/max score: </Typography>
+        {!ok ? (
+          <Typography color="error">
+            Max is greater than or equal to min
+          </Typography>
+        ) : null}
+
+        {!logOk ? (
+          <Typography color="error">
+            Min score should be greater than 0 for log scale
+          </Typography>
+        ) : null}
+
+        <TextField
+          value={min}
+          onChange={event => setMin(event.target.value)}
+          placeholder="Enter min score"
+        />
+        <TextField
+          value={max}
+          onChange={event => setMax(event.target.value)}
+          placeholder="Enter max score"
+        />
+      </DialogContent>
+      <DialogActions>
+        <Button
+          variant="contained"
+          color="primary"
+          type="submit"
+          style={{ marginLeft: 20 }}
+          disabled={!ok}
+          onClick={() => {
+            model.setMinScore(
+              min !== '' && !Number.isNaN(+min) ? +min : undefined,
+            )
+            model.setMaxScore(
+              max !== '' && !Number.isNaN(+max) ? +max : undefined,
+            )
+            handleClose()
+          }}
+        >
+          Submit
+        </Button>
+      </DialogActions>
+    </Dialog>
+  )
+}

package/dist/LinearWiggleDisplay/components/SetMinMaxDialog.js

@@ -1,75 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    root: {},
-    closeButton: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(1),
-        color: theme.palette.grey[500],
-    },
-}));
-function SetMinMaxDlg(props) {
-    const { classes } = useStyles();
-    const { model, handleClose } = props;
-    const { minScore, maxScore, scaleType } = model;
-    const [min, setMin] = (0, react_1.useState)(`${minScore !== Number.MIN_VALUE ? minScore : ''}`);
-    const [max, setMax] = (0, react_1.useState)(`${maxScore !== Number.MAX_VALUE ? maxScore : ''}`);
-    const ok = min !== '' && max !== '' && !Number.isNaN(+min) && !Number.isNaN(+max)
-        ? +max > +min
-        : true;
-    const logOk = scaleType === 'log' && min !== '' && !Number.isNaN(+min) ? +min > 0 : true;
-    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: handleClose },
-        react_1.default.createElement(material_1.DialogTitle, null,
-            "Set min/max score for track",
-            react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: handleClose },
-                react_1.default.createElement(Close_1.default, null))),
-        react_1.default.createElement(material_1.DialogContent, { style: { overflowX: 'hidden' } },
-            react_1.default.createElement("div", { className: classes.root },
-                react_1.default.createElement(material_1.Typography, null, "Enter min/max score: "),
-                !ok ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Max is greater than or equal to min")) : null,
-                !logOk ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Min score should be greater than 0 for log scale")) : null,
-                react_1.default.createElement(material_1.TextField, { value: min, onChange: event => {
-                        setMin(event.target.value);
-                    }, placeholder: "Enter min score" }),
-                react_1.default.createElement(material_1.TextField, { value: max, onChange: event => {
-                        setMax(event.target.value);
-                    }, placeholder: "Enter max score" }),
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", style: { marginLeft: 20 }, disabled: !ok, onClick: () => {
-                        model.setMinScore(min !== '' && !Number.isNaN(+min) ? +min : undefined);
-                        model.setMaxScore(max !== '' && !Number.isNaN(+max) ? +max : undefined);
-                        handleClose();
-                    } }, "Submit")))));
-}
-exports.default = SetMinMaxDlg;
-//# sourceMappingURL=SetMinMaxDialog.js.map

package/dist/LinearWiggleDisplay/components/SetMinMaxDialog.js.map

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

package/dist/MultiLinearWiggleDisplay/components/SetMinMaxDialog.js

@@ -1,75 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importStar(require("react"));
-const material_1 = require("@mui/material");
-const mui_1 = require("tss-react/mui");
-const Close_1 = __importDefault(require("@mui/icons-material/Close"));
-const useStyles = (0, mui_1.makeStyles)()(theme => ({
-    root: {},
-    closeButton: {
-        position: 'absolute',
-        right: theme.spacing(1),
-        top: theme.spacing(1),
-        color: theme.palette.grey[500],
-    },
-}));
-function SetMinMaxDlg(props) {
-    const { classes } = useStyles();
-    const { model, handleClose } = props;
-    const { minScore, maxScore, scaleType } = model;
-    const [min, setMin] = (0, react_1.useState)(`${minScore !== Number.MIN_VALUE ? minScore : ''}`);
-    const [max, setMax] = (0, react_1.useState)(`${maxScore !== Number.MAX_VALUE ? maxScore : ''}`);
-    const ok = min !== '' && max !== '' && !Number.isNaN(+min) && !Number.isNaN(+max)
-        ? +max > +min
-        : true;
-    const logOk = scaleType === 'log' && min !== '' && !Number.isNaN(+min) ? +min > 0 : true;
-    return (react_1.default.createElement(material_1.Dialog, { open: true, onClose: handleClose },
-        react_1.default.createElement(material_1.DialogTitle, null,
-            "Set min/max score for track",
-            react_1.default.createElement(material_1.IconButton, { className: classes.closeButton, onClick: handleClose },
-                react_1.default.createElement(Close_1.default, null))),
-        react_1.default.createElement(material_1.DialogContent, { style: { overflowX: 'hidden' } },
-            react_1.default.createElement("div", { className: classes.root },
-                react_1.default.createElement(material_1.Typography, null, "Enter min/max score: "),
-                !ok ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Max is greater than or equal to min")) : null,
-                !logOk ? (react_1.default.createElement(material_1.Typography, { color: "error" }, "Min score should be greater than 0 for log scale")) : null,
-                react_1.default.createElement(material_1.TextField, { value: min, onChange: event => {
-                        setMin(event.target.value);
-                    }, placeholder: "Enter min score" }),
-                react_1.default.createElement(material_1.TextField, { value: max, onChange: event => {
-                        setMax(event.target.value);
-                    }, placeholder: "Enter max score" }),
-                react_1.default.createElement(material_1.Button, { variant: "contained", color: "primary", type: "submit", style: { marginLeft: 20 }, disabled: !ok, onClick: () => {
-                        model.setMinScore(min !== '' && !Number.isNaN(+min) ? +min : undefined);
-                        model.setMaxScore(max !== '' && !Number.isNaN(+max) ? +max : undefined);
-                        handleClose();
-                    } }, "Submit")))));
-}
-exports.default = SetMinMaxDlg;
-//# sourceMappingURL=SetMinMaxDialog.js.map