@mui/x-data-grid-pro 7.0.0-beta.6 → 7.0.0

package/components/GridScrollArea.js

@@ -1,145 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.GridScrollArea = void 0;
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var React = _interopRequireWildcard(require("react"));
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _clsx = _interopRequireDefault(require("clsx"));
-var _utils = require("@mui/utils");
-var _system = require("@mui/system");
-var _internals = require("@mui/x-data-grid/internals");
-var _xDataGrid = require("@mui/x-data-grid");
-var _useGridRootProps = require("../hooks/utils/useGridRootProps");
-var _jsxRuntime = require("react/jsx-runtime");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-const CLIFF = 1;
-const SLOP = 1.5;
-const useUtilityClasses = ownerState => {
-  const {
-    scrollDirection,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['scrollArea', `scrollArea--${scrollDirection}`]
-  };
-  return (0, _utils.unstable_composeClasses)(slots, _xDataGrid.getDataGridUtilityClass, classes);
-};
-const GridScrollAreaRawRoot = (0, _system.styled)('div', {
-  name: 'MuiDataGrid',
-  slot: 'ScrollArea',
-  overridesResolver: (props, styles) => [{
-    [`&.${_xDataGrid.gridClasses['scrollArea--left']}`]: styles['scrollArea--left']
-  }, {
-    [`&.${_xDataGrid.gridClasses['scrollArea--right']}`]: styles['scrollArea--right']
-  }, styles.scrollArea]
-})(() => ({
-  position: 'absolute',
-  top: 0,
-  zIndex: 101,
-  width: 20,
-  bottom: 0,
-  [`&.${_xDataGrid.gridClasses['scrollArea--left']}`]: {
-    left: 0
-  },
-  [`&.${_xDataGrid.gridClasses['scrollArea--right']}`]: {
-    right: 0
-  }
-}));
-function GridScrollAreaRaw(props) {
-  const {
-    scrollDirection
-  } = props;
-  const rootRef = React.useRef(null);
-  const apiRef = (0, _xDataGrid.useGridApiContext)();
-  const timeout = (0, _internals.useTimeout)();
-  const densityFactor = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridDensityFactorSelector);
-  const columnsTotalWidth = (0, _xDataGrid.useGridSelector)(apiRef, _xDataGrid.gridColumnsTotalWidthSelector);
-  const scrollPosition = React.useRef({
-    left: 0,
-    top: 0
-  });
-  const getCanScrollMore = () => {
-    if (scrollDirection === 'left') {
-      // Only render if the user has not reached yet the start of the list
-      return scrollPosition.current.left > 0;
-    }
-    if (scrollDirection === 'right') {
-      const dimensions = apiRef.current.getRootDimensions();
-
-      // Only render if the user has not reached yet the end of the list
-      const maxScrollLeft = columnsTotalWidth - dimensions.viewportInnerSize.width;
-      return scrollPosition.current.left < maxScrollLeft;
-    }
-    return false;
-  };
-  const [dragging, setDragging] = React.useState(false);
-  const [canScrollMore, setCanScrollMore] = React.useState(getCanScrollMore);
-  const rootProps = (0, _useGridRootProps.useGridRootProps)();
-  const ownerState = (0, _extends2.default)({}, rootProps, {
-    scrollDirection
-  });
-  const classes = useUtilityClasses(ownerState);
-  const totalHeaderHeight = (0, _internals.getTotalHeaderHeight)(apiRef, rootProps.columnHeaderHeight);
-  const headerHeight = Math.floor(rootProps.columnHeaderHeight * densityFactor);
-  const handleScrolling = newScrollPosition => {
-    scrollPosition.current = newScrollPosition;
-    setCanScrollMore(getCanScrollMore);
-  };
-  const handleDragOver = (0, _utils.unstable_useEventCallback)(event => {
-    let offset;
-
-    // Prevents showing the forbidden cursor
-    event.preventDefault();
-    if (scrollDirection === 'left') {
-      offset = event.clientX - rootRef.current.getBoundingClientRect().right;
-    } else if (scrollDirection === 'right') {
-      offset = Math.max(1, event.clientX - rootRef.current.getBoundingClientRect().left);
-    } else {
-      throw new Error('MUI X: Wrong drag direction');
-    }
-    offset = (offset - CLIFF) * SLOP + CLIFF;
-
-    // Avoid freeze and inertia.
-    timeout.start(0, () => {
-      apiRef.current.scroll({
-        left: scrollPosition.current.left + offset,
-        top: scrollPosition.current.top
-      });
-    });
-  });
-  const handleColumnHeaderDragStart = (0, _utils.unstable_useEventCallback)(() => {
-    setDragging(true);
-  });
-  const handleColumnHeaderDragEnd = (0, _utils.unstable_useEventCallback)(() => {
-    setDragging(false);
-  });
-  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'scrollPositionChange', handleScrolling);
-  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragStart', handleColumnHeaderDragStart);
-  (0, _xDataGrid.useGridApiEventHandler)(apiRef, 'columnHeaderDragEnd', handleColumnHeaderDragEnd);
-  if (!dragging || !canScrollMore) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(GridScrollAreaRawRoot, {
-    ref: rootRef,
-    className: (0, _clsx.default)(classes.root),
-    ownerState: ownerState,
-    onDragOver: handleDragOver,
-    style: {
-      height: headerHeight,
-      top: totalHeaderHeight - headerHeight
-    }
-  });
-}
-process.env.NODE_ENV !== "production" ? GridScrollAreaRaw.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  scrollDirection: _propTypes.default.oneOf(['left', 'right']).isRequired
-} : void 0;
-const GridScrollArea = exports.GridScrollArea = (0, _internals.fastMemo)(GridScrollAreaRaw);

package/esm/components/GridScrollArea.js

@@ -1,137 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses, unstable_useEventCallback as useEventCallback } from '@mui/utils';
-import { styled } from '@mui/system';
-import { getTotalHeaderHeight, fastMemo, useTimeout } from '@mui/x-data-grid/internals';
-import { getDataGridUtilityClass, gridClasses, gridDensityFactorSelector, useGridApiContext, useGridApiEventHandler, useGridSelector, gridColumnsTotalWidthSelector } from '@mui/x-data-grid';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { jsx as _jsx } from "react/jsx-runtime";
-const CLIFF = 1;
-const SLOP = 1.5;
-const useUtilityClasses = ownerState => {
-  const {
-    scrollDirection,
-    classes
-  } = ownerState;
-  const slots = {
-    root: ['scrollArea', `scrollArea--${scrollDirection}`]
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-const GridScrollAreaRawRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'ScrollArea',
-  overridesResolver: (props, styles) => [{
-    [`&.${gridClasses['scrollArea--left']}`]: styles['scrollArea--left']
-  }, {
-    [`&.${gridClasses['scrollArea--right']}`]: styles['scrollArea--right']
-  }, styles.scrollArea]
-})(() => ({
-  position: 'absolute',
-  top: 0,
-  zIndex: 101,
-  width: 20,
-  bottom: 0,
-  [`&.${gridClasses['scrollArea--left']}`]: {
-    left: 0
-  },
-  [`&.${gridClasses['scrollArea--right']}`]: {
-    right: 0
-  }
-}));
-function GridScrollAreaRaw(props) {
-  const {
-    scrollDirection
-  } = props;
-  const rootRef = React.useRef(null);
-  const apiRef = useGridApiContext();
-  const timeout = useTimeout();
-  const densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
-  const columnsTotalWidth = useGridSelector(apiRef, gridColumnsTotalWidthSelector);
-  const scrollPosition = React.useRef({
-    left: 0,
-    top: 0
-  });
-  const getCanScrollMore = () => {
-    if (scrollDirection === 'left') {
-      // Only render if the user has not reached yet the start of the list
-      return scrollPosition.current.left > 0;
-    }
-    if (scrollDirection === 'right') {
-      const dimensions = apiRef.current.getRootDimensions();
-
-      // Only render if the user has not reached yet the end of the list
-      const maxScrollLeft = columnsTotalWidth - dimensions.viewportInnerSize.width;
-      return scrollPosition.current.left < maxScrollLeft;
-    }
-    return false;
-  };
-  const [dragging, setDragging] = React.useState(false);
-  const [canScrollMore, setCanScrollMore] = React.useState(getCanScrollMore);
-  const rootProps = useGridRootProps();
-  const ownerState = _extends({}, rootProps, {
-    scrollDirection
-  });
-  const classes = useUtilityClasses(ownerState);
-  const totalHeaderHeight = getTotalHeaderHeight(apiRef, rootProps.columnHeaderHeight);
-  const headerHeight = Math.floor(rootProps.columnHeaderHeight * densityFactor);
-  const handleScrolling = newScrollPosition => {
-    scrollPosition.current = newScrollPosition;
-    setCanScrollMore(getCanScrollMore);
-  };
-  const handleDragOver = useEventCallback(event => {
-    let offset;
-
-    // Prevents showing the forbidden cursor
-    event.preventDefault();
-    if (scrollDirection === 'left') {
-      offset = event.clientX - rootRef.current.getBoundingClientRect().right;
-    } else if (scrollDirection === 'right') {
-      offset = Math.max(1, event.clientX - rootRef.current.getBoundingClientRect().left);
-    } else {
-      throw new Error('MUI X: Wrong drag direction');
-    }
-    offset = (offset - CLIFF) * SLOP + CLIFF;
-
-    // Avoid freeze and inertia.
-    timeout.start(0, () => {
-      apiRef.current.scroll({
-        left: scrollPosition.current.left + offset,
-        top: scrollPosition.current.top
-      });
-    });
-  });
-  const handleColumnHeaderDragStart = useEventCallback(() => {
-    setDragging(true);
-  });
-  const handleColumnHeaderDragEnd = useEventCallback(() => {
-    setDragging(false);
-  });
-  useGridApiEventHandler(apiRef, 'scrollPositionChange', handleScrolling);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragStart', handleColumnHeaderDragStart);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragEnd', handleColumnHeaderDragEnd);
-  if (!dragging || !canScrollMore) {
-    return null;
-  }
-  return /*#__PURE__*/_jsx(GridScrollAreaRawRoot, {
-    ref: rootRef,
-    className: clsx(classes.root),
-    ownerState: ownerState,
-    onDragOver: handleDragOver,
-    style: {
-      height: headerHeight,
-      top: totalHeaderHeight - headerHeight
-    }
-  });
-}
-process.env.NODE_ENV !== "production" ? GridScrollAreaRaw.propTypes = {
-  // ----------------------------- Warning --------------------------------
-  // | These PropTypes are generated from the TypeScript type definitions |
-  // | To update them edit the TypeScript types and run "yarn proptypes"  |
-  // ----------------------------------------------------------------------
-  scrollDirection: PropTypes.oneOf(['left', 'right']).isRequired
-} : void 0;
-const GridScrollArea = fastMemo(GridScrollAreaRaw);
-export { GridScrollArea };

package/esm/hooks/features/columnResize/columnResizeSelector.js

@@ -1,3 +0,0 @@
-import { createSelector } from '@mui/x-data-grid/internals';
-export const gridColumnResizeSelector = state => state.columnResize;
-export const gridResizingColumnFieldSelector = createSelector(gridColumnResizeSelector, columnResize => columnResize.resizingColumnField);

package/esm/hooks/features/columnResize/columnResizeState.js

@@ -1 +0,0 @@
-export {};

package/esm/hooks/features/columnResize/gridColumnResizeApi.js

@@ -1,10 +0,0 @@
-export const DEFAULT_GRID_AUTOSIZE_OPTIONS = {
-  includeHeaders: true,
-  includeOutliers: false,
-  outliersFactor: 1.5,
-  expand: false
-};
-
-/**
- * The Resize API interface that is available in the grid `apiRef`.
- */

package/esm/hooks/features/columnResize/index.js

@@ -1,3 +0,0 @@
-export * from './columnResizeSelector';
-export * from './columnResizeState';
-export * from './gridColumnResizeApi';