@mui/x-charts 8.16.0 → 8.18.0

package/esm/internals/plugins/featurePlugins/useChartZAxis/useChartZAxis.selectors.d.ts

@@ -1,10 +1,8 @@
-export declare const selectorChartZAxis: import("reselect").Selector<import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
+export declare const selectorChartZAxis: (args_0: import("../../corePlugins/useChartId/useChartId.types.js").UseChartIdState & import("../../corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types.js").UseChartExperimentalFeaturesState & import("../../corePlugins/useChartDimensions/useChartDimensions.types.js").UseChartDimensionsState & import("../../corePlugins/useChartSeries/useChartSeries.types.js").UseChartSeriesState<keyof import("../../../index.js").ChartsSeriesConfig> & import("../../corePlugins/useChartAnimation/useChartAnimation.types.js").UseChartAnimationState & import("../../../index.js").UseChartInteractionListenerState & import("./useChartZAxis.types.js").UseChartZAxisState & Partial<{}> & {
   cacheKey: import("../../models/index.js").ChartStateCacheKey;
-} & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, {
+}) => {
   axis: {
     [axisId: string]: import("../../../index.js").ZAxisDefaultized;
   };
   axisIds: import("../../../index.js").AxisId[];
-}, []>;
+};

package/esm/internals/plugins/models/plugin.d.ts

@@ -1,8 +1,9 @@
 import * as React from 'react';
+import { Store } from '@mui/x-internals/store';
 import type { MergeSignaturesProperty, OptionalIfEmpty } from "./helpers.js";
 import type { ChartCorePluginSignatures } from "../corePlugins/index.js";
-import { ChartStore } from "../utils/ChartStore.js";
 import { ChartSeriesConfig } from "./seriesConfig/index.js";
+import { ChartState } from "./chart.js";
 export interface ChartPluginOptions<TSignature extends ChartAnyPluginSignature> {
   /**
    * An imperative api available for internal use.
@@ -107,7 +108,7 @@ export type ChartUsedInstance<TSignature extends ChartAnyPluginSignature> = Plug
    */
   $$signature: TSignature;
 };
-export type ChartUsedStore<TSignature extends ChartAnyPluginSignature> = ChartStore<[TSignature, ...TSignature['dependencies']], TSignature['optionalDependencies']>;
+export type ChartUsedStore<TSignature extends ChartAnyPluginSignature> = Store<ChartState<[TSignature, ...TSignature['dependencies']], TSignature['optionalDependencies']>>;
 export type ChartPlugin<TSignature extends ChartAnyPluginSignature> = {
   /**
    * The main function of the plugin that will be executed by the chart.

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

@@ -1,22 +1,18 @@
-import { SelectorArray, Combiner, Selector, GetStateFromSelectors, GetParamsFromSelectors, CreateSelectorOptions } from 'reselect';
-import { ChartAnyPluginSignature, ChartState, ChartStateCacheKey } from "../models/index.js";
+import type { Selector } from 'reselect';
+import { ChartAnyPluginSignature } from "../models/plugin.js";
+import { ChartState } from "../models/chart.js";
 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>;
-type AnyFunction = (...args: any[]) => any;
-export type Simplify<T> = T extends AnyFunction ? T : { [KeyType in keyof T]: T[KeyType] } & NonNullable<unknown>;
+type StateFromSelectorList<Selectors extends readonly any[]> = Selectors extends [f: infer F, ...other: infer R] ? StateFromSelector<F> extends StateFromSelectorList<R> ? StateFromSelector<F> : StateFromSelectorList<R> : {};
+type StateFromSelector<T> = T extends ((first: infer F, ...args: any[]) => any) ? F : never;
+type Fn = (...args: any[]) => any;
+type ReturnTypes<FunctionsArray extends readonly Fn[]> = { [Index in keyof FunctionsArray]: FunctionsArray[Index] extends FunctionsArray[number] ? ReturnType<FunctionsArray[Index]> : never };
+type MergeParams<STypes extends readonly unknown[], CTypes extends readonly unknown[]> = STypes['length'] extends 0 ? CTypes : MergeParams<DropFirst<STypes>, DropFirst<CTypes>>;
+type DropFirst<T> = T extends [any, ...infer Xs] ? Xs : [];
+type SelectorArgs<Args extends any[], Selectors extends ReadonlyArray<Selector<any>>, Combiner extends (...args: readonly [...ReturnTypes<Selectors>, ...Args]) => any> = Selectors['length'] extends 0 ? MergeParams<ReturnTypes<Selectors>, Parameters<Combiner>> : [StateFromSelectorList<Selectors>, ...MergeParams<ReturnTypes<Selectors>, Parameters<Combiner>>];
+type ChartSelector<Args extends any[], Selectors extends ReadonlyArray<Selector<any>>, Combiner extends (...args: readonly [...ReturnTypes<Selectors>, ...Args]) => any> = (...args: SelectorArgs<Args, Selectors, Combiner>) => ReturnType<Combiner>;
 /**
- * Method wrapping reselect's createSelector to provide caching for chart instances.
- *
+ * Method wrapping reselect's createChartSelector to provide caching for chart instances.
  */
-export declare const createSelector: <InputSelectors extends SelectorArray<any>, Result>(...createSelectorArgs: [inputSelectors: [...InputSelectors], combiner: Combiner<InputSelectors, Result>, createSelectorOptions?: Simplify<CreateSelectorOptions<any,
-// MemoizeFunction,
-any,
-// ArgsMemoizeFunction,
-any,
-// OverrideMemoizeFunction,
-any>>]) => Selector<GetStateFromSelectors<InputSelectors> & {
-  cacheKey: ChartStateCacheKey;
-}, Result, GetParamsFromSelectors<InputSelectors> & InterruptRecursion>;
+export declare const createSelector: <const Args extends any[], const Selectors extends ReadonlyArray<Selector<any>>, const Combiner extends (...args: readonly [...ReturnTypes<Selectors>, ...Args]) => any>(inputSelectors: [...Selectors], combiner: Combiner) => ChartSelector<Args, Selectors, Combiner>;
 export {};

package/esm/internals/plugins/utils/selectors.js

@@ -1,37 +1,5 @@
-import { lruMemoize, createSelectorCreator } from 'reselect';
-const reselectCreateSelector = createSelectorCreator({
-  memoize: lruMemoize,
-  memoizeOptions: {
-    maxSize: 1,
-    equalityCheck: Object.is
-  }
-});
-const cache = new WeakMap();
+import { createSelector as internalCreateSelector } from '@mui/x-internals/store';
 /**
- * Method wrapping reselect's createSelector to provide caching for chart instances.
- *
+ * Method wrapping reselect's createChartSelector to provide caching for chart instances.
  */
-export const createSelector = (...createSelectorArgs) => {
-  const selector = (state, ...selectorArgs) => {
-    const cacheKey = state.cacheKey;
-
-    // If there is no cache for the current chart instance, create one.
-    let cacheForCurrentChartInstance = cache.get(cacheKey);
-    if (!cacheForCurrentChartInstance) {
-      cacheForCurrentChartInstance = new Map();
-      cache.set(cacheKey, cacheForCurrentChartInstance);
-    }
-
-    // If there is a cached selector, execute it.
-    const cachedSelector = cacheForCurrentChartInstance.get(createSelectorArgs);
-    if (cachedSelector) {
-      return cachedSelector(state, ...selectorArgs);
-    }
-
-    // Otherwise, create a new selector and cache it and execute it.
-    const fn = reselectCreateSelector(...createSelectorArgs);
-    cacheForCurrentChartInstance.set(createSelectorArgs, fn);
-    return fn(state, ...selectorArgs);
-  };
-  return selector;
-};
+export const createSelector = (inputSelectors, combiner) => internalCreateSelector(...inputSelectors, combiner);

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

@@ -1,6 +1,6 @@
-import type { ChartStore } from "./ChartStore.js";
+import type { Store } from '@mui/x-internals/store';
 import { ChartAnyPluginSignature, ChartState } from "../models/index.js";
-export declare function useLazySelectorEffect<TSignatures extends readonly ChartAnyPluginSignature[], Value>(store: ChartStore<TSignatures>, selector: (state: ChartState<TSignatures>) => Value, effect: (previous: Value, next: Value) => void,
+export declare function useLazySelectorEffect<TSignatures extends readonly ChartAnyPluginSignature[], Value>(store: Store<ChartState<TSignatures>>, selector: (state: ChartState<TSignatures>) => Value, effect: (previous: Value, next: Value) => void,
 /**
  * If true, the selector will be ignored.
  */

package/esm/internals/plugins/utils/useLazySelectorEffect.js

@@ -51,7 +51,7 @@ function initialize(params) {
       if (!isRunning) {
         // Initialize values
         isRunning = true;
-        previousState = selector(store.value);
+        previousState = selector(store.state);
       }
       subscribe();
       return () => {
@@ -63,7 +63,7 @@ function initialize(params) {
   if (!initialSkip) {
     // Initialize values
     isRunning = true;
-    previousState = selector(store.value);
+    previousState = selector(store.state);
     subscribe();
   }
   return instance;

package/esm/internals/store/useCharts.d.ts

@@ -1,8 +1,7 @@
 import * as React from 'react';
-import { ChartStore } from "../plugins/utils/ChartStore.js";
-import { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ConvertSignaturesIntoPlugins } from "../plugins/models/index.js";
+import { Store } from '@mui/x-internals/store';
+import { ChartAnyPluginSignature, ChartInstance, ChartPublicAPI, ChartState, ConvertSignaturesIntoPlugins } from "../plugins/models/index.js";
 import { UseChartBaseProps } from "./useCharts.types.js";
-import { UseChartInteractionState } from "../plugins/featurePlugins/useChartInteraction/useChartInteraction.types.js";
 import { ChartSeriesType } from "../../models/seriesType/config.js";
 import { ChartSeriesConfig } from "../plugins/models/seriesConfig/index.js";
 /**
@@ -16,7 +15,7 @@ import { ChartSeriesConfig } from "../plugins/models/seriesConfig/index.js";
  */
 export declare function useCharts<TSeriesType extends ChartSeriesType, TSignatures extends readonly ChartAnyPluginSignature[]>(inPlugins: ConvertSignaturesIntoPlugins<TSignatures>, props: Partial<UseChartBaseProps<TSignatures>>, seriesConfig: ChartSeriesConfig<TSeriesType>): {
   contextValue: {
-    store: ChartStore<readonly [import("../index.js").UseChartIdSignature, import("../plugins/corePlugins/useChartExperimentalFeature/index.js").UseChartExperimentalFeaturesSignature, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, import("../index.js").UseChartInteractionListenerSignature, ...TSignatures]> & UseChartInteractionState;
+    store: Store<ChartState<readonly [import("../index.js").UseChartIdSignature, import("../plugins/corePlugins/useChartExperimentalFeature/index.js").UseChartExperimentalFeaturesSignature, import("../index.js").UseChartDimensionsSignature, import("../index.js").UseChartSeriesSignature, import("../plugins/corePlugins/useChartAnimation/index.js").UseChartAnimationSignature, import("../index.js").UseChartInteractionListenerSignature, ...TSignatures]>>;
     publicAPI: ChartPublicAPI<TSignatures>;
     instance: ChartInstance<TSignatures>;
     svgRef: React.RefObject<SVGSVGElement | null>;

package/esm/internals/store/useCharts.js

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import useId from '@mui/utils/useId';
-import { ChartStore } from "../plugins/utils/ChartStore.js";
+import { Store } from '@mui/x-internals/store';
 import { CHART_CORE_PLUGINS } from "../plugins/corePlugins/index.js";
 import { extractPluginParamsFromProps } from "./extractPluginParamsFromProps.js";
 let globalId = 0;
@@ -41,7 +41,7 @@ export function useCharts(inPlugins, props, seriesConfig) {
         Object.assign(initialState, plugin.getInitialState(pluginParams, initialState, seriesConfig));
       }
     });
-    storeRef.current = new ChartStore(initialState);
+    storeRef.current = new Store(initialState);
   }
   const runPlugin = plugin => {
     const pluginResponse = plugin({

package/esm/internals/store/useSelector.d.ts

@@ -1,4 +1,2 @@
-import { ChartAnyPluginSignature } from "../plugins/models/index.js";
-import { ChartsSelector } from "../plugins/utils/selectors.js";
-import { ChartStore } from "../plugins/utils/ChartStore.js";
-export declare const useSelector: <TSignatures extends readonly ChartAnyPluginSignature[], TOptionalSignatures extends readonly ChartAnyPluginSignature[], TArgs extends readonly any[], TResult = unknown>(store: ChartStore<TSignatures, TOptionalSignatures>, selector: ChartsSelector<TSignatures, TOptionalSignatures, TResult, TArgs>, args?: [TArgs] extends [never] ? [] : TArgs, equals?: (a: TResult, b: TResult) => boolean) => TResult;
+import { useStore as useInternalStore } from '@mui/x-internals/store';
+export declare const useSelector: typeof useInternalStore;

package/esm/internals/store/useSelector.js

@@ -1,8 +1,2 @@
-/* We need to import the shim because React 17 does not support the `useSyncExternalStore` API.
- * More info: https://github.com/mui/mui-x/issues/18303#issuecomment-2958392341 */
-import { useSyncExternalStoreWithSelector } from 'use-sync-external-store/shim/with-selector';
-const defaultCompare = Object.is;
-export const useSelector = (store, selector, args = [], equals = defaultCompare) => {
-  const selectorWithArgs = state => selector(state, ...args);
-  return useSyncExternalStoreWithSelector(store.subscribe, store.getSnapshot, store.getSnapshot, selectorWithArgs, equals);
-};
+import { useStore as useInternalStore } from '@mui/x-internals/store';
+export const useSelector = useInternalStore;

package/esm/internals/store/useStore.d.ts

@@ -1,5 +1,3 @@
-import { ChartStore } from "../plugins/utils/ChartStore.js";
-import { UseChartInteractionSignature } from "../plugins/featurePlugins/useChartInteraction/index.js";
-import { UseChartHighlightSignature } from "../plugins/featurePlugins/useChartHighlight/index.js";
-import { ChartAnyPluginSignature } from "../plugins/models/index.js";
-export declare function useStore<TSignatures extends ChartAnyPluginSignature[] = []>(): ChartStore<[...TSignatures, UseChartInteractionSignature, UseChartHighlightSignature]>;
+import { Store } from '@mui/x-internals/store';
+import { ChartAnyPluginSignature, ChartState } from "../plugins/models/index.js";
+export declare function useStore<TSignatures extends ChartAnyPluginSignature[] = []>(): Store<ChartState<TSignatures>>;

package/esm/locales/index.d.ts

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

package/esm/locales/index.js

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

package/esm/locales/nbNO.d.ts

@@ -0,0 +1,115 @@
+import { ChartsLocaleText } from "./utils/chartsLocaleTextApi.js";
+export declare const nbNOLocaleText: Partial<ChartsLocaleText>;
+export declare const nbNO: {
+  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;
+          chartTypeBar?: string | undefined;
+          chartTypeColumn?: string | undefined;
+          chartTypeLine?: string | undefined;
+          chartTypeArea?: string | undefined;
+          chartTypePie?: string | undefined;
+          chartPaletteLabel?: string | undefined;
+          chartPaletteNameRainbowSurge?: string | undefined;
+          chartPaletteNameBlueberryTwilight?: string | undefined;
+          chartPaletteNameMangoFusion?: string | undefined;
+          chartPaletteNameCheerfulFiesta?: string | undefined;
+          chartPaletteNameStrawberrySky?: string | undefined;
+          chartPaletteNameBlue?: string | undefined;
+          chartPaletteNameGreen?: string | undefined;
+          chartPaletteNamePurple?: string | undefined;
+          chartPaletteNameRed?: string | undefined;
+          chartPaletteNameOrange?: string | undefined;
+          chartPaletteNameYellow?: string | undefined;
+          chartPaletteNameCyan?: string | undefined;
+          chartPaletteNamePink?: string | undefined;
+          chartConfigurationSectionChart?: string | undefined;
+          chartConfigurationSectionAxes?: string | undefined;
+          chartConfigurationSectionTooltip?: string | undefined;
+          chartConfigurationSectionLegend?: string | undefined;
+          chartConfigurationSectionColumns?: string | undefined;
+          chartConfigurationSectionBars?: string | undefined;
+          chartConfigurationSectionLines?: string | undefined;
+          chartConfigurationSectionAreas?: string | undefined;
+          chartConfigurationSectionArcs?: string | undefined;
+          chartConfigurationGrid?: string | undefined;
+          chartConfigurationBorderRadius?: string | undefined;
+          chartConfigurationCategoryGapRatio?: string | undefined;
+          chartConfigurationBarGapRatio?: string | undefined;
+          chartConfigurationStacked?: string | undefined;
+          chartConfigurationShowToolbar?: string | undefined;
+          chartConfigurationSkipAnimation?: string | undefined;
+          chartConfigurationInnerRadius?: string | undefined;
+          chartConfigurationOuterRadius?: string | undefined;
+          chartConfigurationColors?: string | undefined;
+          chartConfigurationHideLegend?: string | undefined;
+          chartConfigurationShowMark?: string | undefined;
+          chartConfigurationHeight?: string | undefined;
+          chartConfigurationWidth?: string | undefined;
+          chartConfigurationSeriesGap?: string | undefined;
+          chartConfigurationTickPlacement?: string | undefined;
+          chartConfigurationTickLabelPlacement?: string | undefined;
+          chartConfigurationCategoriesAxisLabel?: string | undefined;
+          chartConfigurationSeriesAxisLabel?: string | undefined;
+          chartConfigurationXAxisPosition?: string | undefined;
+          chartConfigurationYAxisPosition?: string | undefined;
+          chartConfigurationSeriesAxisReverse?: string | undefined;
+          chartConfigurationTooltipPlacement?: string | undefined;
+          chartConfigurationTooltipTrigger?: string | undefined;
+          chartConfigurationLegendPosition?: string | undefined;
+          chartConfigurationLegendDirection?: string | undefined;
+          chartConfigurationBarLabels?: string | undefined;
+          chartConfigurationColumnLabels?: string | undefined;
+          chartConfigurationInterpolation?: string | undefined;
+          chartConfigurationPaddingAngle?: string | undefined;
+          chartConfigurationCornerRadius?: string | undefined;
+          chartConfigurationArcLabels?: string | undefined;
+          chartConfigurationStartAngle?: string | undefined;
+          chartConfigurationEndAngle?: string | undefined;
+          chartConfigurationPieTooltipTrigger?: string | undefined;
+          chartConfigurationPieLegendPosition?: string | undefined;
+          chartConfigurationPieLegendDirection?: string | undefined;
+          chartConfigurationOptionNone?: string | undefined;
+          chartConfigurationOptionValue?: string | undefined;
+          chartConfigurationOptionAuto?: string | undefined;
+          chartConfigurationOptionTop?: string | undefined;
+          chartConfigurationOptionTopLeft?: string | undefined;
+          chartConfigurationOptionTopRight?: string | undefined;
+          chartConfigurationOptionBottom?: string | undefined;
+          chartConfigurationOptionBottomLeft?: string | undefined;
+          chartConfigurationOptionBottomRight?: string | undefined;
+          chartConfigurationOptionLeft?: string | undefined;
+          chartConfigurationOptionRight?: string | undefined;
+          chartConfigurationOptionAxis?: string | undefined;
+          chartConfigurationOptionItem?: string | undefined;
+          chartConfigurationOptionHorizontal?: string | undefined;
+          chartConfigurationOptionVertical?: string | undefined;
+          chartConfigurationOptionBoth?: string | undefined;
+          chartConfigurationOptionStart?: string | undefined;
+          chartConfigurationOptionMiddle?: string | undefined;
+          chartConfigurationOptionEnd?: string | undefined;
+          chartConfigurationOptionExtremities?: string | undefined;
+          chartConfigurationOptionTick?: string | undefined;
+          chartConfigurationOptionMonotoneX?: string | undefined;
+          chartConfigurationOptionMonotoneY?: string | undefined;
+          chartConfigurationOptionCatmullRom?: string | undefined;
+          chartConfigurationOptionLinear?: string | undefined;
+          chartConfigurationOptionNatural?: string | undefined;
+          chartConfigurationOptionStep?: string | undefined;
+          chartConfigurationOptionStepBefore?: string | undefined;
+          chartConfigurationOptionStepAfter?: string | undefined;
+          chartConfigurationOptionBumpX?: string | undefined;
+          chartConfigurationOptionBumpY?: string | undefined;
+        };
+      };
+    };
+  };
+};

package/esm/locales/nbNO.js

@@ -0,0 +1,113 @@
+import { imageMimeTypes } from "./utils/imageMimeTypes.js";
+import { getChartsLocalization } from "./utils/getChartsLocalization.js";
+export const nbNOLocaleText = {
+  // Overlay
+  loading: 'Laster data…',
+  noData: 'Ingen data å vise',
+  // Toolbar
+  zoomIn: 'Zoom inn',
+  zoomOut: 'Zoom ut',
+  toolbarExport: 'Eksporter',
+  // Toolbar Export Menu
+  toolbarExportPrint: 'Skriv ut',
+  toolbarExportImage: mimeType => `Eksporter som ${imageMimeTypes[mimeType] ?? mimeType}`,
+  // Charts renderer configuration
+  chartTypeBar: 'Stolpe',
+  chartTypeColumn: 'Kolonne',
+  chartTypeLine: 'Linje',
+  chartTypeArea: 'Område',
+  chartTypePie: 'Kake',
+  chartPaletteLabel: 'Fargepalett',
+  chartPaletteNameRainbowSurge: 'Regnbuebølge',
+  chartPaletteNameBlueberryTwilight: 'Blåbærskumring',
+  chartPaletteNameMangoFusion: 'Mango Fusion',
+  chartPaletteNameCheerfulFiesta: 'Munter Fiesta',
+  chartPaletteNameStrawberrySky: 'Jordbærhimmel',
+  chartPaletteNameBlue: 'Blå',
+  chartPaletteNameGreen: 'Grønn',
+  chartPaletteNamePurple: 'Lilla',
+  chartPaletteNameRed: 'Rød',
+  chartPaletteNameOrange: 'Oransje',
+  chartPaletteNameYellow: 'Gul',
+  chartPaletteNameCyan: 'Cyan',
+  chartPaletteNamePink: 'Rosa',
+  chartConfigurationSectionChart: 'Diagram',
+  chartConfigurationSectionColumns: 'Kolonner',
+  chartConfigurationSectionBars: 'Stolper',
+  chartConfigurationSectionAxes: 'Akser',
+  chartConfigurationGrid: 'Rutenett',
+  chartConfigurationBorderRadius: 'Kantradius',
+  chartConfigurationCategoryGapRatio: 'Kategorigapforhold',
+  chartConfigurationBarGapRatio: 'Seriegapforhold',
+  chartConfigurationStacked: 'Stablet',
+  chartConfigurationShowToolbar: 'Vis verktøylinje',
+  chartConfigurationSkipAnimation: 'Hopp over animasjon',
+  chartConfigurationInnerRadius: 'Indre radius',
+  chartConfigurationOuterRadius: 'Ytre radius',
+  chartConfigurationColors: 'Farger',
+  chartConfigurationHideLegend: 'Skjul forklaring',
+  chartConfigurationShowMark: 'Vis merke',
+  chartConfigurationHeight: 'Høyde',
+  chartConfigurationWidth: 'Bredde',
+  chartConfigurationSeriesGap: 'Serie gap',
+  chartConfigurationTickPlacement: 'Hakeplassering',
+  chartConfigurationTickLabelPlacement: 'Hakeetikett plassering',
+  chartConfigurationCategoriesAxisLabel: 'Kategori akseetikett',
+  chartConfigurationSeriesAxisLabel: 'Serie akseetikett',
+  chartConfigurationXAxisPosition: 'X-akse posisjon',
+  chartConfigurationYAxisPosition: 'Y-akse posisjon',
+  chartConfigurationSeriesAxisReverse: 'Snu serieakse',
+  chartConfigurationTooltipPlacement: 'Plassering',
+  chartConfigurationTooltipTrigger: 'Utløser',
+  chartConfigurationLegendPosition: 'Posisjon',
+  chartConfigurationLegendDirection: 'Retning',
+  chartConfigurationBarLabels: 'Stolpeetiketter',
+  chartConfigurationColumnLabels: 'Kolonneetiketter',
+  chartConfigurationInterpolation: 'Interpolasjon',
+  chartConfigurationSectionTooltip: 'Informasjonsboks',
+  chartConfigurationSectionLegend: 'Diagramforklaring',
+  chartConfigurationSectionLines: 'Linjer',
+  chartConfigurationSectionAreas: 'Områder',
+  chartConfigurationSectionArcs: 'Buer',
+  chartConfigurationPaddingAngle: 'Polstringsvinkel',
+  chartConfigurationCornerRadius: 'Hjørneradius',
+  chartConfigurationArcLabels: 'Bueetiketter',
+  chartConfigurationStartAngle: 'Startvinkel',
+  chartConfigurationEndAngle: 'Sluttvinkel',
+  chartConfigurationPieTooltipTrigger: 'Utløser',
+  chartConfigurationPieLegendPosition: 'Posisjon',
+  chartConfigurationPieLegendDirection: 'Retning',
+  // Common option labels
+  chartConfigurationOptionNone: 'Ingen',
+  chartConfigurationOptionValue: 'Verdi',
+  chartConfigurationOptionAuto: 'Automatisk',
+  chartConfigurationOptionTop: 'Topp',
+  chartConfigurationOptionTopLeft: 'Topp Venstre',
+  chartConfigurationOptionTopRight: 'Topp Høyre',
+  chartConfigurationOptionBottom: 'Bunn',
+  chartConfigurationOptionBottomLeft: 'Bunn Venstre',
+  chartConfigurationOptionBottomRight: 'Bunn Høyre',
+  chartConfigurationOptionLeft: 'Venstre',
+  chartConfigurationOptionRight: 'Høyre',
+  chartConfigurationOptionAxis: 'Akse',
+  chartConfigurationOptionItem: 'Artikkel',
+  chartConfigurationOptionHorizontal: 'Horisontal',
+  chartConfigurationOptionVertical: 'Vertikal',
+  chartConfigurationOptionBoth: 'Begge',
+  chartConfigurationOptionStart: 'Start',
+  chartConfigurationOptionMiddle: 'Midten',
+  chartConfigurationOptionEnd: 'Slutt',
+  chartConfigurationOptionExtremities: 'Ekstremiteter',
+  chartConfigurationOptionTick: 'Hake',
+  chartConfigurationOptionMonotoneX: 'Monoton X',
+  chartConfigurationOptionMonotoneY: 'Monoton Y',
+  chartConfigurationOptionCatmullRom: 'Catmull-Rom',
+  chartConfigurationOptionLinear: 'Lineær',
+  chartConfigurationOptionNatural: 'Naturlig',
+  chartConfigurationOptionStep: 'Steg',
+  chartConfigurationOptionStepBefore: 'Steg Før',
+  chartConfigurationOptionStepAfter: 'Steg Etter',
+  chartConfigurationOptionBumpX: 'Dunke X',
+  chartConfigurationOptionBumpY: 'Dunke Y'
+};
+export const nbNO = getChartsLocalization(nbNOLocaleText);

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

@@ -1,6 +1,7 @@
 import { DefaultizedProps } from '@mui/x-internals/types';
 import type { StackOffsetType } from "../stacking.js";
 import { CartesianSeriesType, CommonSeriesType, CommonDefaultizedProps, StackableSeriesType, SeriesId } from "./common.js";
+import { BarItem, BarLabelContext } from "../../BarChart/index.js";
 export interface BarSeriesType extends CommonSeriesType<number | null>, CartesianSeriesType, StackableSeriesType {
   type: 'bar';
   /**
@@ -35,6 +36,21 @@ export interface BarSeriesType extends CommonSeriesType<number | null>, Cartesia
    * @default 0px
    */
   minBarSize?: number;
+  /**
+   * If provided, the function will be used to format the label of the bar.
+   * It can be set to 'value' to display the current value.
+   * @param {BarItem} item The item to format.
+   * @param {BarLabelContext} context data about the bar.
+   * @returns {string} The formatted label.
+   */
+  barLabel?: 'value' | ((item: BarItem, context: BarLabelContext) => string | null | undefined);
+  /**
+   * The placement of the bar label. It accepts the following values:
+   * - 'center': the label is centered on the bar
+   * - 'outside': the label is placed after the end of the bar, from the point of the view of the origin. For a vertical positive bar, the label is above its top edge; for a horizontal negative bar, the label is placed to the left of its leftmost limit.
+   * @default 'center'
+   */
+  barLabelPlacement?: 'center' | 'outside';
 }
 /**
  * An object that allows to identify a single bar.

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

@@ -10,15 +10,31 @@ export type SeriesValueFormatterContext = {
   dataIndex: number;
 };
 export type SeriesValueFormatter<TValue> = (value: TValue, context: SeriesValueFormatterContext) => string | null;
-export type CommonSeriesType<TValue> = {
-  /**
-   * The id of this series.
-   */
-  id?: SeriesId;
+export type ColorCallbackValue<TValue> = {
+  value: TValue;
+  dataIndex: number;
+};
+export interface SeriesColor<TValue> {
   /**
    * Color to use when displaying the series.
+   * If `colorGetter` is provided, it will be used to get the color for each data point instead.
+   * Otherwise, this color will be used for all data points in the series.
    */
   color?: string;
+  /**
+   * A function that returns a color based on the value and/or the data index of a point.
+   * The returned color is used when displaying the specific data point, e.g., a marker in a line chart.
+   * When the color of the entire series is required, e.g., in legends, the `color` property is used instead.
+   * @param {ColorCallbackValue<TValue>} data  An object containing data point's `dataIndex` and `value`.
+   * @returns {string} The color to use for the specific data point.
+   */
+  colorGetter?: (data: ColorCallbackValue<TValue>) => string;
+}
+export interface CommonSeriesType<TValue> extends SeriesColor<TValue> {
+  /**
+   * The id of this series.
+   */
+  id?: SeriesId;
   /**
    * Formatter used to render values in tooltip or other data display.
    * @param {TValue} value The series' value to render.
@@ -36,7 +52,7 @@ export type CommonSeriesType<TValue> = {
    * There is a default mark type for each series type.
    */
   labelMarkType?: ChartsLabelMarkType;
-};
+}
 export type CommonDefaultizedProps = 'id' | 'valueFormatter' | 'data';
 export type CartesianSeriesType = {
   /**

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

@@ -1,17 +1,16 @@
-import { DefaultizedProps, MakeOptional } from '@mui/x-internals/types';
+import { DefaultizedProps, MakeOptional, MakeRequired } from '@mui/x-internals/types';
 import { ScatterSeriesType, DefaultizedScatterSeriesType, ScatterItemIdentifier, ScatterValueType } from "./scatter.js";
 import { LineSeriesType, DefaultizedLineSeriesType, LineItemIdentifier } from "./line.js";
 import { BarItemIdentifier, BarSeriesType, DefaultizedBarSeriesType } from "./bar.js";
 import { PieSeriesType, DefaultizedPieSeriesType, PieItemIdentifier, PieValueType, DefaultizedPieValueType } from "./pie.js";
 import { DefaultizedRadarSeriesType, RadarItemIdentifier, RadarSeriesType } from "./radar.js";
+import { SeriesColor } from "./common.js";
 export interface ChartsSeriesConfig {
   bar: {
     /**
      * Series type when passed to the formatter (some ids are given default values to simplify the DX)
      */
-    seriesInput: DefaultizedProps<BarSeriesType, 'id'> & {
-      color: string;
-    };
+    seriesInput: DefaultizedProps<BarSeriesType, 'id'> & MakeRequired<SeriesColor<number | null>, 'color'>;
     /**
      * Series type when stored in the context (with all the preprocessing added))
      */
@@ -27,9 +26,7 @@ export interface ChartsSeriesConfig {
     axisType: 'cartesian';
   };
   line: {
-    seriesInput: DefaultizedProps<LineSeriesType, 'id'> & {
-      color: string;
-    };
+    seriesInput: DefaultizedProps<LineSeriesType, 'id'> & MakeRequired<SeriesColor<number | null>, 'color'>;
     series: DefaultizedLineSeriesType;
     seriesProp: LineSeriesType;
     itemIdentifier: LineItemIdentifier;
@@ -39,9 +36,7 @@ export interface ChartsSeriesConfig {
     axisType: 'cartesian';
   };
   scatter: {
-    seriesInput: DefaultizedProps<ScatterSeriesType, 'id'> & {
-      color: string;
-    };
+    seriesInput: DefaultizedProps<ScatterSeriesType, 'id'> & MakeRequired<SeriesColor<ScatterValueType | null>, 'color'>;
     series: DefaultizedScatterSeriesType;
     seriesProp: ScatterSeriesType;
     valueType: ScatterValueType;
@@ -51,9 +46,7 @@ export interface ChartsSeriesConfig {
   };
   pie: {
     seriesInput: Omit<DefaultizedProps<PieSeriesType, 'id'>, 'data'> & {
-      data: (MakeOptional<PieValueType, 'id'> & {
-        color: string;
-      })[];
+      data: Array<MakeOptional<PieValueType, 'id'> & MakeRequired<SeriesColor<PieValueType | null>, 'color'>>;
     };
     series: DefaultizedPieSeriesType;
     seriesProp: PieSeriesType<MakeOptional<PieValueType, 'id'>>;
@@ -62,9 +55,7 @@ export interface ChartsSeriesConfig {
     valueType: DefaultizedPieValueType;
   };
   radar: {
-    seriesInput: DefaultizedProps<RadarSeriesType, 'id'> & {
-      color: string;
-    };
+    seriesInput: DefaultizedProps<RadarSeriesType, 'id'> & MakeRequired<SeriesColor<number>, 'color'>;
     series: DefaultizedRadarSeriesType;
     seriesProp: RadarSeriesType;
     itemIdentifier: RadarItemIdentifier;

package/hooks/animation/useAnimateBarLabel.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { BarLabelProps } from "../../BarChart/index.js";
-type UseAnimateBarLabelParams = Pick<BarLabelProps, 'xOrigin' | 'yOrigin' | 'x' | 'y' | 'width' | 'height' | 'layout' | 'skipAnimation'> & {
+type UseAnimateBarLabelParams = Pick<BarLabelProps, 'xOrigin' | 'yOrigin' | 'x' | 'y' | 'width' | 'height' | 'layout' | 'skipAnimation' | 'placement'> & {
   ref?: React.Ref<SVGTextElement>;
 };
 type UseAnimateBarLabelReturn = {