@mui/x-charts 8.11.1 → 8.11.3

package/internals/dateHelpers.js

@@ -15,14 +15,15 @@ const isDateData = data => data?.[0] instanceof Date;
 
 /**
  * Creates a formatter function for date values.
- * @param axis The axis configuration.
+ * @param data The data array containing Date or NumberValue objects.
  * @param range The range for the time scale.
+ * @param tickNumber (Optional) The number of ticks for formatting.
  * @returns A formatter function for date values.
  */
 exports.isDateData = isDateData;
-function createDateFormatter(axis, range) {
-  const timeScale = (0, _d3Scale.scaleTime)(axis.data, range);
+function createDateFormatter(data, range, tickNumber) {
+  const timeScale = (0, _d3Scale.scaleTime)(data, range);
   return (v, {
     location
-  }) => location === 'tick' ? timeScale.tickFormat(axis.tickNumber)(v) : `${v.toLocaleString()}`;
+  }) => location === 'tick' ? timeScale.tickFormat(tickNumber)(v) : `${v.toLocaleString()}`;
 }

package/internals/defaultValueFormatters.js

@@ -11,6 +11,11 @@ exports.createScalarFormatter = createScalarFormatter;
 function createScalarFormatter(tickNumber, zoomScale) {
   return function defaultScalarValueFormatter(value, context) {
     if (context.location === 'tick') {
+      const domain = context.scale.domain();
+      const zeroSizeDomain = domain[0] === domain[1];
+      if (zeroSizeDomain) {
+        return context.scale.tickFormat(1)(value);
+      }
       return context.scale.tickFormat(tickNumber)(value);
     }
     if (context.location === 'zoom-slider-tooltip') {

package/internals/index.d.ts

@@ -52,7 +52,7 @@ export * from "./colorScale.js";
 export * from "./ticks.js";
 export * from "./dateHelpers.js";
 export * from "./invertScale.js";
-export * from "./isBandScale.js";
+export * from "./scaleGuards.js";
 export * from "./findMinMax.js";
 export { getAxisExtremum } from "./plugins/featurePlugins/useChartCartesianAxis/getAxisExtremum.js";
 export * from "../context/ChartProvider/index.js";

package/internals/index.js

@@ -604,15 +604,15 @@ Object.keys(_invertScale).forEach(function (key) {
     }
   });
 });
-var _isBandScale = require("./isBandScale");
-Object.keys(_isBandScale).forEach(function (key) {
+var _scaleGuards = require("./scaleGuards");
+Object.keys(_scaleGuards).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
   if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _isBandScale[key]) return;
+  if (key in exports && exports[key] === _scaleGuards[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _isBandScale[key];
+      return _scaleGuards[key];
     }
   });
 });

package/internals/invertScale.js

@@ -4,9 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.invertScale = invertScale;
-var _isBandScale = require("./isBandScale");
+var _scaleGuards = require("./scaleGuards");
 function invertScale(scale, data, value) {
-  if ((0, _isBandScale.isBandScale)(scale)) {
+  if ((0, _scaleGuards.isOrdinalScale)(scale)) {
     const dataIndex = scale.bandwidth() === 0 ? Math.floor((value - Math.min(...scale.range()) + scale.step() / 2) / scale.step()) : Math.floor((value - Math.min(...scale.range())) / scale.step());
     return data[dataIndex];
   }

package/internals/plugins/featurePlugins/useChartCartesianAxis/computeAxisValue.js

@@ -19,9 +19,9 @@ var _getAxisTriggerTooltip = require("./getAxisTriggerTooltip");
 var _getAxisDomainLimit = require("./getAxisDomainLimit");
 function getRange(drawingArea, axisDirection,
 // | 'rotation' | 'radius',
-axis) {
+reverse) {
   const range = axisDirection === 'x' ? [drawingArea.left, drawingArea.left + drawingArea.width] : [drawingArea.top + drawingArea.height, drawingArea.top];
-  return axis.reverse ? [range[1], range[0]] : range;
+  return reverse ? [range[1], range[0]] : range;
 }
 const DEFAULT_CATEGORY_GAP_RATIO = 0.2;
 const DEFAULT_BAR_GAP_RATIO = 0.1;
@@ -49,7 +49,7 @@ function computeAxisValue({
     const zoomOption = zoomOptions?.[axis.id];
     const zoom = zoomMap?.get(axis.id);
     const zoomRange = zoom ? [zoom.start, zoom.end] : [0, 100];
-    const range = getRange(drawingArea, axisDirection, axis);
+    const range = getRange(drawingArea, axisDirection, axis.reverse ?? false);
     const [minData, maxData] = (0, _getAxisExtremum.getAxisExtremum)(axis, axisDirection, seriesConfig, axisIndex, formattedSeries, zoom === undefined && !zoomOption ? getFilters : undefined // Do not apply filtering if zoom is already defined.
     );
     const triggerTooltip = !axis.ignoreTooltip && axisIdsTriggeringTooltip.has(axis.id);
@@ -75,7 +75,7 @@ function computeAxisValue({
         }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
       });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
-        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis, scaleRange);
+        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, scaleRange, axis.tickNumber);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }
@@ -95,7 +95,7 @@ function computeAxisValue({
         }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
       });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
-        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis, scaleRange);
+        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, scaleRange, axis.tickNumber);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }

package/internals/plugins/featurePlugins/useChartCartesianAxis/getAxisValue.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getAxisIndex = getAxisIndex;
 exports.getAxisValue = getAxisValue;
-var _isBandScale = require("../../../isBandScale");
+var _scaleGuards = require("../../../scaleGuards");
 function getAsANumber(value) {
   return value instanceof Date ? value.getTime() : value;
 }
@@ -20,7 +20,7 @@ function getAxisIndex(axisConfig, pointerValue) {
     data: axisData,
     reverse
   } = axisConfig;
-  if (!(0, _isBandScale.isBandScale)(scale)) {
+  if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
     const value = scale.invert(pointerValue);
     if (axisData === undefined) {
       return -1;
@@ -58,7 +58,7 @@ function getAxisValue(axisConfig, pointerValue, dataIndex) {
     scale,
     data: axisData
   } = axisConfig;
-  if (!(0, _isBandScale.isBandScale)(scale)) {
+  if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
     if (dataIndex === null) {
       return scale.invert(pointerValue);
     }

package/internals/plugins/featurePlugins/useChartPolarAxis/computeAxisValue.js

@@ -70,7 +70,7 @@ function computeAxisValue({
         }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
       });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
-        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis, range);
+        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, range, axis.tickNumber);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }
@@ -87,7 +87,7 @@ function computeAxisValue({
         }, axis.colorMap)) : (0, _colorScale.getColorScale)(axis.colorMap))
       });
       if ((0, _dateHelpers.isDateData)(axis.data)) {
-        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis, range);
+        const dateFormatter = (0, _dateHelpers.createDateFormatter)(axis.data, range, axis.tickNumber);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }

package/internals/plugins/featurePlugins/useChartPolarAxis/getAxisIndex.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.getAxisIndex = getAxisIndex;
-var _isBandScale = require("../../../isBandScale");
+var _scaleGuards = require("../../../scaleGuards");
 var _clampAngle = require("../../../clampAngle");
 /**
  * For a pointer coordinate, this function returns the value and dataIndex associated.
@@ -16,7 +16,7 @@ function getAxisIndex(axisConfig, pointerValue) {
     data: axisData,
     reverse
   } = axisConfig;
-  if (!(0, _isBandScale.isBandScale)(scale)) {
+  if (!(0, _scaleGuards.isOrdinalScale)(scale)) {
     throw new Error('MUI X Charts: getAxisValue is not implemented for polare continuous axes.');
   }
   if (!axisData) {

package/internals/scaleGuards.d.ts

@@ -0,0 +1,4 @@
+import { D3OrdinalScale, D3Scale } from "../models/axis.js";
+export declare function isOrdinalScale<T extends {
+  toString(): string;
+}>(scale: D3Scale<T>): scale is D3OrdinalScale<T>;

package/internals/{isBandScale.js → scaleGuards.js}

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.isBandScale = isBandScale;
-function isBandScale(scale) {
+exports.isOrdinalScale = isOrdinalScale;
+function isOrdinalScale(scale) {
   return scale.bandwidth !== undefined;
 }

package/locales/index.d.ts

@@ -3,4 +3,5 @@ export * from "./elGR.js";
 export * from "./enUS.js";
 export * from "./frFR.js";
 export * from "./ptBR.js";
-export * from "./ptPT.js";
+export * from "./ptPT.js";
+export * from "./svSE.js";

package/locales/index.js

@@ -57,4 +57,15 @@ Object.keys(_ptPT).forEach(function (key) {
       return _ptPT[key];
     }
   });
+});
+var _svSE = require("./svSE");
+Object.keys(_svSE).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _svSE[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _svSE[key];
+    }
+  });
 });

package/locales/svSE.d.ts

@@ -0,0 +1,19 @@
+import { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
+export declare const svSELocaleText: ChartsLocaleText;
+export declare const svSE: {
+  components: {
+    MuiChartsLocalizationProvider: {
+      defaultProps: {
+        localeText: {
+          loading?: string | undefined;
+          noData?: string | undefined;
+          zoomIn?: string | undefined;
+          zoomOut?: string | undefined;
+          toolbarExport?: string | undefined;
+          toolbarExportPrint?: string | undefined;
+          toolbarExportImage?: ((mimeType: import("./utils/imageMimeTypes.js").ChartImageExportMimeType | (string & {})) => string) | undefined;
+        };
+      };
+    };
+  };
+};

package/locales/svSE.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.svSELocaleText = exports.svSE = void 0;
+var _imageMimeTypes = require("./utils/imageMimeTypes");
+var _getChartsLocalization = require("./utils/getChartsLocalization");
+const svSELocaleText = exports.svSELocaleText = {
+  // Overlay
+  loading: 'Laddar data…',
+  noData: 'Inga data att visa',
+  // Toolbar
+  zoomIn: 'Zooma in',
+  zoomOut: 'Zooma ut',
+  toolbarExport: 'Exportera',
+  // Toolbar Export Menu
+  toolbarExportPrint: 'Skriv ut',
+  toolbarExportImage: mimeType => `Exportera som ${_imageMimeTypes.imageMimeTypes[mimeType] ?? mimeType}`
+};
+const svSE = exports.svSE = (0, _getChartsLocalization.getChartsLocalization)(svSELocaleText);

package/models/axis.d.ts

@@ -11,6 +11,9 @@ export type D3Scale<Domain extends {
   toString(): string;
 } = number | Date | string, Range = number, Output = number> = ScaleBand<Domain> | ScaleSymLog<Range, Output> | ScaleLogarithmic<Range, Output> | ScalePoint<Domain> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
 export type D3ContinuousScale<Range = number, Output = number> = ScaleSymLog<Range, Output> | ScaleLogarithmic<Range, Output> | ScalePower<Range, Output> | ScaleTime<Range, Output> | ScaleLinear<Range, Output>;
+export type D3OrdinalScale<Domain extends {
+  toString(): string;
+} = number | Date | string> = ScaleBand<Domain> | ScalePoint<Domain>;
 export interface ChartsAxisSlots {
   /**
    * Custom component for the axis main line.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-charts",
-  "version": "8.11.1",
+  "version": "8.11.3",
   "author": "MUI Team",
   "description": "The community edition of MUI X Charts components.",
   "license": "MIT",
@@ -28,15 +28,15 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.28.2",
-    "@mui/utils": "^7.3.1",
+    "@mui/utils": "^7.3.2",
     "bezier-easing": "^2.1.0",
     "clsx": "^2.1.1",
     "prop-types": "^15.8.1",
     "reselect": "^5.1.1",
     "use-sync-external-store": "^1.5.0",
-    "@mui/x-internal-gestures": "0.2.5",
-    "@mui/x-charts-vendor": "8.11.0",
-    "@mui/x-internals": "8.11.1"
+    "@mui/x-charts-vendor": "8.11.3",
+    "@mui/x-internals": "8.11.3",
+    "@mui/x-internal-gestures": "0.2.6"
   },
   "peerDependencies": {
     "@emotion/react": "^11.9.0",

package/ChartsXAxis/ChartsGroupedXAxis.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ChartsXAxisProps } from "../models/axis.js";
-/**
- * @ignore - internal component.
- */
-declare function ChartsGroupedXAxis(inProps: ChartsXAxisProps): React.JSX.Element | null;
-export { ChartsGroupedXAxis };

package/ChartsXAxis/ChartsSingleXAxis.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ChartsXAxisProps } from "../models/axis.js";
-/**
- * @ignore - internal component.
- */
-declare function ChartsSingleXAxis(inProps: ChartsXAxisProps): React.JSX.Element | null;
-export { ChartsSingleXAxis };

package/ChartsYAxis/ChartsSingleYAxis.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ChartsYAxisProps } from "../models/axis.js";
-/**
- * @ignore - internal component.
- */
-declare function ChartsSingleYAxis(inProps: ChartsYAxisProps): React.JSX.Element | null;
-export { ChartsSingleYAxis };

package/esm/ChartsXAxis/ChartsGroupedXAxis.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ChartsXAxisProps } from "../models/axis.js";
-/**
- * @ignore - internal component.
- */
-declare function ChartsGroupedXAxis(inProps: ChartsXAxisProps): React.JSX.Element | null;
-export { ChartsGroupedXAxis };

package/esm/ChartsXAxis/ChartsSingleXAxis.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ChartsXAxisProps } from "../models/axis.js";
-/**
- * @ignore - internal component.
- */
-declare function ChartsSingleXAxis(inProps: ChartsXAxisProps): React.JSX.Element | null;
-export { ChartsSingleXAxis };

package/esm/ChartsYAxis/ChartsSingleYAxis.d.ts

@@ -1,7 +0,0 @@
-import * as React from 'react';
-import { ChartsYAxisProps } from "../models/axis.js";
-/**
- * @ignore - internal component.
- */
-declare function ChartsSingleYAxis(inProps: ChartsYAxisProps): React.JSX.Element | null;
-export { ChartsSingleYAxis };

package/esm/internals/isBandScale.d.ts

@@ -1,5 +0,0 @@
-import type { ScaleBand, ScalePoint } from '@mui/x-charts-vendor/d3-scale';
-import { D3Scale } from "../models/axis.js";
-export declare function isBandScale<T extends {
-  toString(): string;
-}>(scale: D3Scale<T>): scale is ScaleBand<T> | ScalePoint<T>;

package/esm/internals/isBandScale.js

@@ -1,3 +0,0 @@
-export function isBandScale(scale) {
-  return scale.bandwidth !== undefined;
-}

package/internals/isBandScale.d.ts

@@ -1,5 +0,0 @@
-import type { ScaleBand, ScalePoint } from '@mui/x-charts-vendor/d3-scale';
-import { D3Scale } from "../models/axis.js";
-export declare function isBandScale<T extends {
-  toString(): string;
-}>(scale: D3Scale<T>): scale is ScaleBand<T> | ScalePoint<T>;