@haniffalab/cherita-react 1.4.1-dev.2025-10-23.e95b5a90 → 1.4.1-dev.2025-10-23.55fbe6ff

package/dist/cjs/components/search-bar/SearchBar.js

@@ -27,22 +27,22 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const select = (dispatch, item) => {
   dispatch({
-    type: "select.var",
+    type: 'select.var',
     var: item
   });
   dispatch({
-    type: "select.multivar",
+    type: 'select.multivar',
     var: item
   });
   dispatch({
-    type: "set.colorEncoding",
+    type: 'set.colorEncoding',
     value: _constants.COLOR_ENCODINGS.VAR
   });
 };
 const debounceSelect = _lodash.default.debounce(select, 500);
 function onVarSelect(dispatch, item) {
   dispatch({
-    type: "add.var",
+    type: 'add.var',
     var: item
   });
   debounceSelect(dispatch, item);
@@ -53,7 +53,7 @@ function addVarSet(dispatch, _ref) {
     vars
   } = _ref;
   dispatch({
-    type: "add.var",
+    type: 'add.var',
     var: {
       name: name,
       vars: vars,
@@ -62,8 +62,8 @@ function addVarSet(dispatch, _ref) {
   });
 }
 const FEATURE_TYPE = {
-  VAR: "var",
-  DISEASE: "disease"
+  VAR: 'var',
+  DISEASE: 'disease'
 };
 function SearchModal(_ref2) {
   let {
@@ -76,7 +76,7 @@ function SearchModal(_ref2) {
     searchVar,
     searchDiseases
   } = _ref2;
-  const [tab, setTab] = (0, _react.useState)("var");
+  const [tab, setTab] = (0, _react.useState)('var');
   const [selectedResult, setSelectedResult] = (0, _react.useState)({
     var: null,
     disease: null
@@ -107,7 +107,7 @@ function SearchModal(_ref2) {
                     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
                       autoFocus: true,
                       type: "text",
-                      placeholder: "Search " + displayText,
+                      placeholder: 'Search ' + displayText,
                       value: text,
                       onChange: e => {
                         setText(e.target.value);
@@ -151,12 +151,12 @@ function SearchModal(_ref2) {
                     children: [searchVar && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Nav.default.Item, {
                       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Nav.default.Link, {
                         eventKey: FEATURE_TYPE.VAR,
-                        children: ["Genes", " ", !!varResultsLength && "(".concat(varResultsLength, ")")]
+                        children: ["Genes", ' ', !!varResultsLength && "(".concat(varResultsLength, ")")]
                       })
                     }), searchDiseases && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Nav.default.Item, {
                       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Nav.default.Link, {
                         eventKey: FEATURE_TYPE.DISEASE,
-                        children: ["Diseases", " ", !!diseaseResultsLength && "(".concat(diseaseResultsLength, ")")]
+                        children: ["Diseases", ' ', !!diseaseResultsLength && "(".concat(diseaseResultsLength, ")")]
                       })
                     })]
                   })
@@ -219,8 +219,8 @@ function SearchBar(_ref3) {
     searchVar = true,
     searchDiseases = false
   } = _ref3;
-  const [text, setText] = (0, _react.useState)("");
-  const displayText = [...(searchVar ? ["features"] : []), ...(searchDiseases ? ["diseases"] : [])].join(" and ");
+  const [text, setText] = (0, _react.useState)('');
+  const displayText = [...(searchVar ? ['features'] : []), ...(searchDiseases ? ['diseases'] : [])].join(' and ');
   const [showModal, setShowModal] = (0, _react.useState)(false);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form, {
@@ -234,7 +234,7 @@ function SearchBar(_ref3) {
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Form.Control, {
             onClick: () => setShowModal(true),
             type: "text",
-            placeholder: "Search " + displayText,
+            placeholder: 'Search ' + displayText,
             defaultValue: text
           })]
         })

package/dist/cjs/components/search-bar/SearchInfo.js

@@ -27,7 +27,7 @@ function VarInfo(_ref) {
   let {
     varItem
   } = _ref;
-  const ENDPOINT = "disease/gene";
+  const ENDPOINT = 'disease/gene';
   const dataset = (0, _DatasetContext.useDataset)();
   const [params, setParams] = (0, _react.useState)({
     geneName: varItem.name,
@@ -69,7 +69,7 @@ function DiseaseInfo(_ref2) {
     handleSelect,
     addVarSet
   } = _ref2;
-  const ENDPOINT = "disease/genes";
+  const ENDPOINT = 'disease/genes';
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   const dispatch = (0, _SettingsContext.useSettingsDispatch)();
@@ -106,7 +106,7 @@ function DiseaseInfo(_ref2) {
         }, settings.varSort.disease.sortOrder));
       }
     } else if (settings.varSort.disease.sort === _constants.VAR_SORT.NAME) {
-      setSortedDiseaseVars(_lodash.default.orderBy(diseaseVars, "name", settings.varSort.disease.sortOrder));
+      setSortedDiseaseVars(_lodash.default.orderBy(diseaseVars, 'name', settings.varSort.disease.sortOrder));
     } else {
       setSortedDiseaseVars(diseaseVars);
     }

package/dist/cjs/components/search-bar/SearchResults.js

@@ -112,7 +112,7 @@ function VarSearchResults(_ref) {
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
           as: "button",
           disabled: true,
-          children: !text.length ? "Search features" : !serverError ? isStale || isPending ? "Loading..." : "No items found" : "Failed to fetch data"
+          children: !text.length ? 'Search features' : !serverError ? isStale || isPending ? 'Loading...' : 'No items found' : 'Failed to fetch data'
         }, "empty")
       })
     })
@@ -193,7 +193,7 @@ function DiseasesSearchResults(_ref2) {
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
           as: "button",
           disabled: true,
-          children: !text.length ? "Search diseases" : !serverError ? isStale || isPending ? "Loading..." : "No items found" : "Failed to fetch data"
+          children: !text.length ? 'Search diseases' : !serverError ? isStale || isPending ? 'Loading...' : 'No items found' : 'Failed to fetch data'
         }, "empty")
       })
     })

package/dist/cjs/components/toolbar/Toolbar.js

@@ -69,7 +69,7 @@ const ObsPlotlyToolbar = _ref2 => {
     onClick
   } = _ref2;
   return {
-    name: "Categories",
+    name: 'Categories',
     icon: {
       width: 512,
       height: 512,
@@ -84,7 +84,7 @@ const VarPlotlyToolbar = _ref3 => {
     onClick
   } = _ref3;
   return {
-    name: "Features",
+    name: 'Features',
     icon: {
       width: 512,
       height: 512,
@@ -99,7 +99,7 @@ const ControlsPlotlyToolbar = _ref4 => {
     onClick
   } = _ref4;
   return {
-    name: "Controls",
+    name: 'Controls',
     icon: {
       width: 512,
       height: 512,

package/dist/cjs/components/var-list/VarItem.js

@@ -29,7 +29,7 @@ function VarHistogram(_ref) {
   let {
     item
   } = _ref;
-  const ENDPOINT = "var/histograms";
+  const ENDPOINT = 'var/histograms';
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   const {
@@ -79,13 +79,13 @@ function VarDiseaseInfoItem(item) {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
             children: "Confidence"
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-            children: item.confidence || "unknown"
+            children: item.confidence || 'unknown'
           })]
         }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("tr", {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("td", {
-            children: ["Organ", item.organs.length > 1 ? "s" : ""]
+            children: ["Organ", item.organs.length > 1 ? 's' : '']
           }), /*#__PURE__*/(0, _jsxRuntime.jsx)("td", {
-            children: item.organs.map(o => o.name).join(", ")
+            children: item.organs.map(o => o.name).join(', ')
           })]
         }), !_lodash.default.isEmpty(item.metadata) && _lodash.default.map(item.metadata, (value, key) => {
           if (value !== null && value !== undefined) {
@@ -123,7 +123,7 @@ function SelectionItem(_ref3) {
     showRemove = true,
     isMultiple = false
   } = _ref3;
-  const ENDPOINT = "disease/gene";
+  const ENDPOINT = 'disease/gene';
   const [openInfo, setOpenInfo] = (0, _react.useState)(false);
   const dataset = (0, _DatasetContext.useDataset)();
   const params = {
@@ -142,7 +142,7 @@ function SelectionItem(_ref3) {
   const hasDiseaseInfo = !isPending && !serverError && !!(fetchedData !== null && fetchedData !== void 0 && fetchedData.length);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: hasDiseaseInfo ? "cursor-pointer" : "",
+      className: hasDiseaseInfo ? 'cursor-pointer' : '',
       onClick: () => {
         setOpenInfo(o => !o);
       },
@@ -158,14 +158,14 @@ function SelectionItem(_ref3) {
             item: item
           }), showSetColorEncoding && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
             type: "button",
-            variant: isActive ? "primary" : isNotInData ? "outline-secondary" : "outline-primary",
+            variant: isActive ? 'primary' : isNotInData ? 'outline-secondary' : 'outline-primary',
             className: "m-0 p-0 px-1",
             onClick: e => {
               e.stopPropagation();
               selectVar();
             },
             disabled: isNotInData,
-            title: isNotInData ? "Not present in data" : "Set as color encoding",
+            title: isNotInData ? 'Not present in data' : 'Set as color encoding',
             children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
               icon: _freeSolidSvgIcons.faDroplet
             }), isMultiple && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {
@@ -202,17 +202,17 @@ function SelectionItem(_ref3) {
 const select = (dispatch, mode, item) => {
   if (mode === _constants.SELECTION_MODES.SINGLE) {
     dispatch({
-      type: "select.var",
+      type: 'select.var',
       var: item
     });
   } else if (mode === _constants.SELECTION_MODES.MULTIPLE) {
     dispatch({
-      type: "select.multivar",
+      type: 'select.multivar',
       var: item
     });
   }
   dispatch({
-    type: "set.colorEncoding",
+    type: 'set.colorEncoding',
     value: _constants.COLOR_ENCODINGS.VAR
   });
 };
@@ -228,19 +228,19 @@ function VarItem(_ref4) {
   const selectVar = () => debounceSelect(dispatch, mode, item);
   const removeVar = () => {
     dispatch({
-      type: "remove.var",
+      type: 'remove.var',
       var: item
     });
     if (mode === _constants.SELECTION_MODES.SINGLE) {
       if (active === item.matrix_index) {
         dispatch({
-          type: "reset.var"
+          type: 'reset.var'
         });
       }
     } else if (mode === _constants.SELECTION_MODES.MULTIPLE) {
       if (active.includes(item.matrix_index)) {
         dispatch({
-          type: "deselect.multivar",
+          type: 'deselect.multivar',
           var: item
         });
       }
@@ -248,7 +248,7 @@ function VarItem(_ref4) {
   };
   const toggleVar = () => {
     dispatch({
-      type: "toggle.multivar",
+      type: 'toggle.multivar',
       var: item
     });
   };

package/dist/cjs/components/var-list/VarList.js

@@ -30,7 +30,7 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 const useVarMean = function (varKeys) {
   let enabled = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-  const ENDPOINT = "matrix/mean";
+  const ENDPOINT = 'matrix/mean';
   const dataset = (0, _DatasetContext.useDataset)();
   const {
     obsIndices
@@ -70,7 +70,7 @@ exports.sortMeans = sortMeans;
 function VarNamesList(_ref) {
   let {
     mode = _constants.SELECTION_MODES.SINGLE,
-    displayName = "genes"
+    displayName = 'genes'
   } = _ref;
   const settings = (0, _SettingsContext.useSettings)();
   const dispatch = (0, _SettingsContext.useSettingsDispatch)();
@@ -100,7 +100,7 @@ function VarNamesList(_ref) {
         }, settings.varSort.var.sortOrder));
       }
     } else if (settings.varSort.var.sort === _constants.VAR_SORT.NAME) {
-      setSortedVars(_lodash.default.orderBy(settingsVars, "name", settings.varSort.var.sortOrder));
+      setSortedVars(_lodash.default.orderBy(settingsVars, 'name', settings.varSort.var.sortOrder));
     } else {
       setSortedVars(settingsVars);
     }
@@ -156,7 +156,7 @@ function VarNamesList(_ref) {
           variant: "info",
           onClick: () => {
             dispatch({
-              type: "add.var",
+              type: 'add.var',
               var: {
                 name: newSetName(),
                 vars: [],
@@ -169,7 +169,7 @@ function VarNamesList(_ref) {
           variant: "info",
           onClick: () => {
             dispatch({
-              type: "reset.vars"
+              type: 'reset.vars'
             });
           },
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactFontawesome.FontAwesomeIcon, {

package/dist/cjs/components/var-list/VarListToolbar.js

@@ -14,7 +14,7 @@ var _jsxRuntime = require("react/jsx-runtime");
 // @TODO: set option for "var" and "disease"
 function VarListToolbar(_ref) {
   let {
-    varType = "var"
+    varType = 'var'
   } = _ref;
   const settings = (0, _SettingsContext.useSettings)();
   const dispatch = (0, _SettingsContext.useSettingsDispatch)();
@@ -25,7 +25,7 @@ function VarListToolbar(_ref) {
     if (sort !== sortValue) {
       setSort(sortValue);
       dispatch({
-        type: "set.varSort",
+        type: 'set.varSort',
         var: varType,
         sort: sortValue,
         sortOrder: sortOrder
@@ -34,7 +34,7 @@ function VarListToolbar(_ref) {
       const newSortOrder = sortOrder === _constants.VAR_SORT_ORDER.ASC ? _constants.VAR_SORT_ORDER.DESC : _constants.VAR_SORT_ORDER.ASC;
       setSortOrder(newSortOrder);
       dispatch({
-        type: "set.varSort",
+        type: 'set.varSort',
         var: varType,
         sort: sortValue,
         sortOrder: newSortOrder
@@ -84,7 +84,7 @@ function VarListToolbar(_ref) {
         onClick: () => {
           setSort(_constants.VAR_SORT.NONE);
           dispatch({
-            type: "set.varSort.sort",
+            type: 'set.varSort.sort',
             var: varType,
             sort: _constants.VAR_SORT.NONE
           });

package/dist/cjs/components/var-list/VarSet.js

@@ -18,7 +18,7 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
 // @TODO: add button to score genes and plot
 const addVarToSet = (dispatch, set, v) => {
   dispatch({
-    type: "add.varSet.var",
+    type: 'add.varSet.var',
     varSet: set,
     var: v
   });
@@ -34,7 +34,7 @@ function SelectionSet(_ref) {
   } = _ref;
   const [openSet, setOpenSet] = (0, _react.useState)(false);
   const [showModal, setShowModal] = (0, _react.useState)(false);
-  const [searchText, setSearchText] = (0, _react.useState)("");
+  const [searchText, setSearchText] = (0, _react.useState)('');
   const varList = set.vars.length ? _lodash.default.map(set.vars, v => {
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.ListGroup.Item, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_VarItem.SelectionItem, {
@@ -94,7 +94,7 @@ function SelectionSet(_ref) {
             })
           }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactBootstrap.Button, {
             type: "button",
-            variant: isActive ? "primary" : "outline-primary",
+            variant: isActive ? 'primary' : 'outline-primary',
             className: "m-0 p-0 px-1",
             onClick: e => {
               e.stopPropagation();
@@ -139,7 +139,7 @@ function SelectionSet(_ref) {
       handleClose: () => setShowModal(false),
       text: searchText,
       setText: setSearchText,
-      displayText: "features",
+      displayText: 'features',
       handleSelect: (d, i) => {
         addVarToSet(d, set, i);
       },
@@ -159,16 +159,16 @@ function VarSet(_ref2) {
   const selectSet = () => {
     if (mode === _constants.SELECTION_MODES.SINGLE) {
       dispatch({
-        type: "select.var",
+        type: 'select.var',
         var: set
       });
       dispatch({
-        type: "set.colorEncoding",
-        value: "var"
+        type: 'set.colorEncoding',
+        value: 'var'
       });
     } else if (mode === _constants.SELECTION_MODES.MULTIPLE) {
       dispatch({
-        type: "select.multivar",
+        type: 'select.multivar',
         var: set
       });
     }
@@ -177,32 +177,32 @@ function VarSet(_ref2) {
     if (mode === _constants.SELECTION_MODES.SINGLE) {
       if (active === set.name) {
         dispatch({
-          type: "reset.var"
+          type: 'reset.var'
         });
       }
     } else if (mode === _constants.SELECTION_MODES.MULTIPLE) {
       if (active.includes(set.name)) {
         dispatch({
-          type: "deselect.multivar",
+          type: 'deselect.multivar',
           var: set
         });
       }
     }
     dispatch({
-      type: "remove.var",
+      type: 'remove.var',
       var: set
     });
   };
   const removeSetVar = v => {
     dispatch({
-      type: "remove.varSet.var",
+      type: 'remove.varSet.var',
       varSet: set,
       var: v
     });
   };
   const toggleSet = () => {
     dispatch({
-      type: "toggle.multivar",
+      type: 'toggle.multivar',
       var: set
     });
   };

package/dist/cjs/components/violin/Violin.js

@@ -39,7 +39,7 @@ function Violin(_ref) {
     plotType,
     setPlotType
   } = _ref;
-  const ENDPOINT = "violin";
+  const ENDPOINT = 'violin';
   const dataset = (0, _DatasetContext.useDataset)();
   const settings = (0, _SettingsContext.useSettings)();
   const {
@@ -125,15 +125,15 @@ function Violin(_ref) {
           children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: "flex-grow-1 position-relative",
             style: {
-              minHeight: "0"
+              minHeight: '0'
             },
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactPlotly.default, {
               data: data,
               layout: layout,
               useResizeHandler: true,
               style: {
-                width: "100%",
-                height: "100%"
+                width: '100%',
+                height: '100%'
               },
               config: {
                 displaylogo: false,
@@ -171,25 +171,25 @@ function Violin(_ref) {
       setPlotType: setPlotType,
       children: [mode === _constants.VIOLIN_MODES.MULTIKEY && /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
         className: "p-0 m-0",
-        children: ["Select one or more", " ", showVarsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+        children: ["Select one or more", ' ', showVarsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
           variant: "link",
           className: "border-0 p-0 align-baseline",
           onClick: setShowVars,
           children: "features"
-        }) : "features", " ", "to display their expression distributions across all observations."]
+        }) : 'features', ' ', "to display their expression distributions across all observations."]
       }), mode === _constants.VIOLIN_MODES.GROUPBY && /*#__PURE__*/(0, _jsxRuntime.jsxs)("p", {
         className: "p-0 m-0",
-        children: ["Select a", " ", showObsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+        children: ["Select a", ' ', showObsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
           variant: "link",
           className: "border-0 p-0 align-baseline",
           onClick: setShowObs,
           children: "category"
-        }) : "category", " ", "to group observations, and choose a", " ", showVarsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
+        }) : 'category', ' ', "to group observations, and choose a", ' ', showVarsBtn ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactBootstrap.Button, {
           variant: "link",
           className: "border-0 p-0 align-baseline",
           onClick: setShowVars,
           children: "feature"
-        }) : "feature", " ", "to view its distribution within each group."]
+        }) : 'feature', ' ', "to view its distribution within each group."]
       })]
     });
   } else {
@@ -198,7 +198,7 @@ function Violin(_ref) {
       heading: "Error displaying the violin plot",
       plotType: plotType,
       setPlotType: setPlotType,
-      children: serverError.message || "An unexpected error occurred while generating the plot."
+      children: serverError.message || 'An unexpected error occurred while generating the plot.'
     });
   }
 }

package/dist/cjs/constants/colorscales.js

@@ -6,23 +6,23 @@ Object.defineProperty(exports, "__esModule", {
 exports.COLORSCALES = void 0;
 // From plotly https://github.com/plotly/plotly.js/blob/5bc25b490702e5ed61265207833dbd58e8ab27f1/src/components/colorscale/scales.js
 const COLORSCALES = exports.COLORSCALES = {
-  Greys: ["#000000", "#ffffff"],
-  YlGnBu: ["#081d58", "#253494", "#225ea8", "#1d91c0", "#41b6c4", "#7fcdbb", "#c7e9b4", "#edf8d9", "#ffffd9"],
-  Greens: ["#00441b", "#006d2c", "#238b45", "#41ab5d", "#74c476", "#a1d9a5", "#c7e9c0", "#e5f5e0", "#f7fcf5"],
-  YlOrRd: ["#800026", "#bd0026", "#e31a1c", "#fc4e2a", "#fd8d3c", "#feb24c", "#fed976", "#ffed9f", "#ffffcc"],
-  Bluered: ["#0000ff", "#ff0000"],
-  RdBu: ["#050aac", "#6a89f7", "#bebebe", "#dcaa84", "#e6915a", "#b20a1c"],
-  Reds: ["#dcdcdc", "#f5c39d", "#f5a069", "#b20a1c"],
-  Blues: ["#050aac", "#283cba", "#4664f5", "#5a78f5", "#6a89f7", "#dcdcdc"],
-  Picnic: ["#0000ff", "#3399ff", "#66ccff", "#99ccff", "#ccccff", "#ffffff", "#ffccff", "#ff99ff", "#ff66cc", "#ff6666", "#ff0000"],
-  Rainbow: ["#96005a", "#0000c8", "#0019ff", "#0098ff", "#2cff96", "#97ff00", "#ffe600", "#ff6f00", "#ff0000"],
-  Portland: ["#0c3383", "#0a88ba", "#f2d338", "#f28f38", "#d91e1e"],
-  Jet: ["#000083", "#003caa", "#05ffff", "#ffff00", "#fa0000", "#800000"],
-  Hot: ["#000000", "#e60000", "#ffd200", "#ffffff"],
-  Blackbody: ["#000000", "#e60000", "#e6d200", "#ffffff", "#a0c8ff"],
-  Earth: ["#000082", "#00b4b4", "#28d228", "#e6e632", "#784614", "#ffffff"],
-  Electric: ["#000000", "#1e0064", "#780064", "#a05a00", "#e6c800", "#fffadc"],
-  Viridis: ["#440154", "#48186a", "#472d7b", "#424086", "#3b528b", "#33638d", "#2c728e", "#26828e", "#21918c", "#1fa088", "#28ae80", "#3fbc73", "#5ec962", "#84d44b", "#addc30", "#d8e219", "#fde725"],
-  Cividis: ["#00204c", "#002a66", "#00346e", "#273f6c", "#3c4a6c", "#4c556b", "#5b5f6d", "#686a70", "#757575", "#838178", "#929c78", "#a19676", "#b0a572", "#c0af6d", "#d1ba65", "#e1c75c", "#f3db4f", "#ffe945"],
-  Accent: ["#7fc97f", "#beaed4", "#fdc086", "#ffff99", "#386cb0", "#f0027f", "#bf5b17", "#666666"]
+  Greys: ['#000000', '#ffffff'],
+  YlGnBu: ['#081d58', '#253494', '#225ea8', '#1d91c0', '#41b6c4', '#7fcdbb', '#c7e9b4', '#edf8d9', '#ffffd9'],
+  Greens: ['#00441b', '#006d2c', '#238b45', '#41ab5d', '#74c476', '#a1d9a5', '#c7e9c0', '#e5f5e0', '#f7fcf5'],
+  YlOrRd: ['#800026', '#bd0026', '#e31a1c', '#fc4e2a', '#fd8d3c', '#feb24c', '#fed976', '#ffed9f', '#ffffcc'],
+  Bluered: ['#0000ff', '#ff0000'],
+  RdBu: ['#050aac', '#6a89f7', '#bebebe', '#dcaa84', '#e6915a', '#b20a1c'],
+  Reds: ['#dcdcdc', '#f5c39d', '#f5a069', '#b20a1c'],
+  Blues: ['#050aac', '#283cba', '#4664f5', '#5a78f5', '#6a89f7', '#dcdcdc'],
+  Picnic: ['#0000ff', '#3399ff', '#66ccff', '#99ccff', '#ccccff', '#ffffff', '#ffccff', '#ff99ff', '#ff66cc', '#ff6666', '#ff0000'],
+  Rainbow: ['#96005a', '#0000c8', '#0019ff', '#0098ff', '#2cff96', '#97ff00', '#ffe600', '#ff6f00', '#ff0000'],
+  Portland: ['#0c3383', '#0a88ba', '#f2d338', '#f28f38', '#d91e1e'],
+  Jet: ['#000083', '#003caa', '#05ffff', '#ffff00', '#fa0000', '#800000'],
+  Hot: ['#000000', '#e60000', '#ffd200', '#ffffff'],
+  Blackbody: ['#000000', '#e60000', '#e6d200', '#ffffff', '#a0c8ff'],
+  Earth: ['#000082', '#00b4b4', '#28d228', '#e6e632', '#784614', '#ffffff'],
+  Electric: ['#000000', '#1e0064', '#780064', '#a05a00', '#e6c800', '#fffadc'],
+  Viridis: ['#440154', '#48186a', '#472d7b', '#424086', '#3b528b', '#33638d', '#2c728e', '#26828e', '#21918c', '#1fa088', '#28ae80', '#3fbc73', '#5ec962', '#84d44b', '#addc30', '#d8e219', '#fde725'],
+  Cividis: ['#00204c', '#002a66', '#00346e', '#273f6c', '#3c4a6c', '#4c556b', '#5b5f6d', '#686a70', '#757575', '#838178', '#929c78', '#a19676', '#b0a572', '#c0af6d', '#d1ba65', '#e1c75c', '#f3db4f', '#ffe945'],
+  Accent: ['#7fc97f', '#beaed4', '#fdc086', '#ffff99', '#386cb0', '#f0027f', '#bf5b17', '#666666']
 };