@vitessce/scatterplot-gating 3.2.0 → 3.2.1

package/dist/{deflate-ee41da61.js → deflate-10f9d67d.js}

@@ -1,5 +1,5 @@
 import { i as inflate_1 } from "./pako.esm-68f84e2a.js";
-import { B as BaseDecoder } from "./index-8e87ac41.js";
+import { B as BaseDecoder } from "./index-743f7ba3.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{index-8e87ac41.js → index-743f7ba3.js}

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React__default, { useLayoutEffect, useEffect, cloneElement, createElement, forwardRef, useState, useRef, useMemo, useImperativeHandle, Children, isValidElement, PureComponent, useId, useCallback } from "react";
+import React__default, { useLayoutEffect, useEffect, cloneElement, createElement, forwardRef, useState, useRef, useMemo, useImperativeHandle, Children, isValidElement, PureComponent, useContext, useCallback } from "react";
 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";
@@ -121094,16 +121094,16 @@ function addDecoder(cases, importFn) {
   }
   cases.forEach((c2) => registry$1.set(c2, importFn));
 }
-addDecoder([void 0, 1], () => import("./raw-602cd908.js").then((m2) => m2.default));
-addDecoder(5, () => import("./lzw-969b495e.js").then((m2) => m2.default));
+addDecoder([void 0, 1], () => import("./raw-4828923d.js").then((m2) => m2.default));
+addDecoder(5, () => import("./lzw-8a95c676.js").then((m2) => m2.default));
 addDecoder(6, () => {
   throw new Error("old style JPEG compression is not supported.");
 });
-addDecoder(7, () => import("./jpeg-a3397dc3.js").then((m2) => m2.default));
-addDecoder([8, 32946], () => import("./deflate-ee41da61.js").then((m2) => m2.default));
-addDecoder(32773, () => import("./packbits-e04429a8.js").then((m2) => m2.default));
-addDecoder(34887, () => import("./lerc-8b857b48.js").then((m2) => m2.default));
-addDecoder(50001, () => import("./webimage-9e7f3198.js").then((m2) => m2.default));
+addDecoder(7, () => import("./jpeg-da2166c3.js").then((m2) => m2.default));
+addDecoder([8, 32946], () => import("./deflate-10f9d67d.js").then((m2) => m2.default));
+addDecoder(32773, () => import("./packbits-3b55e8df.js").then((m2) => m2.default));
+addDecoder(34887, () => import("./lerc-ea6f16cd.js").then((m2) => m2.default));
+addDecoder(50001, () => import("./webimage-f3457c94.js").then((m2) => m2.default));
 function decodeRowAcc(row, stride) {
   let length2 = row.length - stride;
   let offset5 = 0;
@@ -148661,9 +148661,135 @@ class Scatterplot extends AbstractSpatialOrScatterplot {
 }
 const ScatterplotWrapper = forwardRef((props2, deckRef) => jsxRuntimeExports.jsx(Scatterplot, { ...props2, deckRef }));
 ScatterplotWrapper.displayName = "ScatterplotWrapper";
+const $b5e257d569688ac6$var$defaultContext = {
+  prefix: String(Math.round(Math.random() * 1e10)),
+  current: 0
+};
+const $b5e257d569688ac6$var$SSRContext = /* @__PURE__ */ React__default.createContext($b5e257d569688ac6$var$defaultContext);
+const $b5e257d569688ac6$var$IsSSRContext = /* @__PURE__ */ React__default.createContext(false);
+let $b5e257d569688ac6$var$canUseDOM = Boolean(typeof window !== "undefined" && window.document && window.document.createElement);
+let $b5e257d569688ac6$var$componentIds = /* @__PURE__ */ new WeakMap();
+function $b5e257d569688ac6$var$useCounter(isDisabled = false) {
+  let ctx = useContext($b5e257d569688ac6$var$SSRContext);
+  let ref = useRef(null);
+  if (ref.current === null && !isDisabled) {
+    var _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED, _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner;
+    let currentOwner = (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = React__default.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === void 0 ? void 0 : (_React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner = _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner) === null || _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner === void 0 ? void 0 : _React___SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED_ReactCurrentOwner.current;
+    if (currentOwner) {
+      let prevComponentValue = $b5e257d569688ac6$var$componentIds.get(currentOwner);
+      if (prevComponentValue == null)
+        $b5e257d569688ac6$var$componentIds.set(currentOwner, {
+          id: ctx.current,
+          state: currentOwner.memoizedState
+        });
+      else if (currentOwner.memoizedState !== prevComponentValue.state) {
+        ctx.current = prevComponentValue.id;
+        $b5e257d569688ac6$var$componentIds.delete(currentOwner);
+      }
+    }
+    ref.current = ++ctx.current;
+  }
+  return ref.current;
+}
+function $b5e257d569688ac6$var$useLegacySSRSafeId(defaultId) {
+  let ctx = useContext($b5e257d569688ac6$var$SSRContext);
+  if (ctx === $b5e257d569688ac6$var$defaultContext && !$b5e257d569688ac6$var$canUseDOM)
+    console.warn("When server rendering, you must wrap your application in an <SSRProvider> to ensure consistent ids are generated between the client and server.");
+  let counter2 = $b5e257d569688ac6$var$useCounter(!!defaultId);
+  let prefix2 = ctx === $b5e257d569688ac6$var$defaultContext && false ? "react-aria" : `react-aria${ctx.prefix}`;
+  return defaultId || `${prefix2}-${counter2}`;
+}
+function $b5e257d569688ac6$var$useModernSSRSafeId(defaultId) {
+  let id = React__default.useId();
+  let [didSSR] = useState($b5e257d569688ac6$export$535bd6ca7f90a273());
+  let prefix2 = didSSR || false ? "react-aria" : `react-aria${$b5e257d569688ac6$var$defaultContext.prefix}`;
+  return defaultId || `${prefix2}-${id}`;
+}
+const $b5e257d569688ac6$export$619500959fc48b26 = typeof React__default["useId"] === "function" ? $b5e257d569688ac6$var$useModernSSRSafeId : $b5e257d569688ac6$var$useLegacySSRSafeId;
+function $b5e257d569688ac6$var$getSnapshot() {
+  return false;
+}
+function $b5e257d569688ac6$var$getServerSnapshot() {
+  return true;
+}
+function $b5e257d569688ac6$var$subscribe(onStoreChange) {
+  return () => {
+  };
+}
+function $b5e257d569688ac6$export$535bd6ca7f90a273() {
+  if (typeof React__default["useSyncExternalStore"] === "function")
+    return React__default["useSyncExternalStore"]($b5e257d569688ac6$var$subscribe, $b5e257d569688ac6$var$getSnapshot, $b5e257d569688ac6$var$getServerSnapshot);
+  return useContext($b5e257d569688ac6$var$IsSSRContext);
+}
+const $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c = typeof document !== "undefined" ? React__default.useLayoutEffect : () => {
+};
+let $bdb11010cef70236$var$idsUpdaterMap = /* @__PURE__ */ new Map();
+function $bdb11010cef70236$export$f680877a34711e37(defaultId) {
+  let [value, setValue] = useState(defaultId);
+  let nextId = useRef(null);
+  let res = $b5e257d569688ac6$export$619500959fc48b26(value);
+  let updateValue = useCallback((val) => {
+    nextId.current = val;
+  }, []);
+  $bdb11010cef70236$var$idsUpdaterMap.set(res, updateValue);
+  $f0a04ccd8dbdd83b$export$e5c5a5f917a5871c(() => {
+    let r2 = res;
+    return () => {
+      $bdb11010cef70236$var$idsUpdaterMap.delete(r2);
+    };
+  }, [
+    res
+  ]);
+  useEffect(() => {
+    let newId = nextId.current;
+    if (newId) {
+      nextId.current = null;
+      setValue(newId);
+    }
+  });
+  return res;
+}
+let $bbed8b41f857bcc0$var$transitionsByElement = /* @__PURE__ */ new Map();
+let $bbed8b41f857bcc0$var$transitionCallbacks = /* @__PURE__ */ new Set();
+function $bbed8b41f857bcc0$var$setupGlobalEvents() {
+  if (typeof window === "undefined")
+    return;
+  let onTransitionStart = (e2) => {
+    let transitions2 = $bbed8b41f857bcc0$var$transitionsByElement.get(e2.target);
+    if (!transitions2) {
+      transitions2 = /* @__PURE__ */ new Set();
+      $bbed8b41f857bcc0$var$transitionsByElement.set(e2.target, transitions2);
+      e2.target.addEventListener("transitioncancel", onTransitionEnd);
+    }
+    transitions2.add(e2.propertyName);
+  };
+  let onTransitionEnd = (e2) => {
+    let properties = $bbed8b41f857bcc0$var$transitionsByElement.get(e2.target);
+    if (!properties)
+      return;
+    properties.delete(e2.propertyName);
+    if (properties.size === 0) {
+      e2.target.removeEventListener("transitioncancel", onTransitionEnd);
+      $bbed8b41f857bcc0$var$transitionsByElement.delete(e2.target);
+    }
+    if ($bbed8b41f857bcc0$var$transitionsByElement.size === 0) {
+      for (let cb of $bbed8b41f857bcc0$var$transitionCallbacks)
+        cb();
+      $bbed8b41f857bcc0$var$transitionCallbacks.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", onTransitionStart);
+  document.body.addEventListener("transitionend", onTransitionEnd);
+}
+if (typeof document !== "undefined") {
+  if (document.readyState !== "loading")
+    $bbed8b41f857bcc0$var$setupGlobalEvents();
+  else
+    document.addEventListener("DOMContentLoaded", $bbed8b41f857bcc0$var$setupGlobalEvents);
+}
 function ScatterplotOptions(props2) {
   const { children, observationsLabel, cellRadius, setCellRadius, cellRadiusMode, setCellRadiusMode, cellOpacity, setCellOpacity, cellOpacityMode, setCellOpacityMode, cellSetLabelsVisible, setCellSetLabelsVisible, tooltipsVisible, setTooltipsVisible, cellSetLabelSize, setCellSetLabelSize, cellSetPolygonsVisible, setCellSetPolygonsVisible, cellColorEncoding, setCellColorEncoding, geneExpressionColormap, setGeneExpressionColormap, geneExpressionColormapRange, setGeneExpressionColormapRange } = props2;
-  const scatterplotOptionsId = useId();
+  const scatterplotOptionsId = $bdb11010cef70236$export$f680877a34711e37();
   const observationsLabelNice = capitalize$1(observationsLabel);
   const classes = usePlotOptionsStyles();
   function handleCellRadiusModeChange(event) {
@@ -148842,7 +148968,7 @@ function GatingScatterplotOptions(props2) {
     geneSelectOptions,
     transformOptions
   } = props2;
-  const gatingScatterplotOptionsId = useId();
+  const gatingScatterplotOptionsId = $bdb11010cef70236$export$f680877a34711e37();
   const classes = usePlotOptionsStyles();
   const handleGeneSelectChange = (event) => {
     const { options } = event.target;

package/dist/index.js

@@ -1,4 +1,4 @@
-import { G } from "./index-8e87ac41.js";
+import { G } from "./index-743f7ba3.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{jpeg-a3397dc3.js → jpeg-da2166c3.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-8e87ac41.js";
+import { B as BaseDecoder } from "./index-743f7ba3.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{lerc-8b857b48.js → lerc-ea6f16cd.js}

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

package/dist/{lzw-969b495e.js → lzw-8a95c676.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-8e87ac41.js";
+import { B as BaseDecoder } from "./index-743f7ba3.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{packbits-e04429a8.js → packbits-3b55e8df.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-8e87ac41.js";
+import { B as BaseDecoder } from "./index-743f7ba3.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{raw-602cd908.js → raw-4828923d.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-8e87ac41.js";
+import { B as BaseDecoder } from "./index-743f7ba3.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

package/dist/{webimage-9e7f3198.js → webimage-f3457c94.js}

@@ -1,4 +1,4 @@
-import { B as BaseDecoder } from "./index-8e87ac41.js";
+import { B as BaseDecoder } from "./index-743f7ba3.js";
 import "react";
 import "@vitessce/vit-s";
 import "react-dom";

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

@@ -1 +1 @@
-{"version":3,"file":"GatingScatterplotOptions.d.ts","sourceRoot":"","sources":["../src/GatingScatterplotOptions.js"],"names":[],"mappings":"AAKA,0EAsIC"}
+{"version":3,"file":"GatingScatterplotOptions.d.ts","sourceRoot":"","sources":["../src/GatingScatterplotOptions.js"],"names":[],"mappings":"AAMA,0EAsIC"}

package/dist-tsc/GatingScatterplotOptions.js

@@ -1,5 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import React, { useId } from 'react';
+import React from 'react';
+import { useId } from 'react-aria';
 import { TableCell, TableRow, TextField } from '@material-ui/core';
 import { usePlotOptionsStyles, OptionSelect } from '@vitessce/vit-s';
 import { capitalize, pluralize as plur } from '@vitessce/utils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/scatterplot-gating",
-  "version": "3.2.0",
+  "version": "3.2.1",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -19,11 +19,12 @@
     "@material-ui/core": "~4.12.3",
     "d3-array": "^2.4.0",
     "lodash-es": "^4.17.21",
-    "@vitessce/constants-internal": "3.2.0",
-    "@vitessce/scatterplot": "3.2.0",
-    "@vitessce/sets-utils": "3.2.0",
-    "@vitessce/utils": "3.2.0",
-    "@vitessce/vit-s": "3.2.0"
+    "react-aria": "^3.28.0",
+    "@vitessce/constants-internal": "3.2.1",
+    "@vitessce/scatterplot": "3.2.1",
+    "@vitessce/sets-utils": "3.2.1",
+    "@vitessce/utils": "3.2.1",
+    "@vitessce/vit-s": "3.2.1"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/GatingScatterplotOptions.js

@@ -1,4 +1,5 @@
-import React, { useId } from 'react';
+import React from 'react';
+import { useId } from 'react-aria';
 import { TableCell, TableRow, TextField } from '@material-ui/core';
 import { usePlotOptionsStyles, OptionSelect } from '@vitessce/vit-s';
 import { capitalize, pluralize as plur } from '@vitessce/utils';