@mui/x-internals 7.9.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Material-UI SAS
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,4 @@
+# @mui/x-internals
+
+Shared utilities used by MUI X packages.
+This package should never be installed or used directly.

package/modern/useResizeObserver/index.js

@@ -0,0 +1 @@
+export { useResizeObserver } from './useResizeObserver';

package/modern/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+const isDevEnvironment = process.env.NODE_ENV === 'development';
+const noop = () => {};
+export function useResizeObserver(ref, fn, enabled) {
+  const fnRef = React.useRef(null);
+  fnRef.current = fn;
+  useEnhancedEffect(() => {
+    if (enabled === false || typeof ResizeObserver === 'undefined') {
+      return noop;
+    }
+    let frameID = 0;
+    const target = ref.current;
+    const observer = new ResizeObserver(entries => {
+      // See https://github.com/mui/mui-x/issues/8733
+      // In dev, we avoid the React warning by moving the task to the next frame.
+      // In prod, we want the task to run in the same frame as to avoid tear.
+      if (isDevEnvironment) {
+        frameID = requestAnimationFrame(() => {
+          fnRef.current(entries);
+        });
+      } else {
+        fnRef.current(entries);
+      }
+    });
+    if (target) {
+      observer.observe(target);
+    }
+    return () => {
+      if (frameID) {
+        cancelAnimationFrame(frameID);
+      }
+      observer.disconnect();
+    };
+  }, [ref, enabled]);
+}

package/node/useResizeObserver/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "useResizeObserver", {
+  enumerable: true,
+  get: function () {
+    return _useResizeObserver.useResizeObserver;
+  }
+});
+var _useResizeObserver = require("./useResizeObserver");

package/node/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useResizeObserver = useResizeObserver;
+var React = _interopRequireWildcard(require("react"));
+var _utils = require("@mui/utils");
+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 && {}.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 isDevEnvironment = process.env.NODE_ENV === 'development';
+const noop = () => {};
+function useResizeObserver(ref, fn, enabled) {
+  const fnRef = React.useRef(null);
+  fnRef.current = fn;
+  (0, _utils.unstable_useEnhancedEffect)(() => {
+    if (enabled === false || typeof ResizeObserver === 'undefined') {
+      return noop;
+    }
+    let frameID = 0;
+    const target = ref.current;
+    const observer = new ResizeObserver(entries => {
+      // See https://github.com/mui/mui-x/issues/8733
+      // In dev, we avoid the React warning by moving the task to the next frame.
+      // In prod, we want the task to run in the same frame as to avoid tear.
+      if (isDevEnvironment) {
+        frameID = requestAnimationFrame(() => {
+          fnRef.current(entries);
+        });
+      } else {
+        fnRef.current(entries);
+      }
+    });
+    if (target) {
+      observer.observe(target);
+    }
+    return () => {
+      if (frameID) {
+        cancelAnimationFrame(frameID);
+      }
+      observer.disconnect();
+    };
+  }, [ref, enabled]);
+}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "@mui/x-internals",
+  "version": "7.9.0",
+  "description": "Utility functions for the MUI X packages (internal use only).",
+  "author": "MUI Team",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/mui/mui-x/issues"
+  },
+  "homepage": "https://mui.com/x/",
+  "sideEffects": false,
+  "funding": {
+    "type": "opencollective",
+    "url": "https://opencollective.com/mui-org"
+  },
+  "publishConfig": {
+    "access": "public",
+    "directory": "build"
+  },
+  "keywords": [
+    "react",
+    "react-component",
+    "material-ui",
+    "mui",
+    "mui-x",
+    "utils"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/mui/mui-x.git",
+    "directory": "packages/x-internals"
+  },
+  "dependencies": {
+    "@babel/runtime": "^7.24.7",
+    "@mui/utils": "^5.16.0"
+  },
+  "peerDependencies": {
+    "react": "^17.0.0 || ^18.0.0"
+  },
+  "engines": {
+    "node": ">=14.0.0"
+  },
+  "private": false
+}

package/useResizeObserver/index.d.ts

@@ -0,0 +1 @@
+export { useResizeObserver } from './useResizeObserver';

package/useResizeObserver/index.js

@@ -0,0 +1 @@
+export { useResizeObserver } from './useResizeObserver';

package/useResizeObserver/package.json

@@ -0,0 +1,6 @@
+{
+  "sideEffects": false,
+  "module": "./index.js",
+  "main": "../node/useResizeObserver/index.js",
+  "types": "./index.d.ts"
+}

package/useResizeObserver/useResizeObserver.d.ts

@@ -0,0 +1,2 @@
+import * as React from 'react';
+export declare function useResizeObserver(ref: React.MutableRefObject<HTMLElement | undefined | null>, fn: (entries: ResizeObserverEntry[]) => void, enabled?: boolean): void;

package/useResizeObserver/useResizeObserver.js

@@ -0,0 +1,36 @@
+import * as React from 'react';
+import { unstable_useEnhancedEffect as useEnhancedEffect } from '@mui/utils';
+const isDevEnvironment = process.env.NODE_ENV === 'development';
+const noop = () => {};
+export function useResizeObserver(ref, fn, enabled) {
+  const fnRef = React.useRef(null);
+  fnRef.current = fn;
+  useEnhancedEffect(() => {
+    if (enabled === false || typeof ResizeObserver === 'undefined') {
+      return noop;
+    }
+    let frameID = 0;
+    const target = ref.current;
+    const observer = new ResizeObserver(entries => {
+      // See https://github.com/mui/mui-x/issues/8733
+      // In dev, we avoid the React warning by moving the task to the next frame.
+      // In prod, we want the task to run in the same frame as to avoid tear.
+      if (isDevEnvironment) {
+        frameID = requestAnimationFrame(() => {
+          fnRef.current(entries);
+        });
+      } else {
+        fnRef.current(entries);
+      }
+    });
+    if (target) {
+      observer.observe(target);
+    }
+    return () => {
+      if (frameID) {
+        cancelAnimationFrame(frameID);
+      }
+      observer.disconnect();
+    };
+  }, [ref, enabled]);
+}