@vitessce/scatterplot-gating 3.0.0 → 3.0.1

package/dist/{deflate-de0bc9c8.js → deflate-9e0df7d6.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { B as BaseDecoder } from "./index-6f1cc356.js";
+import { B as BaseDecoder } from "./index-55139ae6.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{index-6f1cc356.js → index-55139ae6.js}

@@ -1,6 +1,6 @@
 import * as React from "react";
 import React__default, { useLayoutEffect, useEffect, cloneElement, createElement, forwardRef, useState, useRef, useMemo, useImperativeHandle, Children, isValidElement, PureComponent, useCallback } from "react";
-import { usePlotOptionsStyles, OptionsContainer, CellColorEncodingOption, OptionSelect, useVitessceContainer, useComponentHover, useComponentViewInfo, useLoaders, useSetComponentHover, useSetComponentViewInfo, useCoordination, useUrls, useDeckCanvasSize, useObsSetsData, useFeatureSelection, useObsFeatureMatrixIndices, useReady, useUint8FeatureSelection, useExpressionValueGetter, TitleInfo } from "@vitessce/vit-s";
+import { usePlotOptionsStyles, OptionsContainer, CellColorEncodingOption, OptionSelect, useVitessceContainer, useComponentHover, useComponentViewInfo, useLoaders, useSetComponentHover, useSetComponentViewInfo, useCoordination, useDeckCanvasSize, useObsSetsData, useFeatureSelection, useObsFeatureMatrixIndices, useReady, useUrls, useUint8FeatureSelection, useExpressionValueGetter, TitleInfo } from "@vitessce/vit-s";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
 function _mergeNamespaces(n2, m2) {
@@ -121150,16 +121150,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-424e77e0.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-e71d3b12.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-cb261cd1.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-4ce0a11f.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-a72c0702.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-de0bc9c8.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-5ddf3db9.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-27230ebf.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-93e70904.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-401dc42f.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-9e0df7d6.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-2356dc29.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-0b18eed1.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-a363de79.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -147436,7 +147436,7 @@ const CenterFocusStrong = createSvgIcon(/* @__PURE__ */ React.createElement("pat
   d: "M12 8c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm-7 7H3v4c0 1.1.9 2 2 2h4v-2H5v-4zM5 5h4V3H5c-1.1 0-2 .9-2 2v4h2V5zm14-2h-4v2h4v4h2V5c0-1.1-.9-2-2-2zm0 16h-4v2h4c1.1 0 2-.9 2-2v-4h-2v4z"
 }), "CenterFocusStrong");
 const useStyles$1 = makeStyles(() => ({
-  button: {
+  toolButton: {
     display: "inline-flex",
     "&:active": {
       opacity: ".65",
@@ -147459,7 +147459,7 @@ const useStyles$1 = makeStyles(() => ({
     transform: "scale(0.98)"
     // make the button slightly smaller
   },
-  icon: {
+  toolIcon: {
     // btn btn-outline-secondary mr-2 icon
     padding: "0",
     height: "2em",
@@ -147497,12 +147497,12 @@ const useStyles$1 = makeStyles(() => ({
 function IconTool(props2) {
   const { alt, onClick, isActive, children } = props2;
   const classes = useStyles$1();
-  return jsxRuntimeExports.jsx("button", { className: clsx(classes.icon, { [classes.toolActive]: isActive }), onClick, type: "button", title: alt, children });
+  return jsxRuntimeExports.jsx("button", { className: clsx(classes.toolIcon, { [classes.toolActive]: isActive }), onClick, type: "button", title: alt, children });
 }
 function IconButton2(props2) {
   const { alt, onClick, children } = props2;
   const classes = useStyles$1();
-  return jsxRuntimeExports.jsx("button", { className: clsx(classes.icon, classes.button), onClick, type: "button", title: alt, children });
+  return jsxRuntimeExports.jsx("button", { className: clsx(classes.toolIcon, classes.toolButton), onClick, type: "button", title: alt, children });
 }
 function ToolMenu(props2) {
   const { setActiveTool, activeTool, visibleTools = { pan: true, selectLasso: true }, recenterOnClick = () => {
@@ -148456,7 +148456,6 @@ function GatingSubscriber(props2) {
     COMPONENT_COORDINATION_TYPES[ViewType$1.GATING],
     coordinationScopes
   );
-  const [urls, addUrl] = useUrls(loaders, dataset);
   const [width, height, deckRef] = useDeckCanvasSize();
   const title = useMemo(() => {
     if (titleOverride) {
@@ -148469,10 +148468,9 @@ function GatingSubscriber(props2) {
   }, [titleOverride, gatingFeatureSelectionX, gatingFeatureSelectionY]);
   const featureSelectionX = useMemo(() => gatingFeatureSelectionX ? [gatingFeatureSelectionX] : null, [gatingFeatureSelectionX]);
   const featureSelectionY = useMemo(() => gatingFeatureSelectionY ? [gatingFeatureSelectionY] : null, [gatingFeatureSelectionY]);
-  const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(
+  const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(
     loaders,
     dataset,
-    addUrl,
     false,
     { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor },
     { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor },
@@ -148499,10 +148497,13 @@ function GatingSubscriber(props2) {
     featureSelectionY,
     { obsType, featureType, featureValueType }
   );
-  const [{ obsIndex, featureIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(
+  const [
+    { obsIndex, featureIndex },
+    matrixIndicesStatus,
+    matrixIndicesUrls
+  ] = useObsFeatureMatrixIndices(
     loaders,
     dataset,
-    addUrl,
     false,
     { obsType, featureType, featureValueType }
   );
@@ -148514,6 +148515,10 @@ function GatingSubscriber(props2) {
     featureSelectionYStatus,
     matrixIndicesStatus
   ]);
+  const urls = useUrls([
+    obsSetsUrls,
+    matrixIndicesUrls
+  ]);
   const obsXY = useMemo(() => {
     if (!(cellsCount && (expressionDataX == null ? void 0 : expressionDataX[0]) && (expressionDataY == null ? void 0 : expressionDataY[0]) && featureSelectionX && featureSelectionY)) {
       return null;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { G } from "./index-6f1cc356.js";
+import { G } from "./index-55139ae6.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{jpeg-a72c0702.js → jpeg-401dc42f.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-6f1cc356.js";
+import { B as BaseDecoder } from "./index-55139ae6.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lerc-27230ebf.js → lerc-0b18eed1.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-6f1cc356.js";
+import { g as getDefaultExportFromCjs, B as BaseDecoder } from "./index-55139ae6.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lzw-e71d3b12.js → lzw-4ce0a11f.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-6f1cc356.js";
+import { B as BaseDecoder } from "./index-55139ae6.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{packbits-5ddf3db9.js → packbits-2356dc29.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-6f1cc356.js";
+import { B as BaseDecoder } from "./index-55139ae6.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{raw-424e77e0.js → raw-cb261cd1.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-6f1cc356.js";
+import { B as BaseDecoder } from "./index-55139ae6.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{webimage-93e70904.js → webimage-a363de79.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-6f1cc356.js";
+import { B as BaseDecoder } from "./index-55139ae6.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist-tsc/GatingSubscriber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GatingSubscriber.d.ts","sourceRoot":"","sources":["../src/GatingSubscriber.js"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;KAYK;AACL;IAV2B,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAES,cAAc,EAA7B,OAAO;IACS,mBAAmB;IAErB,kBAAkB,EAAhC,MAAM;gBAuZlB"}
+{"version":3,"file":"GatingSubscriber.d.ts","sourceRoot":"","sources":["../src/GatingSubscriber.js"],"names":[],"mappings":"AAkCA;;;;;;;;;;;;KAYK;AACL;IAV2B,IAAI,EAAlB,MAAM;IACQ,KAAK,EAAnB,MAAM;IACQ,kBAAkB,EAAhC,MAAM;IAES,cAAc,EAA7B,OAAO;IACS,mBAAmB;IAErB,kBAAkB,EAAhC,MAAM;gBA4ZlB"}

package/dist-tsc/GatingSubscriber.js

@@ -31,7 +31,6 @@ export function GatingSubscriber(props) {
     const setComponentViewInfo = useSetComponentViewInfo(uuid);
     // Get "props" from the coordination space.
     const [{ dataset, obsType, featureType, featureValueType, embeddingZoom: zoom, embeddingTargetX: targetX, embeddingTargetY: targetY, embeddingTargetZ: targetZ, obsFilter: cellFilter, obsHighlight: cellHighlight, 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, featureSelection: gatingFeatureSelectionColor, featureValueTransform, featureValueTransformCoefficient, gatingFeatureSelectionX, gatingFeatureSelectionY, }, { 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, setFeatureValueTransform, setFeatureValueTransformCoefficient, setGatingFeatureSelectionX, setGatingFeatureSelectionY, }] = useCoordination(COMPONENT_COORDINATION_TYPES[ViewType.GATING], coordinationScopes);
-    const [urls, addUrl] = useUrls(loaders, dataset);
     const [width, height, deckRef] = useDeckCanvasSize();
     const title = useMemo(() => {
         if (titleOverride) {
@@ -45,14 +44,14 @@ export function GatingSubscriber(props) {
     const featureSelectionX = useMemo(() => (gatingFeatureSelectionX ? [gatingFeatureSelectionX] : null), [gatingFeatureSelectionX]);
     const featureSelectionY = useMemo(() => (gatingFeatureSelectionY ? [gatingFeatureSelectionY] : null), [gatingFeatureSelectionY]);
     // Get data from loaders using the data hooks.
-    const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(loaders, dataset, addUrl, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
+    const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(loaders, dataset, false, { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor }, { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor }, { obsType });
     // eslint-disable-next-line no-unused-vars
     const [expressionDataColor, loadedColor, featureSelectionColorStatus] = useFeatureSelection(loaders, dataset, false, gatingFeatureSelectionColor, { obsType, featureType, featureValueType });
     // eslint-disable-next-line no-unused-vars
     const [expressionDataX, loadedX, featureSelectionXStatus] = useFeatureSelection(loaders, dataset, false, featureSelectionX, { obsType, featureType, featureValueType });
     // eslint-disable-next-line no-unused-vars
     const [expressionDataY, loadedY, featureSelectionYStatus] = useFeatureSelection(loaders, dataset, false, featureSelectionY, { obsType, featureType, featureValueType });
-    const [{ obsIndex, featureIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(loaders, dataset, addUrl, false, { obsType, featureType, featureValueType });
+    const [{ obsIndex, featureIndex }, matrixIndicesStatus, matrixIndicesUrls,] = useObsFeatureMatrixIndices(loaders, dataset, false, { obsType, featureType, featureValueType });
     const cellsCount = obsIndex?.length || 0;
     const isReady = useReady([
         obsSetsStatus,
@@ -61,6 +60,10 @@ export function GatingSubscriber(props) {
         featureSelectionYStatus,
         matrixIndicesStatus,
     ]);
+    const urls = useUrls([
+        obsSetsUrls,
+        matrixIndicesUrls,
+    ]);
     // Generate a new cells object with a mapping added for the user selected genes.
     const obsXY = useMemo(() => {
         if (!(cellsCount && expressionDataX?.[0] && expressionDataY?.[0]

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot-gating",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -20,23 +20,23 @@
     "d3-array": "^2.4.0",
     "lodash-es": "^4.17.21",
     "plur": "^5.1.0",
-    "@vitessce/constants-internal": "3.0.0",
-    "@vitessce/sets-utils": "3.0.0",
-    "@vitessce/scatterplot": "3.0.0",
-    "@vitessce/vit-s": "3.0.0",
-    "@vitessce/utils": "3.0.0"
+    "@vitessce/constants-internal": "3.0.1",
+    "@vitessce/scatterplot": "3.0.1",
+    "@vitessce/sets-utils": "3.0.1",
+    "@vitessce/utils": "3.0.1",
+    "@vitessce/vit-s": "3.0.1"
   },
   "devDependencies": {
     "react": "^18.0.0",
     "vite": "^4.3.0",
-    "vitest": "^0.23.4"
+    "vitest": "^0.32.2"
   },
   "peerDependencies": {
     "react": "^16.8.0 || ^17.0.0 || ^18.0.0"
   },
   "scripts": {
     "bundle": "pnpm exec vite build -c ../../../scripts/vite.config.js",
-    "test": "pnpm exec vitest --run -r ../../../ --dir ."
+    "test": "pnpm exec vitest --run"
   },
   "module": "dist/index.js",
   "exports": {

package/src/GatingSubscriber.js

@@ -120,7 +120,6 @@ export function GatingSubscriber(props) {
     coordinationScopes,
   );
 
-  const [urls, addUrl] = useUrls(loaders, dataset);
   const [width, height, deckRef] = useDeckCanvasSize();
 
   const title = useMemo(() => {
@@ -141,8 +140,8 @@ export function GatingSubscriber(props) {
   ), [gatingFeatureSelectionY]);
 
   // Get data from loaders using the data hooks.
-  const [{ obsSets: cellSets }, obsSetsStatus] = useObsSetsData(
-    loaders, dataset, addUrl, false,
+  const [{ obsSets: cellSets }, obsSetsStatus, obsSetsUrls] = useObsSetsData(
+    loaders, dataset, false,
     { setObsSetSelection: setCellSetSelection, setObsSetColor: setCellSetColor },
     { obsSetSelection: cellSetSelection, obsSetColor: cellSetColor },
     { obsType },
@@ -162,8 +161,10 @@ export function GatingSubscriber(props) {
     loaders, dataset, false, featureSelectionY,
     { obsType, featureType, featureValueType },
   );
-  const [{ obsIndex, featureIndex }, matrixIndicesStatus] = useObsFeatureMatrixIndices(
-    loaders, dataset, addUrl, false,
+  const [
+    { obsIndex, featureIndex }, matrixIndicesStatus, matrixIndicesUrls,
+  ] = useObsFeatureMatrixIndices(
+    loaders, dataset, false,
     { obsType, featureType, featureValueType },
   );
   const cellsCount = obsIndex?.length || 0;
@@ -175,6 +176,10 @@ export function GatingSubscriber(props) {
     featureSelectionYStatus,
     matrixIndicesStatus,
   ]);
+  const urls = useUrls([
+    obsSetsUrls,
+    matrixIndicesUrls,
+  ]);
 
   // Generate a new cells object with a mapping added for the user selected genes.
   const obsXY = useMemo(() => {