@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/index.js CHANGED
@@ -1,4 +1,4 @@
1
- import { D, E } from "./index-59d93bea.js";
1
+ import { D, E } from "./index-5909753b.js";
2
2
  import "react";
3
3
  import "@vitessce/vit-s";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { B as BaseDecoder } from "./index-59d93bea.js";
1
+ import { B as BaseDecoder } from "./index-5909753b.js";
2
2
  import "react";
3
3
  import "@vitessce/vit-s";
4
4
  import "react-dom";
@@ -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-59d93bea.js";
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,4 +1,4 @@
1
- import { B as BaseDecoder } from "./index-59d93bea.js";
1
+ import { B as BaseDecoder } from "./index-5909753b.js";
2
2
  import "react";
3
3
  import "@vitessce/vit-s";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { B as BaseDecoder } from "./index-59d93bea.js";
1
+ import { B as BaseDecoder } from "./index-5909753b.js";
2
2
  import "react";
3
3
  import "@vitessce/vit-s";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { B as BaseDecoder } from "./index-59d93bea.js";
1
+ import { B as BaseDecoder } from "./index-5909753b.js";
2
2
  import "react";
3
3
  import "@vitessce/vit-s";
4
4
  import "react-dom";
@@ -1,4 +1,4 @@
1
- import { B as BaseDecoder } from "./index-59d93bea.js";
1
+ import { B as BaseDecoder } from "./index-5909753b.js";
2
2
  import "react";
3
3
  import "@vitessce/vit-s";
4
4
  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,eAuCA"}
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: "", sampleSetSelection: ctrlSampleSetSelection }) })] }));
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,eAshBA"}
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 || sampleSetSelectionFromCoordination);
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.6",
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.6",
24
- "@vitessce/legend": "3.5.6",
25
- "@vitessce/scatterplot": "3.5.6",
26
- "@vitessce/sets-utils": "3.5.6",
27
- "@vitessce/utils": "3.5.6",
28
- "@vitessce/vit-s": "3.5.6"
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
- title=""
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 = (sampleSetSelectionFromProps || sampleSetSelectionFromCoordination
152
+ const sampleSetSelection = (
153
+ sampleSetSelectionFromProps
154
+ || sampleSetSelectionFromCoordination
153
155
  );
154
156
 
155
157
  const [width, height, deckRef] = useDeckCanvasSize();