@mui/x-charts 8.14.0 → 8.15.0

package/esm/internals/plugins/utils/selectors.d.ts

@@ -1,6 +1,6 @@
 import { SelectorArray, Combiner, Selector, GetStateFromSelectors, GetParamsFromSelectors, CreateSelectorOptions } from 'reselect';
 import { ChartAnyPluginSignature, ChartState, ChartStateCacheKey } from "../models/index.js";
-export type ChartRootSelector<TSignature extends ChartAnyPluginSignature> = Selector<ChartState<[TSignature]>, TSignature['state'][keyof TSignature['state']]>;
+export type ChartRootSelector<TSignature extends ChartAnyPluginSignature, T extends keyof TSignature['state'] = keyof TSignature['state']> = Selector<ChartState<[TSignature]>, TSignature['state'][T]>;
 export type ChartOptionalRootSelector<TSignature extends ChartAnyPluginSignature> = Selector<ChartState<[], [TSignature]>, TSignature['state'][keyof TSignature['state']] | undefined>;
 export type ChartsSelector<Signatures extends readonly ChartAnyPluginSignature[] = [], OptionalSignatures extends readonly ChartAnyPluginSignature[] = [], Result = unknown, Args extends readonly any[] = []> = Selector<ChartState<Signatures, OptionalSignatures>, Result, Args>;
 type InterruptRecursion = NonNullable<unknown>;

package/esm/locales/elGR.js

@@ -10,106 +10,104 @@ export const elGRLocaleText = {
   toolbarExport: 'Εξαγωγή',
   // Toolbar Export Menu
   toolbarExportPrint: 'Εκτύπωση',
-  toolbarExportImage: mimeType => `Εξαγωγή ως ${imageMimeTypes[mimeType] ?? mimeType}`
-
+  toolbarExportImage: mimeType => `Εξαγωγή ως ${imageMimeTypes[mimeType] ?? mimeType}`,
   // Charts renderer configuration
-  // chartTypeBar: 'Bar',
-  // chartTypeColumn: 'Column',
-  // chartTypeLine: 'Line',
-  // chartTypeArea: 'Area',
-  // chartTypePie: 'Pie',
-  // chartPaletteLabel: 'Color palette',
-  // chartPaletteNameRainbowSurge: 'Rainbow Surge',
-  // chartPaletteNameBlueberryTwilight: 'Blueberry Twilight',
-  // chartPaletteNameMangoFusion: 'Mango Fusion',
-  // chartPaletteNameCheerfulFiesta: 'Cheerful Fiesta',
-  // chartPaletteNameStrawberrySky: 'Strawberry Sky',
-  // chartPaletteNameBlue: 'Blue',
-  // chartPaletteNameGreen: 'Green',
-  // chartPaletteNamePurple: 'Purple',
-  // chartPaletteNameRed: 'Red',
-  // chartPaletteNameOrange: 'Orange',
-  // chartPaletteNameYellow: 'Yellow',
-  // chartPaletteNameCyan: 'Cyan',
-  // chartPaletteNamePink: 'Pink',
-  // chartConfigurationSectionChart: 'Chart',
-  // chartConfigurationSectionColumns: 'Columns',
-  // chartConfigurationSectionBars: 'Bars',
-  // chartConfigurationSectionAxes: 'Axes',
-  // chartConfigurationGrid: 'Grid',
-  // chartConfigurationBorderRadius: 'Border radius',
-  // chartConfigurationCategoryGapRatio: 'Category gap ratio',
-  // chartConfigurationBarGapRatio: 'Series gap ratio',
-  // chartConfigurationStacked: 'Stacked',
-  // chartConfigurationShowToolbar: 'Show toolbar',
-  // chartConfigurationSkipAnimation: 'Skip animation',
-  // chartConfigurationInnerRadius: 'Inner radius',
-  // chartConfigurationOuterRadius: 'Outer radius',
-  // chartConfigurationColors: 'Colors',
-  // chartConfigurationHideLegend: 'Hide legend',
-  // chartConfigurationShowMark: 'Show mark',
-  // chartConfigurationHeight: 'Height',
-  // chartConfigurationWidth: 'Width',
-  // chartConfigurationSeriesGap: 'Series gap',
-  // chartConfigurationTickPlacement: 'Tick placement',
-  // chartConfigurationTickLabelPlacement: 'Tick label placement',
-  // chartConfigurationCategoriesAxisLabel: 'Categories axis label',
-  // chartConfigurationSeriesAxisLabel: 'Series axis label',
-  // chartConfigurationXAxisPosition: 'X-axis position',
-  // chartConfigurationYAxisPosition: 'Y-axis position',
-  // chartConfigurationSeriesAxisReverse: 'Reverse series axis',
-  // chartConfigurationTooltipPlacement: 'Placement',
-  // chartConfigurationTooltipTrigger: 'Trigger',
-  // chartConfigurationLegendPosition: 'Position',
-  // chartConfigurationLegendDirection: 'Direction',
-  // chartConfigurationBarLabels: 'Bar labels',
-  // chartConfigurationColumnLabels: 'Column labels',
-  // chartConfigurationInterpolation: 'Interpolation',
-  // chartConfigurationSectionTooltip: 'Tooltip',
-  // chartConfigurationSectionLegend: 'Legend',
-  // chartConfigurationSectionLines: 'Lines',
-  // chartConfigurationSectionAreas: 'Areas',
-  // chartConfigurationSectionArcs: 'Arcs',
-  // chartConfigurationPaddingAngle: 'Padding angle',
-  // chartConfigurationCornerRadius: 'Corner radius',
-  // chartConfigurationArcLabels: 'Arc labels',
-  // chartConfigurationStartAngle: 'Start angle',
-  // chartConfigurationEndAngle: 'End angle',
-  // chartConfigurationPieTooltipTrigger: 'Trigger',
-  // chartConfigurationPieLegendPosition: 'Position',
-  // chartConfigurationPieLegendDirection: 'Direction',
-
+  chartTypeBar: 'Μπάρα',
+  chartTypeColumn: 'Στήλη',
+  chartTypeLine: 'Γραμμή',
+  chartTypeArea: 'Περιοχή',
+  chartTypePie: 'Πίτα',
+  chartPaletteLabel: 'Παλέτα χρωμάτων',
+  chartPaletteNameRainbowSurge: 'Έκρηξη Ουράνιου Τόξου',
+  chartPaletteNameBlueberryTwilight: 'Λυκόφως Μύρτιλου',
+  chartPaletteNameMangoFusion: 'Ένωση Μάνγκο',
+  chartPaletteNameCheerfulFiesta: 'Χαρούμενη Γιορτή',
+  chartPaletteNameStrawberrySky: 'Φραουλένιος Ουρανός',
+  chartPaletteNameBlue: 'Μπλέ',
+  chartPaletteNameGreen: 'Πράσινο',
+  chartPaletteNamePurple: 'Μώβ',
+  chartPaletteNameRed: 'Κόκκινο',
+  chartPaletteNameOrange: 'Πορτοκαλί',
+  chartPaletteNameYellow: 'Κίτρινο',
+  chartPaletteNameCyan: 'Κυανό',
+  chartPaletteNamePink: 'Ρόζ',
+  chartConfigurationSectionChart: 'Γράφημα',
+  chartConfigurationSectionColumns: 'Στήλες',
+  chartConfigurationSectionBars: 'Μπάρες',
+  chartConfigurationSectionAxes: 'Άξονες',
+  chartConfigurationGrid: 'Πλέγμα',
+  chartConfigurationBorderRadius: 'Ακτίνα περιγράμματος',
+  chartConfigurationCategoryGapRatio: 'Λόγος κενών κατηγορίας',
+  chartConfigurationBarGapRatio: 'Λόγος κενών Σειράς',
+  chartConfigurationStacked: 'Στοίβαγμα',
+  chartConfigurationShowToolbar: 'Εμφάνιση γραμμής εργαλείων',
+  chartConfigurationSkipAnimation: 'Παράξειψη Animation',
+  chartConfigurationInnerRadius: 'Εσωτερική ακτίνα',
+  chartConfigurationOuterRadius: 'Εξωτερική ακτίνα',
+  chartConfigurationColors: 'Χρώματα',
+  chartConfigurationHideLegend: 'Απόκρυψη Υπομνήματος',
+  chartConfigurationShowMark: 'Εμφάνιση Σημείωσης',
+  chartConfigurationHeight: 'Ύψος',
+  chartConfigurationWidth: 'Πλάτος',
+  chartConfigurationSeriesGap: 'Κενό Σειράς',
+  chartConfigurationTickPlacement: 'Τοποθέτηση Σημείων',
+  chartConfigurationTickLabelPlacement: 'Τοποθέτηση Ετικετών Σημείων',
+  chartConfigurationCategoriesAxisLabel: 'Ετικέτα άξονα κατηγοριών',
+  chartConfigurationSeriesAxisLabel: 'Ετικέτα άξονα σειρών',
+  chartConfigurationXAxisPosition: 'Θέση άξονα Χ',
+  chartConfigurationYAxisPosition: 'Θέση άξονα Υ',
+  chartConfigurationSeriesAxisReverse: 'Αντιστροφή άξονα σειρών',
+  chartConfigurationTooltipPlacement: 'Τοποθέτηση',
+  chartConfigurationTooltipTrigger: 'Τρόπος ενεργοποίησης του tooltip',
+  chartConfigurationLegendPosition: 'Θέση',
+  chartConfigurationLegendDirection: 'Κατεύθυνση',
+  chartConfigurationBarLabels: 'Ετικέτες μπαρών',
+  chartConfigurationColumnLabels: 'Ετικέτες στηλών',
+  chartConfigurationInterpolation: 'Διαμεσολάβηση',
+  chartConfigurationSectionTooltip: 'Tooltip',
+  chartConfigurationSectionLegend: 'Υπόμνημα',
+  chartConfigurationSectionLines: 'Γραμμές',
+  chartConfigurationSectionAreas: 'Περιοχές',
+  chartConfigurationSectionArcs: 'Τόξα',
+  chartConfigurationPaddingAngle: 'Γωνία περιθωρίου',
+  chartConfigurationCornerRadius: 'Ακτίνα γωνίας',
+  chartConfigurationArcLabels: 'Ετικέτες τόξων',
+  chartConfigurationStartAngle: 'Γωνία εκκίνησης',
+  chartConfigurationEndAngle: 'Γωνία λήξης',
+  chartConfigurationPieTooltipTrigger: 'Τρόπος ενεργοποίησης του tooltip',
+  chartConfigurationPieLegendPosition: 'Θέση',
+  chartConfigurationPieLegendDirection: 'Κατεύθυνση',
   // Common option labels
-  // chartConfigurationOptionNone: 'None',
-  // chartConfigurationOptionValue: 'Value',
-  // chartConfigurationOptionAuto: 'Auto',
-  // chartConfigurationOptionTop: 'Top',
-  // chartConfigurationOptionTopLeft: 'Top Left',
-  // chartConfigurationOptionTopRight: 'Top Right',
-  // chartConfigurationOptionBottom: 'Bottom',
-  // chartConfigurationOptionBottomLeft: 'Bottom Left',
-  // chartConfigurationOptionBottomRight: 'Bottom Right',
-  // chartConfigurationOptionLeft: 'Left',
-  // chartConfigurationOptionRight: 'Right',
-  // chartConfigurationOptionAxis: 'Axis',
-  // chartConfigurationOptionItem: 'Item',
-  // chartConfigurationOptionHorizontal: 'Horizontal',
-  // chartConfigurationOptionVertical: 'Vertical',
-  // chartConfigurationOptionBoth: 'Both',
-  // chartConfigurationOptionStart: 'Start',
-  // chartConfigurationOptionMiddle: 'Middle',
-  // chartConfigurationOptionEnd: 'End',
-  // chartConfigurationOptionExtremities: 'Extremities',
-  // chartConfigurationOptionTick: 'Tick',
-  // chartConfigurationOptionMonotoneX: 'Monotone X',
-  // chartConfigurationOptionMonotoneY: 'Monotone Y',
-  // chartConfigurationOptionCatmullRom: 'Catmull-Rom',
-  // chartConfigurationOptionLinear: 'Linear',
-  // chartConfigurationOptionNatural: 'Natural',
-  // chartConfigurationOptionStep: 'Step',
-  // chartConfigurationOptionStepBefore: 'Step Before',
-  // chartConfigurationOptionStepAfter: 'Step After',
-  // chartConfigurationOptionBumpX: 'Bump X',
-  // chartConfigurationOptionBumpY: 'Bump Y',
+  chartConfigurationOptionNone: 'Κανένα',
+  chartConfigurationOptionValue: 'Τιμή',
+  chartConfigurationOptionAuto: 'Αυτόματο',
+  chartConfigurationOptionTop: 'Πάνω',
+  chartConfigurationOptionTopLeft: 'Πάνω Αριστερά',
+  chartConfigurationOptionTopRight: 'Πάνω Δεξιά',
+  chartConfigurationOptionBottom: 'Κάτω',
+  chartConfigurationOptionBottomLeft: 'Κάτω Αριστερά',
+  chartConfigurationOptionBottomRight: 'Κάτω Δεξιά',
+  chartConfigurationOptionLeft: 'Αριστερά',
+  chartConfigurationOptionRight: 'Δεξιά',
+  chartConfigurationOptionAxis: 'Άξονας',
+  chartConfigurationOptionItem: 'Στοιχείο',
+  chartConfigurationOptionHorizontal: 'Οριζόντιο',
+  chartConfigurationOptionVertical: 'Κάθετο',
+  chartConfigurationOptionBoth: 'Και τα δύο',
+  chartConfigurationOptionStart: 'Αρχή',
+  chartConfigurationOptionMiddle: 'Κέντρο',
+  chartConfigurationOptionEnd: 'Τέλος',
+  chartConfigurationOptionExtremities: 'Ακρότατα',
+  chartConfigurationOptionTick: 'Σημείο',
+  chartConfigurationOptionMonotoneX: 'Μονοτονικό Χ',
+  chartConfigurationOptionMonotoneY: 'Μονοτονικό Υ',
+  chartConfigurationOptionCatmullRom: 'Catmull-Rom',
+  chartConfigurationOptionLinear: 'Γραμμικό',
+  chartConfigurationOptionNatural: 'Φυσικό',
+  chartConfigurationOptionStep: 'Βήμα',
+  chartConfigurationOptionStepBefore: 'Βήμα Πριν',
+  chartConfigurationOptionStepAfter: 'Βήμα Μετά',
+  chartConfigurationOptionBumpX: 'Κυρτότητα Χ',
+  chartConfigurationOptionBumpY: 'Κυρτότητα Υ'
 };
 export const elGR = getChartsLocalization(elGRLocaleText);

package/esm/models/seriesType/scatter.d.ts

@@ -23,6 +23,8 @@ export interface ScatterSeriesType extends CommonSeriesType<ScatterValueType | n
   /**
    * If true, the interaction will not use element hover for this series.
    * @default false
+   * @deprecated This prop will be removed in a future version because it is ambiguous. You can select what to disable
+   *             on hover by disabling the highlight or the tooltip separately.
    */
   disableHover?: boolean;
   /**

package/esm/tests/constants.js

@@ -0,0 +1 @@
+export const CHART_SELECTOR = 'svg:not([aria-hidden="true"])';

package/esm/themeAugmentation/components.d.ts

@@ -62,6 +62,9 @@ export interface ChartsComponents<Theme = unknown> {
     defaultProps?: ComponentsProps['MuiScatterChart'];
   };
   MuiScatter?: {};
+  MuiGauge?: {
+    styleOverrides?: ComponentsOverrides<Theme>['MuiGauge'];
+  };
 }
 declare module '@mui/material/styles' {
   interface Components<Theme = unknown> extends ChartsComponents<Theme> {}

package/esm/themeAugmentation/overrides.d.ts

@@ -1,3 +1,4 @@
+import { GaugeClassKey } from "../Gauge/index.js";
 import { BarLabelClassKey } from "../BarChart/index.js";
 import { BarElementClassKey } from "../BarChart/barElementClasses.js";
 import { ChartsAxisHighlightClassKey } from "../ChartsAxisHighlight/index.js";
@@ -18,6 +19,7 @@ export interface ChartsComponentNameToClassKey {
   MuiAreaElement: AreaElementClassKey;
   MuiLineElement: LineElementClassKey;
   MuiMarkElement: MarkElementClassKey;
+  MuiGauge: GaugeClassKey;
 }
 declare module '@mui/material/styles' {
   interface ComponentNameToClassKey extends ChartsComponentNameToClassKey {}

package/hooks/index.d.ts

@@ -17,4 +17,5 @@ export * from "./useLegend.js";
 export { useChartGradientId, useChartGradientIdObjectBound } from "./useChartGradientId.js";
 export * from "./animation/index.js";
 export * from "./useChartRootRef.js";
-export * from "./useChartsLocalization.js";
+export * from "./useChartsLocalization.js";
+export * from "./useBrush.js";

package/hooks/index.js

@@ -247,4 +247,16 @@ Object.keys(_useChartsLocalization).forEach(function (key) {
       return _useChartsLocalization[key];
     }
   });
+});
+var _useBrush = require("./useBrush");
+Object.keys(_useBrush).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _useBrush[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _useBrush[key];
+    }
+  });
 });

package/hooks/useBrush.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Get the current brush state.
+ *
+ * - `start` is the starting point of the brush selection.
+ * - `current` is the current point of the brush selection.
+ *
+ * @returns `{ start, current }` - The brush state.
+ */
+export declare function useBrush(): {
+  start: {
+    x: number;
+    y: number;
+  };
+  current: {
+    x: number;
+    y: number;
+  };
+} | null;

package/hooks/useBrush.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useBrush = useBrush;
+var _useChartBrush = require("../internals/plugins/featurePlugins/useChartBrush");
+var _useSelector = require("../internals/store/useSelector");
+var _useStore = require("../internals/store/useStore");
+/**
+ * Get the current brush state.
+ *
+ * - `start` is the starting point of the brush selection.
+ * - `current` is the current point of the brush selection.
+ *
+ * @returns `{ start, current }` - The brush state.
+ */
+function useBrush() {
+  const store = (0, _useStore.useStore)();
+  return (0, _useSelector.useSelector)(store, _useChartBrush.selectorBrushState);
+}

package/index.d.ts

@@ -28,4 +28,5 @@ export { ChartContainer } from "./ChartContainer/index.js";
 export type { ChartContainerProps } from "./ChartContainer/index.js";
 export * from "./ChartDataProvider/index.js";
 export * from "./Toolbar/index.js";
-export * from "./ChartsWrapper/index.js";
+export * from "./ChartsWrapper/index.js";
+export * from "./ChartsBrushOverlay/index.js";

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.14.0
+ * @mui/x-charts v8.15.0
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the
@@ -367,4 +367,16 @@ Object.keys(_ChartsWrapper).forEach(function (key) {
       return _ChartsWrapper[key];
     }
   });
+});
+var _ChartsBrushOverlay = require("./ChartsBrushOverlay");
+Object.keys(_ChartsBrushOverlay).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ChartsBrushOverlay[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ChartsBrushOverlay[key];
+    }
+  });
 });

package/internals/Flatbush.d.ts

@@ -0,0 +1,63 @@
+import FlatQueue from 'flatqueue';
+type TypedArrayConstructor = Int8ArrayConstructor | Uint8ArrayConstructor | Uint8ClampedArrayConstructor | Int16ArrayConstructor | Uint16ArrayConstructor | Int32ArrayConstructor | Uint32ArrayConstructor | Float32ArrayConstructor | Float64ArrayConstructor;
+export declare class Flatbush {
+  _queue: FlatQueue<number>;
+  _boxes: TypedArrayConstructor;
+  _indices: Uint16Array | Uint32Array;
+  data: ArrayBufferLike;
+  numItems: number;
+  nodeSize: number;
+  _levelBounds: number[];
+  byteOffset: number;
+  /**
+   * Recreate a Flatbush index from raw `ArrayBuffer` or `SharedArrayBuffer` data.
+   * @param {ArrayBufferLike} data
+   * @param {number} [byteOffset=0] byte offset to the start of the Flatbush buffer in the referenced ArrayBuffer.
+   * @returns {Flatbush} index
+   */
+  static from(data: any, byteOffset?: number): Flatbush;
+  /**
+   * Create a Flatbush index that will hold a given number of items.
+   * @param {number} numItems
+   * @param {number} [nodeSize=16] Size of the tree node (16 by default).
+   * @param {TypedArrayConstructor} [ArrayType=Float64Array] The array type used for coordinates storage (`Float64Array` by default).
+   * @param {ArrayBufferConstructor | SharedArrayBufferConstructor} [ArrayBufferType=ArrayBuffer] The array buffer type used to store data (`ArrayBuffer` by default).
+   * @param {ArrayBufferLike} [data] (Only used internally)
+   * @param {number} [byteOffset=0] (Only used internally)
+   */
+  constructor(numItems: number, nodeSize?: number, ArrayType?: TypedArrayConstructor, ArrayBufferType?: ArrayBufferConstructor | SharedArrayBufferConstructor, data?: ArrayBufferLike, byteOffset?: number);
+  /**
+   * Add a given rectangle to the index.
+   * @param {number} minX
+   * @param {number} minY
+   * @param {number} maxX
+   * @param {number} maxY
+   * @returns {number} A zero-based, incremental number that represents the newly added rectangle.
+   */
+  add(minX: any, minY: any, maxX?: any, maxY?: any): number;
+  /** Perform indexing of the added rectangles. */
+  finish(): void;
+  /**
+   * Search the index by a bounding box.
+   * @param {number} minX
+   * @param {number} minY
+   * @param {number} maxX
+   * @param {number} maxY
+   * @param {(index: number) => boolean} [filterFn] An optional function for filtering the results.
+   * @returns {number[]} An array containing the index, the x coordinate and the y coordinate of the points intersecting or touching the given bounding box.
+   */
+  search(minX: number, minY: number, maxX: number, maxY: number, filterFn?: (index: number) => boolean): number[];
+  /**
+   * Search items in order of distance from the given point.
+   * @param x
+   * @param y
+   * @param [maxResults=Infinity]
+   * @param maxDistSq
+   * @param [filterFn] An optional function for filtering the results.
+   * @param [sqDistFn] An optional function to calculate squared distance from the point to the item.
+   * @returns {number[]} An array of indices of items found.
+   */
+  neighbors(x: any, y: any, maxResults?: number, maxDistSq?: number, filterFn?: (index: number) => boolean, sqDistFn?: typeof sqDist): number[];
+}
+declare function sqDist(dx: number, dy: number): number;
+export {};