@mui/x-charts 8.11.0 → 8.11.2

package/esm/RadarChart/RadarAxis/RadarAxis.d.ts

@@ -12,11 +12,11 @@ export interface RadarAxisProps extends UseRadarAxisParams {
   /**
    * The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
    */
-  textAnchor?: string | ((angle: number) => string);
+  textAnchor?: React.SVGProps<SVGTextElement>['textAnchor'] | ((angle: number) => React.SVGProps<SVGTextElement>['textAnchor']);
   /**
    * The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
    */
-  dominantBaseline?: string | ((angle: number) => string);
+  dominantBaseline?: React.SVGProps<SVGTextElement>['dominantBaseline'] | ((angle: number) => React.SVGProps<SVGTextElement>['dominantBaseline']);
   /**
    * Override or extend the styles applied to the component.
    */

package/esm/RadarChart/RadarAxis/RadarAxis.js

@@ -73,7 +73,7 @@ process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
   /**
    * The labels dominant baseline or a function returning the dominant baseline for a given axis angle (in degree).
    */
-  dominantBaseline: PropTypes.oneOfType([PropTypes.func, PropTypes.string]),
+  dominantBaseline: PropTypes.oneOfType([PropTypes.oneOf(['alphabetic', 'auto', 'central', 'hanging', 'ideographic', 'inherit', 'mathematical', 'middle', 'no-change', 'reset-size', 'text-after-edge', 'text-before-edge', 'use-script']), PropTypes.func]),
   /**
    * Defines how label align with the axis.
    * - 'horizontal': labels stay horizontal and their placement change with the axis angle.
@@ -89,6 +89,6 @@ process.env.NODE_ENV !== "production" ? RadarAxis.propTypes = {
   /**
    * The labels text anchor or a function returning the text anchor for a given axis angle (in degree).
    */
-  textAnchor: PropTypes.oneOfType([PropTypes.func, PropTypes.string])
+  textAnchor: PropTypes.oneOfType([PropTypes.oneOf(['end', 'inherit', 'middle', 'start']), PropTypes.func])
 } : void 0;
 export { RadarAxis };

package/esm/RadarChart/RadarAxis/RadarAxis.utils.d.ts

@@ -7,14 +7,14 @@ interface GetLabelAttributesParams extends Required<Pick<RadarAxisProps, 'labelO
 export declare function getLabelAttributes(params: GetLabelAttributesParams): {
   x: number;
   y: number;
-  textAnchor: string;
-  dominantBaseline: string;
+  textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
+  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
   transform?: undefined;
 } | {
   x: number;
   y: number;
-  textAnchor: string;
-  dominantBaseline: string;
+  textAnchor: "inherit" | "end" | "start" | "middle" | undefined;
+  dominantBaseline: "inherit" | "auto" | "middle" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "text-before-edge" | "central" | "text-after-edge" | "use-script" | "no-change" | "reset-size" | undefined;
   transform: string;
 };
 export {};

package/esm/RadarChart/RadarAxis/RadarAxis.utils.js

@@ -19,12 +19,12 @@ function getTextAnchor(angle) {
 }
 function getDominantBaseline(angle) {
   if (angle < 160) {
-    return 'baseline';
+    return 'auto';
   }
   if (angle < 360 - 20) {
     return 'hanging';
   }
-  return 'baseline';
+  return 'auto';
 }
 const LABEL_MARGIN = 2;
 export function getLabelAttributes(params) {
@@ -37,7 +37,7 @@ export function getLabelAttributes(params) {
     const textAnchor = typeof params.textAnchor === 'function' ? params.textAnchor(angle) : params.textAnchor ?? getTextAnchor(angle);
     const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? getDominantBaseline(angle);
     const marginX = textAnchor === 'start' ? LABEL_MARGIN : -LABEL_MARGIN;
-    const marginY = dominantBaseline === 'baseline' ? -LABEL_MARGIN : LABEL_MARGIN;
+    const marginY = dominantBaseline === 'auto' ? -LABEL_MARGIN : LABEL_MARGIN;
     return {
       x: x + marginX,
       y: y + marginY,
@@ -49,7 +49,7 @@ export function getLabelAttributes(params) {
   // orientation='rotated'
 
   const textAnchor = typeof params.textAnchor === 'function' ? params.textAnchor(angle) : params.textAnchor ?? 'start';
-  const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? 'baseline';
+  const dominantBaseline = typeof params.dominantBaseline === 'function' ? params.dominantBaseline(angle) : params.dominantBaseline ?? 'auto';
   return {
     x,
     y,

package/esm/hooks/useInteractionItemProps.js

@@ -1,6 +1,7 @@
 'use client';
 
 import * as React from 'react';
+import useEventCallback from '@mui/utils/useEventCallback';
 import { useChartContext } from "../context/ChartProvider/index.js";
 function onPointerDown(event) {
   if ('hasPointerCapture' in event.currentTarget && event.currentTarget.hasPointerCapture(event.pointerId)) {
@@ -12,16 +13,16 @@ export const useInteractionItemProps = (data, skip) => {
     instance
   } = useChartContext();
   const interactionActive = React.useRef(false);
-  const onPointerEnter = React.useCallback(() => {
+  const onPointerEnter = useEventCallback(() => {
     interactionActive.current = true;
     instance.setItemInteraction(data);
     instance.setHighlight(data);
-  }, [instance, data]);
-  const onPointerLeave = React.useCallback(() => {
+  });
+  const onPointerLeave = useEventCallback(() => {
     interactionActive.current = false;
     instance.removeItemInteraction(data);
     instance.clearHighlight();
-  }, [instance, data]);
+  });
   React.useEffect(() => {
     return () => {
       /* Clean up state if this item is unmounted while active. */

package/esm/hooks/useTicks.js

@@ -72,7 +72,7 @@ export function getTicks(options) {
     return [];
   }
   const tickLabelPlacement = tickLabelPlacementProp;
-  const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
+  const ticks = typeof tickInterval === 'object' ? tickInterval : getDefaultTicks(scale, tickNumber);
 
   // Ticks inside the drawing area
   const visibleTicks = [];
@@ -102,6 +102,13 @@ export function getTicks(options) {
   }
   return visibleTicks;
 }
+function getDefaultTicks(scale, tickNumber) {
+  const domain = scale.domain();
+  if (domain[0] === domain[1]) {
+    return [domain[0]];
+  }
+  return scale.ticks(tickNumber);
+}
 export function useTicks(options) {
   const {
     scale,

package/esm/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.11.0
+ * @mui/x-charts v8.11.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/esm/internals/dateHelpers.d.ts

@@ -1,3 +1,4 @@
+import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
 import { AxisConfig } from "../models/index.js";
 import { ChartsAxisProps } from "../models/axis.js";
 /**
@@ -8,8 +9,9 @@ import { ChartsAxisProps } from "../models/axis.js";
 export declare const isDateData: (data?: readonly any[]) => data is 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.
  */
-export declare function createDateFormatter(axis: AxisConfig<'band' | 'point', any, ChartsAxisProps>, range: number[]): AxisConfig<'band' | 'point', any, ChartsAxisProps>['valueFormatter'];
+export declare function createDateFormatter(data: Iterable<Date | NumberValue>, range: number[], tickNumber?: number): AxisConfig<'band' | 'point', any, ChartsAxisProps>['valueFormatter'];

package/esm/internals/dateHelpers.js

@@ -8,13 +8,14 @@ export 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.
  */
-export function createDateFormatter(axis, range) {
-  const timeScale = scaleTime(axis.data, range);
+export function createDateFormatter(data, range, tickNumber) {
+  const timeScale = scaleTime(data, range);
   return (v, {
     location
-  }) => location === 'tick' ? timeScale.tickFormat(axis.tickNumber)(v) : `${v.toLocaleString()}`;
+  }) => location === 'tick' ? timeScale.tickFormat(tickNumber)(v) : `${v.toLocaleString()}`;
 }

package/esm/internals/defaultValueFormatters.js

@@ -5,6 +5,11 @@
 export 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/esm/internals/getWordsByLines.d.ts

@@ -1,4 +1,5 @@
 export type ChartsTextBaseline = 'hanging' | 'central' | 'auto' | 'text-after-edge' | 'text-before-edge';
+export type ChartsTextAnchor = 'start' | 'middle' | 'end';
 export interface ChartsTextStyle extends React.CSSProperties {
   angle?: number;
   /**
@@ -6,6 +7,11 @@ export interface ChartsTextStyle extends React.CSSProperties {
    * @default 'central'
    */
   dominantBaseline?: ChartsTextBaseline;
+  /**
+   * The text anchor
+   * @default 'middle'
+   */
+  textAnchor?: ChartsTextAnchor;
 }
 export interface GetWordsByLinesParams {
   /**

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

@@ -12,9 +12,9 @@ import { getAxisTriggerTooltip } from "./getAxisTriggerTooltip.js";
 import { getAxisDomainLimit } from "./getAxisDomainLimit.js";
 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;
@@ -42,7 +42,7 @@ export 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] = 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);
@@ -68,7 +68,7 @@ export function computeAxisValue({
         }, axis.colorMap)) : getColorScale(axis.colorMap))
       });
       if (isDateData(axis.data)) {
-        const dateFormatter = createDateFormatter(axis, scaleRange);
+        const dateFormatter = createDateFormatter(axis.data, scaleRange, axis.tickNumber);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }
@@ -88,7 +88,7 @@ export function computeAxisValue({
         }, axis.colorMap)) : getColorScale(axis.colorMap))
       });
       if (isDateData(axis.data)) {
-        const dateFormatter = createDateFormatter(axis, scaleRange);
+        const dateFormatter = createDateFormatter(axis.data, scaleRange, axis.tickNumber);
         completeAxis[axis.id].valueFormatter = axis.valueFormatter ?? dateFormatter;
       }
     }

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

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

package/esm/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/esm/locales/index.js

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

package/esm/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/esm/locales/svSE.js

@@ -0,0 +1,15 @@
+import { imageMimeTypes } from "./utils/imageMimeTypes.js";
+import { getChartsLocalization } from "./utils/getChartsLocalization.js";
+export const 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[mimeType] ?? mimeType}`
+};
+export const svSE = getChartsLocalization(svSELocaleText);

package/hooks/useInteractionItemProps.js

@@ -1,6 +1,7 @@
 "use strict";
 'use client';
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
 var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
@@ -8,6 +9,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getInteractionItemProps = getInteractionItemProps;
 exports.useInteractionItemProps = exports.useInteractionAllItemProps = void 0;
 var React = _interopRequireWildcard(require("react"));
+var _useEventCallback = _interopRequireDefault(require("@mui/utils/useEventCallback"));
 var _ChartProvider = require("../context/ChartProvider");
 function onPointerDown(event) {
   if ('hasPointerCapture' in event.currentTarget && event.currentTarget.hasPointerCapture(event.pointerId)) {
@@ -19,16 +21,16 @@ const useInteractionItemProps = (data, skip) => {
     instance
   } = (0, _ChartProvider.useChartContext)();
   const interactionActive = React.useRef(false);
-  const onPointerEnter = React.useCallback(() => {
+  const onPointerEnter = (0, _useEventCallback.default)(() => {
     interactionActive.current = true;
     instance.setItemInteraction(data);
     instance.setHighlight(data);
-  }, [instance, data]);
-  const onPointerLeave = React.useCallback(() => {
+  });
+  const onPointerLeave = (0, _useEventCallback.default)(() => {
     interactionActive.current = false;
     instance.removeItemInteraction(data);
     instance.clearHighlight();
-  }, [instance, data]);
+  });
   React.useEffect(() => {
     return () => {
       /* Clean up state if this item is unmounted while active. */

package/hooks/useTicks.js

@@ -79,7 +79,7 @@ function getTicks(options) {
     return [];
   }
   const tickLabelPlacement = tickLabelPlacementProp;
-  const ticks = typeof tickInterval === 'object' ? tickInterval : scale.ticks(tickNumber);
+  const ticks = typeof tickInterval === 'object' ? tickInterval : getDefaultTicks(scale, tickNumber);
 
   // Ticks inside the drawing area
   const visibleTicks = [];
@@ -109,6 +109,13 @@ function getTicks(options) {
   }
   return visibleTicks;
 }
+function getDefaultTicks(scale, tickNumber) {
+  const domain = scale.domain();
+  if (domain[0] === domain[1]) {
+    return [domain[0]];
+  }
+  return scale.ticks(tickNumber);
+}
 function useTicks(options) {
   const {
     scale,

package/index.js

@@ -1,5 +1,5 @@
 /**
- * @mui/x-charts v8.11.0
+ * @mui/x-charts v8.11.2
  *
  * @license MIT
  * This source code is licensed under the MIT license found in the

package/internals/dateHelpers.d.ts

@@ -1,3 +1,4 @@
+import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
 import { AxisConfig } from "../models/index.js";
 import { ChartsAxisProps } from "../models/axis.js";
 /**
@@ -8,8 +9,9 @@ import { ChartsAxisProps } from "../models/axis.js";
 export declare const isDateData: (data?: readonly any[]) => data is 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.
  */
-export declare function createDateFormatter(axis: AxisConfig<'band' | 'point', any, ChartsAxisProps>, range: number[]): AxisConfig<'band' | 'point', any, ChartsAxisProps>['valueFormatter'];
+export declare function createDateFormatter(data: Iterable<Date | NumberValue>, range: number[], tickNumber?: number): AxisConfig<'band' | 'point', any, ChartsAxisProps>['valueFormatter'];

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/getWordsByLines.d.ts

@@ -1,4 +1,5 @@
 export type ChartsTextBaseline = 'hanging' | 'central' | 'auto' | 'text-after-edge' | 'text-before-edge';
+export type ChartsTextAnchor = 'start' | 'middle' | 'end';
 export interface ChartsTextStyle extends React.CSSProperties {
   angle?: number;
   /**
@@ -6,6 +7,11 @@ export interface ChartsTextStyle extends React.CSSProperties {
    * @default 'central'
    */
   dominantBaseline?: ChartsTextBaseline;
+  /**
+   * The text anchor
+   * @default 'middle'
+   */
+  textAnchor?: ChartsTextAnchor;
 }
 export interface GetWordsByLinesParams {
   /**

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/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/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);