@haniffalab/cherita-react 1.3.0-dev.2025-06-04.d986a94b → 1.3.0-dev.2025-06-04.bee6fd81

package/dist/cjs/components/obs-list/ObsItem.js

@@ -378,21 +378,23 @@ function ObsContinuousStats(_ref3) {
 }
 
 // @TODO: add bin controls
-// @TODO: add histogram
 function ContinuousObs(_ref4) {
   let {
     obs,
     toggleAll,
     toggleObs
   } = _ref4;
+  const settings = (0, _SettingsContext.useSettings)();
   const {
     isSliced
   } = (0, _FilterContext.useFilteredData)();
   const totalCounts = _lodash.default.sum(_lodash.default.values(obs.value_counts));
   const min = _lodash.default.min(_lodash.default.values(obs.codes));
   const max = _lodash.default.max(_lodash.default.values(obs.codes));
+  const obsHistograms = useObsHistogram(obs);
   const filteredObsData = useFilteredObsData(obs);
-  const getDataAtIndex = index => {
+  const getDataAtIndex = (0, _react.useCallback)(index => {
+    var _obsHistograms$fetche2;
     return {
       value: obs.values[index],
       code: obs.codes[obs.values[index]],
@@ -402,13 +404,21 @@ function ContinuousObs(_ref4) {
       },
       isOmitted: _lodash.default.includes(obs.omit, obs.codes[obs.values[index]]),
       label: isNaN(obs.values[index]) ? "NaN" : getContinuousLabel(obs.codes[obs.values[index]], obs.bins.binEdges),
+      histogramData: settings.colorEncoding === _constants.COLOR_ENCODINGS.VAR ? {
+        data: (_obsHistograms$fetche2 = obsHistograms.fetchedData) === null || _obsHistograms$fetche2 === void 0 ? void 0 : _obsHistograms$fetche2[obs.values[index]],
+        isPending: obsHistograms.isPending,
+        altColor: isSliced
+      } : {
+        data: null,
+        isPending: false
+      },
       filteredStats: {
         value_counts: (filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts[obs.values[index]]) || 0,
         pct: (filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct[obs.values[index]]) || 0
       },
       isSliced: isSliced
     };
-  };
+  }, [filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, isSliced, obs.bins.binEdges, obs.codes, obs.omit, obs.value_counts, obs.values, obsHistograms.fetchedData, obsHistograms.isPending, settings.colorEncoding, totalCounts]);
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactBootstrap.ListGroup, {
     variant: "flush",
     className: "cherita-list"
@@ -425,7 +435,8 @@ function ContinuousObs(_ref4) {
     min: min,
     max: max,
     onChange: toggleObs,
-    showColor: false
+    showColor: false,
+    estimateSize: 42
   })), /*#__PURE__*/_react.default.createElement(ObsContinuousStats, {
     obs: obs
   }));

package/dist/esm/components/obs-list/ObsItem.js

@@ -370,21 +370,23 @@ function ObsContinuousStats(_ref3) {
 }
 
 // @TODO: add bin controls
-// @TODO: add histogram
 export function ContinuousObs(_ref4) {
   let {
     obs,
     toggleAll,
     toggleObs
   } = _ref4;
+  const settings = useSettings();
   const {
     isSliced
   } = useFilteredData();
   const totalCounts = _.sum(_.values(obs.value_counts));
   const min = _.min(_.values(obs.codes));
   const max = _.max(_.values(obs.codes));
+  const obsHistograms = useObsHistogram(obs);
   const filteredObsData = useFilteredObsData(obs);
-  const getDataAtIndex = index => {
+  const getDataAtIndex = useCallback(index => {
+    var _obsHistograms$fetche2;
     return {
       value: obs.values[index],
       code: obs.codes[obs.values[index]],
@@ -394,13 +396,21 @@ export function ContinuousObs(_ref4) {
       },
       isOmitted: _.includes(obs.omit, obs.codes[obs.values[index]]),
       label: isNaN(obs.values[index]) ? "NaN" : getContinuousLabel(obs.codes[obs.values[index]], obs.bins.binEdges),
+      histogramData: settings.colorEncoding === COLOR_ENCODINGS.VAR ? {
+        data: (_obsHistograms$fetche2 = obsHistograms.fetchedData) === null || _obsHistograms$fetche2 === void 0 ? void 0 : _obsHistograms$fetche2[obs.values[index]],
+        isPending: obsHistograms.isPending,
+        altColor: isSliced
+      } : {
+        data: null,
+        isPending: false
+      },
       filteredStats: {
         value_counts: (filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts[obs.values[index]]) || 0,
         pct: (filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct[obs.values[index]]) || 0
       },
       isSliced: isSliced
     };
-  };
+  }, [filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.pct, filteredObsData === null || filteredObsData === void 0 ? void 0 : filteredObsData.value_counts, isSliced, obs.bins.binEdges, obs.codes, obs.omit, obs.value_counts, obs.values, obsHistograms.fetchedData, obsHistograms.isPending, settings.colorEncoding, totalCounts]);
   return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ListGroup, {
     variant: "flush",
     className: "cherita-list"
@@ -417,7 +427,8 @@ export function ContinuousObs(_ref4) {
     min: min,
     max: max,
     onChange: toggleObs,
-    showColor: false
+    showColor: false,
+    estimateSize: 42
   })), /*#__PURE__*/React.createElement(ObsContinuousStats, {
     obs: obs
   }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@haniffalab/cherita-react",
-  "version": "1.3.0-dev.2025-06-04.d986a94b",
+  "version": "1.3.0-dev.2025-06-04.bee6fd81",
   "author": "Haniffa Lab",
   "license": "MIT",
   "keywords": [
@@ -126,5 +126,5 @@
     "url": "https://github.com/haniffalab/cherita-react/issues"
   },
   "homepage": "https://github.com/haniffalab/cherita-react#readme",
-  "prereleaseSha": "d986a94bdc972b9311bb9b027e3d08030fc30d79"
+  "prereleaseSha": "bee6fd816597b2a731ce2565b16db2d9fa63bb06"
 }