@vitessce/statistical-plots 3.1.0 → 3.1.2

package/dist/index.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import React__default, { useMemo, Suspense, useCallback, useState, useEffect } from "react";
+import React__default, { useId, useMemo, Suspense, useCallback, useState, useEffect } from "react";
 import { usePlotOptionsStyles, OptionsContainer, OptionSelect, useLoaders, useCoordination, useGridItemSize, useFeatureSelection, useFeatureLabelsData, useObsFeatureMatrixIndices, useObsSetsData, useReady, useUrls, TitleInfo, useObsFeatureMatrixData } from "@vitessce/vit-s";
 import * as ReactDOM from "react-dom";
 import ReactDOM__default from "react-dom";
@@ -1323,6 +1323,363 @@ const COMPONENT_COORDINATION_TYPES = {
     CoordinationType$1.FEATURE_SELECTION
   ]
 };
+function commonjsRequire(path2) {
+  throw new Error('Could not dynamically require "' + path2 + '". Please configure the dynamicRequireTargets or/and ignoreDynamicRequires option of @rollup/plugin-commonjs appropriately for this require call to work.');
+}
+var pluralize = { exports: {} };
+(function(module2, exports2) {
+  (function(root2, pluralize2) {
+    if (typeof commonjsRequire === "function" && true && true) {
+      module2.exports = pluralize2();
+    } else {
+      root2.pluralize = pluralize2();
+    }
+  })(commonjsGlobal, function() {
+    var pluralRules = [];
+    var singularRules = [];
+    var uncountables = {};
+    var irregularPlurals = {};
+    var irregularSingles = {};
+    function sanitizeRule(rule2) {
+      if (typeof rule2 === "string") {
+        return new RegExp("^" + rule2 + "$", "i");
+      }
+      return rule2;
+    }
+    function restoreCase(word, token) {
+      if (word === token)
+        return token;
+      if (word === word.toLowerCase())
+        return token.toLowerCase();
+      if (word === word.toUpperCase())
+        return token.toUpperCase();
+      if (word[0] === word[0].toUpperCase()) {
+        return token.charAt(0).toUpperCase() + token.substr(1).toLowerCase();
+      }
+      return token.toLowerCase();
+    }
+    function interpolate2(str, args) {
+      return str.replace(/\$(\d{1,2})/g, function(match2, index2) {
+        return args[index2] || "";
+      });
+    }
+    function replace2(word, rule2) {
+      return word.replace(rule2[0], function(match2, index2) {
+        var result = interpolate2(rule2[1], arguments);
+        if (match2 === "") {
+          return restoreCase(word[index2 - 1], result);
+        }
+        return restoreCase(match2, result);
+      });
+    }
+    function sanitizeWord(token, word, rules) {
+      if (!token.length || uncountables.hasOwnProperty(token)) {
+        return word;
+      }
+      var len = rules.length;
+      while (len--) {
+        var rule2 = rules[len];
+        if (rule2[0].test(word))
+          return replace2(word, rule2);
+      }
+      return word;
+    }
+    function replaceWord(replaceMap, keepMap, rules) {
+      return function(word) {
+        var token = word.toLowerCase();
+        if (keepMap.hasOwnProperty(token)) {
+          return restoreCase(word, token);
+        }
+        if (replaceMap.hasOwnProperty(token)) {
+          return restoreCase(word, replaceMap[token]);
+        }
+        return sanitizeWord(token, word, rules);
+      };
+    }
+    function checkWord(replaceMap, keepMap, rules, bool) {
+      return function(word) {
+        var token = word.toLowerCase();
+        if (keepMap.hasOwnProperty(token))
+          return true;
+        if (replaceMap.hasOwnProperty(token))
+          return false;
+        return sanitizeWord(token, token, rules) === token;
+      };
+    }
+    function pluralize2(word, count2, inclusive) {
+      var pluralized = count2 === 1 ? pluralize2.singular(word) : pluralize2.plural(word);
+      return (inclusive ? count2 + " " : "") + pluralized;
+    }
+    pluralize2.plural = replaceWord(
+      irregularSingles,
+      irregularPlurals,
+      pluralRules
+    );
+    pluralize2.isPlural = checkWord(
+      irregularSingles,
+      irregularPlurals,
+      pluralRules
+    );
+    pluralize2.singular = replaceWord(
+      irregularPlurals,
+      irregularSingles,
+      singularRules
+    );
+    pluralize2.isSingular = checkWord(
+      irregularPlurals,
+      irregularSingles,
+      singularRules
+    );
+    pluralize2.addPluralRule = function(rule2, replacement) {
+      pluralRules.push([sanitizeRule(rule2), replacement]);
+    };
+    pluralize2.addSingularRule = function(rule2, replacement) {
+      singularRules.push([sanitizeRule(rule2), replacement]);
+    };
+    pluralize2.addUncountableRule = function(word) {
+      if (typeof word === "string") {
+        uncountables[word.toLowerCase()] = true;
+        return;
+      }
+      pluralize2.addPluralRule(word, "$0");
+      pluralize2.addSingularRule(word, "$0");
+    };
+    pluralize2.addIrregularRule = function(single, plural) {
+      plural = plural.toLowerCase();
+      single = single.toLowerCase();
+      irregularSingles[single] = plural;
+      irregularPlurals[plural] = single;
+    };
+    [
+      // Pronouns.
+      ["I", "we"],
+      ["me", "us"],
+      ["he", "they"],
+      ["she", "they"],
+      ["them", "them"],
+      ["myself", "ourselves"],
+      ["yourself", "yourselves"],
+      ["itself", "themselves"],
+      ["herself", "themselves"],
+      ["himself", "themselves"],
+      ["themself", "themselves"],
+      ["is", "are"],
+      ["was", "were"],
+      ["has", "have"],
+      ["this", "these"],
+      ["that", "those"],
+      // Words ending in with a consonant and `o`.
+      ["echo", "echoes"],
+      ["dingo", "dingoes"],
+      ["volcano", "volcanoes"],
+      ["tornado", "tornadoes"],
+      ["torpedo", "torpedoes"],
+      // Ends with `us`.
+      ["genus", "genera"],
+      ["viscus", "viscera"],
+      // Ends with `ma`.
+      ["stigma", "stigmata"],
+      ["stoma", "stomata"],
+      ["dogma", "dogmata"],
+      ["lemma", "lemmata"],
+      ["schema", "schemata"],
+      ["anathema", "anathemata"],
+      // Other irregular rules.
+      ["ox", "oxen"],
+      ["axe", "axes"],
+      ["die", "dice"],
+      ["yes", "yeses"],
+      ["foot", "feet"],
+      ["eave", "eaves"],
+      ["goose", "geese"],
+      ["tooth", "teeth"],
+      ["quiz", "quizzes"],
+      ["human", "humans"],
+      ["proof", "proofs"],
+      ["carve", "carves"],
+      ["valve", "valves"],
+      ["looey", "looies"],
+      ["thief", "thieves"],
+      ["groove", "grooves"],
+      ["pickaxe", "pickaxes"],
+      ["passerby", "passersby"]
+    ].forEach(function(rule2) {
+      return pluralize2.addIrregularRule(rule2[0], rule2[1]);
+    });
+    [
+      [/s?$/i, "s"],
+      [/[^\u0000-\u007F]$/i, "$0"],
+      [/([^aeiou]ese)$/i, "$1"],
+      [/(ax|test)is$/i, "$1es"],
+      [/(alias|[^aou]us|t[lm]as|gas|ris)$/i, "$1es"],
+      [/(e[mn]u)s?$/i, "$1s"],
+      [/([^l]ias|[aeiou]las|[ejzr]as|[iu]am)$/i, "$1"],
+      [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, "$1i"],
+      [/(alumn|alg|vertebr)(?:a|ae)$/i, "$1ae"],
+      [/(seraph|cherub)(?:im)?$/i, "$1im"],
+      [/(her|at|gr)o$/i, "$1oes"],
+      [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|automat|quor)(?:a|um)$/i, "$1a"],
+      [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)(?:a|on)$/i, "$1a"],
+      [/sis$/i, "ses"],
+      [/(?:(kni|wi|li)fe|(ar|l|ea|eo|oa|hoo)f)$/i, "$1$2ves"],
+      [/([^aeiouy]|qu)y$/i, "$1ies"],
+      [/([^ch][ieo][ln])ey$/i, "$1ies"],
+      [/(x|ch|ss|sh|zz)$/i, "$1es"],
+      [/(matr|cod|mur|sil|vert|ind|append)(?:ix|ex)$/i, "$1ices"],
+      [/\b((?:tit)?m|l)(?:ice|ouse)$/i, "$1ice"],
+      [/(pe)(?:rson|ople)$/i, "$1ople"],
+      [/(child)(?:ren)?$/i, "$1ren"],
+      [/eaux$/i, "$0"],
+      [/m[ae]n$/i, "men"],
+      ["thou", "you"]
+    ].forEach(function(rule2) {
+      return pluralize2.addPluralRule(rule2[0], rule2[1]);
+    });
+    [
+      [/s$/i, ""],
+      [/(ss)$/i, "$1"],
+      [/(wi|kni|(?:after|half|high|low|mid|non|night|[^\w]|^)li)ves$/i, "$1fe"],
+      [/(ar|(?:wo|[ae])l|[eo][ao])ves$/i, "$1f"],
+      [/ies$/i, "y"],
+      [/\b([pl]|zomb|(?:neck|cross)?t|coll|faer|food|gen|goon|group|lass|talk|goal|cut)ies$/i, "$1ie"],
+      [/\b(mon|smil)ies$/i, "$1ey"],
+      [/\b((?:tit)?m|l)ice$/i, "$1ouse"],
+      [/(seraph|cherub)im$/i, "$1"],
+      [/(x|ch|ss|sh|zz|tto|go|cho|alias|[^aou]us|t[lm]as|gas|(?:her|at|gr)o|[aeiou]ris)(?:es)?$/i, "$1"],
+      [/(analy|diagno|parenthe|progno|synop|the|empha|cri|ne)(?:sis|ses)$/i, "$1sis"],
+      [/(movie|twelve|abuse|e[mn]u)s$/i, "$1"],
+      [/(test)(?:is|es)$/i, "$1is"],
+      [/(alumn|syllab|vir|radi|nucle|fung|cact|stimul|termin|bacill|foc|uter|loc|strat)(?:us|i)$/i, "$1us"],
+      [/(agend|addend|millenni|dat|extrem|bacteri|desiderat|strat|candelabr|errat|ov|symposi|curricul|quor)a$/i, "$1um"],
+      [/(apheli|hyperbat|periheli|asyndet|noumen|phenomen|criteri|organ|prolegomen|hedr|automat)a$/i, "$1on"],
+      [/(alumn|alg|vertebr)ae$/i, "$1a"],
+      [/(cod|mur|sil|vert|ind)ices$/i, "$1ex"],
+      [/(matr|append)ices$/i, "$1ix"],
+      [/(pe)(rson|ople)$/i, "$1rson"],
+      [/(child)ren$/i, "$1"],
+      [/(eau)x?$/i, "$1"],
+      [/men$/i, "man"]
+    ].forEach(function(rule2) {
+      return pluralize2.addSingularRule(rule2[0], rule2[1]);
+    });
+    [
+      // Singular words with no plurals.
+      "adulthood",
+      "advice",
+      "agenda",
+      "aid",
+      "aircraft",
+      "alcohol",
+      "ammo",
+      "analytics",
+      "anime",
+      "athletics",
+      "audio",
+      "bison",
+      "blood",
+      "bream",
+      "buffalo",
+      "butter",
+      "carp",
+      "cash",
+      "chassis",
+      "chess",
+      "clothing",
+      "cod",
+      "commerce",
+      "cooperation",
+      "corps",
+      "debris",
+      "diabetes",
+      "digestion",
+      "elk",
+      "energy",
+      "equipment",
+      "excretion",
+      "expertise",
+      "firmware",
+      "flounder",
+      "fun",
+      "gallows",
+      "garbage",
+      "graffiti",
+      "hardware",
+      "headquarters",
+      "health",
+      "herpes",
+      "highjinks",
+      "homework",
+      "housework",
+      "information",
+      "jeans",
+      "justice",
+      "kudos",
+      "labour",
+      "literature",
+      "machinery",
+      "mackerel",
+      "mail",
+      "media",
+      "mews",
+      "moose",
+      "music",
+      "mud",
+      "manga",
+      "news",
+      "only",
+      "personnel",
+      "pike",
+      "plankton",
+      "pliers",
+      "police",
+      "pollution",
+      "premises",
+      "rain",
+      "research",
+      "rice",
+      "salmon",
+      "scissors",
+      "series",
+      "sewage",
+      "shambles",
+      "shrimp",
+      "software",
+      "species",
+      "staff",
+      "swine",
+      "tennis",
+      "traffic",
+      "transportation",
+      "trout",
+      "tuna",
+      "wealth",
+      "welfare",
+      "whiting",
+      "wildebeest",
+      "wildlife",
+      "you",
+      /pok[eé]mon$/i,
+      // Regexes.
+      /[^aeiou]ese$/i,
+      // "chinese", "japanese"
+      /deer$/i,
+      // "deer", "reindeer"
+      /fish$/i,
+      // "fish", "blowfish", "angelfish"
+      /measles$/i,
+      /o[iu]s$/i,
+      // "carnivorous"
+      /pox$/i,
+      // "chickpox", "smallpox"
+      /sheep$/i
+    ].forEach(pluralize2.addUncountableRule);
+    return pluralize2;
+  });
+})(pluralize);
+var pluralizeExports = pluralize.exports;
+const plur = /* @__PURE__ */ getDefaultExportFromCjs(pluralizeExports);
+plur.addPluralRule("glomerulus", "glomeruli");
+plur.addPluralRule("interstitium", "interstitia");
 function fromEntries(iterable) {
   return [...iterable].reduce((obj, { 0: key2, 1: val }) => Object.assign(obj, { [key2]: val }), {});
 }
@@ -28447,6 +28804,7 @@ function CellSetExpressionPlotOptions(props) {
     setFeatureValueTransformCoefficient,
     transformOptions
   } = props;
+  const cellSetExpressionPlotOptionsId = useId();
   const classes = usePlotOptionsStyles();
   const handleTransformChange = (event2) => {
     setFeatureValueTransform(event2.target.value === "" ? null : event2.target.value);
@@ -28464,36 +28822,48 @@ function CellSetExpressionPlotOptions(props) {
   };
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(OptionsContainer, { children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow$1, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: "Transform" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: `cellset-expression-transform-select-${cellSetExpressionPlotOptionsId}`,
+          children: "Transform"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         OptionSelect,
         {
           className: classes.select,
           value: featureValueTransform === null ? "" : featureValueTransform,
           onChange: handleTransformChange,
           inputProps: {
-            id: "scatterplot-transform-select"
+            id: `cellset-expression-transform-select-${cellSetExpressionPlotOptionsId}`
           },
           children: transformOptions.map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx("option", { value: opt.value === null ? "" : opt.value, children: opt.name }, opt.name))
-        },
-        "gating-transform-select"
+        }
       ) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(TableRow$1, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, children: "Transform Coefficient" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.labelCell, variant: "head", scope: "row", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "label",
+        {
+          htmlFor: `cellset-expression-transform-coeff-${cellSetExpressionPlotOptionsId}`,
+          children: "Transform Coefficient"
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TableCell$1, { className: classes.inputCell, variant: "body", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         TextField$1,
         {
-          label: "Number",
+          label: "Transform Coefficient",
           type: "number",
           onChange: handleTransformCoefficientChange,
           value: featureValueTransformCoefficient,
           InputLabelProps: {
             shrink: true
-          }
+          },
+          id: `cellset-expression-transform-coeff-${cellSetExpressionPlotOptionsId}`
         }
       ) })
-    ] }, "transform-coefficient-option-row")
+    ] })
   ] });
 }
 function accessor(fn, fields, name2) {

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

@@ -1 +1 @@
-{"version":3,"file":"CellSetExpressionPlotOptions.d.ts","sourceRoot":"","sources":["../src/CellSetExpressionPlotOptions.js"],"names":[],"mappings":"AAIA,8EAoEC"}
+{"version":3,"file":"CellSetExpressionPlotOptions.d.ts","sourceRoot":"","sources":["../src/CellSetExpressionPlotOptions.js"],"names":[],"mappings":"AAIA,8EAiFC"}

package/dist-tsc/CellSetExpressionPlotOptions.js

@@ -1,9 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
+import React, { useId } from 'react';
 import { TableCell, TableRow, TextField } from '@material-ui/core';
 import { usePlotOptionsStyles, OptionsContainer, OptionSelect } from '@vitessce/vit-s';
 export default function CellSetExpressionPlotOptions(props) {
     const { featureValueTransform, setFeatureValueTransform, featureValueTransformCoefficient, setFeatureValueTransformCoefficient, transformOptions, } = props;
+    const cellSetExpressionPlotOptionsId = useId();
     const classes = usePlotOptionsStyles();
     const handleTransformChange = (event) => {
         setFeatureValueTransform(event.target.value === '' ? null : event.target.value);
@@ -22,9 +23,9 @@ export default function CellSetExpressionPlotOptions(props) {
             }
         }
     };
-    return (_jsxs(OptionsContainer, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { className: classes.labelCell, children: "Transform" }), _jsx(TableCell, { className: classes.inputCell, children: _jsx(OptionSelect, { className: classes.select, value: featureValueTransform === null ? '' : featureValueTransform, onChange: handleTransformChange, inputProps: {
-                                id: 'scatterplot-transform-select',
-                            }, children: transformOptions.map(opt => (_jsx("option", { value: opt.value === null ? '' : opt.value, children: opt.name }, opt.name))) }, "gating-transform-select") })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { className: classes.labelCell, children: "Transform Coefficient" }), _jsx(TableCell, { className: classes.inputCell, children: _jsx(TextField, { label: "Number", type: "number", onChange: handleTransformCoefficientChange, value: featureValueTransformCoefficient, InputLabelProps: {
+    return (_jsxs(OptionsContainer, { children: [_jsxs(TableRow, { children: [_jsx(TableCell, { className: classes.labelCell, variant: "head", scope: "row", children: _jsx("label", { htmlFor: `cellset-expression-transform-select-${cellSetExpressionPlotOptionsId}`, children: "Transform" }) }), _jsx(TableCell, { className: classes.inputCell, variant: "body", children: _jsx(OptionSelect, { className: classes.select, value: featureValueTransform === null ? '' : featureValueTransform, onChange: handleTransformChange, inputProps: {
+                                id: `cellset-expression-transform-select-${cellSetExpressionPlotOptionsId}`,
+                            }, children: transformOptions.map(opt => (_jsx("option", { value: opt.value === null ? '' : opt.value, children: opt.name }, opt.name))) }) })] }), _jsxs(TableRow, { children: [_jsx(TableCell, { className: classes.labelCell, variant: "head", scope: "row", children: _jsx("label", { htmlFor: `cellset-expression-transform-coeff-${cellSetExpressionPlotOptionsId}`, children: "Transform Coefficient" }) }), _jsx(TableCell, { className: classes.inputCell, variant: "body", children: _jsx(TextField, { label: "Transform Coefficient", type: "number", onChange: handleTransformCoefficientChange, value: featureValueTransformCoefficient, InputLabelProps: {
                                 shrink: true,
-                            } }) })] }, "transform-coefficient-option-row")] }));
+                            }, id: `cellset-expression-transform-coeff-${cellSetExpressionPlotOptionsId}` }) })] })] }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vitessce/statistical-plots",
-  "version": "3.1.0",
+  "version": "3.1.2",
   "author": "Gehlenborg Lab",
   "homepage": "http://vitessce.io",
   "repository": {
@@ -19,11 +19,11 @@
     "@material-ui/core": "~4.12.3",
     "d3-array": "^2.4.0",
     "lodash-es": "^4.17.21",
-    "@vitessce/constants-internal": "3.1.0",
-    "@vitessce/sets-utils": "3.1.0",
-    "@vitessce/utils": "3.1.0",
-    "@vitessce/vega": "3.1.0",
-    "@vitessce/vit-s": "3.1.0"
+    "@vitessce/constants-internal": "3.1.2",
+    "@vitessce/sets-utils": "3.1.2",
+    "@vitessce/utils": "3.1.2",
+    "@vitessce/vega": "3.1.2",
+    "@vitessce/vit-s": "3.1.2"
   },
   "devDependencies": {
     "react": "^18.0.0",

package/src/CellSetExpressionPlotOptions.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { useId } from 'react';
 import { TableCell, TableRow, TextField } from '@material-ui/core';
 import { usePlotOptionsStyles, OptionsContainer, OptionSelect } from '@vitessce/vit-s';
 
@@ -10,6 +10,9 @@ export default function CellSetExpressionPlotOptions(props) {
     setFeatureValueTransformCoefficient,
     transformOptions,
   } = props;
+
+  const cellSetExpressionPlotOptionsId = useId();
+
   const classes = usePlotOptionsStyles();
 
   const handleTransformChange = (event) => {
@@ -33,15 +36,20 @@ export default function CellSetExpressionPlotOptions(props) {
   return (
     <OptionsContainer>
       <TableRow>
-        <TableCell className={classes.labelCell}>Transform</TableCell>
-        <TableCell className={classes.inputCell}>
+        <TableCell className={classes.labelCell} variant="head" scope="row">
+          <label
+            htmlFor={`cellset-expression-transform-select-${cellSetExpressionPlotOptionsId}`}
+          >
+            Transform
+          </label>
+        </TableCell>
+        <TableCell className={classes.inputCell} variant="body">
           <OptionSelect
-            key="gating-transform-select"
             className={classes.select}
             value={featureValueTransform === null ? '' : featureValueTransform}
             onChange={handleTransformChange}
             inputProps={{
-              id: 'scatterplot-transform-select',
+              id: `cellset-expression-transform-select-${cellSetExpressionPlotOptionsId}`,
             }}
           >
             {transformOptions.map(opt => (
@@ -52,19 +60,24 @@ export default function CellSetExpressionPlotOptions(props) {
           </OptionSelect>
         </TableCell>
       </TableRow>
-      <TableRow key="transform-coefficient-option-row">
-        <TableCell className={classes.labelCell}>
-          Transform Coefficient
+      <TableRow>
+        <TableCell className={classes.labelCell} variant="head" scope="row">
+          <label
+            htmlFor={`cellset-expression-transform-coeff-${cellSetExpressionPlotOptionsId}`}
+          >
+            Transform Coefficient
+          </label>
         </TableCell>
-        <TableCell className={classes.inputCell}>
+        <TableCell className={classes.inputCell} variant="body">
           <TextField
-            label="Number"
+            label="Transform Coefficient"
             type="number"
             onChange={handleTransformCoefficientChange}
             value={featureValueTransformCoefficient}
             InputLabelProps={{
               shrink: true,
             }}
+            id={`cellset-expression-transform-coeff-${cellSetExpressionPlotOptionsId}`}
           />
         </TableCell>
       </TableRow>