@mui/x-internals 8.0.0-beta.3 → 8.2.0

package/EventManager/index.d.ts

@@ -1,2 +1,2 @@
 export { EventManager } from "./EventManager.js";
-export type { EventListenerOptions } from './EventManager';
+export type { EventListenerOptions } from "./EventManager.js";

package/esm/EventManager/index.d.ts

@@ -1,2 +1,2 @@
 export { EventManager } from "./EventManager.js";
-export type { EventListenerOptions } from './EventManager';
+export type { EventListenerOptions } from "./EventManager.js";

package/esm/export/index.d.ts

@@ -0,0 +1 @@
+export { loadStyleSheets } from "./loadStyleSheets.js";

package/esm/export/index.js

@@ -0,0 +1 @@
+export { loadStyleSheets } from "./loadStyleSheets.js";

package/esm/export/loadStyleSheets.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Loads all stylesheets from the given root element into the document.
+ * @returns an array of promises that resolve when each stylesheet is loaded
+ * @param document Document to load stylesheets into
+ * @param root Document or ShadowRoot to load stylesheets from
+ */
+export declare function loadStyleSheets(document: Document, root: Document | ShadowRoot): Promise<void>[];

package/esm/export/loadStyleSheets.js

@@ -0,0 +1,42 @@
+/**
+ * Loads all stylesheets from the given root element into the document.
+ * @returns an array of promises that resolve when each stylesheet is loaded
+ * @param document Document to load stylesheets into
+ * @param root Document or ShadowRoot to load stylesheets from
+ */
+export function loadStyleSheets(document, root) {
+  const stylesheetLoadPromises = [];
+  const headStyleElements = root.querySelectorAll("style, link[rel='stylesheet']");
+  for (let i = 0; i < headStyleElements.length; i += 1) {
+    const node = headStyleElements[i];
+    if (node.tagName === 'STYLE') {
+      const newHeadStyleElements = document.createElement(node.tagName);
+      const sheet = node.sheet;
+      if (sheet) {
+        let styleCSS = '';
+        for (let j = 0; j < sheet.cssRules.length; j += 1) {
+          if (typeof sheet.cssRules[j].cssText === 'string') {
+            styleCSS += `${sheet.cssRules[j].cssText}\r\n`;
+          }
+        }
+        newHeadStyleElements.appendChild(document.createTextNode(styleCSS));
+        document.head.appendChild(newHeadStyleElements);
+      }
+    } else if (node.getAttribute('href')) {
+      // If `href` tag is empty, avoid loading these links
+
+      const newHeadStyleElements = document.createElement(node.tagName);
+      for (let j = 0; j < node.attributes.length; j += 1) {
+        const attr = node.attributes[j];
+        if (attr) {
+          newHeadStyleElements.setAttribute(attr.nodeName, attr.nodeValue || '');
+        }
+      }
+      stylesheetLoadPromises.push(new Promise(resolve => {
+        newHeadStyleElements.addEventListener('load', () => resolve());
+      }));
+      document.head.appendChild(newHeadStyleElements);
+    }
+  }
+  return stylesheetLoadPromises;
+}

package/esm/hash/index.d.ts

@@ -1 +1,2 @@
-export * from "./hash.js";
+export * from "./hash.js";
+export * from "./stringify.js";

package/esm/hash/index.js

@@ -1 +1,2 @@
-export * from "./hash.js";
+export * from "./hash.js";
+export * from "./stringify.js";

package/esm/hash/stringify.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A JSON.stringify that handles circular references safely.
+ * Fixes: https://github.com/mui/mui-x/issues/17521
+ * Source: https://www.30secondsofcode.org/js/s/stringify-circular-json/
+ */
+export declare function stringify(input: object | string | number | null): string;

package/esm/hash/stringify.js

@@ -0,0 +1,17 @@
+/**
+ * A JSON.stringify that handles circular references safely.
+ * Fixes: https://github.com/mui/mui-x/issues/17521
+ * Source: https://www.30secondsofcode.org/js/s/stringify-circular-json/
+ */
+export function stringify(input) {
+  const seen = new WeakSet();
+  return JSON.stringify(input, (_, v) => {
+    if (v !== null && typeof v === 'object') {
+      if (seen.has(v)) {
+        return null;
+      }
+      seen.add(v);
+    }
+    return v;
+  });
+}

package/esm/rafThrottle/index.d.ts

@@ -0,0 +1 @@
+export * from "./rafThrottle.js";

package/esm/rafThrottle/index.js

@@ -0,0 +1 @@
+export * from "./rafThrottle.js";

package/esm/rafThrottle/rafThrottle.d.ts

@@ -0,0 +1,16 @@
+export interface Cancelable {
+  clear(): void;
+}
+/**
+ *  Creates a throttled function that only invokes `fn` at most once per animation frame.
+ *
+ * @example
+ * ```ts
+ * const throttled = rafThrottle((value: number) => console.log(value));
+ * window.addEventListener('scroll', (e) => throttled(e.target.scrollTop));
+ * ```
+ *
+ * @param fn Callback function
+ * @return The `requestAnimationFrame` throttled function
+ */
+export declare function rafThrottle<T extends (...args: any[]) => any>(fn: T): T & Cancelable;

package/esm/rafThrottle/rafThrottle.js

@@ -0,0 +1,33 @@
+/**
+ *  Creates a throttled function that only invokes `fn` at most once per animation frame.
+ *
+ * @example
+ * ```ts
+ * const throttled = rafThrottle((value: number) => console.log(value));
+ * window.addEventListener('scroll', (e) => throttled(e.target.scrollTop));
+ * ```
+ *
+ * @param fn Callback function
+ * @return The `requestAnimationFrame` throttled function
+ */
+export function rafThrottle(fn) {
+  let lastArgs;
+  let rafRef;
+  const later = () => {
+    rafRef = null;
+    fn(...lastArgs);
+  };
+  function throttled(...args) {
+    lastArgs = args;
+    if (!rafRef) {
+      rafRef = requestAnimationFrame(later);
+    }
+  }
+  throttled.clear = () => {
+    if (rafRef) {
+      cancelAnimationFrame(rafRef);
+      rafRef = null;
+    }
+  };
+  return throttled;
+}

package/esm/types/MuiEvent.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export type MuiBaseEvent = React.SyntheticEvent<HTMLElement> | DocumentEventMap[keyof DocumentEventMap] | {};
+export type MuiEvent<E extends MuiBaseEvent = MuiBaseEvent> = E & {
+  defaultMuiPrevented?: boolean;
+};

package/esm/types/index.d.ts

@@ -2,6 +2,7 @@ export * from "./AppendKeys.js";
 export * from "./DefaultizedProps.js";
 export * from "./MakeOptional.js";
 export * from "./MakeRequired.js";
+export * from "./MuiEvent.js";
 export * from "./PrependKeys.js";
 export * from "./RefObject.js";
 export * from "./SlotComponentPropsFromProps.js";

package/esm/types/index.js

@@ -2,6 +2,7 @@ export * from "./AppendKeys.js";
 export * from "./DefaultizedProps.js";
 export * from "./MakeOptional.js";
 export * from "./MakeRequired.js";
+export * from "./MuiEvent.js";
 export * from "./PrependKeys.js";
 export * from "./RefObject.js";
 export * from "./SlotComponentPropsFromProps.js";

package/export/index.d.ts

@@ -0,0 +1 @@
+export { loadStyleSheets } from "./loadStyleSheets.js";

package/export/index.js

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

package/export/loadStyleSheets.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Loads all stylesheets from the given root element into the document.
+ * @returns an array of promises that resolve when each stylesheet is loaded
+ * @param document Document to load stylesheets into
+ * @param root Document or ShadowRoot to load stylesheets from
+ */
+export declare function loadStyleSheets(document: Document, root: Document | ShadowRoot): Promise<void>[];

package/export/loadStyleSheets.js

@@ -0,0 +1,48 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.loadStyleSheets = loadStyleSheets;
+/**
+ * Loads all stylesheets from the given root element into the document.
+ * @returns an array of promises that resolve when each stylesheet is loaded
+ * @param document Document to load stylesheets into
+ * @param root Document or ShadowRoot to load stylesheets from
+ */
+function loadStyleSheets(document, root) {
+  const stylesheetLoadPromises = [];
+  const headStyleElements = root.querySelectorAll("style, link[rel='stylesheet']");
+  for (let i = 0; i < headStyleElements.length; i += 1) {
+    const node = headStyleElements[i];
+    if (node.tagName === 'STYLE') {
+      const newHeadStyleElements = document.createElement(node.tagName);
+      const sheet = node.sheet;
+      if (sheet) {
+        let styleCSS = '';
+        for (let j = 0; j < sheet.cssRules.length; j += 1) {
+          if (typeof sheet.cssRules[j].cssText === 'string') {
+            styleCSS += `${sheet.cssRules[j].cssText}\r\n`;
+          }
+        }
+        newHeadStyleElements.appendChild(document.createTextNode(styleCSS));
+        document.head.appendChild(newHeadStyleElements);
+      }
+    } else if (node.getAttribute('href')) {
+      // If `href` tag is empty, avoid loading these links
+
+      const newHeadStyleElements = document.createElement(node.tagName);
+      for (let j = 0; j < node.attributes.length; j += 1) {
+        const attr = node.attributes[j];
+        if (attr) {
+          newHeadStyleElements.setAttribute(attr.nodeName, attr.nodeValue || '');
+        }
+      }
+      stylesheetLoadPromises.push(new Promise(resolve => {
+        newHeadStyleElements.addEventListener('load', () => resolve());
+      }));
+      document.head.appendChild(newHeadStyleElements);
+    }
+  }
+  return stylesheetLoadPromises;
+}

package/hash/index.d.ts

@@ -1 +1,2 @@
-export * from "./hash.js";
+export * from "./hash.js";
+export * from "./stringify.js";

package/hash/index.js

@@ -13,4 +13,15 @@ Object.keys(_hash).forEach(function (key) {
       return _hash[key];
     }
   });
+});
+var _stringify = require("./stringify");
+Object.keys(_stringify).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _stringify[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _stringify[key];
+    }
+  });
 });

package/hash/stringify.d.ts

@@ -0,0 +1,6 @@
+/**
+ * A JSON.stringify that handles circular references safely.
+ * Fixes: https://github.com/mui/mui-x/issues/17521
+ * Source: https://www.30secondsofcode.org/js/s/stringify-circular-json/
+ */
+export declare function stringify(input: object | string | number | null): string;

package/hash/stringify.js

@@ -0,0 +1,23 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.stringify = stringify;
+/**
+ * A JSON.stringify that handles circular references safely.
+ * Fixes: https://github.com/mui/mui-x/issues/17521
+ * Source: https://www.30secondsofcode.org/js/s/stringify-circular-json/
+ */
+function stringify(input) {
+  const seen = new WeakSet();
+  return JSON.stringify(input, (_, v) => {
+    if (v !== null && typeof v === 'object') {
+      if (seen.has(v)) {
+        return null;
+      }
+      seen.add(v);
+    }
+    return v;
+  });
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mui/x-internals",
-  "version": "8.0.0-beta.3",
+  "version": "8.2.0",
   "description": "Utility functions for the MUI X packages (internal use only).",
   "author": "MUI Team",
   "license": "MIT",
@@ -32,7 +32,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.27.0",
-    "@mui/utils": "^7.0.0"
+    "@mui/utils": "^7.0.2"
   },
   "peerDependencies": {
     "react": "^17.0.0 || ^18.0.0 || ^19.0.0"
@@ -51,10 +51,6 @@
       "import": {
         "types": "./esm/index.d.ts",
         "default": "./esm/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/index.d.ts",
-        "default": "./modern/index.js"
       }
     },
     "./*": {
@@ -65,10 +61,6 @@
       "import": {
         "types": "./esm/*/index.d.ts",
         "default": "./esm/*/index.js"
-      },
-      "mui-modern": {
-        "types": "./modern/*/index.d.ts",
-        "default": "./modern/*/index.js"
       }
     },
     "./esm": null,

package/rafThrottle/index.d.ts

@@ -0,0 +1 @@
+export * from "./rafThrottle.js";

package/rafThrottle/index.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _rafThrottle = require("./rafThrottle");
+Object.keys(_rafThrottle).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _rafThrottle[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _rafThrottle[key];
+    }
+  });
+});

package/rafThrottle/rafThrottle.d.ts

@@ -0,0 +1,16 @@
+export interface Cancelable {
+  clear(): void;
+}
+/**
+ *  Creates a throttled function that only invokes `fn` at most once per animation frame.
+ *
+ * @example
+ * ```ts
+ * const throttled = rafThrottle((value: number) => console.log(value));
+ * window.addEventListener('scroll', (e) => throttled(e.target.scrollTop));
+ * ```
+ *
+ * @param fn Callback function
+ * @return The `requestAnimationFrame` throttled function
+ */
+export declare function rafThrottle<T extends (...args: any[]) => any>(fn: T): T & Cancelable;

package/rafThrottle/rafThrottle.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.rafThrottle = rafThrottle;
+/**
+ *  Creates a throttled function that only invokes `fn` at most once per animation frame.
+ *
+ * @example
+ * ```ts
+ * const throttled = rafThrottle((value: number) => console.log(value));
+ * window.addEventListener('scroll', (e) => throttled(e.target.scrollTop));
+ * ```
+ *
+ * @param fn Callback function
+ * @return The `requestAnimationFrame` throttled function
+ */
+function rafThrottle(fn) {
+  let lastArgs;
+  let rafRef;
+  const later = () => {
+    rafRef = null;
+    fn(...lastArgs);
+  };
+  function throttled(...args) {
+    lastArgs = args;
+    if (!rafRef) {
+      rafRef = requestAnimationFrame(later);
+    }
+  }
+  throttled.clear = () => {
+    if (rafRef) {
+      cancelAnimationFrame(rafRef);
+      rafRef = null;
+    }
+  };
+  return throttled;
+}

package/types/MuiEvent.d.ts

@@ -0,0 +1,5 @@
+import * as React from 'react';
+export type MuiBaseEvent = React.SyntheticEvent<HTMLElement> | DocumentEventMap[keyof DocumentEventMap] | {};
+export type MuiEvent<E extends MuiBaseEvent = MuiBaseEvent> = E & {
+  defaultMuiPrevented?: boolean;
+};

package/types/MuiEvent.js

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

package/types/index.d.ts

@@ -2,6 +2,7 @@ export * from "./AppendKeys.js";
 export * from "./DefaultizedProps.js";
 export * from "./MakeOptional.js";
 export * from "./MakeRequired.js";
+export * from "./MuiEvent.js";
 export * from "./PrependKeys.js";
 export * from "./RefObject.js";
 export * from "./SlotComponentPropsFromProps.js";

package/types/index.js

@@ -47,6 +47,17 @@ Object.keys(_MakeRequired).forEach(function (key) {
     }
   });
 });
+var _MuiEvent = require("./MuiEvent");
+Object.keys(_MuiEvent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _MuiEvent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _MuiEvent[key];
+    }
+  });
+});
 var _PrependKeys = require("./PrependKeys");
 Object.keys(_PrependKeys).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/modern/EventManager/EventManager.d.ts

@@ -1,29 +0,0 @@
-export type EventListener = (...args: any[]) => void;
-export interface EventListenerOptions {
-  isFirst?: boolean;
-}
-interface EventListenerCollection {
-  /**
-   * List of listeners to run before the others
-   * They are run in the opposite order of the registration order
-   */
-  highPriority: Map<EventListener, true>;
-  /**
-   * List of events to run after the high priority listeners
-   * They are run in the registration order
-   */
-  regular: Map<EventListener, true>;
-}
-export declare class EventManager {
-  maxListeners: number;
-  warnOnce: boolean;
-  events: {
-    [eventName: string]: EventListenerCollection;
-  };
-  on(eventName: string, listener: EventListener, options?: EventListenerOptions): void;
-  removeListener(eventName: string, listener: EventListener): void;
-  removeAllListeners(): void;
-  emit(eventName: string, ...args: any[]): void;
-  once(eventName: string, listener: EventListener): void;
-}
-export {};

package/modern/EventManager/EventManager.js

@@ -1,69 +0,0 @@
-// Used https://gist.github.com/mudge/5830382 as a starting point.
-// See https://github.com/browserify/events/blob/master/events.js for
-// the Node.js (https://nodejs.org/api/events.html) polyfill used by webpack.
-export class EventManager {
-  constructor() {
-    this.maxListeners = 20;
-    this.warnOnce = false;
-    this.events = {};
-  }
-  on(eventName, listener, options = {}) {
-    let collection = this.events[eventName];
-    if (!collection) {
-      collection = {
-        highPriority: new Map(),
-        regular: new Map()
-      };
-      this.events[eventName] = collection;
-    }
-    if (options.isFirst) {
-      collection.highPriority.set(listener, true);
-    } else {
-      collection.regular.set(listener, true);
-    }
-    if (process.env.NODE_ENV !== 'production') {
-      const collectionSize = collection.highPriority.size + collection.regular.size;
-      if (collectionSize > this.maxListeners && !this.warnOnce) {
-        this.warnOnce = true;
-        console.warn([`Possible EventEmitter memory leak detected. ${collectionSize} ${eventName} listeners added.`].join('\n'));
-      }
-    }
-  }
-  removeListener(eventName, listener) {
-    if (this.events[eventName]) {
-      this.events[eventName].regular.delete(listener);
-      this.events[eventName].highPriority.delete(listener);
-    }
-  }
-  removeAllListeners() {
-    this.events = {};
-  }
-  emit(eventName, ...args) {
-    const collection = this.events[eventName];
-    if (!collection) {
-      return;
-    }
-    const highPriorityListeners = Array.from(collection.highPriority.keys());
-    const regularListeners = Array.from(collection.regular.keys());
-    for (let i = highPriorityListeners.length - 1; i >= 0; i -= 1) {
-      const listener = highPriorityListeners[i];
-      if (collection.highPriority.has(listener)) {
-        listener.apply(this, args);
-      }
-    }
-    for (let i = 0; i < regularListeners.length; i += 1) {
-      const listener = regularListeners[i];
-      if (collection.regular.has(listener)) {
-        listener.apply(this, args);
-      }
-    }
-  }
-  once(eventName, listener) {
-    // eslint-disable-next-line consistent-this
-    const that = this;
-    this.on(eventName, function oneTimeListener(...args) {
-      that.removeListener(eventName, oneTimeListener);
-      listener.apply(that, args);
-    });
-  }
-}

package/modern/EventManager/index.d.ts

@@ -1,2 +0,0 @@
-export { EventManager } from "./EventManager.js";
-export type { EventListenerOptions } from './EventManager';

package/modern/EventManager/index.js

@@ -1 +0,0 @@
-export { EventManager } from "./EventManager.js";

package/modern/fastArrayCompare/fastArrayCompare.d.ts

@@ -1,12 +0,0 @@
-/**
- * A fast array comparison function that compares two arrays for equality.
- *
- * Assumes that the arrays are ordered and contain only primitive values.
- *
- * It is faster than `fastObjectShallowCompare` for arrays.
- *
- * Returns true for instance equality, even if inputs are not arrays.
- *
- * @returns true if arrays contain the same elements in the same order, false otherwise.
- */
-export declare function fastArrayCompare<T extends any>(a: T, b: T): boolean;

package/modern/fastArrayCompare/fastArrayCompare.js

@@ -1,31 +0,0 @@
-/**
- * A fast array comparison function that compares two arrays for equality.
- *
- * Assumes that the arrays are ordered and contain only primitive values.
- *
- * It is faster than `fastObjectShallowCompare` for arrays.
- *
- * Returns true for instance equality, even if inputs are not arrays.
- *
- * @returns true if arrays contain the same elements in the same order, false otherwise.
- */
-export function fastArrayCompare(a, b) {
-  if (a === b) {
-    return true;
-  }
-  if (!Array.isArray(a) || !Array.isArray(b)) {
-    return false;
-  }
-  let i = a.length;
-  if (i !== b.length) {
-    return false;
-  }
-
-  // eslint-disable-next-line no-plusplus
-  while (i--) {
-    if (a[i] !== b[i]) {
-      return false;
-    }
-  }
-  return true;
-}

package/modern/fastArrayCompare/index.d.ts

@@ -1 +0,0 @@
-export { fastArrayCompare } from "./fastArrayCompare.js";

package/modern/fastArrayCompare/index.js

@@ -1 +0,0 @@
-export { fastArrayCompare } from "./fastArrayCompare.js";

package/modern/fastMemo/fastMemo.d.ts

@@ -1 +0,0 @@
-export declare function fastMemo<T>(component: T): T;

package/modern/fastMemo/fastMemo.js

@@ -1,5 +0,0 @@
-import * as React from 'react';
-import { fastObjectShallowCompare } from "../fastObjectShallowCompare/index.js";
-export function fastMemo(component) {
-  return /*#__PURE__*/React.memo(component, fastObjectShallowCompare);
-}

package/modern/fastMemo/index.d.ts

@@ -1 +0,0 @@
-export { fastMemo } from "./fastMemo.js";

package/modern/fastMemo/index.js

@@ -1 +0,0 @@
-export { fastMemo } from "./fastMemo.js";