@jbrowse/plugin-spreadsheet-view 2.16.1 → 2.17.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/SpreadsheetView/components/GlobalFilterControls.js +10 -8
- package/dist/SpreadsheetView/models/ColumnDataTypes/LocString.js +6 -4
- package/dist/SpreadsheetView/models/ColumnDataTypes/Text.js +6 -4
- package/esm/SpreadsheetView/components/GlobalFilterControls.js +10 -8
- package/esm/SpreadsheetView/models/ColumnDataTypes/LocString.js +6 -4
- package/esm/SpreadsheetView/models/ColumnDataTypes/Text.js +6 -4
- package/package.json +3 -3
|
@@ -49,14 +49,16 @@ const TextFilter = (0, mobx_react_1.observer)(function ({ textFilter, }) {
|
|
|
49
49
|
return (react_1.default.createElement("div", null,
|
|
50
50
|
react_1.default.createElement(material_1.TextField, { label: "text filter", value: textFilterValue, onChange: evt => {
|
|
51
51
|
setTextFilterValue(evt.target.value);
|
|
52
|
-
}, variant: "outlined",
|
|
53
|
-
|
|
54
|
-
react_1.default.createElement(
|
|
55
|
-
|
|
56
|
-
react_1.default.createElement(material_1.
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
52
|
+
}, variant: "outlined", slotProps: {
|
|
53
|
+
input: {
|
|
54
|
+
startAdornment: (react_1.default.createElement(material_1.InputAdornment, { position: "start" },
|
|
55
|
+
react_1.default.createElement(FilterList_1.default, null))),
|
|
56
|
+
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { className: classes.textFilterControlEndAdornment, position: "end" },
|
|
57
|
+
react_1.default.createElement(material_1.IconButton, { "aria-label": "clear filter", onClick: () => {
|
|
58
|
+
setTextFilterValue('');
|
|
59
|
+
} },
|
|
60
|
+
react_1.default.createElement(Clear_1.default, null)))),
|
|
61
|
+
},
|
|
60
62
|
} })));
|
|
61
63
|
});
|
|
62
64
|
const GlobalFilterControls = (0, mobx_react_1.observer)(({ model }) => {
|
|
@@ -36,10 +36,12 @@ const FilterReactComponent = (0, mobx_react_1.observer)(function ({ filterModel,
|
|
|
36
36
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
37
37
|
react_1.default.createElement(material_1.Select, { value: filterModel.operation, onChange: event => filterModel.setOperation(String(event.target.value)) }, operationChoices.map(name => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, name)))),
|
|
38
38
|
' ',
|
|
39
|
-
react_1.default.createElement(material_1.TextField, { label: "range", placeholder: "chr1:100-200", error: filterModel.locStringIsInvalid, value: filterModel.locString, onChange: evt => filterModel.setLocString(evt.target.value), className: classes.textFilterControl,
|
|
40
|
-
|
|
41
|
-
react_1.default.createElement(material_1.
|
|
42
|
-
react_1.default.createElement(
|
|
39
|
+
react_1.default.createElement(material_1.TextField, { label: "range", placeholder: "chr1:100-200", error: filterModel.locStringIsInvalid, value: filterModel.locString, onChange: evt => filterModel.setLocString(evt.target.value), className: classes.textFilterControl, slotProps: {
|
|
40
|
+
input: {
|
|
41
|
+
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { className: classes.textFilterControlAdornment, position: "end" },
|
|
42
|
+
react_1.default.createElement(material_1.IconButton, { "aria-label": "clear filter", onClick: () => filterModel.setLocString('') },
|
|
43
|
+
react_1.default.createElement(Clear_1.default, null)))),
|
|
44
|
+
},
|
|
43
45
|
} })));
|
|
44
46
|
});
|
|
45
47
|
const OPERATIONS = [
|
|
@@ -70,10 +70,12 @@ const FilterReactComponent = (0, mobx_react_1.observer)(({ filterModel }) => {
|
|
|
70
70
|
filterModel.setOperation(String(event.target.value));
|
|
71
71
|
} }, operationChoices.map(name => (react_1.default.createElement(material_1.MenuItem, { key: name, value: name }, name)))),
|
|
72
72
|
' ',
|
|
73
|
-
react_1.default.createElement(material_1.TextField, { label: "text", value: filterModel.stringToFind, onChange: evt => filterModel.setString(evt.target.value), className: classes.textFilterControl,
|
|
74
|
-
|
|
75
|
-
react_1.default.createElement(material_1.
|
|
76
|
-
react_1.default.createElement(
|
|
73
|
+
react_1.default.createElement(material_1.TextField, { label: "text", value: filterModel.stringToFind, onChange: evt => filterModel.setString(evt.target.value), className: classes.textFilterControl, slotProps: {
|
|
74
|
+
input: {
|
|
75
|
+
endAdornment: (react_1.default.createElement(material_1.InputAdornment, { className: classes.textFilterControlAdornment, position: "end" },
|
|
76
|
+
react_1.default.createElement(material_1.IconButton, { "aria-label": "clear filter", onClick: () => filterModel.setString('') },
|
|
77
|
+
react_1.default.createElement(Clear_1.default, null)))),
|
|
78
|
+
},
|
|
77
79
|
} })));
|
|
78
80
|
});
|
|
79
81
|
// MST model for the column filter control
|
|
@@ -21,14 +21,16 @@ const TextFilter = observer(function ({ textFilter, }) {
|
|
|
21
21
|
return (React.createElement("div", null,
|
|
22
22
|
React.createElement(TextField, { label: "text filter", value: textFilterValue, onChange: evt => {
|
|
23
23
|
setTextFilterValue(evt.target.value);
|
|
24
|
-
}, variant: "outlined",
|
|
25
|
-
|
|
26
|
-
React.createElement(
|
|
27
|
-
|
|
28
|
-
React.createElement(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
24
|
+
}, variant: "outlined", slotProps: {
|
|
25
|
+
input: {
|
|
26
|
+
startAdornment: (React.createElement(InputAdornment, { position: "start" },
|
|
27
|
+
React.createElement(FilterIcon, null))),
|
|
28
|
+
endAdornment: (React.createElement(InputAdornment, { className: classes.textFilterControlEndAdornment, position: "end" },
|
|
29
|
+
React.createElement(IconButton, { "aria-label": "clear filter", onClick: () => {
|
|
30
|
+
setTextFilterValue('');
|
|
31
|
+
} },
|
|
32
|
+
React.createElement(ClearIcon, null)))),
|
|
33
|
+
},
|
|
32
34
|
} })));
|
|
33
35
|
});
|
|
34
36
|
const GlobalFilterControls = observer(({ model }) => {
|
|
@@ -31,10 +31,12 @@ const FilterReactComponent = observer(function ({ filterModel, }) {
|
|
|
31
31
|
return (React.createElement(React.Fragment, null,
|
|
32
32
|
React.createElement(Select, { value: filterModel.operation, onChange: event => filterModel.setOperation(String(event.target.value)) }, operationChoices.map(name => (React.createElement(MenuItem, { key: name, value: name }, name)))),
|
|
33
33
|
' ',
|
|
34
|
-
React.createElement(TextField, { label: "range", placeholder: "chr1:100-200", error: filterModel.locStringIsInvalid, value: filterModel.locString, onChange: evt => filterModel.setLocString(evt.target.value), className: classes.textFilterControl,
|
|
35
|
-
|
|
36
|
-
React.createElement(
|
|
37
|
-
React.createElement(
|
|
34
|
+
React.createElement(TextField, { label: "range", placeholder: "chr1:100-200", error: filterModel.locStringIsInvalid, value: filterModel.locString, onChange: evt => filterModel.setLocString(evt.target.value), className: classes.textFilterControl, slotProps: {
|
|
35
|
+
input: {
|
|
36
|
+
endAdornment: (React.createElement(InputAdornment, { className: classes.textFilterControlAdornment, position: "end" },
|
|
37
|
+
React.createElement(IconButton, { "aria-label": "clear filter", onClick: () => filterModel.setLocString('') },
|
|
38
|
+
React.createElement(ClearIcon, null)))),
|
|
39
|
+
},
|
|
38
40
|
} })));
|
|
39
41
|
});
|
|
40
42
|
const OPERATIONS = [
|
|
@@ -64,10 +64,12 @@ const FilterReactComponent = observer(({ filterModel }) => {
|
|
|
64
64
|
filterModel.setOperation(String(event.target.value));
|
|
65
65
|
} }, operationChoices.map(name => (React.createElement(MenuItem, { key: name, value: name }, name)))),
|
|
66
66
|
' ',
|
|
67
|
-
React.createElement(TextField, { label: "text", value: filterModel.stringToFind, onChange: evt => filterModel.setString(evt.target.value), className: classes.textFilterControl,
|
|
68
|
-
|
|
69
|
-
React.createElement(
|
|
70
|
-
React.createElement(
|
|
67
|
+
React.createElement(TextField, { label: "text", value: filterModel.stringToFind, onChange: evt => filterModel.setString(evt.target.value), className: classes.textFilterControl, slotProps: {
|
|
68
|
+
input: {
|
|
69
|
+
endAdornment: (React.createElement(InputAdornment, { className: classes.textFilterControlAdornment, position: "end" },
|
|
70
|
+
React.createElement(IconButton, { "aria-label": "clear filter", onClick: () => filterModel.setString('') },
|
|
71
|
+
React.createElement(ClearIcon, null)))),
|
|
72
|
+
},
|
|
71
73
|
} })));
|
|
72
74
|
});
|
|
73
75
|
// MST model for the column filter control
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@jbrowse/plugin-spreadsheet-view",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.17.0",
|
|
4
4
|
"description": "JBrowse 2 spreadsheet view",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"jbrowse",
|
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
"dependencies": {
|
|
39
39
|
"@gmod/bgzf-filehandle": "^1.4.3",
|
|
40
40
|
"@gmod/vcf": "^5.0.9",
|
|
41
|
-
"@jbrowse/plugin-variants": "^2.
|
|
41
|
+
"@jbrowse/plugin-variants": "^2.17.0",
|
|
42
42
|
"@mui/icons-material": "^6.0.0",
|
|
43
43
|
"csvtojson": "^2.0.10"
|
|
44
44
|
},
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
"publishConfig": {
|
|
61
61
|
"access": "public"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "eed30b5e671f8f7823652d7cecc51aa89226de46"
|
|
64
64
|
}
|