@mui/x-charts 8.21.0 → 8.22.1

package/utils/index.d.ts

@@ -1,4 +1,5 @@
 /**
  * Exported utility functions for the x-charts library.
  */
-export * from "./niceDomain.js";
+export * from "./niceDomain.js";
+export { tickFrequencies } from "./timeTicks.js";

package/utils/index.js

@@ -3,9 +3,19 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+var _exportNames = {
+  tickFrequencies: true
+};
+Object.defineProperty(exports, "tickFrequencies", {
+  enumerable: true,
+  get: function () {
+    return _timeTicks.tickFrequencies;
+  }
+});
 var _niceDomain = require("./niceDomain");
 Object.keys(_niceDomain).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
   if (key in exports && exports[key] === _niceDomain[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
@@ -13,4 +23,5 @@ Object.keys(_niceDomain).forEach(function (key) {
       return _niceDomain[key];
     }
   });
-});
+});
+var _timeTicks = require("./timeTicks");

package/utils/niceDomain.d.ts

@@ -1,5 +1,5 @@
-import { NumberValue } from '@mui/x-charts-vendor/d3-scale';
-import { ContinuousScaleName } from "../models/index.js";
+import { type NumberValue } from '@mui/x-charts-vendor/d3-scale';
+import { type ContinuousScaleName } from "../models/index.js";
 /**
  * Returns a nice domain for the given scale type and domain.
  * Does not modify the original domain.

package/utils/timeTicks.d.ts

@@ -0,0 +1,2 @@
+import type { TickFrequency, TickFrequencyDefinition } from "../models/timeTicks.js";
+export declare const tickFrequencies: Record<TickFrequency, TickFrequencyDefinition>;

package/utils/timeTicks.js

@@ -0,0 +1,68 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.tickFrequencies = void 0;
+function yearNumber(from, to) {
+  return Math.abs(to.getFullYear() - from.getFullYear());
+}
+function monthNumber(from, to) {
+  return Math.abs(to.getFullYear() * 12 + to.getMonth() - 12 * from.getFullYear() - from.getMonth());
+}
+function dayNumber(from, to) {
+  return Math.abs(to.getTime() - from.getTime()) / (1000 * 60 * 60 * 24);
+}
+function hourNumber(from, to) {
+  return Math.abs(to.getTime() - from.getTime()) / (1000 * 60 * 60);
+}
+const tickFrequencies = exports.tickFrequencies = {
+  years: {
+    getTickNumber: yearNumber,
+    isTick: (prev, value) => value.getFullYear() !== prev.getFullYear(),
+    format: d => d.getFullYear().toString()
+  },
+  quarterly: {
+    getTickNumber: (from, to) => Math.floor(monthNumber(from, to) / 3),
+    isTick: (prev, value) => value.getMonth() !== prev.getMonth() && value.getMonth() % 3 === 0,
+    format: new Intl.DateTimeFormat('default', {
+      month: 'short'
+    }).format
+  },
+  months: {
+    getTickNumber: monthNumber,
+    isTick: (prev, value) => value.getMonth() !== prev.getMonth(),
+    format: new Intl.DateTimeFormat('default', {
+      month: 'short'
+    }).format
+  },
+  biweekly: {
+    getTickNumber: (from, to) => dayNumber(from, to) / 14,
+    isTick: (prev, value) => (value.getDay() < prev.getDay() || dayNumber(value, prev) > 7) && Math.floor(value.getDate() / 7) % 2 === 1,
+    format: new Intl.DateTimeFormat('default', {
+      day: 'numeric'
+    }).format
+  },
+  weeks: {
+    getTickNumber: (from, to) => dayNumber(from, to) / 7,
+    isTick: (prev, value) => value.getDay() < prev.getDay() || dayNumber(value, prev) >= 7,
+    format: new Intl.DateTimeFormat('default', {
+      day: 'numeric'
+    }).format
+  },
+  days: {
+    getTickNumber: dayNumber,
+    isTick: (prev, value) => value.getDate() !== prev.getDate(),
+    format: new Intl.DateTimeFormat('default', {
+      day: 'numeric'
+    }).format
+  },
+  hours: {
+    getTickNumber: hourNumber,
+    isTick: (prev, value) => value.getHours() !== prev.getHours(),
+    format: new Intl.DateTimeFormat('default', {
+      hour: '2-digit',
+      minute: '2-digit'
+    }).format
+  }
+};

package/LineChart/FocusedMark.d.ts

@@ -1 +0,0 @@
-export declare function FocusedMark(): import("react/jsx-runtime").JSX.Element | null;

package/RadarChart/seriesConfig/formatter.d.ts

@@ -1,3 +0,0 @@
-import { SeriesProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
-declare const formatter: SeriesProcessor<'radar'>;
-export default formatter;

package/RadarChart/seriesConfig/formatter.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _defaultizeValueFormatter = require("../../internals/defaultizeValueFormatter");
-const formatter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return {
-    seriesOrder,
-    series: (0, _defaultizeValueFormatter.defaultizeValueFormatter)(series, v => v == null ? '' : v.toLocaleString())
-  };
-};
-var _default = exports.default = formatter;

package/esm/LineChart/FocusedMark.d.ts

@@ -1 +0,0 @@
-export declare function FocusedMark(): import("react/jsx-runtime").JSX.Element | null;

package/esm/RadarChart/seriesConfig/formatter.d.ts

@@ -1,3 +0,0 @@
-import { SeriesProcessor } from "../../internals/plugins/models/seriesConfig/index.js";
-declare const formatter: SeriesProcessor<'radar'>;
-export default formatter;

package/esm/RadarChart/seriesConfig/formatter.js

@@ -1,12 +0,0 @@
-import { defaultizeValueFormatter } from "../../internals/defaultizeValueFormatter.js";
-const formatter = params => {
-  const {
-    seriesOrder,
-    series
-  } = params;
-  return {
-    seriesOrder,
-    series: defaultizeValueFormatter(series, v => v == null ? '' : v.toLocaleString())
-  };
-};
-export default formatter;

package/esm/internals/defaultizeValueFormatter.d.ts

@@ -1,6 +0,0 @@
-import { SeriesId, SeriesValueFormatter } from "../models/seriesType/common.js";
-export declare function defaultizeValueFormatter<TValue, ISeries extends {
-  valueFormatter?: SeriesValueFormatter<TValue>;
-}>(series: Record<SeriesId, ISeries>, defaultValueFormatter: SeriesValueFormatter<TValue>): Record<SeriesId, ISeries & {
-  valueFormatter: SeriesValueFormatter<TValue>;
-}>;

package/esm/internals/defaultizeValueFormatter.js

@@ -1,10 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-export function defaultizeValueFormatter(series, defaultValueFormatter) {
-  const defaultizedSeries = {};
-  Object.keys(series).forEach(seriesId => {
-    defaultizedSeries[seriesId] = _extends({}, series[seriesId], {
-      valueFormatter: series[seriesId].valueFormatter ?? defaultValueFormatter
-    });
-  });
-  return defaultizedSeries;
-}

package/esm/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.d.ts

@@ -1,12 +0,0 @@
-export declare const selectorChartsTooltipItem: (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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
-export declare const selectorChartsTooltipItemIsDefined: (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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => boolean;
-export declare const selectorChartsTooltipItemPosition: (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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, placement?: "bottom" | "left" | "right" | "top" | undefined) => {
-  x: number;
-  y: number;
-} | null;

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

@@ -1,2 +0,0 @@
-import { useStore as useInternalStore } from '@mui/x-internals/store';
-export declare const useSelector: typeof useInternalStore;

package/esm/internals/store/useSelector.js

@@ -1,2 +0,0 @@
-import { useStore as useInternalStore } from '@mui/x-internals/store';
-export const useSelector = useInternalStore;

package/internals/defaultizeValueFormatter.d.ts

@@ -1,6 +0,0 @@
-import { SeriesId, SeriesValueFormatter } from "../models/seriesType/common.js";
-export declare function defaultizeValueFormatter<TValue, ISeries extends {
-  valueFormatter?: SeriesValueFormatter<TValue>;
-}>(series: Record<SeriesId, ISeries>, defaultValueFormatter: SeriesValueFormatter<TValue>): Record<SeriesId, ISeries & {
-  valueFormatter: SeriesValueFormatter<TValue>;
-}>;

package/internals/defaultizeValueFormatter.js

@@ -1,17 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.defaultizeValueFormatter = defaultizeValueFormatter;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-function defaultizeValueFormatter(series, defaultValueFormatter) {
-  const defaultizedSeries = {};
-  Object.keys(series).forEach(seriesId => {
-    defaultizedSeries[seriesId] = (0, _extends2.default)({}, series[seriesId], {
-      valueFormatter: series[seriesId].valueFormatter ?? defaultValueFormatter
-    });
-  });
-  return defaultizedSeries;
-}

package/internals/plugins/featurePlugins/useChartInteraction/useChartTooltip.selectors.d.ts

@@ -1,12 +0,0 @@
-export declare const selectorChartsTooltipItem: (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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => import("../../../../index.js").LineItemIdentifier | import("../../../../index.js").BarItemIdentifier | import("../../../../index.js").ScatterItemIdentifier | import("../../../../index.js").PieItemIdentifier | import("../../../../index.js").RadarItemIdentifier | null;
-export declare const selectorChartsTooltipItemIsDefined: (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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}) => boolean;
-export declare const selectorChartsTooltipItemPosition: (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 & Partial<import("./useChartInteraction.types.js").UseChartInteractionState> & {
-  cacheKey: import("../../models/index.js").ChartStateCacheKey;
-}, placement?: "bottom" | "left" | "right" | "top" | undefined) => {
-  x: number;
-  y: number;
-} | null;

package/internals/store/useSelector.d.ts

@@ -1,2 +0,0 @@
-import { useStore as useInternalStore } from '@mui/x-internals/store';
-export declare const useSelector: typeof useInternalStore;

package/internals/store/useSelector.js

@@ -1,8 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useSelector = void 0;
-var _store = require("@mui/x-internals/store");
-const useSelector = exports.useSelector = _store.useStore;