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

package/node/LineChart/LineHighlightPlot.js

@@ -1,128 +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.LineHighlightPlot = LineHighlightPlot;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _useStore = require("../internals/store/useStore");
-var _useSelector = require("../internals/store/useSelector");
-var _LineHighlightElement = require("./LineHighlightElement");
-var _useScale = require("../hooks/useScale");
-var _constants = require("../constants");
-var _getColor = _interopRequireDefault(require("./getColor"));
-var _useSeries = require("../hooks/useSeries");
-var _ChartProvider = require("../context/ChartProvider");
-var _useChartInteraction = require("../internals/plugins/featurePlugins/useChartInteraction");
-var _useAxis = require("../hooks/useAxis");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps"];
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [LineHighlightPlot API](https://mui.com/x/api/charts/line-highlight-plot/)
- */
-function LineHighlightPlot(props) {
-  const {
-      slots,
-      slotProps
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const seriesData = (0, _useSeries.useLineSeries)();
-  const {
-    xAxis,
-    xAxisIds
-  } = (0, _useAxis.useXAxes)();
-  const {
-    yAxis,
-    yAxisIds
-  } = (0, _useAxis.useYAxes)();
-  const {
-    instance
-  } = (0, _ChartProvider.useChartContext)();
-  const store = (0, _useStore.useStore)();
-  const xAxisIdentifier = (0, _useSelector.useSelector)(store, _useChartInteraction.selectorChartsInteractionXAxis);
-  const highlightedIndex = xAxisIdentifier?.index;
-  if (highlightedIndex === undefined) {
-    return null;
-  }
-  if (seriesData === undefined) {
-    return null;
-  }
-  const {
-    series,
-    stackingGroups
-  } = seriesData;
-  const defaultXAxisId = xAxisIds[0];
-  const defaultYAxisId = yAxisIds[0];
-  const Element = slots?.lineHighlight ?? _LineHighlightElement.LineHighlightElement;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
-    children: stackingGroups.flatMap(({
-      ids: groupIds
-    }) => {
-      return groupIds.flatMap(seriesId => {
-        const {
-          xAxisId = defaultXAxisId,
-          yAxisId = defaultYAxisId,
-          stackedData,
-          data,
-          disableHighlight,
-          shape = 'circle'
-        } = series[seriesId];
-        if (disableHighlight || data[highlightedIndex] == null) {
-          return null;
-        }
-        const xScale = (0, _useScale.getValueToPositionMapper)(xAxis[xAxisId].scale);
-        const yScale = yAxis[yAxisId].scale;
-        const xData = xAxis[xAxisId].data;
-        if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
-        }
-        const x = xScale(xData[highlightedIndex]);
-        const y = yScale(stackedData[highlightedIndex][1]); // This should not be undefined since y should not be a band scale
-
-        if (!instance.isPointInside({
-          x,
-          y
-        })) {
-          return null;
-        }
-        const colorGetter = (0, _getColor.default)(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Element, (0, _extends2.default)({
-          id: seriesId,
-          color: colorGetter(highlightedIndex),
-          x: x,
-          y: y,
-          shape: shape
-        }, slotProps?.lineHighlight), `${seriesId}`);
-      });
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? LineHighlightPlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: _propTypes.default.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: _propTypes.default.object
-} : void 0;

package/node/LineChart/LinePlot.js

@@ -1,202 +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.LinePlot = LinePlot;
-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 _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _LineElement = require("./LineElement");
-var _useScale = require("../hooks/useScale");
-var _getCurve = _interopRequireDefault(require("../internals/getCurve"));
-var _isBandScale = require("../internals/isBandScale");
-var _constants = require("../constants");
-var _useSeries = require("../hooks/useSeries");
-var _AnimationProvider = require("../context/AnimationProvider");
-var _useChartGradientId = require("../hooks/useChartGradientId");
-var _hooks = require("../hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "skipAnimation", "onItemClick"];
-const LinePlotRoot = (0, _styles.styled)('g', {
-  name: 'MuiAreaPlot',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
-})({
-  [`& .${_LineElement.lineElementClasses.root}`]: {
-    transition: 'opacity 0.2s ease-in, fill 0.2s ease-in'
-  }
-});
-const useAggregatedData = () => {
-  const seriesData = (0, _useSeries.useLineSeries)();
-  const {
-    xAxis,
-    xAxisIds
-  } = (0, _hooks.useXAxes)();
-  const {
-    yAxis,
-    yAxisIds
-  } = (0, _hooks.useYAxes)();
-  const getGradientId = (0, _useChartGradientId.useChartGradientIdBuilder)();
-
-  // This memo prevents odd line chart behavior when hydrating.
-  const allData = React.useMemo(() => {
-    if (seriesData === undefined) {
-      return [];
-    }
-    const {
-      series,
-      stackingGroups
-    } = seriesData;
-    const defaultXAxisId = xAxisIds[0];
-    const defaultYAxisId = yAxisIds[0];
-    return stackingGroups.flatMap(({
-      ids: groupIds
-    }) => {
-      return groupIds.flatMap(seriesId => {
-        const {
-          xAxisId = defaultXAxisId,
-          yAxisId = defaultYAxisId,
-          stackedData,
-          data,
-          connectNulls,
-          curve,
-          strictStepCurve
-        } = series[seriesId];
-        const xScale = xAxis[xAxisId].scale;
-        const xPosition = (0, _useScale.getValueToPositionMapper)(xScale);
-        const yScale = yAxis[yAxisId].scale;
-        const xData = xAxis[xAxisId].data;
-        const gradientId = yAxis[yAxisId].colorScale && getGradientId(yAxisId) || xAxis[xAxisId].colorScale && getGradientId(xAxisId) || undefined;
-        if (process.env.NODE_ENV !== 'production') {
-          if (xData === undefined) {
-            throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
-          }
-          if (xData.length < stackedData.length) {
-            throw new Error(`MUI X: The data length of the x axis (${xData.length} items) is lower than the length of series (${stackedData.length} items).`);
-          }
-        }
-        const shouldExpand = curve?.includes('step') && !strictStepCurve && (0, _isBandScale.isBandScale)(xScale);
-        const formattedData = xData?.flatMap((x, index) => {
-          const nullData = data[index] == null;
-          if (shouldExpand) {
-            const rep = [{
-              x,
-              y: stackedData[index],
-              nullData,
-              isExtension: false
-            }];
-            if (!nullData && (index === 0 || data[index - 1] == null)) {
-              rep.unshift({
-                x: (xScale(x) ?? 0) - (xScale.step() - xScale.bandwidth()) / 2,
-                y: stackedData[index],
-                nullData,
-                isExtension: true
-              });
-            }
-            if (!nullData && (index === data.length - 1 || data[index + 1] == null)) {
-              rep.push({
-                x: (xScale(x) ?? 0) + (xScale.step() + xScale.bandwidth()) / 2,
-                y: stackedData[index],
-                nullData,
-                isExtension: true
-              });
-            }
-            return rep;
-          }
-          return {
-            x,
-            y: stackedData[index],
-            nullData
-          };
-        }) ?? [];
-        const d3Data = connectNulls ? formattedData.filter(d => !d.nullData) : formattedData;
-        const linePath = (0, _d3Shape.line)().x(d => d.isExtension ? d.x : xPosition(d.x)).defined(d => connectNulls || !d.nullData || !!d.isExtension).y(d => yScale(d.y[1]));
-        const d = linePath.curve((0, _getCurve.default)(curve))(d3Data) || '';
-        return (0, _extends2.default)({}, series[seriesId], {
-          gradientId,
-          d,
-          seriesId
-        });
-      });
-    });
-  }, [seriesData, xAxisIds, yAxisIds, xAxis, yAxis, getGradientId]);
-  return allData;
-};
-
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [LinePlot API](https://mui.com/x/api/charts/line-plot/)
- */
-function LinePlot(props) {
-  const {
-      slots,
-      slotProps,
-      skipAnimation: inSkipAnimation,
-      onItemClick
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const skipAnimation = (0, _AnimationProvider.useSkipAnimation)(inSkipAnimation);
-  const completedData = useAggregatedData();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(LinePlotRoot, (0, _extends2.default)({}, other, {
-    children: completedData.map(({
-      d,
-      seriesId,
-      color,
-      gradientId
-    }) => {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_LineElement.LineElement, {
-        id: seriesId,
-        d: d,
-        color: color,
-        gradientId: gradientId,
-        skipAnimation: skipAnimation,
-        slots: slots,
-        slotProps: slotProps,
-        onClick: onItemClick && (event => onItemClick(event, {
-          type: 'line',
-          seriesId
-        }))
-      }, seriesId);
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? LinePlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback fired when a line item is clicked.
-   * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line item identifier.
-   */
-  onItemClick: _propTypes.default.func,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: _propTypes.default.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: _propTypes.default.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: _propTypes.default.object
-} : void 0;

package/node/LineChart/MarkElement.js

@@ -1,123 +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.MarkElement = MarkElement;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _styles = require("@mui/material/styles");
-var _d3Shape = require("@mui/x-charts-vendor/d3-shape");
-var _web = require("@react-spring/web");
-var _getSymbol = require("../internals/getSymbol");
-var _useInteractionItemProps = require("../hooks/useInteractionItemProps");
-var _context = require("../context");
-var _markElementClasses = require("./markElementClasses");
-var _useChartInteraction = require("../internals/plugins/featurePlugins/useChartInteraction");
-var _useSelector = require("../internals/store/useSelector");
-var _useStore = require("../internals/store/useStore");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["x", "y", "id", "classes", "color", "shape", "dataIndex", "onClick", "skipAnimation"];
-const MarkElementPath = (0, _styles.styled)(_web.animated.path, {
-  name: 'MuiMarkElement',
-  slot: 'Root',
-  overridesResolver: (_, styles) => styles.root
-})(({
-  ownerState,
-  theme
-}) => ({
-  fill: (theme.vars || theme).palette.background.paper,
-  stroke: ownerState.color,
-  strokeWidth: 2
-}));
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [MarkElement API](https://mui.com/x/api/charts/mark-element/)
- */
-function MarkElement(props) {
-  const {
-      x,
-      y,
-      id,
-      classes: innerClasses,
-      color,
-      shape,
-      dataIndex,
-      onClick,
-      skipAnimation
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const getInteractionItemProps = (0, _useInteractionItemProps.useInteractionItemProps)();
-  const {
-    isFaded,
-    isHighlighted
-  } = (0, _context.useItemHighlighted)({
-    seriesId: id
-  });
-  const store = (0, _useStore.useStore)();
-  const xAxisIdentifier = (0, _useSelector.useSelector)(store, _useChartInteraction.selectorChartsInteractionXAxis);
-  const position = (0, _web.useSpring)({
-    to: {
-      x,
-      y
-    },
-    immediate: skipAnimation
-  });
-  const ownerState = {
-    id,
-    classes: innerClasses,
-    isHighlighted: xAxisIdentifier?.index === dataIndex || isHighlighted,
-    isFaded,
-    color
-  };
-  const classes = (0, _markElementClasses.useUtilityClasses)(ownerState);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(MarkElementPath, (0, _extends2.default)({}, other, {
-    style: {
-      transform: (0, _web.to)([position.x, position.y], (pX, pY) => `translate(${pX}px, ${pY}px)`),
-      transformOrigin: (0, _web.to)([position.x, position.y], (pX, pY) => `${pX}px ${pY}px`)
-    },
-    ownerState: ownerState
-    // @ts-expect-error
-    ,
-    className: classes.root,
-    d: (0, _d3Shape.symbol)(_d3Shape.symbolsFill[(0, _getSymbol.getSymbol)(shape)])(),
-    onClick: onClick,
-    cursor: onClick ? 'pointer' : 'unset'
-  }, getInteractionItemProps({
-    type: 'line',
-    seriesId: id,
-    dataIndex
-  })));
-}
-process.env.NODE_ENV !== "production" ? MarkElement.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  classes: _propTypes.default.object,
-  /**
-   * The index to the element in the series' data array.
-   */
-  dataIndex: _propTypes.default.number.isRequired,
-  id: _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]).isRequired,
-  /**
-   * The shape of the marker.
-   */
-  shape: _propTypes.default.oneOf(['circle', 'cross', 'diamond', 'square', 'star', 'triangle', 'wye']).isRequired,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: _propTypes.default.bool
-} : void 0;

package/node/LineChart/MarkPlot.js

@@ -1,185 +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.MarkPlot = MarkPlot;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _objectWithoutPropertiesLoose2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var React = _interopRequireWildcard(require("react"));
-var _constants = require("../constants");
-var _AnimationProvider = require("../context/AnimationProvider");
-var _useChartId = require("../hooks/useChartId");
-var _useScale = require("../hooks/useScale");
-var _useSeries = require("../hooks/useSeries");
-var _cleanId = require("../internals/cleanId");
-var _CircleMarkElement = require("./CircleMarkElement");
-var _getColor = _interopRequireDefault(require("./getColor"));
-var _MarkElement = require("./MarkElement");
-var _ChartProvider = require("../context/ChartProvider");
-var _hooks = require("../hooks");
-var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["slots", "slotProps", "skipAnimation", "onItemClick"];
-/**
- * Demos:
- *
- * - [Lines](https://mui.com/x/react-charts/lines/)
- * - [Line demonstration](https://mui.com/x/react-charts/line-demo/)
- *
- * API:
- *
- * - [MarkPlot API](https://mui.com/x/api/charts/mark-plot/)
- */
-function MarkPlot(props) {
-  const {
-      slots,
-      slotProps,
-      skipAnimation: inSkipAnimation,
-      onItemClick
-    } = props,
-    other = (0, _objectWithoutPropertiesLoose2.default)(props, _excluded);
-  const skipAnimation = (0, _AnimationProvider.useSkipAnimation)(inSkipAnimation);
-  const seriesData = (0, _useSeries.useLineSeries)();
-  const {
-    xAxis,
-    xAxisIds
-  } = (0, _hooks.useXAxes)();
-  const {
-    yAxis,
-    yAxisIds
-  } = (0, _hooks.useYAxes)();
-  const chartId = (0, _useChartId.useChartId)();
-  const {
-    instance
-  } = (0, _ChartProvider.useChartContext)();
-  if (seriesData === undefined) {
-    return null;
-  }
-  const {
-    series,
-    stackingGroups
-  } = seriesData;
-  const defaultXAxisId = xAxisIds[0];
-  const defaultYAxisId = yAxisIds[0];
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", (0, _extends2.default)({}, other, {
-    children: stackingGroups.flatMap(({
-      ids: groupIds
-    }) => {
-      return groupIds.map(seriesId => {
-        const {
-          xAxisId = defaultXAxisId,
-          yAxisId = defaultYAxisId,
-          stackedData,
-          data,
-          showMark = true,
-          shape = 'circle'
-        } = series[seriesId];
-        if (showMark === false) {
-          return null;
-        }
-        const xScale = (0, _useScale.getValueToPositionMapper)(xAxis[xAxisId].scale);
-        const yScale = yAxis[yAxisId].scale;
-        const xData = xAxis[xAxisId].data;
-        if (xData === undefined) {
-          throw new Error(`MUI X: ${xAxisId === _constants.DEFAULT_X_AXIS_KEY ? 'The first `xAxis`' : `The x-axis with id "${xAxisId}"`} should have data property to be able to display a line plot.`);
-        }
-        const clipId = (0, _cleanId.cleanId)(`${chartId}-${seriesId}-line-clip`); // We assume that if displaying line mark, the line will also be rendered
-
-        const colorGetter = (0, _getColor.default)(series[seriesId], xAxis[xAxisId], yAxis[yAxisId]);
-        const Mark = slots?.mark ?? (shape === 'circle' ? _CircleMarkElement.CircleMarkElement : _MarkElement.MarkElement);
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("g", {
-          clipPath: `url(#${clipId})`,
-          children: xData?.map((x, index) => {
-            const value = data[index] == null ? null : stackedData[index][1];
-            return {
-              x: xScale(x),
-              y: value === null ? null : yScale(value),
-              position: x,
-              value,
-              index
-            };
-          }).filter(({
-            x,
-            y,
-            index,
-            position,
-            value
-          }) => {
-            if (value === null || y === null) {
-              // Remove missing data point
-              return false;
-            }
-            if (!instance.isPointInside({
-              x,
-              y
-            })) {
-              // Remove out of range
-              return false;
-            }
-            if (showMark === true) {
-              return true;
-            }
-            return showMark({
-              x,
-              y,
-              index,
-              position,
-              value
-            });
-          }).map(({
-            x,
-            y,
-            index
-          }) => {
-            return /*#__PURE__*/(0, _jsxRuntime.jsx)(Mark, (0, _extends2.default)({
-              id: seriesId,
-              dataIndex: index,
-              shape: shape,
-              color: colorGetter(index),
-              x: x,
-              y: y // Don't know why TS doesn't get from the filter that y can't be null
-              ,
-              skipAnimation: skipAnimation,
-              onClick: onItemClick && (event => onItemClick(event, {
-                type: 'line',
-                seriesId,
-                dataIndex: index
-              }))
-            }, slotProps?.mark), `${seriesId}-${index}`);
-          })
-        }, seriesId);
-      });
-    })
-  }));
-}
-process.env.NODE_ENV !== "production" ? MarkPlot.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "pnpm proptypes"  |
-  // ----------------------------------------------------------------------
-  /**
-   * Callback fired when a line mark item is clicked.
-   * @param {React.MouseEvent<SVGPathElement, MouseEvent>} event The event source of the callback.
-   * @param {LineItemIdentifier} lineItemIdentifier The line mark item identifier.
-   */
-  onItemClick: _propTypes.default.func,
-  /**
-   * If `true`, animations are skipped.
-   * @default false
-   */
-  skipAnimation: _propTypes.default.bool,
-  /**
-   * The props used for each component slot.
-   * @default {}
-   */
-  slotProps: _propTypes.default.object,
-  /**
-   * Overridable component slots.
-   * @default {}
-   */
-  slots: _propTypes.default.object
-} : void 0;