@mui/x-charts-pro 8.13.1 → 8.14.1

package/SankeyChart/plugins/useSankeyHighlight.selectors.d.ts

@@ -0,0 +1,68 @@
+import type { SankeyLayoutLink, SankeyLayoutNode } from "../sankey.types.js";
+import type { SankeyLinkFade, SankeyLinkHighlight, SankeyNodeFade, SankeyNodeHighlight } from "../sankey.highlight.types.js";
+/**
+ * Get the node highlight configuration from the Sankey series.
+ * Defaults to 'nodes' if not specified.
+ */
+export declare const selectorNodeHighlightConfig: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+} & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}, SankeyNodeHighlight, any[]>;
+/**
+ * Get the node fade configuration from the Sankey series.
+ * Defaults to 'none' if not specified.
+ */
+export declare const selectorNodeFadeConfig: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+} & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}, SankeyNodeFade, any[]>;
+/**
+ * Get the link highlight configuration from the Sankey series.
+ * Defaults to 'links' if not specified.
+ */
+export declare const selectorLinkHighlightConfig: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+} & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}, SankeyLinkHighlight, any[]>;
+/**
+ * Get the link fade configuration from the Sankey series.
+ * Defaults to 'none' if not specified.
+ */
+export declare const selectorLinkFadeConfig: import("reselect").Selector<import("@mui/x-charts/internals/plugins/corePlugins/useChartId/useChartId.types").UseChartIdState & import("@mui/x-charts/internals/plugins/corePlugins/useChartExperimentalFeature/useChartExperimentalFeature.types").UseChartExperimentalFeaturesState & import("@mui/x-charts/internals/plugins/corePlugins/useChartDimensions/useChartDimensions.types").UseChartDimensionsState & import("@mui/x-charts/internals/plugins/corePlugins/useChartSeries/useChartSeries.types").UseChartSeriesState<keyof import("@mui/x-charts/internals").ChartsSeriesConfig> & import("@mui/x-charts/internals/plugins/corePlugins/useChartAnimation/useChartAnimation.types").UseChartAnimationState & import("@mui/x-charts/internals").UseChartInteractionListenerState & Partial<{}> & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+} & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}, SankeyLinkFade, any[]>;
+/**
+ * Get the currently highlighted item in the Sankey chart.
+ * @param {UseSankeyHighlightSignature['state']} state The state of the chart.
+ * @returns {SankeyItemIdentifier | null} The highlighted item identifier or null.
+ */
+export declare const selectorSankeyHighlightedItem: import("reselect").Selector<import("./useSankeyHighlight.types.js").UseSankeyHighlightState & {
+  cacheKey: import("@mui/x-charts/internals").ChartStateCacheKey;
+}, import("../index.js").SankeyItemIdentifier | null, []>;
+/**
+ * Determines if a specific node should be highlighted.
+ * A node is highlighted if:
+ * - It's the highlighted node (unless highlight mode is 'none')
+ * - It's connected to a highlighted link (based on linkOptions.highlight)
+ */
+export declare const selectorIsNodeHighlighted: import("reselect").Selector<any, boolean, [node: SankeyLayoutNode]>;
+/**
+ * Selector that determines if a specific link should be highlighted.
+ * A link is highlighted if:
+ * - It's the highlighted link (unless highlight mode is 'none')
+ * - It's connected to a highlighted node (based on nodeOptions.highlight)
+ */
+export declare const selectorIsLinkHighlighted: import("reselect").Selector<any, boolean, [link: SankeyLayoutLink]>;
+/**
+ * Selector that determines if an item should be faded.
+ * An item is faded if:
+ * - There's a highlighted item
+ * - This item is not highlighted
+ * - The fade mode is 'global' for the highlighted element type
+ */
+export declare const selectorIsSankeyItemFaded: import("reselect").Selector<any, boolean, [isHighlighted: any]>;

package/SankeyChart/plugins/useSankeyHighlight.selectors.js

@@ -0,0 +1,126 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.selectorSankeyHighlightedItem = exports.selectorNodeHighlightConfig = exports.selectorNodeFadeConfig = exports.selectorLinkHighlightConfig = exports.selectorLinkFadeConfig = exports.selectorIsSankeyItemFaded = exports.selectorIsNodeHighlighted = exports.selectorIsLinkHighlighted = void 0;
+var _internals = require("@mui/x-charts/internals");
+const selectorSankeyHighlight = state => state.highlight;
+const selectSeries = state => state.series;
+const selectorSankeySeries = (0, _internals.createSelector)([selectSeries], series => series.processedSeries.sankey?.series[series.processedSeries.sankey?.seriesOrder[0]] || null);
+const DEFAULT_NODE_HIGHLIGHT = 'links';
+const DEFAULT_LINK_HIGHLIGHT = 'links';
+const DEFAULT_FADE = 'none';
+
+/**
+ * Get the node highlight configuration from the Sankey series.
+ * Defaults to 'nodes' if not specified.
+ */
+const selectorNodeHighlightConfig = exports.selectorNodeHighlightConfig = (0, _internals.createSelector)([selectorSankeySeries], series => series?.nodeOptions?.highlight ?? DEFAULT_NODE_HIGHLIGHT);
+
+/**
+ * Get the node fade configuration from the Sankey series.
+ * Defaults to 'none' if not specified.
+ */
+const selectorNodeFadeConfig = exports.selectorNodeFadeConfig = (0, _internals.createSelector)([selectorSankeySeries], series => series?.nodeOptions?.fade ?? DEFAULT_FADE);
+
+/**
+ * Get the link highlight configuration from the Sankey series.
+ * Defaults to 'links' if not specified.
+ */
+const selectorLinkHighlightConfig = exports.selectorLinkHighlightConfig = (0, _internals.createSelector)([selectorSankeySeries], series => series?.linkOptions?.highlight ?? DEFAULT_LINK_HIGHLIGHT);
+
+/**
+ * Get the link fade configuration from the Sankey series.
+ * Defaults to 'none' if not specified.
+ */
+const selectorLinkFadeConfig = exports.selectorLinkFadeConfig = (0, _internals.createSelector)([selectorSankeySeries], series => series?.linkOptions?.fade ?? DEFAULT_FADE);
+
+/**
+ * Get the currently highlighted item in the Sankey chart.
+ * @param {UseSankeyHighlightSignature['state']} state The state of the chart.
+ * @returns {SankeyItemIdentifier | null} The highlighted item identifier or null.
+ */
+const selectorSankeyHighlightedItem = exports.selectorSankeyHighlightedItem = (0, _internals.createSelector)([selectorSankeyHighlight], highlight => highlight.item);
+
+/**
+ * Determines if a specific node should be highlighted.
+ * A node is highlighted if:
+ * - It's the highlighted node (unless highlight mode is 'none')
+ * - It's connected to a highlighted link (based on linkOptions.highlight)
+ */
+const selectorIsNodeHighlighted = exports.selectorIsNodeHighlighted = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeHighlightConfig, selectorLinkHighlightConfig, (_, node) => node.id], (highlightedItem, nodeHighlight, linkHighlight, nodeId) => {
+  if (!highlightedItem) {
+    return false;
+  }
+  if (highlightedItem.subType === 'node' && highlightedItem.nodeId === nodeId) {
+    return nodeHighlight !== 'none';
+  }
+  if (highlightedItem.subType === 'link') {
+    if (!linkHighlight || linkHighlight === 'none' || linkHighlight === 'links') {
+      return false;
+    }
+    const {
+      sourceId,
+      targetId
+    } = highlightedItem;
+    switch (linkHighlight) {
+      case 'nodes':
+        return nodeId === sourceId || nodeId === targetId;
+      case 'source':
+        return nodeId === sourceId;
+      case 'target':
+        return nodeId === targetId;
+      default:
+        return false;
+    }
+  }
+  return false;
+});
+
+/**
+ * Selector that determines if a specific link should be highlighted.
+ * A link is highlighted if:
+ * - It's the highlighted link (unless highlight mode is 'none')
+ * - It's connected to a highlighted node (based on nodeOptions.highlight)
+ */
+const selectorIsLinkHighlighted = exports.selectorIsLinkHighlighted = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeHighlightConfig, selectorLinkHighlightConfig, (_, link) => link], (highlightedItem, nodeHighlight, linkHighlight, link) => {
+  if (!highlightedItem) {
+    return false;
+  }
+  if (highlightedItem.subType === 'link' && highlightedItem.sourceId === link.source.id && highlightedItem.targetId === link.target.id) {
+    return linkHighlight !== 'none';
+  }
+  if (highlightedItem.subType === 'node') {
+    if (!nodeHighlight || nodeHighlight === 'none' || nodeHighlight === 'nodes') {
+      return false;
+    }
+    const highlightedNodeId = highlightedItem.nodeId;
+    switch (nodeHighlight) {
+      case 'links':
+        return link.source.id === highlightedNodeId || link.target.id === highlightedNodeId;
+      case 'incoming':
+        return link.target.id === highlightedNodeId;
+      case 'outgoing':
+        return link.source.id === highlightedNodeId;
+      default:
+        return false;
+    }
+  }
+  return false;
+});
+
+/**
+ * Selector that determines if an item should be faded.
+ * An item is faded if:
+ * - There's a highlighted item
+ * - This item is not highlighted
+ * - The fade mode is 'global' for the highlighted element type
+ */
+const selectorIsSankeyItemFaded = exports.selectorIsSankeyItemFaded = (0, _internals.createSelector)([selectorSankeyHighlightedItem, selectorNodeFadeConfig, selectorLinkFadeConfig, (_, isHighlighted) => isHighlighted], (highlightedItem, nodeFade, linkFade, isHighlighted) => {
+  if (!highlightedItem || isHighlighted) {
+    return false;
+  }
+  const fadeMode = highlightedItem.subType === 'node' ? nodeFade : linkFade;
+  return fadeMode === 'global';
+});

package/SankeyChart/plugins/useSankeyHighlight.types.d.ts

@@ -0,0 +1,55 @@
+import { DefaultizedProps } from '@mui/x-internals/types';
+import { ChartPluginSignature } from '@mui/x-charts/internals';
+import { SankeyItemIdentifier } from "../sankey.types.js";
+/**
+ * The data of the highlighted item in a Sankey chart.
+ * Can be either a node or a link.
+ *
+ * @example
+ * // Highlight a node
+ * { type: 'sankey', seriesId: 'series-1', subType: 'node', nodeId: 'A' }
+ *
+ * // Highlight a link
+ * { type: 'sankey', seriesId: 'series-1', subType: 'link', sourceId: 'A', targetId: 'B' }
+ *
+ * // Clear the highlight
+ * null
+ */
+export type SankeyHighlightItemData = SankeyItemIdentifier;
+export interface UseSankeyHighlightInstance {
+  /**
+   * Remove all highlight.
+   */
+  clearHighlight: () => void;
+  /**
+   * Set the highlighted item.
+   * @param {SankeyHighlightItemData} item The item to highlight.
+   */
+  setHighlight: (item: SankeyHighlightItemData) => void;
+}
+export interface UseSankeyHighlightParameters {
+  /**
+   * The highlighted item.
+   * Used when the highlight is controlled.
+   */
+  highlightedItem?: SankeyHighlightItemData | null;
+  /**
+   * The callback fired when the highlighted item changes.
+   *
+   * @param {SankeyHighlightItemData | null} highlightedItem The newly highlighted item.
+   */
+  onHighlightChange?: (highlightedItem: SankeyHighlightItemData | null) => void;
+}
+export type UseSankeyHighlightDefaultizedParameters = DefaultizedProps<UseSankeyHighlightParameters, 'highlightedItem'>;
+export interface UseSankeyHighlightState {
+  highlight: {
+    item: SankeyHighlightItemData | null;
+  };
+}
+export type UseSankeyHighlightSignature = ChartPluginSignature<{
+  instance: UseSankeyHighlightInstance;
+  state: UseSankeyHighlightState;
+  params: UseSankeyHighlightParameters;
+  defaultizedParams: UseSankeyHighlightDefaultizedParameters;
+  modelNames: 'highlightedItem';
+}>;

package/SankeyChart/plugins/useSankeyHighlight.types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/SankeyChart/sankey.highlight.types.d.ts

@@ -0,0 +1,42 @@
+export type SankeyNodeHighlight = 'nodes' | 'links' | 'incoming' | 'outgoing' | 'none';
+export type SankeyNodeFade = 'global' | 'none';
+export type SankeyLinkHighlight = 'links' | 'nodes' | 'source' | 'target' | 'none';
+export type SankeyLinkFade = 'global' | 'none';
+export type SankeyNodeHighlightScope = {
+  /**
+   * Highlight mode for nodes
+   * - 'nodes': Highlight hovered node
+   * - 'links': Highlight links connected to hovered node
+   * - 'incoming': Highlight incoming links to hovered node
+   * - 'outgoing': Highlight outgoing links from hovered node
+   * - 'none': No highlighting
+   * @default 'links'
+   */
+  highlight?: SankeyNodeHighlight;
+  /**
+   * Fade mode for nodes
+   * - 'global': Fade all non-highlighted items
+   * - 'none': No fading
+   * @default 'none'
+   */
+  fade?: SankeyNodeFade;
+};
+export type SankeyLinkHighlightScope = {
+  /**
+   * Highlight mode for links
+   * - 'links': Highlight hovered link
+   * - 'nodes': Highlight nodes connected to hovered link
+   * - 'source': Highlight source node of hovered link
+   * - 'target': Highlight target node of hovered link
+   * - 'none': No highlighting
+   * @default 'links'
+   */
+  highlight?: SankeyLinkHighlight;
+  /**
+   * Fade mode for links
+   * - 'global': Fade all non-highlighted items
+   * - 'none': No fading
+   * @default 'none'
+   */
+  fade?: SankeyLinkFade;
+};

package/SankeyChart/sankey.highlight.types.js

@@ -0,0 +1,6 @@
+"use strict";
+'use client';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/SankeyChart/sankey.types.d.ts

@@ -1,6 +1,7 @@
 import type { HighlightScope, SeriesId } from '@mui/x-charts/internals';
 import type { DefaultizedProps, MakeRequired } from '@mui/x-internals/types';
 import type { SankeyLink as D3SankeyLink, SankeyNode as D3SankeyNode } from '@mui/x-charts-vendor/d3-sankey';
+import type { SankeyLinkHighlightScope, SankeyNodeHighlightScope } from "./sankey.highlight.types.js";
 export type SankeyNodeId = string | number;
 export interface SankeyNode {
   /**
@@ -79,7 +80,7 @@ export type SankeyNodeOptions = {
    * @returns {number} Comparison result
    */
   sort?: (a: SankeyLayoutNode, b: SankeyLayoutNode) => number | null;
-};
+} & SankeyNodeHighlightScope;
 export type SankeyLinkOptions = {
   /**
    * Default color for links without specified colors.
@@ -111,7 +112,7 @@ export type SankeyLinkOptions = {
    * @default 10
    */
   curveCorrection?: number;
-};
+} & SankeyLinkHighlightScope;
 export interface SankeyData {
   /**
    * An array of node configs for the Sankey diagram

package/SankeyChart/sankeyClasses.d.ts

@@ -12,4 +12,4 @@ export declare function getSankeyPlotUtilityClass(slot: string): string;
 export declare const sankeyPlotClasses: SankeyPlotClasses;
 export declare const useUtilityClasses: (ownerState: {
   classes?: Partial<SankeyPlotClasses>;
-}) => Record<"root" | "nodes" | "links" | "linkLabels", string>;
+}) => Record<"nodes" | "links" | "root" | "linkLabels", string>;

package/SankeyChart/useSankeyChartProps.js

@@ -10,7 +10,7 @@ var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runt
 var _constants = require("@mui/x-charts/constants");
 var _internals = require("@mui/x-charts/internals");
 var _SankeyChart = require("./SankeyChart.plugins");
-const _excluded = ["series", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "loading", "className", "apiRef", "onNodeClick", "onLinkClick"];
+const _excluded = ["series", "width", "height", "margin", "colors", "sx", "children", "slots", "slotProps", "loading", "highlightedItem", "onHighlightChange", "className", "apiRef", "onNodeClick", "onLinkClick"];
 /**
  * A helper function that extracts SankeyChartProps from the input props
  * and returns an object with props for the children components of SankeyChart.
@@ -30,8 +30,8 @@ const useSankeyChartProps = props => {
       slots,
       slotProps,
       loading,
-      // highlightedItem,
-      // onHighlightChange,
+      highlightedItem,
+      onHighlightChange,
       className,
       apiRef,
       onNodeClick,
@@ -48,8 +48,8 @@ const useSankeyChartProps = props => {
     margin,
     colors,
     sx,
-    // highlightedItem,
-    // onHighlightChange,
+    highlightedItem,
+    onHighlightChange,
     className,
     apiRef,
     plugins: _SankeyChart.SANKEY_CHART_PLUGINS

package/ScatterChartPro/ScatterChartPro.js

@@ -306,8 +306,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -375,8 +373,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -434,8 +430,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -494,8 +490,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -553,8 +549,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -612,8 +608,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -671,8 +667,12 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      valueOf: _propTypes.default.func.isRequired
+    })]),
+    min: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      valueOf: _propTypes.default.func.isRequired
+    })]),
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -730,8 +730,12 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      valueOf: _propTypes.default.func.isRequired
+    })]),
+    min: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      valueOf: _propTypes.default.func.isRequired
+    })]),
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -789,8 +793,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['bottom', 'none', 'top']),
     reverse: _propTypes.default.bool,
@@ -865,8 +869,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -933,8 +935,6 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -991,8 +991,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -1050,8 +1050,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -1108,8 +1108,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -1166,8 +1166,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -1224,8 +1224,12 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      valueOf: _propTypes.default.func.isRequired
+    })]),
+    min: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      valueOf: _propTypes.default.func.isRequired
+    })]),
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -1282,8 +1286,12 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      valueOf: _propTypes.default.func.isRequired
+    })]),
+    min: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.shape({
+      valueOf: _propTypes.default.func.isRequired
+    })]),
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -1340,8 +1348,8 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
     ignoreTooltip: _propTypes.default.bool,
     label: _propTypes.default.string,
     labelStyle: _propTypes.default.object,
-    max: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
-    min: _propTypes.default.oneOfType([_propTypes.default.instanceOf(Date), _propTypes.default.number]),
+    max: _propTypes.default.number,
+    min: _propTypes.default.number,
     offset: _propTypes.default.number,
     position: _propTypes.default.oneOf(['left', 'none', 'right']),
     reverse: _propTypes.default.bool,
@@ -1413,10 +1421,14 @@ process.env.NODE_ENV !== "production" ? ScatterChartPro.propTypes = {
    * Configuration for zoom interactions.
    */
   zoomInteractionConfig: _propTypes.default.shape({
-    pan: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['drag']), _propTypes.default.shape({
+    pan: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['drag', 'pressAndDrag']), _propTypes.default.shape({
       pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
       requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
       type: _propTypes.default.oneOf(['drag']).isRequired
+    }), _propTypes.default.shape({
+      pointerMode: _propTypes.default.oneOf(['mouse', 'touch']),
+      requiredKeys: _propTypes.default.arrayOf(_propTypes.default.string),
+      type: _propTypes.default.oneOf(['pressAndDrag']).isRequired
     })]).isRequired),
     zoom: _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(['pinch', 'tapAndDrag', 'wheel']), _propTypes.default.shape({
       pointerMode: _propTypes.default.any,