@mui/x-charts 7.0.0-beta.2 → 7.0.0-beta.4

package/legacy/context/DrawingProvider.js

@@ -1,74 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import useId from '@mui/utils/useId';
-import useChartDimensions from '../hooks/useChartDimensions';
-
-/**
- * Defines the area in which it is possible to draw the charts.
- */
-import { jsx as _jsx } from "react/jsx-runtime";
-export var DrawingContext = /*#__PURE__*/React.createContext({
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0,
-  height: 300,
-  width: 400,
-  chartId: ''
-});
-export var SVGContext = /*#__PURE__*/React.createContext({
-  current: null
-});
-
-/**
- * API:
- *
- * - [DrawingProvider API](https://mui.com/x/api/charts/drawing-provider/)
- */
-function DrawingProvider(props) {
-  var width = props.width,
-    height = props.height,
-    margin = props.margin,
-    svgRef = props.svgRef,
-    children = props.children;
-  var drawingArea = useChartDimensions(width, height, margin);
-  var chartId = useId();
-  var value = React.useMemo(function () {
-    return _extends({
-      chartId: chartId != null ? chartId : ''
-    }, drawingArea);
-  }, [chartId, drawingArea]);
-  return /*#__PURE__*/_jsx(SVGContext.Provider, {
-    value: svgRef,
-    children: /*#__PURE__*/_jsx(DrawingContext.Provider, {
-      value: value,
-      children: children
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? DrawingProvider.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  children: PropTypes.node,
-  height: PropTypes.number.isRequired,
-  /**
-   * The margin between the SVG and the drawing area.
-   * It's used for leaving some space for extra information such as the x- and y-axis or legend.
-   * Accepts an object with the optional properties: `top`, `bottom`, `left`, and `right`.
-   * @default object Depends on the charts type.
-   */
-  margin: PropTypes.shape({
-    bottom: PropTypes.number,
-    left: PropTypes.number,
-    right: PropTypes.number,
-    top: PropTypes.number
-  }),
-  svgRef: PropTypes.shape({
-    current: PropTypes.object
-  }).isRequired,
-  width: PropTypes.number.isRequired
-} : void 0;
-export { DrawingProvider };

package/legacy/context/HighlightProvider.js

@@ -1,56 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-var defaultScope = {
-  highlighted: 'none',
-  faded: 'none'
-};
-export var HighlighContext = /*#__PURE__*/React.createContext({
-  item: null,
-  scope: defaultScope,
-  dispatch: function dispatch() {
-    return null;
-  }
-});
-var dataReducer = function dataReducer(prevState, action) {
-  switch (action.type) {
-    case 'enterItem':
-      return _extends({}, prevState, {
-        item: action.item,
-        scope: _extends({}, defaultScope, action.scope)
-      });
-    case 'leaveItem':
-      if (prevState.item === null || Object.keys(action.item).some(function (key) {
-        return action.item[key] !== prevState.item[key];
-      })) {
-        // The item is already something else
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        item: null
-      });
-    default:
-      return prevState;
-  }
-};
-function HighlightProvider(props) {
-  var children = props.children;
-  var _React$useReducer = React.useReducer(dataReducer, {
-      item: null,
-      scope: defaultScope
-    }),
-    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-    data = _React$useReducer2[0],
-    dispatch = _React$useReducer2[1];
-  var value = React.useMemo(function () {
-    return _extends({}, data, {
-      dispatch: dispatch
-    });
-  }, [data]);
-  return /*#__PURE__*/_jsx(HighlighContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-export { HighlightProvider };

package/legacy/context/InteractionProvider.js

@@ -1,81 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var InteractionContext = /*#__PURE__*/React.createContext({
-  item: null,
-  axis: {
-    x: null,
-    y: null
-  },
-  useVoronoiInteraction: false,
-  dispatch: function dispatch() {
-    return null;
-  }
-});
-var dataReducer = function dataReducer(prevState, action) {
-  switch (action.type) {
-    case 'enterItem':
-      return _extends({}, prevState, {
-        item: action.data
-      });
-    case 'exitChart':
-      if (prevState.item === null && prevState.axis.x === null && prevState.axis.y === null) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        axis: {
-          x: null,
-          y: null
-        },
-        item: null
-      });
-    case 'updateVoronoiUsage':
-      return _extends({}, prevState, {
-        useVoronoiInteraction: action.useVoronoiInteraction
-      });
-    case 'leaveItem':
-      if (prevState.item === null || Object.keys(action.data).some(function (key) {
-        return action.data[key] !== prevState.item[key];
-      })) {
-        // The item is already something else
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        item: null
-      });
-    case 'updateAxis':
-      if (action.data.x === prevState.axis.x && action.data.y === prevState.axis.y) {
-        return prevState;
-      }
-      return _extends({}, prevState, {
-        axis: action.data
-      });
-    default:
-      return prevState;
-  }
-};
-function InteractionProvider(props) {
-  var children = props.children;
-  var _React$useReducer = React.useReducer(dataReducer, {
-      item: null,
-      axis: {
-        x: null,
-        y: null
-      },
-      useVoronoiInteraction: false
-    }),
-    _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
-    data = _React$useReducer2[0],
-    dispatch = _React$useReducer2[1];
-  var value = React.useMemo(function () {
-    return _extends({}, data, {
-      dispatch: dispatch
-    });
-  }, [data]);
-  return /*#__PURE__*/_jsx(InteractionContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-export { InteractionProvider };

package/legacy/context/SeriesContextProvider.js

@@ -1,74 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { useTheme } from '@mui/material/styles';
-import barSeriesFormatter from '../BarChart/formatter';
-import scatterSeriesFormatter from '../ScatterChart/formatter';
-import lineSeriesFormatter from '../LineChart/formatter';
-import pieSeriesFormatter from '../PieChart/formatter';
-import { defaultizeColor } from '../internals/defaultizeColor';
-import { blueberryTwilightPalette } from '../colorPalettes';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var SeriesContext = /*#__PURE__*/React.createContext({});
-var seriesTypeFormatter = {
-  bar: barSeriesFormatter,
-  scatter: scatterSeriesFormatter,
-  line: lineSeriesFormatter,
-  pie: pieSeriesFormatter
-};
-
-/**
- * This methods is the interface between what the developer is providing and what components receives
- * To simplify the components behaviors, it groups series by type, such that LinePlots props are not updated if some line data are modified
- * It also add defaultized values such as the ids, colors
- * @param series The array of series provided by devs
- * @param colors The color palette used to defaultize series colors
- * @returns An object structuring all the series by type.
- */
-var formatSeries = function formatSeries(series, colors, dataset) {
-  // Group series by type
-  var seriesGroups = {};
-  series.forEach(function (seriesData, seriesIndex) {
-    var _seriesGroups$type;
-    var _seriesData$id = seriesData.id,
-      id = _seriesData$id === void 0 ? "auto-generated-id-".concat(seriesIndex) : _seriesData$id,
-      type = seriesData.type;
-    if (seriesGroups[type] === undefined) {
-      seriesGroups[type] = {
-        series: {},
-        seriesOrder: []
-      };
-    }
-    if (((_seriesGroups$type = seriesGroups[type]) == null ? void 0 : _seriesGroups$type.series[id]) !== undefined) {
-      throw new Error("MUI X Charts: series' id \"".concat(id, "\" is not unique."));
-    }
-    seriesGroups[type].series[id] = _extends({
-      id: id
-    }, defaultizeColor(seriesData, seriesIndex, colors));
-    seriesGroups[type].seriesOrder.push(id);
-  });
-  var formattedSeries = {};
-  // Apply formater on a type group
-  Object.keys(seriesTypeFormatter).forEach(function (type) {
-    if (seriesGroups[type] !== undefined) {
-      var _seriesTypeFormatter$, _seriesTypeFormatter$2;
-      formattedSeries[type] = (_seriesTypeFormatter$ = (_seriesTypeFormatter$2 = seriesTypeFormatter[type]) == null ? void 0 : _seriesTypeFormatter$2.call(seriesTypeFormatter, seriesGroups[type], dataset)) != null ? _seriesTypeFormatter$ : seriesGroups[type];
-    }
-  });
-  return formattedSeries;
-};
-function SeriesContextProvider(props) {
-  var series = props.series,
-    dataset = props.dataset,
-    _props$colors = props.colors,
-    colors = _props$colors === void 0 ? blueberryTwilightPalette : _props$colors,
-    children = props.children;
-  var theme = useTheme();
-  var formattedSeries = React.useMemo(function () {
-    return formatSeries(series, typeof colors === 'function' ? colors(theme.palette.mode) : colors, dataset);
-  }, [series, colors, theme.palette.mode, dataset]);
-  return /*#__PURE__*/_jsx(SeriesContext.Provider, {
-    value: formattedSeries,
-    children: children
-  });
-}
-export { SeriesContextProvider };

package/legacy/context/index.js

@@ -1,2 +0,0 @@
-export { CartesianContextProvider } from './CartesianContextProvider';
-export { DrawingProvider } from './DrawingProvider';

package/legacy/hooks/index.js

@@ -1,2 +0,0 @@
-export * from './useDrawingArea';
-export * from './useScale';

package/legacy/hooks/useAxisEvents.js

@@ -1,120 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import * as React from 'react';
-import { InteractionContext } from '../context/InteractionProvider';
-import { CartesianContext } from '../context/CartesianContextProvider';
-import { SVGContext, DrawingContext } from '../context/DrawingProvider';
-import { isBandScale } from '../internals/isBandScale';
-import { getSVGPoint } from '../internals/utils';
-function getAsANumber(value) {
-  return value instanceof Date ? value.getTime() : value;
-}
-export var useAxisEvents = function useAxisEvents(disableAxisListener) {
-  var svgRef = React.useContext(SVGContext);
-  var _React$useContext = React.useContext(DrawingContext),
-    width = _React$useContext.width,
-    height = _React$useContext.height,
-    top = _React$useContext.top,
-    left = _React$useContext.left;
-  var _React$useContext2 = React.useContext(CartesianContext),
-    xAxis = _React$useContext2.xAxis,
-    yAxis = _React$useContext2.yAxis,
-    xAxisIds = _React$useContext2.xAxisIds,
-    yAxisIds = _React$useContext2.yAxisIds;
-  var _React$useContext3 = React.useContext(InteractionContext),
-    dispatch = _React$useContext3.dispatch;
-  var usedXAxis = xAxisIds[0];
-  var usedYAxis = yAxisIds[0];
-
-  // Use a ref to avoid rerendering on every mousemove event.
-  var mousePosition = React.useRef({
-    x: -1,
-    y: -1
-  });
-  React.useEffect(function () {
-    var element = svgRef.current;
-    if (element === null || disableAxisListener) {
-      return function () {};
-    }
-    var getUpdate = function getUpdate(axisConfig, mouseValue) {
-      if (usedXAxis === null) {
-        return null;
-      }
-      var scale = axisConfig.scale,
-        axisData = axisConfig.data;
-      if (!isBandScale(scale)) {
-        var value = scale.invert(mouseValue);
-        if (axisData === undefined) {
-          return {
-            value: value
-          };
-        }
-        var valueAsNumber = getAsANumber(value);
-        var closestIndex = axisData == null ? void 0 : axisData.findIndex(function (pointValue, index) {
-          var v = getAsANumber(pointValue);
-          if (v > valueAsNumber) {
-            if (index === 0 || Math.abs(valueAsNumber - v) <= Math.abs(valueAsNumber - getAsANumber(axisData[index - 1]))) {
-              return true;
-            }
-          }
-          if (v <= valueAsNumber) {
-            if (index === axisData.length - 1 || Math.abs(getAsANumber(value) - v) < Math.abs(getAsANumber(value) - getAsANumber(axisData[index + 1]))) {
-              return true;
-            }
-          }
-          return false;
-        });
-        return {
-          value: closestIndex !== undefined && closestIndex >= 0 ? axisData[closestIndex] : value,
-          index: closestIndex
-        };
-      }
-      var dataIndex = scale.bandwidth() === 0 ? Math.floor((mouseValue - Math.min.apply(Math, _toConsumableArray(scale.range())) + scale.step() / 2) / scale.step()) : Math.floor((mouseValue - Math.min.apply(Math, _toConsumableArray(scale.range()))) / scale.step());
-      if (dataIndex < 0 || dataIndex >= axisData.length) {
-        return null;
-      }
-      return {
-        index: dataIndex,
-        value: axisData[dataIndex]
-      };
-    };
-    var handleMouseOut = function handleMouseOut() {
-      mousePosition.current = {
-        x: -1,
-        y: -1
-      };
-      dispatch({
-        type: 'exitChart'
-      });
-    };
-    var handleMouseMove = function handleMouseMove(event) {
-      var svgPoint = getSVGPoint(svgRef.current, event);
-      mousePosition.current = {
-        x: svgPoint.x,
-        y: svgPoint.y
-      };
-      var outsideX = svgPoint.x < left || svgPoint.x > left + width;
-      var outsideY = svgPoint.y < top || svgPoint.y > top + height;
-      if (outsideX || outsideY) {
-        dispatch({
-          type: 'exitChart'
-        });
-        return;
-      }
-      var newStateX = getUpdate(xAxis[usedXAxis], svgPoint.x);
-      var newStateY = getUpdate(yAxis[usedYAxis], svgPoint.y);
-      dispatch({
-        type: 'updateAxis',
-        data: {
-          x: newStateX,
-          y: newStateY
-        }
-      });
-    };
-    element.addEventListener('mouseout', handleMouseOut);
-    element.addEventListener('mousemove', handleMouseMove);
-    return function () {
-      element.removeEventListener('mouseout', handleMouseOut);
-      element.removeEventListener('mousemove', handleMouseMove);
-    };
-  }, [svgRef, dispatch, left, width, top, height, usedYAxis, yAxis, usedXAxis, xAxis, disableAxisListener]);
-};

package/legacy/hooks/useChartDimensions.js

@@ -1,18 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import { DEFAULT_MARGINS } from '../constants';
-var useChartDimensions = function useChartDimensions(width, height, margin) {
-  var defaultizedMargin = _extends({}, DEFAULT_MARGINS, margin);
-  var drawingArea = React.useMemo(function () {
-    return {
-      left: defaultizedMargin.left,
-      top: defaultizedMargin.top,
-      right: defaultizedMargin.right,
-      bottom: defaultizedMargin.bottom,
-      width: Math.max(0, width - defaultizedMargin.left - defaultizedMargin.right),
-      height: Math.max(0, height - defaultizedMargin.top - defaultizedMargin.bottom)
-    };
-  }, [width, height, defaultizedMargin.top, defaultizedMargin.bottom, defaultizedMargin.left, defaultizedMargin.right]);
-  return drawingArea;
-};
-export default useChartDimensions;

package/legacy/hooks/useDrawingArea.js

@@ -1,21 +0,0 @@
-import * as React from 'react';
-import { DrawingContext } from '../context/DrawingProvider';
-export function useDrawingArea() {
-  var _React$useContext = React.useContext(DrawingContext),
-    left = _React$useContext.left,
-    top = _React$useContext.top,
-    width = _React$useContext.width,
-    height = _React$useContext.height,
-    bottom = _React$useContext.bottom,
-    right = _React$useContext.right;
-  return React.useMemo(function () {
-    return {
-      left: left,
-      top: top,
-      width: width,
-      height: height,
-      bottom: bottom,
-      right: right
-    };
-  }, [height, left, top, width, bottom, right]);
-}

package/legacy/hooks/useInteractionItemProps.js

@@ -1,71 +0,0 @@
-import * as React from 'react';
-import { InteractionContext } from '../context/InteractionProvider';
-import { HighlighContext } from '../context/HighlightProvider';
-export var useInteractionItemProps = function useInteractionItemProps(scope, skip) {
-  var _React$useContext = React.useContext(InteractionContext),
-    dispatchInteraction = _React$useContext.dispatch;
-  var _React$useContext2 = React.useContext(HighlighContext),
-    dispatchHighlight = _React$useContext2.dispatch;
-  if (skip) {
-    return function () {
-      return {};
-    };
-  }
-  var getInteractionItemProps = function getInteractionItemProps(data) {
-    var onMouseEnter = function onMouseEnter() {
-      dispatchInteraction({
-        type: 'enterItem',
-        data: data
-      });
-      dispatchHighlight({
-        type: 'enterItem',
-        item: data,
-        scope: scope
-      });
-    };
-    var onMouseLeave = function onMouseLeave() {
-      dispatchInteraction({
-        type: 'leaveItem',
-        data: data
-      });
-      dispatchHighlight({
-        type: 'leaveItem',
-        item: data
-      });
-    };
-    return {
-      onMouseEnter: onMouseEnter,
-      onMouseLeave: onMouseLeave
-    };
-  };
-  return getInteractionItemProps;
-};
-export var getIsHighlighted = function getIsHighlighted(selectedItem, currentItem, highlightScope) {
-  if (!(highlightScope != null && highlightScope.highlighted) || highlightScope.highlighted === 'none' || selectedItem === null) {
-    return false;
-  }
-  var isSeriesSelected = selectedItem.type === currentItem.type && selectedItem.seriesId === currentItem.seriesId;
-  if (!isSeriesSelected) {
-    return false;
-  }
-  if (highlightScope.highlighted === 'series') {
-    return isSeriesSelected;
-  }
-  return selectedItem.dataIndex !== undefined && selectedItem.dataIndex === currentItem.dataIndex;
-};
-export var getIsFaded = function getIsFaded(selectedItem, currentItem, highlightScope) {
-  if (!(highlightScope != null && highlightScope.faded) || highlightScope.faded === 'none' || selectedItem === null) {
-    return false;
-  }
-  var isSeriesSelected = selectedItem.type === currentItem.type && selectedItem.seriesId === currentItem.seriesId;
-  if (highlightScope.faded === 'series') {
-    return isSeriesSelected && selectedItem.dataIndex !== currentItem.dataIndex;
-  }
-  if (highlightScope.faded === 'global') {
-    if (!isSeriesSelected) {
-      return true;
-    }
-    return selectedItem.dataIndex !== undefined && selectedItem.dataIndex !== currentItem.dataIndex;
-  }
-  return false;
-};

package/legacy/hooks/useMounted.js

@@ -1,21 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import * as React from 'react';
-import useEnhancedEffect from '@mui/utils/useEnhancedEffect';
-export function useMounted() {
-  var defer = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    mountedState = _React$useState2[0],
-    setMountedState = _React$useState2[1];
-  useEnhancedEffect(function () {
-    if (!defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-  React.useEffect(function () {
-    if (defer) {
-      setMountedState(true);
-    }
-  }, [defer]);
-  return mountedState;
-}

package/legacy/hooks/useReducedMotion.js

@@ -1,27 +0,0 @@
-import { useIsomorphicLayoutEffect, Globals } from '@react-spring/web';
-
-/**
- * Returns `boolean` or `null`, used to automatically
- * set skipAnimations to the value of the user's
- * `prefers-reduced-motion` query.
- *
- * The return value, post-effect, is the value of their prefered setting
- */
-export var useReducedMotion = function useReducedMotion() {
-  // Taken from: https://github.com/pmndrs/react-spring/blob/02ec877bbfab0df46da0e4a47d5f68d3e731206a/packages/shared/src/hooks/useReducedMotion.ts#L13
-
-  useIsomorphicLayoutEffect(function () {
-    var mql = window.matchMedia('(prefers-reduced-motion)');
-    var handleMediaChange = function handleMediaChange(e) {
-      Globals.assign({
-        // Modification such the react-spring implementation such that this hook can remove animation but never activate animation.
-        skipAnimation: e.matches || undefined
-      });
-    };
-    handleMediaChange(mql);
-    mql.addEventListener('change', handleMediaChange);
-    return function () {
-      mql.removeEventListener('change', handleMediaChange);
-    };
-  }, []);
-};

package/legacy/hooks/useScale.js

@@ -1,33 +0,0 @@
-import * as React from 'react';
-import { CartesianContext } from '../context/CartesianContextProvider';
-import { isBandScale } from '../internals/isBandScale';
-/**
- * For a given scale return a function that map value to their position.
- * Usefull when dealing with specific scale such as band.
- * @param scale The scale to use
- * @returns (value: any) => number
- */
-export function getValueToPositionMapper(scale) {
-  if (isBandScale(scale)) {
-    return function (value) {
-      return scale(value) + scale.bandwidth() / 2;
-    };
-  }
-  return function (value) {
-    return scale(value);
-  };
-}
-export function useXScale(identifier) {
-  var _React$useContext = React.useContext(CartesianContext),
-    xAxis = _React$useContext.xAxis,
-    xAxisIds = _React$useContext.xAxisIds;
-  var id = typeof identifier === 'string' ? identifier : xAxisIds[identifier != null ? identifier : 0];
-  return xAxis[id].scale;
-}
-export function useYScale(identifier) {
-  var _React$useContext2 = React.useContext(CartesianContext),
-    yAxis = _React$useContext2.yAxis,
-    yAxisIds = _React$useContext2.yAxisIds;
-  var id = typeof identifier === 'string' ? identifier : yAxisIds[identifier != null ? identifier : 0];
-  return yAxis[id].scale;
-}

package/legacy/hooks/useTicks.js

@@ -1,66 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-import * as React from 'react';
-import { isBandScale } from '../internals/isBandScale';
-export function getTickNumber(params) {
-  var tickMaxStep = params.tickMaxStep,
-    tickMinStep = params.tickMinStep,
-    tickNumber = params.tickNumber,
-    range = params.range,
-    domain = params.domain;
-  var maxTicks = tickMinStep === undefined ? 999 : Math.floor(Math.abs(domain[1] - domain[0]) / tickMinStep);
-  var minTicks = tickMaxStep === undefined ? 2 : Math.ceil(Math.abs(domain[1] - domain[0]) / tickMaxStep);
-  var defaultizedTickNumber = tickNumber != null ? tickNumber : Math.floor(Math.abs(range[1] - range[0]) / 50);
-  return Math.min(maxTicks, Math.max(minTicks, defaultizedTickNumber));
-}
-function useTicks(options) {
-  var scale = options.scale,
-    tickNumber = options.tickNumber,
-    valueFormatter = options.valueFormatter,
-    tickInterval = options.tickInterval;
-  return React.useMemo(function () {
-    // band scale
-    if (isBandScale(scale)) {
-      var domain = scale.domain();
-      if (scale.bandwidth() > 0) {
-        // scale type = 'band'
-        return [].concat(_toConsumableArray(domain.map(function (value) {
-          var _valueFormatter;
-          return {
-            value: value,
-            formattedValue: (_valueFormatter = valueFormatter == null ? void 0 : valueFormatter(value)) != null ? _valueFormatter : "".concat(value),
-            offset: scale(value) - (scale.step() - scale.bandwidth()) / 2,
-            labelOffset: scale.step() / 2
-          };
-        })), [{
-          formattedValue: undefined,
-          offset: scale.range()[1],
-          labelOffset: 0
-        }]);
-      }
-
-      // scale type = 'point'
-      var filteredDomain = typeof tickInterval === 'function' && domain.filter(tickInterval) || _typeof(tickInterval) === 'object' && tickInterval || domain;
-      return filteredDomain.map(function (value) {
-        var _valueFormatter2;
-        return {
-          value: value,
-          formattedValue: (_valueFormatter2 = valueFormatter == null ? void 0 : valueFormatter(value)) != null ? _valueFormatter2 : "".concat(value),
-          offset: scale(value),
-          labelOffset: 0
-        };
-      });
-    }
-    var ticks = _typeof(tickInterval) === 'object' ? tickInterval : scale.ticks(tickNumber);
-    return ticks.map(function (value) {
-      var _valueFormatter3;
-      return {
-        value: value,
-        formattedValue: (_valueFormatter3 = valueFormatter == null ? void 0 : valueFormatter(value)) != null ? _valueFormatter3 : scale.tickFormat(tickNumber)(value),
-        offset: scale(value),
-        labelOffset: 0
-      };
-    });
-  }, [tickNumber, scale, valueFormatter, tickInterval]);
-}
-export default useTicks;