@hybridcore/ui 1.6.21 → 1.6.23

package/dist/components/charts/xy-chart/logic.js

@@ -178,7 +178,15 @@ const Be = (I) => {
       var t;
       x && clearTimeout(x), (t = h.current) == null || t.dispose(), h.current = null;
     };
-  }, [f, l, c, n.palette.mode, w, b, D]);
+  }, [
+    f,
+    l,
+    c,
+    n.palette.mode,
+    w,
+    b,
+    D
+  ]);
   const j = { ...g };
   return { chartId: X, ownerState: j, sx: W, error: C, other: N };
 };

package/dist/main.d.ts

@@ -97,7 +97,7 @@ export declare interface BaseInterval {
     count: number;
 }
 
-export declare const Button: (props: ButtonProps) => JSX_2.Element;
+export declare const Button: (props: ButtonProps & default_2.RefAttributes<HTMLButtonElement>) => default_2.ReactNode | null;
 
 export declare type ButtonComponentOverride<Theme = unknown> = {
     defaultProps?: Partial<ButtonProps>;
@@ -232,6 +232,7 @@ export declare interface ChartDimension {
 
 export declare type ChartNameType =
 | "HeatLegend"
+| "Histogram"
 | "XYChart"
 | "XYChartHorizontal"
 | "MultipleValueAxes"
@@ -786,21 +787,31 @@ export declare interface ForecastConeChartProps {
      * Omit for the single-cone behaviour (cone extracted from `data`).
      */
     forecasts?: ForecastSnapshot[];
+    /**
+     * Multi-cone mode only. When `true` (default) each forecast origin gets a
+     * bullet on the history line: hovering one previews that run's cone, clicking
+     * it selects the run. When `false` the origins are marked with faint dashed
+     * ticks instead and only the pager switches cones.
+     */
+    showOriginMarkers?: boolean;
     /** Vertical "now" marker; defaults to the last history timestamp. */
     nowValue?: number | string;
     /** Band/centre hue (theme token or CSS color). Defaults to a theme token. */
     color?: string;
     /**
-     * History line behaviour across missing dates. `true` (default) bridges gaps
-     * (and connects the history end to the cone apex); `false` breaks the line
-     * wherever a history point is missing and drops the bridge to the forecast.
-     * Affects the history series only — the bands/centre are contiguous.
+     * Line behaviour across missing dates. `true` (default) bridges gaps (and, in
+     * single-cone mode, connects the history end to the cone apex); `false` breaks
+     * the line wherever a point is missing and drops the bridge to the forecast.
+     * Applies to the history line and to the cone (bands + centre) alike, so a
+     * horizon row missing its bounds splits the cone instead of bridging it.
      */
     connectMissingData?: boolean;
     /**
-     * When `true`, the date axis drops intervals with no data (`GaplessDateAxis`),
-     * so only dates with values are shown. Default `false` keeps the continuous
-     * timeline.
+     * When `true` (default), the date axis drops intervals with no data
+     * (`GaplessDateAxis`), so only dates with values are shown — closed hours and
+     * weekends collapse instead of rendering as flat gaps. `false` keeps the
+     * continuous timeline. In multi-cone mode the axis is fed the union of every
+     * snapshot's dates, so the frame stays fixed while scrubbing.
      */
     skipEmptyDates?: boolean;
     baseInterval?: BaseInterval;
@@ -955,6 +966,36 @@ export declare interface HighlightLineChartProps {
     sx?: SxProps<Theme>;
 }
 
+export declare const Histogram: (inProps: HistogramProps) => JSX_2.Element;
+
+export declare type HistogramComponentOverride<Theme = unknown> = {
+    defaultProps?: Partial<HistogramProps>;
+    styleOverrides?: ComponentsOverrides_2<Theme>["HCHistogram"];
+};
+
+export declare type HistogramProps = ChartProps & {
+    /**
+     * Explicit bin width, in dimension units. When omitted, the width is inferred
+     * from the smallest positive gap between adjacent bin starts — correct for
+     * uniformly pre-binned data (e.g. 250-wide buckets). Set this when bins are
+     * non-uniform, or when a single bin makes the gap impossible to infer.
+     */
+    binWidth?: number;
+    /**
+     * Fractional gap between adjacent bars, `0`–`1`. `0` (default) makes bars
+     * touch edge-to-edge — the defining histogram look. Raise it toward a spaced
+     * bar chart if a visual separation is wanted.
+     */
+    barGap?: number;
+    /**
+     * Draw the frequency (Y) axis on a logarithmic scale. Useful when one bin
+     * dwarfs the rest (e.g. a large zero/overflow bucket) and a linear axis would
+     * flatten every other bar. Zero-count bins are treated as the axis floor, so
+     * they simply render as no bar. Default `false` (linear, zero-baselined).
+     */
+    logarithmic?: boolean;
+};
+
 /**
  * Turn a raw field key into a human label: snake_case / kebab-case / camelCase
  * → Title Case (e.g. "total_revenue" / "totalRevenue" → "Total Revenue"). Used
@@ -2690,6 +2731,22 @@ declare module "@mui/material/styles" {
 
 
 
+declare module "@mui/material/styles" {
+  interface ComponentNameToClassKey {
+    HCHistogram: "root";
+  }
+
+  interface ComponentsPropsList {
+    HCHistogram: Partial<HistogramProps>;
+  }
+
+  interface Components<Theme = unknown> {
+    HCHistogram?: HistogramComponentOverride<Theme>;
+  }
+}
+
+
+
 declare module "@mui/material/styles" {
   interface ComponentNameToClassKey {
     HCLineChart: "root";

package/dist/main.js

@@ -1,5 +1,5 @@
 import { ThemeProvider as e, createTheme as t } from "@mui/material";
-import { LocalizationProvider as m } from "@mui/x-date-pickers";
+import { LocalizationProvider as p } from "@mui/x-date-pickers";
 import { AdapterDayjs as x } from "@mui/x-date-pickers/AdapterDayjs";
 import { Access as i } from "./components/access/index.js";
 import { h as n } from "./helpers-D4uXfBfO.js";
@@ -14,176 +14,178 @@ import { DrillDownTreemap as b } from "./components/charts/drill-down-treemap/in
 import { DrillDownVoronoiTreemap as V } from "./components/charts/drill-down-voronoi-treemap/index.js";
 import { Heatmap as v } from "./components/charts/heatmap/index.js";
 import { HighlightLineChart as R } from "./components/charts/highlighting-line-data/index.js";
-import { LineChart as E } from "./components/charts/line/index.js";
-import { LogaritmicScale as H } from "./components/charts/logaritmic-scale/index.js";
-import { MultipleValueAxes as W } from "./components/charts/multiple-value-axes/index.js";
-import { NestedPie as O } from "./components/charts/nested-pie/index.js";
-import { PackedCircles as N } from "./components/charts/packed-circles/index.js";
-import { PieChart as z } from "./components/charts/pie-chart/index.js";
-import { StackedAreaRadar as Y } from "./components/charts/stacked-area-radar/index.js";
-import { StackedColumnChart as J } from "./components/charts/stacked-column-chart/index.js";
-import { XYChart as Q } from "./components/charts/xy-chart/index.js";
-import { formatValue as $, humanizeLabel as rr, resolveConditionalStyle as or } from "./components/charts/_common/format.js";
-import { DEFAULT_VIRIDIS_COOL as tr } from "./components/charts/_common/utils.js";
-import { Button as mr } from "./components/button/index.js";
-import { ColorPicker as xr } from "./components/color-picker/index.js";
-import { CollapsibleCard as ir } from "./components/collapsible-card/index.js";
-import { ConditionalWrapper as nr } from "./components/conditional-wrapper/index.js";
-import { alert as sr, confirm as dr } from "./components/confirm/index.js";
-import { HCNotificationProvider as Pr } from "./components/notification/index.js";
-import { Container as ur } from "./components/container/index.js";
-import { ContextMenu as Dr } from "./components/context-menu/index.js";
-import { DataGrid as Sr } from "./components/data-grid/index.js";
-import { DataMap as gr } from "./components/data-map/index.js";
-import { DisseminationList as Fr } from "./components/data-security-selectors/dissemination-list/index.js";
-import { SecurityLevel as Ar } from "./components/data-security-selectors/security-level/index.js";
-import { DatePickerWithCustomRange as kr } from "./components/date-picker-with-custom-range/index.js";
-import { DEFAULT_RELATIVE_PRESET_LABELS as Mr } from "./components/date-picker-with-custom-range/logic.js";
-import { DateTimePicker as wr } from "./components/date-time-picker/index.js";
-import { Divider as Gr } from "./components/divider/index.js";
-import { DateRangePicker as Br } from "./components/date-range-picker/index.js";
-import { DocumentViewer as _r } from "./components/document-viewer/index.js";
-import { DurationSelect as Ur } from "./components/duration-select/index.js";
-import { EditableText as jr } from "./components/editable-text/index.js";
-import { GeometryPicker as Xr } from "./components/geometry-picker/index.js";
-import { Geometry as qr } from "./components/geometry-picker/geometry/index.js";
-import { Parser as Kr } from "./components/geometry-picker/parser/index.js";
-import { HeatMap as Zr } from "./components/heat-map/index.js";
-import { IconButton as ro } from "./components/icon-button/index.js";
-import { InstanceForm as eo } from "./components/instance-form/index.js";
-import { InstanceHierarchyTable as po } from "./components/instance-hierarchy-table/index.js";
-import { InstanceTable as ao } from "./components/instance-table/index.js";
-import { InstanceVariableList as fo } from "./components/instance-variable-list/index.js";
-import { LinearIndicator as lo } from "./components/linear-indicator/index.js";
-import { Loading as co } from "./components/loading/index.js";
-import { Map as Co } from "./components/map/index.js";
-import { MetricCard as To } from "./components/metric-card/index.js";
-import { ObjectProfileCard as ho } from "./components/object-profile-card/index.js";
-import { PaginatedList as Lo } from "./components/paginated-list/index.js";
-import { StatusIndicator as Io } from "./components/status-indicator/index.js";
-import { PhoneInput as yo } from "./components/phone-input/index.js";
-import { Placeholder as bo } from "./components/placeholder/index.js";
-import { PositionalTooltip as Vo } from "./components/positional-tooltip/index.js";
-import { PrrMap as vo } from "./components/prr-map/index.js";
-import { RangeSelector as Ro } from "./components/range-selector/index.js";
-import { RasterGridMap as Eo } from "./components/raster-grid-map/index.js";
-import { SearchInput as Ho } from "./components/search-input/index.js";
-import { ScrollDrag as Wo } from "./components/scroll-drag/index.js";
-import { SimplePivotTable as Oo } from "./components/simple-pivot-table/index.js";
-import { SortableList as No } from "./components/sortable-list/index.js";
-import { StatsBox as zo } from "./components/stats-box/index.js";
-import { StaticText as Yo } from "./components/static-text/index.js";
-import { Tabs as Jo } from "./components/tabs/index.js";
-import { TextOverflow as Qo } from "./components/text-overflow/index.js";
-import { TemplateFilters as $o } from "./components/template-filters/index.js";
-import { TemplateForm as oe } from "./components/template-form/index.js";
-import { TemplatePropertyFilters as te } from "./components/template-property-filters/index.js";
-import { Property as me } from "./components/template-property-filters/property.js";
-import { TimelineWidget as xe } from "./components/timeline/index.js";
-import { ToggleViewButton as ie } from "./components/toggle-view-button/index.js";
-import { TreeSelect as ne } from "./components/tree-select/index.js";
-import { TreeViewFilter as se } from "./components/treeview-filter/index.js";
-import { Uploader as Ce } from "./components/uploader/index.js";
-import { VisuallyHiddenInput as Te } from "./components/visually-hidden-input/styled.js";
-import { Widget as he } from "./components/widget/styled.js";
-import { FlexCol as Le } from "./components/flex-col/index.js";
-import { FlexRow as Ie } from "./components/flex-row/index.js";
-import { notify as ye, removeNotification as Fe } from "./components/notification/store.js";
+import { Histogram as E } from "./components/charts/histogram/index.js";
+import { LineChart as G } from "./components/charts/line/index.js";
+import { LogaritmicScale as W } from "./components/charts/logaritmic-scale/index.js";
+import { MultipleValueAxes as O } from "./components/charts/multiple-value-axes/index.js";
+import { NestedPie as N } from "./components/charts/nested-pie/index.js";
+import { PackedCircles as z } from "./components/charts/packed-circles/index.js";
+import { PieChart as Y } from "./components/charts/pie-chart/index.js";
+import { StackedAreaRadar as J } from "./components/charts/stacked-area-radar/index.js";
+import { StackedColumnChart as Q } from "./components/charts/stacked-column-chart/index.js";
+import { XYChart as $ } from "./components/charts/xy-chart/index.js";
+import { formatValue as or, humanizeLabel as er, resolveConditionalStyle as tr } from "./components/charts/_common/format.js";
+import { DEFAULT_VIRIDIS_COOL as pr } from "./components/charts/_common/utils.js";
+import { Button as xr } from "./components/button/index.js";
+import { ColorPicker as ir } from "./components/color-picker/index.js";
+import { CollapsibleCard as nr } from "./components/collapsible-card/index.js";
+import { ConditionalWrapper as sr } from "./components/conditional-wrapper/index.js";
+import { alert as Cr, confirm as Pr } from "./components/confirm/index.js";
+import { HCNotificationProvider as ur } from "./components/notification/index.js";
+import { Container as Dr } from "./components/container/index.js";
+import { ContextMenu as Sr } from "./components/context-menu/index.js";
+import { DataGrid as gr } from "./components/data-grid/index.js";
+import { DataMap as Fr } from "./components/data-map/index.js";
+import { DisseminationList as Ar } from "./components/data-security-selectors/dissemination-list/index.js";
+import { SecurityLevel as kr } from "./components/data-security-selectors/security-level/index.js";
+import { DatePickerWithCustomRange as Mr } from "./components/date-picker-with-custom-range/index.js";
+import { DEFAULT_RELATIVE_PRESET_LABELS as wr } from "./components/date-picker-with-custom-range/logic.js";
+import { DateTimePicker as Hr } from "./components/date-time-picker/index.js";
+import { Divider as Br } from "./components/divider/index.js";
+import { DateRangePicker as _r } from "./components/date-range-picker/index.js";
+import { DocumentViewer as Ur } from "./components/document-viewer/index.js";
+import { DurationSelect as jr } from "./components/duration-select/index.js";
+import { EditableText as Xr } from "./components/editable-text/index.js";
+import { GeometryPicker as qr } from "./components/geometry-picker/index.js";
+import { Geometry as Kr } from "./components/geometry-picker/geometry/index.js";
+import { Parser as Zr } from "./components/geometry-picker/parser/index.js";
+import { HeatMap as ro } from "./components/heat-map/index.js";
+import { IconButton as eo } from "./components/icon-button/index.js";
+import { InstanceForm as mo } from "./components/instance-form/index.js";
+import { InstanceHierarchyTable as ao } from "./components/instance-hierarchy-table/index.js";
+import { InstanceTable as fo } from "./components/instance-table/index.js";
+import { InstanceVariableList as lo } from "./components/instance-variable-list/index.js";
+import { LinearIndicator as co } from "./components/linear-indicator/index.js";
+import { Loading as Co } from "./components/loading/index.js";
+import { Map as To } from "./components/map/index.js";
+import { MetricCard as ho } from "./components/metric-card/index.js";
+import { ObjectProfileCard as Lo } from "./components/object-profile-card/index.js";
+import { PaginatedList as Io } from "./components/paginated-list/index.js";
+import { StatusIndicator as yo } from "./components/status-indicator/index.js";
+import { PhoneInput as bo } from "./components/phone-input/index.js";
+import { Placeholder as Vo } from "./components/placeholder/index.js";
+import { PositionalTooltip as vo } from "./components/positional-tooltip/index.js";
+import { PrrMap as Ro } from "./components/prr-map/index.js";
+import { RangeSelector as Eo } from "./components/range-selector/index.js";
+import { RasterGridMap as Go } from "./components/raster-grid-map/index.js";
+import { SearchInput as Wo } from "./components/search-input/index.js";
+import { ScrollDrag as Oo } from "./components/scroll-drag/index.js";
+import { SimplePivotTable as No } from "./components/simple-pivot-table/index.js";
+import { SortableList as zo } from "./components/sortable-list/index.js";
+import { StatsBox as Yo } from "./components/stats-box/index.js";
+import { StaticText as Jo } from "./components/static-text/index.js";
+import { Tabs as Qo } from "./components/tabs/index.js";
+import { TextOverflow as $o } from "./components/text-overflow/index.js";
+import { TemplateFilters as oe } from "./components/template-filters/index.js";
+import { TemplateForm as te } from "./components/template-form/index.js";
+import { TemplatePropertyFilters as pe } from "./components/template-property-filters/index.js";
+import { Property as xe } from "./components/template-property-filters/property.js";
+import { TimelineWidget as ie } from "./components/timeline/index.js";
+import { ToggleViewButton as ne } from "./components/toggle-view-button/index.js";
+import { TreeSelect as se } from "./components/tree-select/index.js";
+import { TreeViewFilter as Ce } from "./components/treeview-filter/index.js";
+import { Uploader as Te } from "./components/uploader/index.js";
+import { VisuallyHiddenInput as he } from "./components/visually-hidden-input/styled.js";
+import { Widget as Le } from "./components/widget/styled.js";
+import { FlexCol as Ie } from "./components/flex-col/index.js";
+import { FlexRow as ye } from "./components/flex-row/index.js";
+import { notify as be, removeNotification as Ae } from "./components/notification/store.js";
 export {
   i as Access,
   n as AccessUtils,
   x as AdapterDayjs,
-  mr as Button,
+  xr as Button,
   h as CandlestickChart,
   s as Card,
   C as CardAlternate,
   T as ChartWrapper,
-  ir as CollapsibleCard,
-  xr as ColorPicker,
+  nr as CollapsibleCard,
+  ir as ColorPicker,
   I as ColumnLineMix,
-  nr as ConditionalWrapper,
-  ur as Container,
-  Dr as ContextMenu,
-  Mr as DEFAULT_RELATIVE_PRESET_LABELS,
-  tr as DEFAULT_VIRIDIS_COOL,
-  Sr as DataGrid,
-  gr as DataMap,
-  kr as DatePickerWithCustomRange,
-  Br as DateRangePicker,
-  wr as DateTimePicker,
-  Fr as DisseminationList,
-  Gr as Divider,
-  _r as DocumentViewer,
+  sr as ConditionalWrapper,
+  Dr as Container,
+  Sr as ContextMenu,
+  wr as DEFAULT_RELATIVE_PRESET_LABELS,
+  pr as DEFAULT_VIRIDIS_COOL,
+  gr as DataGrid,
+  Fr as DataMap,
+  Mr as DatePickerWithCustomRange,
+  _r as DateRangePicker,
+  Hr as DateTimePicker,
+  Ar as DisseminationList,
+  Br as Divider,
+  Ur as DocumentViewer,
   y as DonutChart,
   b as DrillDownTreemap,
   V as DrillDownVoronoiTreemap,
-  Ur as DurationSelect,
-  jr as EditableText,
-  Le as FlexCol,
-  Ie as FlexRow,
+  jr as DurationSelect,
+  Xr as EditableText,
+  Ie as FlexCol,
+  ye as FlexRow,
   L as ForecastConeChart,
-  qr as GeometryDraw,
-  Kr as GeometryParser,
-  Xr as GeometryPicker,
-  Pr as HCNotificationProvider,
-  Zr as HeatMap,
+  Kr as GeometryDraw,
+  Zr as GeometryParser,
+  qr as GeometryPicker,
+  ur as HCNotificationProvider,
+  ro as HeatMap,
   v as Heatmap,
   R as HighlightLineChart,
-  ro as IconButton,
-  eo as InstanceForm,
-  po as InstanceHierarchyTable,
-  ao as InstanceTable,
-  fo as InstanceVariableList,
-  E as LineChart,
-  lo as LinearIndicator,
-  co as Loading,
-  m as LocalizationProvider,
-  H as LogaritmicScale,
-  Co as Map,
-  To as MetricCard,
-  W as MultipleValueAxes,
-  O as NestedPie,
-  ho as ObjectProfileCard,
-  N as PackedCircles,
-  Lo as PaginatedList,
-  yo as PhoneInput,
-  z as PieChart,
-  bo as Placeholder,
-  Vo as PositionalTooltip,
-  me as PropertyFilterInput,
-  vo as PrrMap,
-  Ro as RangeSelector,
-  Eo as RasterGridMap,
-  Wo as ScrollDrag,
-  Ho as SearchInput,
-  Ar as SecurityLevel,
-  Oo as SimplePivotTable,
-  No as SortableList,
-  Y as StackedAreaRadar,
-  J as StackedColumnChart,
-  Yo as StaticText,
-  zo as StatsBox,
-  Io as StatusIndicator,
-  Jo as Tabs,
-  $o as TemplateFilters,
-  oe as TemplateForm,
-  te as TemplatePropertyFilters,
-  Qo as TextOverflow,
+  E as Histogram,
+  eo as IconButton,
+  mo as InstanceForm,
+  ao as InstanceHierarchyTable,
+  fo as InstanceTable,
+  lo as InstanceVariableList,
+  G as LineChart,
+  co as LinearIndicator,
+  Co as Loading,
+  p as LocalizationProvider,
+  W as LogaritmicScale,
+  To as Map,
+  ho as MetricCard,
+  O as MultipleValueAxes,
+  N as NestedPie,
+  Lo as ObjectProfileCard,
+  z as PackedCircles,
+  Io as PaginatedList,
+  bo as PhoneInput,
+  Y as PieChart,
+  Vo as Placeholder,
+  vo as PositionalTooltip,
+  xe as PropertyFilterInput,
+  Ro as PrrMap,
+  Eo as RangeSelector,
+  Go as RasterGridMap,
+  Oo as ScrollDrag,
+  Wo as SearchInput,
+  kr as SecurityLevel,
+  No as SimplePivotTable,
+  zo as SortableList,
+  J as StackedAreaRadar,
+  Q as StackedColumnChart,
+  Jo as StaticText,
+  Yo as StatsBox,
+  yo as StatusIndicator,
+  Qo as Tabs,
+  oe as TemplateFilters,
+  te as TemplateForm,
+  pe as TemplatePropertyFilters,
+  $o as TextOverflow,
   e as ThemeProvider,
-  xe as TimelineWidget,
-  ie as ToggleViewButton,
-  ne as TreeSelect,
-  se as TreeViewFilter,
-  Ce as Uploader,
-  Te as VisuallyHiddenInput,
-  he as Widget,
-  Q as XYChart,
-  sr as alert,
-  dr as confirm,
+  ie as TimelineWidget,
+  ne as ToggleViewButton,
+  se as TreeSelect,
+  Ce as TreeViewFilter,
+  Te as Uploader,
+  he as VisuallyHiddenInput,
+  Le as Widget,
+  $ as XYChart,
+  Cr as alert,
+  Pr as confirm,
   t as createTheme,
-  $ as formatValue,
-  rr as humanizeLabel,
-  ye as notify,
-  Fe as removeNotification,
-  or as resolveConditionalStyle
+  or as formatValue,
+  er as humanizeLabel,
+  be as notify,
+  Ae as removeNotification,
+  tr as resolveConditionalStyle
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hybridcore/ui",
   "description": "Hybrid Core UI Library",
-  "version": "1.6.21",
+  "version": "1.6.23",
   "author": "Hybrid Core",
   "license": "ISC",
   "type": "module",