@mui/x-data-grid 6.4.0 → 6.6.0

package/node/locales/viVN.js

@@ -66,6 +66,33 @@ const viVNGrid = {
   filterOperatorIsEmpty: 'Rỗng',
   filterOperatorIsNotEmpty: 'Khác rỗng',
   // filterOperatorIsAnyOf: 'is any of',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
+
+  // Header filter operators text
+  // headerFilterOperatorContains: 'Contains',
+  // headerFilterOperatorEquals: 'Equals',
+  // headerFilterOperatorStartsWith: 'Starts with',
+  // headerFilterOperatorEndsWith: 'Ends with',
+  // headerFilterOperatorIs: 'Is',
+  // headerFilterOperatorNot: 'Is not',
+  // headerFilterOperatorAfter: 'Is after',
+  // headerFilterOperatorOnOrAfter: 'Is on or after',
+  // headerFilterOperatorBefore: 'Is before',
+  // headerFilterOperatorOnOrBefore: 'Is on or before',
+  // headerFilterOperatorIsEmpty: 'Is empty',
+  // headerFilterOperatorIsNotEmpty: 'Is not empty',
+  // headerFilterOperatorIsAnyOf: 'Is any of',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Is greater than',
+  // 'headerFilterOperator>=': 'Is greater than or equal to',
+  // 'headerFilterOperator<': 'Is less than',
+  // 'headerFilterOperator<=': 'Is less than or equal to',
 
   // Filter values text
   filterValueAny: 'bất kỳ giá trị nào',

package/node/locales/zhCN.js

@@ -66,6 +66,34 @@ const zhCNGrid = {
   filterOperatorIsEmpty: '为空',
   filterOperatorIsNotEmpty: '不为空',
   filterOperatorIsAnyOf: '属于',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
+
+  // Header filter operators text
+  // headerFilterOperatorContains: 'Contains',
+  // headerFilterOperatorEquals: 'Equals',
+  // headerFilterOperatorStartsWith: 'Starts with',
+  // headerFilterOperatorEndsWith: 'Ends with',
+  // headerFilterOperatorIs: 'Is',
+  // headerFilterOperatorNot: 'Is not',
+  // headerFilterOperatorAfter: 'Is after',
+  // headerFilterOperatorOnOrAfter: 'Is on or after',
+  // headerFilterOperatorBefore: 'Is before',
+  // headerFilterOperatorOnOrBefore: 'Is on or before',
+  // headerFilterOperatorIsEmpty: 'Is empty',
+  // headerFilterOperatorIsNotEmpty: 'Is not empty',
+  // headerFilterOperatorIsAnyOf: 'Is any of',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Is greater than',
+  // 'headerFilterOperator>=': 'Is greater than or equal to',
+  // 'headerFilterOperator<': 'Is less than',
+  // 'headerFilterOperator<=': 'Is less than or equal to',
+
   // Filter values text
   filterValueAny: '任何',
   filterValueTrue: '真',

package/node/locales/zhTW.js

@@ -66,6 +66,34 @@ const zhTWGrid = {
   filterOperatorIsEmpty: '為空',
   filterOperatorIsNotEmpty: '不為空',
   filterOperatorIsAnyOf: '是其中之一',
+  // 'filterOperator=': '=',
+  // 'filterOperator!=': '!=',
+  // 'filterOperator>': '>',
+  // 'filterOperator>=': '>=',
+  // 'filterOperator<': '<',
+  // 'filterOperator<=': '<=',
+
+  // Header filter operators text
+  // headerFilterOperatorContains: 'Contains',
+  // headerFilterOperatorEquals: 'Equals',
+  // headerFilterOperatorStartsWith: 'Starts with',
+  // headerFilterOperatorEndsWith: 'Ends with',
+  // headerFilterOperatorIs: 'Is',
+  // headerFilterOperatorNot: 'Is not',
+  // headerFilterOperatorAfter: 'Is after',
+  // headerFilterOperatorOnOrAfter: 'Is on or after',
+  // headerFilterOperatorBefore: 'Is before',
+  // headerFilterOperatorOnOrBefore: 'Is on or before',
+  // headerFilterOperatorIsEmpty: 'Is empty',
+  // headerFilterOperatorIsNotEmpty: 'Is not empty',
+  // headerFilterOperatorIsAnyOf: 'Is any of',
+  // 'headerFilterOperator=': 'Equals',
+  // 'headerFilterOperator!=': 'Not equals',
+  // 'headerFilterOperator>': 'Is greater than',
+  // 'headerFilterOperator>=': 'Is greater than or equal to',
+  // 'headerFilterOperator<': 'Is less than',
+  // 'headerFilterOperator<=': 'Is less than or equal to',
+
   // Filter values text
   filterValueAny: '任何值',
   filterValueTrue: '真',

package/node/material/index.js

@@ -13,6 +13,7 @@ var _Select = _interopRequireDefault(require("@mui/material/Select"));
 var _Switch = _interopRequireDefault(require("@mui/material/Switch"));
 var _Button = _interopRequireDefault(require("@mui/material/Button"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
 var _Popper = _interopRequireDefault(require("@mui/material/Popper"));
 var _InputLabel = _interopRequireDefault(require("@mui/material/InputLabel"));
@@ -65,6 +66,7 @@ const materialSlots = (0, _extends2.default)({}, iconSlots, {
   BaseSwitch: _Switch.default,
   BaseButton: _Button.default,
   BaseIconButton: _IconButton.default,
+  BaseInputAdornment: _InputAdornment.default,
   BaseTooltip: _Tooltip.default,
   BasePopper: _Popper.default,
   BaseInputLabel: _InputLabel.default,

package/node/models/api/gridHeaderFilteringApi.js

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

package/node/models/gridFilterItem.js

@@ -7,7 +7,7 @@ exports.GridLogicOperator = void 0;
 /**
  * Filter item definition interface.
  * @demos
- *   - [Custom filter operator](/x/react-data-grid/filtering/#create-a-custom-operator)
+ *   - [Custom filter operator](/x/react-data-grid/filtering/customization/#create-a-custom-operator)
  */
 var GridLogicOperator = /*#__PURE__*/function (GridLogicOperator) {
   GridLogicOperator["And"] = "and";

package/node/models/gridHeaderFilteringModel.js

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

package/node/models/index.js

@@ -201,17 +201,6 @@ Object.keys(_gridIconSlotsComponent).forEach(function (key) {
     }
   });
 });
-var _gridSlotsComponent = require("./gridSlotsComponent");
-Object.keys(_gridSlotsComponent).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _gridSlotsComponent[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _gridSlotsComponent[key];
-    }
-  });
-});
 var _gridSlotsComponentsProps = require("./gridSlotsComponentsProps");
 Object.keys(_gridSlotsComponentsProps).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-data-grid",
-  "version": "6.4.0",
+  "version": "6.6.0",
   "description": "The community edition of the data grid component (MUI X).",
   "author": "MUI Team",
   "main": "./node/index.js",
@@ -36,7 +36,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.21.0",
-    "@mui/utils": "^5.12.3",
+    "@mui/utils": "^5.13.1",
     "clsx": "^1.2.1",
     "prop-types": "^15.8.1",
     "reselect": "^4.1.8"
@@ -44,8 +44,8 @@
   "peerDependencies": {
     "@mui/material": "^5.4.1",
     "@mui/system": "^5.4.1",
-    "react": "^17.0.2 || ^18.0.0",
-    "react-dom": "^17.0.2 || ^18.0.0"
+    "react": "^17.0.0 || ^18.0.0",
+    "react-dom": "^17.0.0 || ^18.0.0"
   },
   "setupFiles": [
     "<rootDir>/src/setupTests.js"

package/components/GridScrollArea.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-interface ScrollAreaProps {
-    scrollDirection: 'left' | 'right';
-}
-declare function GridScrollAreaRaw(props: ScrollAreaProps): JSX.Element | null;
-declare namespace GridScrollAreaRaw {
-    var propTypes: any;
-}
-declare const GridScrollArea: React.MemoExoticComponent<typeof GridScrollAreaRaw>;
-export { GridScrollArea };

package/components/GridScrollArea.js

@@ -1,117 +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 } from '@mui/utils';
-import { styled } from '@mui/system';
-import { useGridApiEventHandler } from '../hooks/utils/useGridApiEventHandler';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { getDataGridUtilityClass, gridClasses } from '../constants/gridClasses';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { gridDensityFactorSelector } from '../hooks/features/density/densitySelector';
-import { useGridSelector } from '../hooks/utils/useGridSelector';
-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 = React.useRef();
-  const [dragging, setDragging] = React.useState(false);
-  const densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
-  const scrollPosition = React.useRef({
-    left: 0,
-    top: 0
-  });
-  const rootProps = useGridRootProps();
-  const ownerState = _extends({}, rootProps, {
-    scrollDirection
-  });
-  const classes = useUtilityClasses(ownerState);
-  const headerHeight = Math.floor(rootProps.columnHeaderHeight * densityFactor);
-  const handleScrolling = React.useCallback(newScrollPosition => {
-    scrollPosition.current = newScrollPosition;
-  }, []);
-  const handleDragOver = React.useCallback(event => {
-    let offset;
-    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: Wrong drag direction');
-    }
-    offset = (offset - CLIFF) * SLOP + CLIFF;
-    clearTimeout(timeout.current);
-    // Avoid freeze and inertia.
-    timeout.current = setTimeout(() => {
-      apiRef.current.scroll({
-        left: scrollPosition.current.left + offset,
-        top: scrollPosition.current.top
-      });
-    });
-  }, [scrollDirection, apiRef]);
-  React.useEffect(() => {
-    return () => {
-      clearTimeout(timeout.current);
-    };
-  }, []);
-  const toggleDragging = React.useCallback(() => {
-    setDragging(prevDragging => !prevDragging);
-  }, []);
-  useGridApiEventHandler(apiRef, 'scrollPositionChange', handleScrolling);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragStart', toggleDragging);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragEnd', toggleDragging);
-  return dragging ? /*#__PURE__*/_jsx(GridScrollAreaRawRoot, {
-    ref: rootRef,
-    className: clsx(classes.root),
-    ownerState: ownerState,
-    onDragOver: handleDragOver,
-    style: {
-      height: headerHeight
-    }
-  }) : null;
-}
-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 = /*#__PURE__*/React.memo(GridScrollAreaRaw);
-export { GridScrollArea };

package/legacy/components/GridScrollArea.js

@@ -1,119 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import clsx from 'clsx';
-import { unstable_composeClasses as composeClasses } from '@mui/utils';
-import { styled } from '@mui/system';
-import { useGridApiEventHandler } from '../hooks/utils/useGridApiEventHandler';
-import { useGridApiContext } from '../hooks/utils/useGridApiContext';
-import { getDataGridUtilityClass, gridClasses } from '../constants/gridClasses';
-import { useGridRootProps } from '../hooks/utils/useGridRootProps';
-import { gridDensityFactorSelector } from '../hooks/features/density/densitySelector';
-import { useGridSelector } from '../hooks/utils/useGridSelector';
-import { jsx as _jsx } from "react/jsx-runtime";
-var CLIFF = 1;
-var SLOP = 1.5;
-var useUtilityClasses = function useUtilityClasses(ownerState) {
-  var scrollDirection = ownerState.scrollDirection,
-    classes = ownerState.classes;
-  var slots = {
-    root: ['scrollArea', "scrollArea--".concat(scrollDirection)]
-  };
-  return composeClasses(slots, getDataGridUtilityClass, classes);
-};
-var GridScrollAreaRawRoot = styled('div', {
-  name: 'MuiDataGrid',
-  slot: 'ScrollArea',
-  overridesResolver: function overridesResolver(props, styles) {
-    return [_defineProperty({}, "&.".concat(gridClasses['scrollArea--left']), styles['scrollArea--left']), _defineProperty({}, "&.".concat(gridClasses['scrollArea--right']), styles['scrollArea--right']), styles.scrollArea];
-  }
-})(function () {
-  var _ref3;
-  return _ref3 = {
-    position: 'absolute',
-    top: 0,
-    zIndex: 101,
-    width: 20,
-    bottom: 0
-  }, _defineProperty(_ref3, "&.".concat(gridClasses['scrollArea--left']), {
-    left: 0
-  }), _defineProperty(_ref3, "&.".concat(gridClasses['scrollArea--right']), {
-    right: 0
-  }), _ref3;
-});
-function GridScrollAreaRaw(props) {
-  var scrollDirection = props.scrollDirection;
-  var rootRef = React.useRef(null);
-  var apiRef = useGridApiContext();
-  var timeout = React.useRef();
-  var _React$useState = React.useState(false),
-    _React$useState2 = _slicedToArray(_React$useState, 2),
-    dragging = _React$useState2[0],
-    setDragging = _React$useState2[1];
-  var densityFactor = useGridSelector(apiRef, gridDensityFactorSelector);
-  var scrollPosition = React.useRef({
-    left: 0,
-    top: 0
-  });
-  var rootProps = useGridRootProps();
-  var ownerState = _extends({}, rootProps, {
-    scrollDirection: scrollDirection
-  });
-  var classes = useUtilityClasses(ownerState);
-  var headerHeight = Math.floor(rootProps.columnHeaderHeight * densityFactor);
-  var handleScrolling = React.useCallback(function (newScrollPosition) {
-    scrollPosition.current = newScrollPosition;
-  }, []);
-  var handleDragOver = React.useCallback(function (event) {
-    var offset;
-    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: Wrong drag direction');
-    }
-    offset = (offset - CLIFF) * SLOP + CLIFF;
-    clearTimeout(timeout.current);
-    // Avoid freeze and inertia.
-    timeout.current = setTimeout(function () {
-      apiRef.current.scroll({
-        left: scrollPosition.current.left + offset,
-        top: scrollPosition.current.top
-      });
-    });
-  }, [scrollDirection, apiRef]);
-  React.useEffect(function () {
-    return function () {
-      clearTimeout(timeout.current);
-    };
-  }, []);
-  var toggleDragging = React.useCallback(function () {
-    setDragging(function (prevDragging) {
-      return !prevDragging;
-    });
-  }, []);
-  useGridApiEventHandler(apiRef, 'scrollPositionChange', handleScrolling);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragStart', toggleDragging);
-  useGridApiEventHandler(apiRef, 'columnHeaderDragEnd', toggleDragging);
-  return dragging ? /*#__PURE__*/_jsx(GridScrollAreaRawRoot, {
-    ref: rootRef,
-    className: clsx(classes.root),
-    ownerState: ownerState,
-    onDragOver: handleDragOver,
-    style: {
-      height: headerHeight
-    }
-  }) : null;
-}
-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;
-var GridScrollArea = /*#__PURE__*/React.memo(GridScrollAreaRaw);
-export { GridScrollArea };

package/legacy/lib/createDetectElementResize/index.js

@@ -1,145 +0,0 @@
-/**
- * Detect Element Resize.
- * https://github.com/sdecima/javascript-detect-element-resize
- * Sebastian Decima
- *
- * Forked from version 0.5.3; includes the following modifications:
- * 1) Guard against unsafe 'window' and 'document' references (to support SSR).
- * 2) Defer initialization code via a top-level function wrapper (to support SSR).
- * 3) Avoid unnecessary reflows by not measuring size for scroll events bubbling from children.
- * 4) Add nonce for style element.
- *
- * TODO replace with https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver
- * once browser support allows it.
- **/
-export default function createDetectElementResize(nonce, hostWindow) {
-  var resetTriggers = function resetTriggers(element) {
-    var triggers = element.__resizeTriggers__,
-      expand = triggers.firstElementChild,
-      contract = triggers.lastElementChild,
-      expandChild = expand.firstElementChild;
-    contract.scrollLeft = contract.scrollWidth;
-    contract.scrollTop = contract.scrollHeight;
-    expandChild.style.width = expand.offsetWidth + 1 + 'px';
-    expandChild.style.height = expand.offsetHeight + 1 + 'px';
-    expand.scrollLeft = expand.scrollWidth;
-    expand.scrollTop = expand.scrollHeight;
-  };
-  var checkTriggers = function checkTriggers(element) {
-    return element.offsetWidth != element.__resizeLast__.width || element.offsetHeight != element.__resizeLast__.height;
-  };
-  var scrollListener = function scrollListener(e) {
-    // Don't measure (which forces) reflow for scrolls that happen inside of children!
-    if (e.target.className.indexOf('contract-trigger') < 0 && e.target.className.indexOf('expand-trigger') < 0) {
-      return;
-    }
-    var element = this;
-    resetTriggers(this);
-    if (this.__resizeRAF__) {
-      hostWindow.cancelAnimationFrame(this.__resizeRAF__);
-    }
-    this.__resizeRAF__ = hostWindow.requestAnimationFrame(function () {
-      if (checkTriggers(element)) {
-        element.__resizeLast__.width = element.offsetWidth;
-        element.__resizeLast__.height = element.offsetHeight;
-        element.__resizeListeners__.forEach(function (fn) {
-          fn.call(element, e);
-        });
-      }
-    });
-  };
-
-  /* Detect CSS Animations support to detect element display/re-attach */
-  var animation = false,
-    keyframeprefix = '',
-    animationstartevent = 'animationstart',
-    domPrefixes = 'Webkit Moz O ms'.split(' '),
-    startEvents = 'webkitAnimationStart animationstart oAnimationStart MSAnimationStart'.split(' '),
-    pfx = '';
-  {
-    var elm = document.createElement('fakeelement');
-    if (elm.style.animationName !== undefined) {
-      animation = true;
-    }
-    if (animation === false) {
-      for (var i = 0; i < domPrefixes.length; i++) {
-        if (elm.style[domPrefixes[i] + 'AnimationName'] !== undefined) {
-          pfx = domPrefixes[i];
-          keyframeprefix = '-' + pfx.toLowerCase() + '-';
-          animationstartevent = startEvents[i];
-          animation = true;
-          break;
-        }
-      }
-    }
-  }
-  var animationName = 'resizeanim';
-  var animationKeyframes = '@' + keyframeprefix + 'keyframes ' + animationName + ' { from { opacity: 0; } to { opacity: 0; } } ';
-  var animationStyle = keyframeprefix + 'animation: 1ms ' + animationName + '; ';
-  var createStyles = function createStyles(doc, root) {
-    if (!root.getElementById('muiDetectElementResize')) {
-      //opacity:0 works around a chrome bug https://code.google.com/p/chromium/issues/detail?id=286360
-      var css = (animationKeyframes ? animationKeyframes : '') + '.Mui-resizeTriggers { ' + (animationStyle ? animationStyle : '') + 'visibility: hidden; opacity: 0; } ' + '.Mui-resizeTriggers, .Mui-resizeTriggers > div, .contract-trigger:before { content: " "; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; z-index: -1; } .Mui-resizeTriggers > div { background: #eee; overflow: auto; } .contract-trigger:before { width: 200%; height: 200%; }',
-        container = root.constructor.name === 'ShadowRoot' ? root : doc.head || doc.getElementsByTagName('head')[0],
-        style = doc.createElement('style');
-      style.id = 'muiDetectElementResize';
-      style.type = 'text/css';
-      if (nonce != null) {
-        style.setAttribute('nonce', nonce);
-      }
-      if (style.styleSheet) {
-        style.styleSheet.cssText = css;
-      } else {
-        style.appendChild(doc.createTextNode(css));
-      }
-      container.appendChild(style);
-    }
-  };
-  var addResizeListener = function addResizeListener(element, fn) {
-    if (!element.__resizeTriggers__) {
-      var doc = element.ownerDocument;
-      var elementStyle = hostWindow.getComputedStyle(element);
-      if (elementStyle && elementStyle.position == 'static') {
-        element.style.position = 'relative';
-      }
-      createStyles(doc, element.getRootNode());
-      element.__resizeLast__ = {};
-      element.__resizeListeners__ = [];
-      (element.__resizeTriggers__ = doc.createElement('div')).className = 'Mui-resizeTriggers';
-      element.__resizeTriggers__.innerHTML = '<div class="expand-trigger"><div></div></div>' + '<div class="contract-trigger"></div>';
-      element.appendChild(element.__resizeTriggers__);
-      resetTriggers(element);
-      element.addEventListener('scroll', scrollListener, true);
-
-      /* Listen for a css animation to detect element display/re-attach */
-      if (animationstartevent) {
-        element.__resizeTriggers__.__animationListener__ = function animationListener(e) {
-          if (e.animationName == animationName) {
-            resetTriggers(element);
-          }
-        };
-        element.__resizeTriggers__.addEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
-      }
-    }
-    element.__resizeListeners__.push(fn);
-  };
-  var removeResizeListener = function removeResizeListener(element, fn) {
-    element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1);
-    if (!element.__resizeListeners__.length) {
-      element.removeEventListener('scroll', scrollListener, true);
-      if (element.__resizeTriggers__.__animationListener__) {
-        element.__resizeTriggers__.removeEventListener(animationstartevent, element.__resizeTriggers__.__animationListener__);
-        element.__resizeTriggers__.__animationListener__ = null;
-      }
-      try {
-        element.__resizeTriggers__ = !element.removeChild(element.__resizeTriggers__);
-      } catch (e) {
-        // Preact compat; see developit/preact-compat/issues/228
-      }
-    }
-  };
-  return {
-    addResizeListener: addResizeListener,
-    removeResizeListener: removeResizeListener
-  };
-}

package/lib/createDetectElementResize/index.d.ts

@@ -1,18 +0,0 @@
-/**
- * Detect Element Resize.
- * https://github.com/sdecima/javascript-detect-element-resize
- * Sebastian Decima
- *
- * Forked from version 0.5.3; includes the following modifications:
- * 1) Guard against unsafe 'window' and 'document' references (to support SSR).
- * 2) Defer initialization code via a top-level function wrapper (to support SSR).
- * 3) Avoid unnecessary reflows by not measuring size for scroll events bubbling from children.
- * 4) Add nonce for style element.
- *
- * TODO replace with https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver
- * once browser support allows it.
- **/
-export default function createDetectElementResize(nonce: any, hostWindow: any): {
-    addResizeListener: (element: any, fn: any) => void;
-    removeResizeListener: (element: any, fn: any) => void;
-};