@mui/x-charts 8.0.0-alpha.9 → 8.0.0-beta.0

package/node/ChartsLegend/PiecewiseColorLegend.js

@@ -1,273 +0,0 @@
-"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
-});
-exports.PiecewiseColorLegend = void 0;
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _clsx = _interopRequireDefault(require("clsx"));
-var _ChartsLabel = require("../ChartsLabel/ChartsLabel");
-var _ChartsLabelMark = require("../ChartsLabel/ChartsLabelMark");
-var _consumeThemeProps = require("../internals/consumeThemeProps");
-var _piecewiseColorLegendClasses = require("./piecewiseColorLegendClasses");
-var _useAxis = require("./useAxis");
-var _piecewiseColorDefaultLabelFormatter = require("./piecewiseColorDefaultLabelFormatter");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["direction", "classes", "className", "markType", "labelPosition", "axisDirection", "axisId", "labelFormatter", "onItemClick"];
-const RootElement = (0, _styles.styled)('ul', {
-  name: 'MuiPiecewiseColorLegend',
-  slot: 'Root',
-  overridesResolver: (props, styles) => styles.root
-})(({
-  theme,
-  ownerState
-}) => {
-  return (0, _extends2.default)({}, theme.typography.caption, {
-    color: (theme.vars || theme).palette.text.primary,
-    lineHeight: '100%',
-    display: 'flex',
-    flexDirection: ownerState.direction === 'vertical' ? 'column' : 'row',
-    flexShrink: 0,
-    gap: theme.spacing(0.5),
-    listStyleType: 'none',
-    paddingInlineStart: 0,
-    marginBlock: theme.spacing(1),
-    marginInline: theme.spacing(1),
-    width: 'max-content',
-    [`button.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.item}`]: {
-      // Reset button styles
-      background: 'none',
-      border: 'none',
-      padding: 0,
-      cursor: ownerState.onItemClick ? 'pointer' : 'unset',
-      fontFamily: 'inherit',
-      fontWeight: 'inherit',
-      fontSize: 'inherit',
-      letterSpacing: 'inherit',
-      color: 'inherit'
-    },
-    [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.item}`]: {
-      display: 'flex',
-      gap: theme.spacing(0.5)
-    },
-    [`li :not(.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.minLabel}, .${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.maxLabel}) .${_piecewiseColorLegendClasses.piecewiseColorLegendClasses?.mark}`]: {
-      alignSelf: 'center'
-    },
-    [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.start}`]: {
-      alignItems: 'end'
-    },
-    [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.end}`]: {
-      alignItems: 'start'
-    },
-    [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.horizontal}`]: {
-      alignItems: 'center',
-      [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.item}`]: {
-        flexDirection: 'column'
-      },
-      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.start}`]: {
-        alignItems: 'end'
-      },
-      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.end}`]: {
-        alignItems: 'start'
-      },
-      [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.minLabel}`]: {
-        alignItems: 'end'
-      },
-      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.extremes}`]: {
-        [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.minLabel}, .${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.maxLabel}`]: {
-          alignItems: 'center',
-          display: 'flex',
-          flexDirection: 'row'
-        }
-      }
-    },
-    [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.vertical}`]: {
-      [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.item}`]: {
-        flexDirection: 'row',
-        alignItems: 'center'
-      },
-      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.start}`]: {
-        alignItems: 'end'
-      },
-      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.end}`]: {
-        alignItems: 'start'
-      },
-      [`&.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.extremes}`]: {
-        alignItems: 'center',
-        [`.${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.minLabel}, .${_piecewiseColorLegendClasses.piecewiseColorLegendClasses.maxLabel}`]: {
-          alignItems: 'center',
-          display: 'flex',
-          flexDirection: 'column'
-        }
-      }
-    }
-  });
-});
-const PiecewiseColorLegend = exports.PiecewiseColorLegend = (0, _consumeThemeProps.consumeThemeProps)('MuiPiecewiseColorLegend', {
-  defaultProps: {
-    direction: 'horizontal',
-    labelPosition: 'extremes',
-    labelFormatter: _piecewiseColorDefaultLabelFormatter.piecewiseColorDefaultLabelFormatter
-  },
-  classesResolver: _piecewiseColorLegendClasses.useUtilityClasses
-}, function PiecewiseColorLegend(props, ref) {
-  const {
-      direction,
-      classes,
-      className,
-      markType,
-      labelPosition,
-      axisDirection,
-      axisId,
-      labelFormatter,
-      onItemClick
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const isVertical = direction === 'vertical';
-  const isReverse = isVertical;
-  const axisItem = (0, _useAxis.useAxis)({
-    axisDirection,
-    axisId
-  });
-  const colorMap = axisItem?.colorMap;
-  if (!colorMap || !colorMap.type || colorMap.type !== 'piecewise') {
-    return null;
-  }
-  const valueFormatter = v => axisItem.valueFormatter?.(v, {
-    location: 'legend'
-  }) ?? v.toLocaleString();
-  const formattedLabels = colorMap.thresholds.map(valueFormatter);
-  const startClass = isReverse ? classes?.maxLabel : classes?.minLabel;
-  const endClass = isReverse ? classes?.minLabel : classes?.maxLabel;
-  const colors = colorMap.colors.map((color, colorIndex) => ({
-    color,
-    colorIndex
-  }));
-  const orderedColors = isReverse ? colors.reverse() : colors;
-  const isStart = labelPosition === 'start';
-  const isEnd = labelPosition === 'end';
-  const isExtremes = labelPosition === 'extremes';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(RootElement, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes?.root, className),
-    ref: ref
-  }, other, {
-    ownerState: props,
-    children: orderedColors.map(({
-      color,
-      colorIndex
-    }, index) => {
-      const isFirst = index === 0;
-      const isLast = index === colorMap.colors.length - 1;
-      const isFirstColor = colorIndex === 0;
-      const isLastColor = colorIndex === colorMap.colors.length - 1;
-      const data = (0, _extends2.default)({
-        index: colorIndex,
-        length: formattedLabels.length
-      }, isFirstColor ? {
-        min: null,
-        formattedMin: null
-      } : {
-        min: colorMap.thresholds[colorIndex - 1],
-        formattedMin: formattedLabels[colorIndex - 1]
-      }, isLastColor ? {
-        max: null,
-        formattedMax: null
-      } : {
-        max: colorMap.thresholds[colorIndex],
-        formattedMax: formattedLabels[colorIndex]
-      });
-      const label = labelFormatter?.(data);
-      if (label === null || label === undefined) {
-        return null;
-      }
-      const isTextBefore = isStart || isExtremes && isFirst;
-      const isTextAfter = isEnd || isExtremes && isLast;
-      const clickObject = {
-        type: 'piecewiseColor',
-        color,
-        label,
-        minValue: data.min,
-        maxValue: data.max
-      };
-      const Element = onItemClick ? 'button' : 'div';
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(Element, {
-          role: onItemClick ? 'button' : undefined,
-          type: onItemClick ? 'button' : undefined,
-          onClick:
-          // @ts-ignore onClick is only attached to a button
-          onItemClick ? event => onItemClick(event, clickObject, index) : undefined,
-          className: (0, _clsx.default)(classes?.item, index === 0 && `${startClass}`, index === orderedColors.length - 1 && `${endClass}`),
-          children: [isTextBefore && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLabel.ChartsLabel, {
-            className: classes?.label,
-            children: label
-          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLabelMark.ChartsLabelMark, {
-            className: classes?.mark,
-            type: markType,
-            color: color
-          }), isTextAfter && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChartsLabel.ChartsLabel, {
-            className: classes?.label,
-            children: label
-          })]
-        })
-      }, colorIndex);
-    })
-  }));
-});
-process.env.NODE_ENV !== "production" ? PiecewiseColorLegend.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The axis direction containing the color configuration to represent.
-   * @default 'z'
-   */
-  axisDirection: _propTypes.default.oneOf(['x', 'y', 'z']),
-  /**
-   * The id of the axis item with the color configuration to represent.
-   * @default The first axis item.
-   */
-  axisId: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
-  /**
-   * Override or extend the styles applied to the component.
-   */
-  classes: _propTypes.default.object,
-  className: _propTypes.default.string,
-  /**
-   * The direction of the legend layout.
-   * @default 'horizontal'
-   */
-  direction: _propTypes.default.oneOf(['horizontal', 'vertical']),
-  /**
-   * Format the legend labels.
-   * @param {PiecewiseLabelFormatterParams} params The bound of the piece to format.
-   * @returns {string|null} The displayed label, `''` to skip the label but show the color mark, or `null` to skip it entirely.
-   */
-  labelFormatter: _propTypes.default.func,
-  /**
-   * Where to position the labels relative to the gradient.
-   * @default 'extremes'
-   */
-  labelPosition: _propTypes.default.oneOf(['start', 'end', 'extremes']),
-  /**
-   * The type of the mark.
-   * @default 'square'
-   */
-  markType: _propTypes.default.oneOf(['square', 'circle', 'line']),
-  /**
-   * Callback fired when a legend item is clicked.
-   * @param {React.MouseEvent<HTMLButtonElement, MouseEvent>} event The click event.
-   * @param {PiecewiseColorLegendItemContext} legendItem The legend item data.
-   * @param {number} index The index of the clicked legend item.
-   */
-  onItemClick: _propTypes.default.func,
-  sx: _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.func, _propTypes.default.object, _propTypes.default.bool])), _propTypes.default.func, _propTypes.default.object])
-} : void 0;

package/node/ChartsLegend/chartsLegendClasses.js

@@ -1,28 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUtilityClasses = exports.legendClasses = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-function getLegendUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiChartsLegend', slot);
-}
-const useUtilityClasses = props => {
-  const {
-    classes,
-    direction
-  } = props;
-  const slots = {
-    root: ['root', direction],
-    mark: ['mark'],
-    label: ['label'],
-    series: ['series']
-  };
-  return (0, _composeClasses.default)(slots, getLegendUtilityClass, classes);
-};
-exports.useUtilityClasses = useUtilityClasses;
-const legendClasses = exports.legendClasses = (0, _generateUtilityClasses.default)('MuiChartsLegend', ['root', 'series', 'mark', 'label', 'vertical', 'horizontal']);

package/node/ChartsLegend/continuousColorLegendClasses.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUtilityClasses = exports.continuousColorLegendClasses = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-function getLegendUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiContinuousColorLegend', slot);
-}
-const useUtilityClasses = props => {
-  const {
-    classes,
-    direction,
-    labelPosition
-  } = props;
-  const slots = {
-    root: ['root', direction, labelPosition],
-    minLabel: ['minLabel'],
-    maxLabel: ['maxLabel'],
-    gradient: ['gradient'],
-    mark: ['mark'],
-    label: ['label']
-  };
-  return (0, _composeClasses.default)(slots, getLegendUtilityClass, classes);
-};
-exports.useUtilityClasses = useUtilityClasses;
-const continuousColorLegendClasses = exports.continuousColorLegendClasses = (0, _generateUtilityClasses.default)('MuiContinuousColorLegend', ['root', 'minLabel', 'maxLabel', 'gradient', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'label']);

package/node/ChartsLegend/index.js

@@ -1,135 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  legendClasses: true,
-  continuousColorLegendClasses: true,
-  piecewiseColorLegendClasses: true,
-  piecewiseColorDefaultLabelFormatter: true
-};
-Object.defineProperty(exports, "continuousColorLegendClasses", {
-  enumerable: true,
-  get: function () {
-    return _continuousColorLegendClasses.continuousColorLegendClasses;
-  }
-});
-Object.defineProperty(exports, "legendClasses", {
-  enumerable: true,
-  get: function () {
-    return _chartsLegendClasses.legendClasses;
-  }
-});
-Object.defineProperty(exports, "piecewiseColorDefaultLabelFormatter", {
-  enumerable: true,
-  get: function () {
-    return _piecewiseColorDefaultLabelFormatter.piecewiseColorDefaultLabelFormatter;
-  }
-});
-Object.defineProperty(exports, "piecewiseColorLegendClasses", {
-  enumerable: true,
-  get: function () {
-    return _piecewiseColorLegendClasses.piecewiseColorLegendClasses;
-  }
-});
-var _ChartsLegend = require("./ChartsLegend");
-Object.keys(_ChartsLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ChartsLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsLegend[key];
-    }
-  });
-});
-var _chartsLegend = require("./chartsLegend.types");
-Object.keys(_chartsLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _chartsLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _chartsLegend[key];
-    }
-  });
-});
-var _direction = require("./direction");
-Object.keys(_direction).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _direction[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _direction[key];
-    }
-  });
-});
-var _legendContext = require("./legendContext.types");
-Object.keys(_legendContext).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _legendContext[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _legendContext[key];
-    }
-  });
-});
-var _chartsLegendClasses = require("./chartsLegendClasses");
-var _ContinuousColorLegend = require("./ContinuousColorLegend");
-Object.keys(_ContinuousColorLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _ContinuousColorLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ContinuousColorLegend[key];
-    }
-  });
-});
-var _colorLegend = require("./colorLegend.types");
-Object.keys(_colorLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _colorLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _colorLegend[key];
-    }
-  });
-});
-var _continuousColorLegendClasses = require("./continuousColorLegendClasses");
-var _PiecewiseColorLegend = require("./PiecewiseColorLegend");
-Object.keys(_PiecewiseColorLegend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _PiecewiseColorLegend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _PiecewiseColorLegend[key];
-    }
-  });
-});
-var _piecewiseColorLegendClasses = require("./piecewiseColorLegendClasses");
-var _piecewiseColorDefaultLabelFormatter = require("./piecewiseColorDefaultLabelFormatter");
-var _legend = require("./legend.types");
-Object.keys(_legend).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _legend[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _legend[key];
-    }
-  });
-});

package/node/ChartsLegend/onClickContextBuilder.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.seriesContextBuilder = void 0;
-const seriesContextBuilder = context => ({
-  type: 'series',
-  color: context.color,
-  label: context.label,
-  seriesId: context.seriesId,
-  itemId: context.itemId
-});
-exports.seriesContextBuilder = seriesContextBuilder;

package/node/ChartsLegend/piecewiseColorDefaultLabelFormatter.js

@@ -1,15 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.piecewiseColorDefaultLabelFormatter = piecewiseColorDefaultLabelFormatter;
-function piecewiseColorDefaultLabelFormatter(params) {
-  if (params.min === null) {
-    return `<${params.formattedMax}`;
-  }
-  if (params.max === null) {
-    return `>${params.formattedMin}`;
-  }
-  return `${params.formattedMin}-${params.formattedMax}`;
-}

package/node/ChartsLegend/piecewiseColorLegendClasses.js

@@ -1,31 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useUtilityClasses = exports.piecewiseColorLegendClasses = void 0;
-var _generateUtilityClass = _interopRequireDefault(require("@mui/utils/generateUtilityClass"));
-var _generateUtilityClasses = _interopRequireDefault(require("@mui/utils/generateUtilityClasses"));
-var _composeClasses = _interopRequireDefault(require("@mui/utils/composeClasses"));
-function getLegendUtilityClass(slot) {
-  return (0, _generateUtilityClass.default)('MuiPiecewiseColorLegendClasses', slot);
-}
-const useUtilityClasses = props => {
-  const {
-    classes,
-    direction,
-    labelPosition
-  } = props;
-  const slots = {
-    root: ['root', direction, labelPosition],
-    minLabel: ['minLabel'],
-    maxLabel: ['maxLabel'],
-    item: ['item'],
-    mark: ['mark'],
-    label: ['label']
-  };
-  return (0, _composeClasses.default)(slots, getLegendUtilityClass, classes);
-};
-exports.useUtilityClasses = useUtilityClasses;
-const piecewiseColorLegendClasses = exports.piecewiseColorLegendClasses = (0, _generateUtilityClasses.default)('MuiPiecewiseColorLegendClasses', ['root', 'minLabel', 'maxLabel', 'item', 'vertical', 'horizontal', 'start', 'end', 'extremes', 'mark', 'label']);

package/node/ChartsLegend/useAxis.js

@@ -1,47 +0,0 @@
-"use strict";
-'use client';
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.useAxis = useAxis;
-var _useZAxis = require("../hooks/useZAxis");
-var _useAxis = require("../hooks/useAxis");
-/**
- * Helper to select an axis definition according to its direction and id.
- */
-function useAxis({
-  axisDirection,
-  axisId
-}) {
-  const {
-    xAxis,
-    xAxisIds
-  } = (0, _useAxis.useXAxes)();
-  const {
-    yAxis,
-    yAxisIds
-  } = (0, _useAxis.useYAxes)();
-  const {
-    zAxis,
-    zAxisIds
-  } = (0, _useZAxis.useZAxes)();
-  switch (axisDirection) {
-    case 'x':
-      {
-        const id = typeof axisId === 'string' ? axisId : xAxisIds[axisId ?? 0];
-        return xAxis[id];
-      }
-    case 'y':
-      {
-        const id = typeof axisId === 'string' ? axisId : yAxisIds[axisId ?? 0];
-        return yAxis[id];
-      }
-    case 'z':
-    default:
-      {
-        const id = typeof axisId === 'string' ? axisId : zAxisIds[axisId ?? 0];
-        return zAxis[id];
-      }
-  }
-}

package/node/ChartsOnAxisClickHandler/ChartsOnAxisClickHandler.js

@@ -1,88 +0,0 @@
-"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
-});
-exports.ChartsOnAxisClickHandler = ChartsOnAxisClickHandler;
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useSeries = require("../hooks/useSeries");
-var _hooks = require("../hooks");
-var _useStore = require("../internals/store/useStore");
-var _jsxRuntime = require("react/jsx-runtime");
-function ChartsOnAxisClickHandler(props) {
-  const {
-    onAxisClick
-  } = props;
-  const svgRef = (0, _hooks.useSvgRef)();
-  const series = (0, _useSeries.useSeries)();
-  const store = (0, _useStore.useStore)();
-  const {
-    xAxis,
-    xAxisIds
-  } = (0, _hooks.useXAxes)();
-  const {
-    yAxis,
-    yAxisIds
-  } = (0, _hooks.useYAxes)();
-  React.useEffect(() => {
-    const element = svgRef.current;
-    if (element === null || !onAxisClick) {
-      return () => {};
-    }
-    const handleMouseClick = event => {
-      event.preventDefault();
-      const {
-        x: axisX,
-        y: axisY
-      } = store.value.interaction.axis;
-      const isXaxis = axisX && axisX.index !== -1;
-      const USED_AXIS_ID = isXaxis ? xAxisIds[0] : yAxisIds[0];
-      const dataIndex = isXaxis ? axisX && axisX.index : axisY && axisY.index;
-      if (dataIndex == null) {
-        return;
-      }
-      const seriesValues = {};
-      Object.keys(series).filter(seriesType => ['bar', 'line'].includes(seriesType)).forEach(seriesType => {
-        series[seriesType]?.seriesOrder.forEach(seriesId => {
-          const seriesItem = series[seriesType].series[seriesId];
-          const providedXAxisId = seriesItem.xAxisId;
-          const providedYAxisId = seriesItem.yAxisId;
-          const axisKey = isXaxis ? providedXAxisId : providedYAxisId;
-          if (axisKey === undefined || axisKey === USED_AXIS_ID) {
-            seriesValues[seriesId] = seriesItem.data[dataIndex];
-          }
-        });
-      });
-      const axisValue = (isXaxis ? xAxis : yAxis)[USED_AXIS_ID].data?.[dataIndex];
-      onAxisClick(event, {
-        dataIndex,
-        axisValue,
-        seriesValues
-      });
-    };
-    element.addEventListener('click', handleMouseClick);
-    return () => {
-      element.removeEventListener('click', handleMouseClick);
-    };
-  }, [onAxisClick, series, store, svgRef, xAxis, xAxisIds, yAxis, yAxisIds]);
-
-  // eslint-disable-next-line react/jsx-no-useless-fragment
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(React.Fragment, {});
-}
-process.env.NODE_ENV !== "production" ? ChartsOnAxisClickHandler.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The function called for onClick events.
-   * The second argument contains information about all line/bar elements at the current mouse position.
-   * @param {MouseEvent} event The mouse event recorded on the `<svg/>` element.
-   * @param {null | AxisData} data The data about the clicked axis and items associated with it.
-   */
-  onAxisClick: _propTypes.default.func
-} : void 0;

package/node/ChartsOnAxisClickHandler/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _ChartsOnAxisClickHandler = require("./ChartsOnAxisClickHandler");
-Object.keys(_ChartsOnAxisClickHandler).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _ChartsOnAxisClickHandler[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _ChartsOnAxisClickHandler[key];
-    }
-  });
-});