@haniffalab/cherita-react 1.2.0-dev.2025-05-21.e8f5ce54 → 1.2.0-dev.2025-05-21.e57ef5f2

package/dist/esm/context/SettingsContext.js

@@ -1,3 +1,8 @@
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
+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); }
 import React, { createContext, useContext, useEffect, useReducer } from "react";
 import _ from "lodash";
 import { COLOR_ENCODINGS, DOTPLOT_SCALES, LOCAL_STORAGE_KEY, MATRIXPLOT_SCALES, OBS_TYPES, PSEUDOSPATIAL_CATEGORICAL_MODES, VAR_SORT, VAR_SORT_ORDER, VIOLINPLOT_SCALES } from "../constants/constants";
@@ -66,7 +71,7 @@ export function SettingsProvider(_ref2) {
     canOverrideSettings,
     children
   } = _ref2;
-  const DATASET_STORAGE_KEY = `${LOCAL_STORAGE_KEY}-${dataset_url}`;
+  const DATASET_STORAGE_KEY = "".concat(LOCAL_STORAGE_KEY, "-").concat(dataset_url);
   // Use localStorage directly instead of useLocalStorage due to unnecessary re-renders
   // https://github.com/uidotdev/usehooks/issues/157
   const localSettings = JSON.parse(localStorage.getItem(DATASET_STORAGE_KEY)) || {};
@@ -104,133 +109,118 @@ function settingsReducer(settings, action) {
   switch (action.type) {
     case "select.obs":
       {
-        return {
-          ...settings,
+        var _action$obs;
+        return _objectSpread(_objectSpread({}, settings), {}, {
           selectedObs: action.obs,
-          controls: {
-            ...settings.controls,
-            range: action.obs?.type === OBS_TYPES.CATEGORICAL ? [0, 1] : settings.controls.range
-          },
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
+            range: ((_action$obs = action.obs) === null || _action$obs === void 0 ? void 0 : _action$obs.type) === OBS_TYPES.CATEGORICAL ? [0, 1] : settings.controls.range
+          }),
           colorEncoding: settings.colorEncoding === COLOR_ENCODINGS.OBS && !action.obs ? null : settings.colorEncoding,
-          sliceBy: {
-            ...settings.sliceBy,
+          sliceBy: _objectSpread(_objectSpread({}, settings.sliceBy), {}, {
             obs: action.obs ? settings.sliceBy.obs : false
-          }
-        };
+          })
+        });
       }
     case "select.obsm":
       {
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           selectedObsm: action.obsm
-        };
+        });
       }
     case "select.var":
       {
         if (settings.vars.find(v => _.isEqual(v, action.var))) {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             selectedVar: action.var
-          };
+          });
         } else {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             selectedVar: action.var,
             vars: [...settings.vars, action.var]
-          };
+          });
         }
       }
     case "select.multivar":
       {
         const vars = settings.vars.find(v => _.isEqual(v, action.var)) ? settings.vars : [...settings.vars, action.var];
         if (settings.selectedMultiVar.find(v => _.isEqual(v, action.var))) {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             vars: vars
-          };
+          });
         } else {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             selectedMultiVar: [...settings.selectedMultiVar, action.var],
             vars: vars
-          };
+          });
         }
       }
     case "deselect.multivar":
       {
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           selectedMultiVar: settings.selectedMultiVar.filter(v => v !== action.var.name)
-        };
+        });
       }
     case "toggle.multivar":
       {
         const inMultiVar = settings.selectedMultiVar.some(v => v.name === action.var.name);
         if (inMultiVar) {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             selectedMultiVar: settings.selectedMultiVar.filter(v => v.name !== action.var.name)
-          };
+          });
         } else {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             selectedMultiVar: [...settings.selectedMultiVar, action.var]
-          };
+          });
         }
       }
     case "set.colorEncoding":
       {
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           colorEncoding: action.value
-        };
+        });
       }
     case "reset.vars":
       {
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           vars: [],
           selectedVar: null,
           selectedMultiVar: []
-        };
+        });
       }
     case "reset.multiVar":
       {
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           selectedMultiVar: [],
           colorEncoding: settings.colorEncoding === COLOR_ENCODINGS.VAR ? null : settings.colorEncoding
-        };
+        });
       }
     case "reset.var":
       {
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           selectedVar: null,
           colorEncoding: settings.colorEncoding === COLOR_ENCODINGS.VAR ? null : settings.colorEncoding
-        };
+        });
       }
     case "add.var":
       {
         if (settings.vars.find(v => v.name === action.var.name)) {
           return settings;
         } else {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             vars: [...settings.vars, action.var]
-          };
+          });
         }
       }
     case "remove.var":
       {
-        const selectedVar = settings.selectedVar?.name === action.var.name ? null : settings.selectedVar;
+        var _settings$selectedVar;
+        const selectedVar = ((_settings$selectedVar = settings.selectedVar) === null || _settings$selectedVar === void 0 ? void 0 : _settings$selectedVar.name) === action.var.name ? null : settings.selectedVar;
         const selectedMultiVar = settings.selectedMultiVar.filter(v => v.name !== action.var.name);
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           vars: settings.vars.filter(a => a.name !== action.var.name),
           selectedVar: selectedVar,
           selectedMultiVar: selectedMultiVar
-        };
+        });
       }
     case "add.varSet.var":
       {
@@ -241,37 +231,34 @@ function settingsReducer(settings, action) {
         if (varSet.vars.some(v => v.name === action.var.name)) {
           return settings;
         } else {
+          var _settings$selectedVar2;
           const varSetVars = [...varSet.vars, action.var];
           const vars = settings.vars.map(v => {
             if (v.name === varSet.name) {
-              return {
-                ...v,
+              return _objectSpread(_objectSpread({}, v), {}, {
                 vars: varSetVars
-              };
+              });
             } else {
               return v;
             }
           });
-          const selectedVar = settings.selectedVar?.name === action.varSet.name ? {
-            ...varSet,
+          const selectedVar = ((_settings$selectedVar2 = settings.selectedVar) === null || _settings$selectedVar2 === void 0 ? void 0 : _settings$selectedVar2.name) === action.varSet.name ? _objectSpread(_objectSpread({}, varSet), {}, {
             vars: varSetVars
-          } : settings.selectedVar;
+          }) : settings.selectedVar;
           const selectedMultiVar = settings.selectedMultiVar.map(v => {
             if (v.name === varSet.name) {
-              return {
-                ...v,
+              return _objectSpread(_objectSpread({}, v), {}, {
                 vars: varSetVars
-              };
+              });
             } else {
               return v;
             }
           });
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             vars: vars,
             selectedVar: selectedVar,
             selectedMultiVar: selectedMultiVar
-          };
+          });
         }
       }
     case "remove.varSet.var":
@@ -286,306 +273,252 @@ function settingsReducer(settings, action) {
           const varSetVars = varSet.vars.filter(v => v.name !== action.var.name);
           const vars = settings.vars.map(v => {
             if (v.name === varSet.name) {
-              return {
-                ...v,
+              return _objectSpread(_objectSpread({}, v), {}, {
                 vars: varSetVars
-              };
+              });
             } else {
               return v;
             }
           });
           // Remove from selected if varSet vars is empty
           if (!varSetVars.length) {
-            const selectedVar = settings.selectedVar?.name === action.varSet.name ? null : settings.selectedVar;
+            var _settings$selectedVar3;
+            const selectedVar = ((_settings$selectedVar3 = settings.selectedVar) === null || _settings$selectedVar3 === void 0 ? void 0 : _settings$selectedVar3.name) === action.varSet.name ? null : settings.selectedVar;
             const selectedMultiVar = settings.selectedMultiVar.filter(v => v.name !== action.varSet.name);
-            return {
-              ...settings,
+            return _objectSpread(_objectSpread({}, settings), {}, {
               vars: vars,
               selectedVar: selectedVar,
               selectedMultiVar: selectedMultiVar
-            };
+            });
           } else {
+            var _settings$selectedVar4;
             // Update selected if varSet is selected
-            const selectedVar = settings.selectedVar?.name === action.varSet.name ? {
-              ...varSet,
+            const selectedVar = ((_settings$selectedVar4 = settings.selectedVar) === null || _settings$selectedVar4 === void 0 ? void 0 : _settings$selectedVar4.name) === action.varSet.name ? _objectSpread(_objectSpread({}, varSet), {}, {
               vars: varSetVars
-            } : settings.selectedVar;
+            }) : settings.selectedVar;
             const selectedMultiVar = settings.selectedMultiVar.map(v => {
               if (v.name === varSet.name) {
-                return {
-                  ...v,
+                return _objectSpread(_objectSpread({}, v), {}, {
                   vars: varSetVars
-                };
+                });
               } else {
                 return v;
               }
             });
-            return {
-              ...settings,
+            return _objectSpread(_objectSpread({}, settings), {}, {
               vars: vars,
               selectedVar: selectedVar,
               selectedMultiVar: selectedMultiVar
-            };
+            });
           }
         }
       }
     case "set.controls.colorScale":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
             colorScale: action.colorScale
-          }
-        };
+          })
+        });
       }
     case "set.controls.valueRange":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
             valueRange: action.valueRange
-          }
-        };
+          })
+        });
       }
     case "set.controls.range":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
             range: action.range
-          }
-        };
+          })
+        });
       }
     case "set.controls.colorAxis":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
             colorAxis: action.colorAxis
-          }
-        };
+          })
+        });
       }
     case "set.controls.colorAxis.crange":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
-            colorAxis: {
-              ...settings.controls.colorAxis,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
+            colorAxis: _objectSpread(_objectSpread({}, settings.controls.colorAxis), {}, {
               cmin: action.cmin,
               cmax: action.cmax
-            }
-          }
-        };
+            })
+          })
+        });
       }
     case "set.controls.colorAxis.cmin":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
-            colorAxis: {
-              ...settings.controls.colorAxis,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
+            colorAxis: _objectSpread(_objectSpread({}, settings.controls.colorAxis), {}, {
               cmin: action.cmin
-            }
-          }
-        };
+            })
+          })
+        });
       }
     case "set.controls.colorAxis.cmax":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
-            colorAxis: {
-              ...settings.controls.colorAxis,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
+            colorAxis: _objectSpread(_objectSpread({}, settings.controls.colorAxis), {}, {
               cmax: action.cmax
-            }
-          }
-        };
+            })
+          })
+        });
       }
     case "set.controls.scale":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
-            scale: {
-              ...settings.controls.scale,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
+            scale: _objectSpread(_objectSpread({}, settings.controls.scale), {}, {
               [action.plot]: action.scale
-            }
-          }
-        };
+            })
+          })
+        });
       }
     case "set.controls.meanOnlyExpressed":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
             meanOnlyExpressed: action.meanOnlyExpressed
-          }
-        };
+          })
+        });
       }
     case "set.controls.expressionCutoff":
       {
-        return {
-          ...settings,
-          controls: {
-            ...settings.controls,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          controls: _objectSpread(_objectSpread({}, settings.controls), {}, {
             expressionCutoff: action.expressionCutoff
-          }
-        };
+          })
+        });
       }
     case "toggle.slice.obs":
       {
         if (_.isEqual(settings.selectedObs, action.obs)) {
-          return {
-            ...settings,
-            sliceBy: {
-              ...settings.sliceBy,
+          return _objectSpread(_objectSpread({}, settings), {}, {
+            sliceBy: _objectSpread(_objectSpread({}, settings.sliceBy), {}, {
               obs: !settings.sliceBy.obs
-            }
-          };
+            })
+          });
         } else {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             selectedObs: action.obs,
-            sliceBy: {
-              ...settings.sliceBy,
+            sliceBy: _objectSpread(_objectSpread({}, settings.sliceBy), {}, {
               obs: true
-            }
-          };
+            })
+          });
         }
       }
     case "toggle.slice.polygons":
       {
-        return {
-          ...settings,
-          sliceBy: {
-            ...settings.sliceBy,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          sliceBy: _objectSpread(_objectSpread({}, settings.sliceBy), {}, {
             polygons: !settings.sliceBy.polygons
-          }
-        };
+          })
+        });
       }
     case "disable.slice.polygons":
       {
-        return {
-          ...settings,
-          sliceBy: {
-            ...settings.sliceBy,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          sliceBy: _objectSpread(_objectSpread({}, settings.sliceBy), {}, {
             polygons: false
-          }
-        };
+          })
+        });
       }
     case "add.label.obs":
       {
         if (settings.labelObs.find(i => _.isEqual(i, action.obs))) {
           return settings;
         } else {
-          return {
-            ...settings,
+          return _objectSpread(_objectSpread({}, settings), {}, {
             labelObs: [...settings.labelObs, action.obs]
-          };
+          });
         }
       }
     case "remove.label.obs":
       {
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           labelObs: settings.labelObs.filter(a => a.name !== action.obsName)
-        };
+        });
       }
     case "reset.label.obs":
       {
-        return {
-          ...settings,
+        return _objectSpread(_objectSpread({}, settings), {}, {
           labelObs: []
-        };
+        });
       }
     case "set.varSort":
       {
-        return {
-          ...settings,
-          varSort: {
-            ...settings.varSort,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          varSort: _objectSpread(_objectSpread({}, settings.varSort), {}, {
             [action.var]: {
               sort: action.sort,
               sortOrder: action.sortOrder
             }
-          }
-        };
+          })
+        });
       }
     case "set.varSort.sort":
       {
-        return {
-          ...settings,
-          varSort: {
-            ...settings.varSort,
-            [action.var]: {
-              ...settings.varSort[action.var],
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          varSort: _objectSpread(_objectSpread({}, settings.varSort), {}, {
+            [action.var]: _objectSpread(_objectSpread({}, settings.varSort[action.var]), {}, {
               sort: action.sort
-            }
-          }
-        };
+            })
+          })
+        });
       }
     case "set.varSort.sortOrder":
       {
-        return {
-          ...settings,
-          varSort: {
-            ...settings.varSort,
-            [action.var]: {
-              ...settings.varSort[action.var],
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          varSort: _objectSpread(_objectSpread({}, settings.varSort), {}, {
+            [action.var]: _objectSpread(_objectSpread({}, settings.varSort[action.var]), {}, {
               sortOrder: action.sortOrder
-            }
-          }
-        };
+            })
+          })
+        });
       }
     case "set.polygons":
       {
-        return {
-          ...settings,
-          polygons: {
-            ...settings.polygons,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          polygons: _objectSpread(_objectSpread({}, settings.polygons), {}, {
             [action.obsm]: action.polygons
-          }
-        };
+          })
+        });
       }
     case "set.pseudospatial.maskSet":
       {
-        return {
-          ...settings,
-          pseudospatial: {
-            ...settings.pseudospatial,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          pseudospatial: _objectSpread(_objectSpread({}, settings.pseudospatial), {}, {
             maskSet: action.maskSet
-          }
-        };
+          })
+        });
       }
     case "set.pseudospatial.maskValues":
       {
-        return {
-          ...settings,
-          pseudospatial: {
-            ...settings.pseudospatial,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          pseudospatial: _objectSpread(_objectSpread({}, settings.pseudospatial), {}, {
             maskValues: action.maskValues
-          }
-        };
+          })
+        });
       }
     case "set.pseudospatial.categoricalMode":
       {
-        return {
-          ...settings,
-          pseudospatial: {
-            ...settings.pseudospatial,
+        return _objectSpread(_objectSpread({}, settings), {}, {
+          pseudospatial: _objectSpread(_objectSpread({}, settings.pseudospatial), {}, {
             categoricalMode: action.categoricalMode
-          }
-        };
+          })
+        });
       }
     default:
       {

package/dist/esm/helpers/color-helper.js

@@ -3,9 +3,9 @@ import { COLORSCALES } from "../constants/colorscales";
 import { useSettings } from "../context/SettingsContext";
 const GRAY = [214, 212, 212];
 const parseHexColor = color => {
-  const r = parseInt(color?.substring(1, 3), 16);
-  const g = parseInt(color?.substring(3, 5), 16);
-  const b = parseInt(color?.substring(5, 7), 16);
+  const r = parseInt(color === null || color === void 0 ? void 0 : color.substring(1, 3), 16);
+  const g = parseInt(color === null || color === void 0 ? void 0 : color.substring(3, 5), 16);
+  const b = parseInt(color === null || color === void 0 ? void 0 : color.substring(5, 7), 16);
   return [r, g, b];
 };
 const interpolateColor = (color1, color2, factor) => {