@mui/docs 7.0.0-alpha.0 → 7.0.0-alpha.1

package/utils/loadScript.d.ts

@@ -1 +1 @@
-export default function loadScript(src: string, position: HTMLElement | null): HTMLScriptElement;
+export default function loadScript(src: string, position: HTMLElement): HTMLScriptElement;

package/utils/loadScript.js

@@ -1,9 +1,13 @@
-export default function loadScript(src, position) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = loadScript;
+function loadScript(src, position) {
   const script = document.createElement('script');
   script.setAttribute('async', '');
   script.src = src;
-  if (position) {
-    position.appendChild(script);
-  }
+  position.appendChild(script);
   return script;
 }

package/Ad/package.json

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

package/CodeCopy/package.json

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

package/ComponentLinkHeader/package.json

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

package/DocsProvider/package.json

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

package/HighlightedCode/package.json

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

package/HighlightedCodeWithTabs/package.json

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

package/InfoCard/package.json

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

package/Link/package.json

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

package/MarkdownElement/package.json

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

package/NProgressBar/package.json

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

package/SectionTitle/package.json

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

package/branding/package.json

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

package/i18n/package.json

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

package/node/Ad/AdGuest.js

@@ -1,36 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdGuest = AdGuest;
-var React = _interopRequireWildcard(require("react"));
-var _Portal = _interopRequireDefault(require("@mui/material/Portal"));
-var _AdManager = require("./AdManager");
-var _jsxRuntime = require("react/jsx-runtime");
-function AdGuest(props) {
-  const {
-    classSelector = '.description',
-    children
-  } = props;
-  const ad = React.useContext(_AdManager.AdContext);
-  if (!ad.element) {
-    return null;
-  }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Portal.default, {
-    container: () => {
-      const element = document.querySelector(classSelector);
-      if (element) {
-        if (ad.element === element) {
-          element.classList.add('ad');
-        } else {
-          element.classList.remove('ad');
-        }
-      }
-      return ad.element;
-    },
-    children: children
-  });
-}

package/node/Ad/AdInHouse.js

@@ -1,23 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = AdInHouse;
-var React = _interopRequireWildcard(require("react"));
-var _AdDisplay = _interopRequireDefault(require("./AdDisplay"));
-var _jsxRuntime = require("react/jsx-runtime");
-function AdInHouse(props) {
-  const {
-    ad
-  } = props;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_AdDisplay.default, {
-    ad: {
-      poweredby: 'MUI',
-      label: `in-house-${ad.name}`,
-      ...ad
-    }
-  });
-}

package/node/Ad/AdManager.js

@@ -1,45 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdContext = void 0;
-exports.AdManager = AdManager;
-exports.adShape = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _utils = require("@mui/material/utils");
-var _jsxRuntime = require("react/jsx-runtime");
-const AdContext = exports.AdContext = /*#__PURE__*/React.createContext({
-  placement: 'body-top',
-  element: null
-});
-
-// Persisted for the whole session.
-// The state is used to use different ad placements.
-const randomSession = Math.random();
-
-// Distribution profile:
-// 20% body-inline
-// 80% body-image
-const adShape = exports.adShape = randomSession < 0.2 ? 'inline' : 'image';
-function AdManager({
-  classSelector = '.description',
-  children
-}) {
-  const [portal, setPortal] = React.useState({
-    placement: 'body-top',
-    element: null
-  });
-  (0, _utils.unstable_useEnhancedEffect)(() => {
-    const container = document.querySelector(classSelector);
-    setPortal({
-      placement: 'body-top',
-      element: container
-    });
-  }, [classSelector]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AdContext.Provider, {
-    value: portal,
-    children: children
-  });
-}

package/node/Ad/AdProvider.js

@@ -1,32 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.AdProvider = AdProvider;
-exports.useAdConfig = useAdConfig;
-var React = _interopRequireWildcard(require("react"));
-var _jsxRuntime = require("react/jsx-runtime");
-const AdConfigContext = /*#__PURE__*/React.createContext(null);
-function AdProvider(props) {
-  const {
-    children,
-    config
-  } = props;
-  const value = React.useMemo(() => ({
-    GADisplayRatio: 0.1,
-    ...config
-  }), [config]);
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(AdConfigContext.Provider, {
-    value: value,
-    children: children
-  });
-}
-function useAdConfig() {
-  const config = React.useContext(AdConfigContext);
-  if (!config) {
-    throw new Error('Could not find docs ad config context value; please ensure the component is wrapped in a <AdProvider>');
-  }
-  return config;
-}

package/node/Ad/index.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  AdCarbonInline: true
-};
-Object.defineProperty(exports, "AdCarbonInline", {
-  enumerable: true,
-  get: function () {
-    return _AdCarbon.AdCarbonInline;
-  }
-});
-var _Ad = require("./Ad");
-Object.keys(_Ad).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _Ad[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _Ad[key];
-    }
-  });
-});
-var _AdManager = require("./AdManager");
-Object.keys(_AdManager).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AdManager[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AdManager[key];
-    }
-  });
-});
-var _AdProvider = require("./AdProvider");
-Object.keys(_AdProvider).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AdProvider[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AdProvider[key];
-    }
-  });
-});
-var _AdGuest = require("./AdGuest");
-Object.keys(_AdGuest).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _AdGuest[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _AdGuest[key];
-    }
-  });
-});
-var _AdCarbon = require("./AdCarbon");

package/node/CodeCopy/CodeCopyButton.js

@@ -1,49 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CodeCopyButton = CodeCopyButton;
-var React = _interopRequireWildcard(require("react"));
-var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));
-var _jsxRuntime = require("react/jsx-runtime");
-var _span, _span2;
-function CodeCopyButton(props) {
-  const {
-    code,
-    ...other
-  } = props;
-  const {
-    copy,
-    isCopied
-  } = (0, _useClipboardCopy.default)();
-  // This component is designed to be wrapped in NoSsr
-  const macOS = window.navigator.platform.toUpperCase().includes('MAC');
-  const key = macOS ? '⌘' : 'Ctrl + ';
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-    className: "MuiCode-copy-container",
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
-      ...other,
-      "aria-label": "Copy the code",
-      type: "button",
-      className: "MuiCode-copy",
-      onClick: async () => {
-        // event.stopPropagation();
-        await copy(code);
-      },
-      children: [isCopied ? 'Copied' : 'Copy', /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
-        className: "MuiCode-copyKeypress",
-        style: {
-          opacity: isCopied ? 0 : 1
-        },
-        children: [_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: "(or"
-        })), " ", key, "C", _span2 || (_span2 = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: ")"
-        }))]
-      })]
-    })
-  });
-}

package/node/CodeCopy/index.js

@@ -1,40 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-var _exportNames = {
-  useClipboardCopy: true
-};
-Object.defineProperty(exports, "useClipboardCopy", {
-  enumerable: true,
-  get: function () {
-    return _useClipboardCopy.default;
-  }
-});
-var _CodeCopy = require("./CodeCopy");
-Object.keys(_CodeCopy).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CodeCopy[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CodeCopy[key];
-    }
-  });
-});
-var _CodeCopyButton = require("./CodeCopyButton");
-Object.keys(_CodeCopyButton).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
-  if (key in exports && exports[key] === _CodeCopyButton[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _CodeCopyButton[key];
-    }
-  });
-});
-var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));

package/node/CodeCopy/useClipboardCopy.js

@@ -1,29 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = useClipboardCopy;
-var React = _interopRequireWildcard(require("react"));
-var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
-function useClipboardCopy() {
-  const [isCopied, setIsCopied] = React.useState(false);
-  const timeout = React.useRef(undefined);
-  React.useEffect(() => () => {
-    clearTimeout(timeout.current);
-  }, []);
-  const copy = async text => {
-    await (0, _clipboardCopy.default)(text);
-    setIsCopied(true);
-    clearTimeout(timeout.current);
-    timeout.current = setTimeout(() => {
-      setIsCopied(false);
-    }, 1200);
-  };
-  return {
-    copy,
-    isCopied
-  };
-}

package/node/ComponentLinkHeader/index.js

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

package/node/DocsProvider/DocsProvider.js

@@ -1,39 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DocsProvider = DocsProvider;
-exports.useDocsConfig = useDocsConfig;
-var React = _interopRequireWildcard(require("react"));
-var _i18n = require("../i18n");
-var _Ad = require("../Ad");
-var _jsxRuntime = require("react/jsx-runtime");
-const DocsConfigContext = /*#__PURE__*/React.createContext(null);
-function DocsProvider({
-  config,
-  adConfig,
-  defaultUserLanguage,
-  translations,
-  children
-}) {
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(DocsConfigContext.Provider, {
-    value: config,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ad.AdProvider, {
-      config: adConfig,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.UserLanguageProvider, {
-        defaultUserLanguage: defaultUserLanguage,
-        translations: translations,
-        children: children
-      })
-    })
-  });
-}
-function useDocsConfig() {
-  const config = React.useContext(DocsConfigContext);
-  if (!config) {
-    throw new Error('Could not find docs config context value; please ensure the component is wrapped in a <DocsProvider>');
-  }
-  return config;
-}

package/node/DocsProvider/index.js

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

package/node/HighlightedCode/HighlightedCode.js

@@ -1,75 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.HighlightedCode = void 0;
-var React = _interopRequireWildcard(require("react"));
-var _prism = _interopRequireDefault(require("@mui/internal-markdown/prism"));
-var _NoSsr = require("@mui/base/NoSsr");
-var _styles = require("@mui/material/styles");
-var _CodeCopy = require("../CodeCopy");
-var _MarkdownElement = require("../MarkdownElement");
-var _jsxRuntime = require("react/jsx-runtime");
-const Pre = (0, _styles.styled)('pre')(({
-  theme
-}) => ({
-  margin: 0,
-  color: 'hsl(60deg 30% 96.08%)',
-  // fallback color until Prism's theme is loaded
-  WebkitOverflowScrolling: 'touch',
-  // iOS momentum scrolling.
-  '& code': {
-    // Avoid layout jump after hydration (style injected by Prism)
-    ...theme.typography.caption,
-    fontFamily: theme.typography.fontFamilyCode,
-    fontWeight: 400,
-    WebkitFontSmoothing: 'subpixel-antialiased'
-    // Reset for Safari
-    // https://github.com/necolas/normalize.css/blob/master/normalize.css#L102
-  }
-}));
-const HighlightedCode = exports.HighlightedCode = /*#__PURE__*/React.forwardRef(function HighlightedCode(props, ref) {
-  const {
-    code,
-    copyButtonHidden = false,
-    copyButtonProps,
-    language,
-    plainStyle,
-    parentComponent: Component = plainStyle ? React.Fragment : _MarkdownElement.MarkdownElement,
-    preComponent: PreComponent = plainStyle ? Pre : 'pre',
-    ...other
-  } = props;
-  const renderedCode = React.useMemo(() => {
-    return (0, _prism.default)(code.trim(), language);
-  }, [code, language]);
-  const handlers = (0, _CodeCopy.useCodeCopy)();
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(Component, {
-    ref: ref,
-    ...other,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-      className: "MuiCode-root",
-      ...handlers,
-      style: {
-        height: '100%'
-      },
-      children: [copyButtonHidden ? null : /*#__PURE__*/(0, _jsxRuntime.jsx)(_NoSsr.NoSsr, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CodeCopy.CodeCopyButton, {
-          code: code,
-          ...copyButtonProps
-        })
-      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PreComponent, {
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("code", {
-          className: `language-${language}`
-          // eslint-disable-next-line react/no-danger
-          ,
-          dangerouslySetInnerHTML: {
-            __html: renderedCode
-          }
-        })
-      })]
-    })
-  });
-});

package/node/HighlightedCode/index.js

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

package/node/HighlightedCodeWithTabs/index.js

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