@vitessce/scatterplot-embedding 3.5.6 → 3.5.8
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/{deflate-d0300d1e.js → deflate-38080dfa.js} +1 -1
- package/dist/{index-59d93bea.js → index-5909753b.js} +899 -631
- package/dist/index.js +1 -1
- package/dist/{jpeg-96119ba3.js → jpeg-8c087dbd.js} +1 -1
- package/dist/{lerc-c167c85c.js → lerc-6f97422d.js} +1 -1
- package/dist/{lzw-2bf68d77.js → lzw-551d533e.js} +1 -1
- package/dist/{packbits-b40edb17.js → packbits-da285c36.js} +1 -1
- package/dist/{raw-03df793e.js → raw-44cfcc64.js} +1 -1
- package/dist/{webimage-1cf2f04f.js → webimage-201fd4a3.js} +1 -1
- package/dist-tsc/DualEmbeddingScatterplotSubscriber.d.ts.map +1 -1
- package/dist-tsc/DualEmbeddingScatterplotSubscriber.js +3 -3
- package/dist-tsc/EmbeddingScatterplotSubscriber.d.ts.map +1 -1
- package/dist-tsc/EmbeddingScatterplotSubscriber.js +2 -1
- package/package.json +7 -7
- package/src/DualEmbeddingScatterplotSubscriber.js +6 -1
- package/src/EmbeddingScatterplotSubscriber.js +3 -1
package/dist/index.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
|
|
2
|
-
import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-
|
|
2
|
+
import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-5909753b.js";
|
|
3
3
|
import "react";
|
|
4
4
|
import "@vitessce/vit-s";
|
|
5
5
|
import "react-dom";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DualEmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/DualEmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;GAeG;AACH,0DAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,
|
|
1
|
+
{"version":3,"file":"DualEmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/DualEmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AAQA;;;;;;;;;;;;;;;GAeG;AACH,0DAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,eA4CA"}
|
|
@@ -20,14 +20,14 @@ import { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber
|
|
|
20
20
|
* when using dynamic opacity mode.
|
|
21
21
|
*/
|
|
22
22
|
export function DualEmbeddingScatterplotSubscriber(props) {
|
|
23
|
-
const { coordinationScopes, } = props;
|
|
23
|
+
const { uuid, coordinationScopes, } = props;
|
|
24
24
|
// Get "props" from the coordination space.
|
|
25
|
-
const [{ sampleSetSelection, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.DUAL_SCATTERPLOT], coordinationScopes);
|
|
25
|
+
const [{ embeddingType, sampleSetSelection, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.DUAL_SCATTERPLOT], coordinationScopes);
|
|
26
26
|
const caseSampleSetSelection = useMemo(() => (sampleSetSelection?.[0]
|
|
27
27
|
? [sampleSetSelection[0]]
|
|
28
28
|
: null), [sampleSetSelection]);
|
|
29
29
|
const ctrlSampleSetSelection = useMemo(() => (sampleSetSelection?.[1]
|
|
30
30
|
? [sampleSetSelection[1]]
|
|
31
31
|
: null), [sampleSetSelection]);
|
|
32
|
-
return (_jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'row' }, children: [_jsx("div", { style: { width: '50%', display: 'flex', flexDirection: 'column' }, children: _jsx(EmbeddingScatterplotSubscriber, { ...props, sampleSetSelection: caseSampleSetSelection }) }), _jsx("div", { style: { width: '50%', display: 'flex', flexDirection: 'column' }, children: _jsx(EmbeddingScatterplotSubscriber, { ...props, title:
|
|
32
|
+
return (_jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'row' }, children: [_jsx("div", { style: { width: '50%', display: 'flex', flexDirection: 'column' }, children: _jsx(EmbeddingScatterplotSubscriber, { ...props, uuid: `${uuid}-case`, title: `Scatterplot (${embeddingType}), ${caseSampleSetSelection?.[0]?.at(-1)}`, sampleSetSelection: caseSampleSetSelection }) }), _jsx("div", { style: { width: '50%', display: 'flex', flexDirection: 'column' }, children: _jsx(EmbeddingScatterplotSubscriber, { ...props, uuid: `${uuid}-ctrl`, title: `Scatterplot (${embeddingType}), ${ctrlSampleSetSelection?.[0]?.at(-1)}`, sampleSetSelection: ctrlSampleSetSelection }) })] }));
|
|
33
33
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/EmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AA0CA;;;;;;;;;;;;GAYG;AACH,sDAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,
|
|
1
|
+
{"version":3,"file":"EmbeddingScatterplotSubscriber.d.ts","sourceRoot":"","sources":["../src/EmbeddingScatterplotSubscriber.js"],"names":[],"mappings":"AA0CA;;;;;;;;;;;;GAYG;AACH,sDAVG;IAAsB,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAEU,mBAAmB;IAErB,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;CAEhB,eAwhBA"}
|
|
@@ -35,7 +35,8 @@ export function EmbeddingScatterplotSubscriber(props) {
|
|
|
35
35
|
const [{ dataset, obsType, featureType, featureValueType, sampleType, embeddingZoom: zoom, embeddingTargetX: targetX, embeddingTargetY: targetY, embeddingTargetZ: targetZ, embeddingType: mapping, obsFilter: cellFilter, obsHighlight: cellHighlight, featureSelection: geneSelection, obsSetSelection: cellSetSelection, obsSetColor: cellSetColor, obsColorEncoding: cellColorEncoding, additionalObsSets: additionalCellSets, embeddingObsSetPolygonsVisible: cellSetPolygonsVisible, embeddingObsSetLabelsVisible: cellSetLabelsVisible, embeddingObsSetLabelSize: cellSetLabelSize, embeddingObsRadius: cellRadiusFixed, embeddingObsRadiusMode: cellRadiusMode, embeddingObsOpacity: cellOpacityFixed, embeddingObsOpacityMode: cellOpacityMode, featureValueColormap: geneExpressionColormap, featureValueColormapRange: geneExpressionColormapRange, tooltipsVisible, sampleSetSelection: sampleSetSelectionFromCoordination, sampleSetColor, embeddingPointsVisible, embeddingContoursVisible, embeddingContoursFilled, embeddingContourPercentiles: contourPercentiles, contourColorEncoding, contourColor, }, { setEmbeddingZoom: setZoom, setEmbeddingTargetX: setTargetX, setEmbeddingTargetY: setTargetY, setEmbeddingTargetZ: setTargetZ, setObsFilter: setCellFilter, setObsSetSelection: setCellSetSelection, setObsHighlight: setCellHighlight, setObsSetColor: setCellSetColor, setObsColorEncoding: setCellColorEncoding, setAdditionalObsSets: setAdditionalCellSets, setEmbeddingObsSetPolygonsVisible: setCellSetPolygonsVisible, setEmbeddingObsSetLabelsVisible: setCellSetLabelsVisible, setEmbeddingObsSetLabelSize: setCellSetLabelSize, setEmbeddingObsRadius: setCellRadiusFixed, setEmbeddingObsRadiusMode: setCellRadiusMode, setEmbeddingObsOpacity: setCellOpacityFixed, setEmbeddingObsOpacityMode: setCellOpacityMode, setFeatureValueColormap: setGeneExpressionColormap, setFeatureValueColormapRange: setGeneExpressionColormapRange, setTooltipsVisible, setEmbeddingPointsVisible, setEmbeddingContoursVisible, setEmbeddingContoursFilled, setEmbeddingContourPercentiles: setContourPercentiles, setContourColorEncoding, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.SCATTERPLOT], coordinationScopes);
|
|
36
36
|
const { embeddingZoom: initialZoom, embeddingTargetX: initialTargetX, embeddingTargetY: initialTargetY, } = useInitialCoordination(COMPONENT_COORDINATION_TYPES[ViewType.SCATTERPLOT], coordinationScopes);
|
|
37
37
|
const observationsLabel = observationsLabelOverride || obsType;
|
|
38
|
-
const sampleSetSelection = (sampleSetSelectionFromProps
|
|
38
|
+
const sampleSetSelection = (sampleSetSelectionFromProps
|
|
39
|
+
|| sampleSetSelectionFromCoordination);
|
|
39
40
|
const [width, height, deckRef] = useDeckCanvasSize();
|
|
40
41
|
const title = titleOverride || `Scatterplot (${mapping})`;
|
|
41
42
|
const [obsLabelsTypes, obsLabelsData] = useMultiObsLabels(coordinationScopes, obsType, loaders, dataset);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitessce/scatterplot-embedding",
|
|
3
|
-
"version": "3.5.
|
|
3
|
+
"version": "3.5.8",
|
|
4
4
|
"author": "HIDIVE Lab at HMS",
|
|
5
5
|
"homepage": "http://vitessce.io",
|
|
6
6
|
"repository": {
|
|
@@ -20,12 +20,12 @@
|
|
|
20
20
|
"d3-array": "^2.4.0",
|
|
21
21
|
"lodash-es": "^4.17.21",
|
|
22
22
|
"react-aria": "^3.28.0",
|
|
23
|
-
"@vitessce/constants-internal": "3.5.
|
|
24
|
-
"@vitessce/legend": "3.5.
|
|
25
|
-
"@vitessce/scatterplot": "3.5.
|
|
26
|
-
"@vitessce/sets-utils": "3.5.
|
|
27
|
-
"@vitessce/utils": "3.5.
|
|
28
|
-
"@vitessce/vit-s": "3.5.
|
|
23
|
+
"@vitessce/constants-internal": "3.5.8",
|
|
24
|
+
"@vitessce/legend": "3.5.8",
|
|
25
|
+
"@vitessce/scatterplot": "3.5.8",
|
|
26
|
+
"@vitessce/sets-utils": "3.5.8",
|
|
27
|
+
"@vitessce/utils": "3.5.8",
|
|
28
|
+
"@vitessce/vit-s": "3.5.8"
|
|
29
29
|
},
|
|
30
30
|
"devDependencies": {
|
|
31
31
|
"react": "^18.0.0",
|
|
@@ -24,11 +24,13 @@ import { EmbeddingScatterplotSubscriber } from './EmbeddingScatterplotSubscriber
|
|
|
24
24
|
*/
|
|
25
25
|
export function DualEmbeddingScatterplotSubscriber(props) {
|
|
26
26
|
const {
|
|
27
|
+
uuid,
|
|
27
28
|
coordinationScopes,
|
|
28
29
|
} = props;
|
|
29
30
|
|
|
30
31
|
// Get "props" from the coordination space.
|
|
31
32
|
const [{
|
|
33
|
+
embeddingType,
|
|
32
34
|
sampleSetSelection,
|
|
33
35
|
}] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.DUAL_SCATTERPLOT], coordinationScopes);
|
|
34
36
|
|
|
@@ -48,13 +50,16 @@ export function DualEmbeddingScatterplotSubscriber(props) {
|
|
|
48
50
|
<div style={{ width: '50%', display: 'flex', flexDirection: 'column' }}>
|
|
49
51
|
<EmbeddingScatterplotSubscriber
|
|
50
52
|
{...props}
|
|
53
|
+
uuid={`${uuid}-case`}
|
|
54
|
+
title={`Scatterplot (${embeddingType}), ${caseSampleSetSelection?.[0]?.at(-1)}`}
|
|
51
55
|
sampleSetSelection={caseSampleSetSelection}
|
|
52
56
|
/>
|
|
53
57
|
</div>
|
|
54
58
|
<div style={{ width: '50%', display: 'flex', flexDirection: 'column' }}>
|
|
55
59
|
<EmbeddingScatterplotSubscriber
|
|
56
60
|
{...props}
|
|
57
|
-
|
|
61
|
+
uuid={`${uuid}-ctrl`}
|
|
62
|
+
title={`Scatterplot (${embeddingType}), ${ctrlSampleSetSelection?.[0]?.at(-1)}`}
|
|
58
63
|
sampleSetSelection={ctrlSampleSetSelection}
|
|
59
64
|
/>
|
|
60
65
|
</div>
|
|
@@ -149,7 +149,9 @@ export function EmbeddingScatterplotSubscriber(props) {
|
|
|
149
149
|
);
|
|
150
150
|
|
|
151
151
|
const observationsLabel = observationsLabelOverride || obsType;
|
|
152
|
-
const sampleSetSelection = (
|
|
152
|
+
const sampleSetSelection = (
|
|
153
|
+
sampleSetSelectionFromProps
|
|
154
|
+
|| sampleSetSelectionFromCoordination
|
|
153
155
|
);
|
|
154
156
|
|
|
155
157
|
const [width, height, deckRef] = useDeckCanvasSize();
|