td-plots 1.3.1 → 1.3.2

package/dist/components/Histogram.d.ts

@@ -14,6 +14,7 @@ export type HistogramPlotProps = {
     onDeselect?: () => void;
     plotId?: string;
     selectByBin?: boolean;
+    dateTickFormat?: string;
 };
 export declare const HistogramPlot: (props: HistogramPlotProps) => import("react/jsx-runtime").JSX.Element;
 export default HistogramPlot;

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { __spreadArray, __assign } from 'tslib';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import * as React from 'react';
-import { lazy, useRef, useState, useMemo, Suspense } from 'react';
+import { lazy, useRef, useState, useEffect, useMemo, Suspense } from 'react';
 import emStyled from '@emotion/styled';
 import { serializeStyles } from '@emotion/serialize';
 import { css, keyframes } from '@emotion/react';
@@ -5840,13 +5840,19 @@ var Loading = function () {
 var Plot$2 = lazy(function () { return import('react-plotly.js'); });
 var HistogramPlot = function (props) {
     var _a, _b;
-    var data = props.data, title = props.title, xAxisTitle = props.xAxisTitle, _c = props.barColor, barColor = _c === void 0 ? 'rgb(72, 72, 74)' : _c, _d = props.unselectedBarColor, unselectedBarColor = _d === void 0 ? 'rgba(203, 195, 195, 0.88)' : _d, _e = props.selectorsColor, selectorsColor = _e === void 0 ? 'black' : _e, _f = props.showMeanLines, showMeanLines = _f === void 0 ? true : _f, containerStyleOverrides = props.containerStyleOverrides, _g = props.unselectedData, unselectedData = _g === void 0 ? [] : _g, _h = props.handleClickOrSelection, handleClickOrSelection = _h === void 0 ? function () { } : _h, _j = props.onDeselect, onDeselect = _j === void 0 ? function () { } : _j, plotId = props.plotId, _k = props.selectByBin, selectByBin = _k === void 0 ? false : _k;
+    var data = props.data, title = props.title, xAxisTitle = props.xAxisTitle, _c = props.barColor, barColor = _c === void 0 ? 'rgb(72, 72, 74)' : _c, _d = props.unselectedBarColor, unselectedBarColor = _d === void 0 ? 'rgba(203, 195, 195, 0.88)' : _d, _e = props.selectorsColor, selectorsColor = _e === void 0 ? 'black' : _e, _f = props.showMeanLines, showMeanLines = _f === void 0 ? true : _f, containerStyleOverrides = props.containerStyleOverrides, _g = props.unselectedData, unselectedData = _g === void 0 ? [] : _g, _h = props.handleClickOrSelection, handleClickOrSelection = _h === void 0 ? function () { } : _h, _j = props.onDeselect, onDeselect = _j === void 0 ? function () { } : _j, plotId = props.plotId, _k = props.selectByBin, selectByBin = _k === void 0 ? false : _k, dateTickFormat = props.dateTickFormat;
     // Ref for plot container
     var containerRef = useRef(null);
     // Track any selections made in this plot so we can style the selection box.
     var _l = useState(null), selectedRange = _l[0], setSelectedRange = _l[1];
+    // If all the data becomes selected, we should forget any old selections.
+    useEffect(function () {
+        if (unselectedData.length === 0) {
+            setSelectedRange(null); // Clear selection box if all data is selected
+        }
+    }, [unselectedData]);
     // Set the bins based on the entire data set.
-    var nBins = Math.ceil(Math.sqrt(data.length + unselectedData.length));
+    var nBins = (data.length + unselectedData.length) >= 10 ? Math.ceil(Math.sqrt(data.length + unselectedData.length)) : 0;
     // Plotly determines "nice" bins which consequently means it internally decides the axis range. We need
     // to access that information once the plot has been initialized so that we can prevent the
     // axis range from changing during interaction. Dates use strings.
@@ -5863,10 +5869,7 @@ var HistogramPlot = function (props) {
                 if (range[0] === -1 && range[1] === 1) {
                     return;
                 }
-                var computedRange = typeof (range[0]) === 'string'
-                    ? [new Date(range[0]), new Date(range[1])]
-                    : [range[0], range[1]];
-                setFixedXAxisRange(computedRange);
+                setFixedXAxisRange(range);
             }
         }
     };
@@ -6118,6 +6121,8 @@ var HistogramPlot = function (props) {
             linewidth: 1,
             fixedrange: true, // Disable zooming
             ticklabelposition: 'outside',
+            tickformat: isDateArray(data) ? dateTickFormat : undefined, // Format ticks for dates
+            automargin: true, // Adjust margin if tick labels rotate
         },
         yaxis: {
             title: {