@mui/docs 6.0.0-alpha.0 → 6.0.0-alpha.10

package/legacy/DocsProvider/DocsProvider.js

@@ -1,25 +0,0 @@
-import * as React from 'react';
-import { UserLanguageProvider } from '../i18n';
-import { jsx as _jsx } from "react/jsx-runtime";
-var DocsConfigContext = /*#__PURE__*/React.createContext(null);
-export function DocsProvider(_ref) {
-  var config = _ref.config,
-    defaultUserLanguage = _ref.defaultUserLanguage,
-    translations = _ref.translations,
-    children = _ref.children;
-  return /*#__PURE__*/_jsx(DocsConfigContext.Provider, {
-    value: config,
-    children: /*#__PURE__*/_jsx(UserLanguageProvider, {
-      defaultUserLanguage: defaultUserLanguage,
-      translations: translations,
-      children: children
-    })
-  });
-}
-export function useDocsConfig() {
-  var 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/legacy/DocsProvider/index.js

@@ -1 +0,0 @@
-export * from './DocsProvider';

package/legacy/Link/Link.js

@@ -1,101 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import * as React from 'react';
-import clsx from 'clsx';
-import { useRouter } from 'next/router';
-import NextLink from 'next/link';
-import MuiLink from '@mui/material/Link';
-import { styled } from '@mui/material/styles';
-import { useUserLanguage } from '../i18n';
-import { useDocsConfig } from '../DocsProvider';
-
-/**
- * File to keep in sync with:
- *
- * - /docs/src/modules/components/Link.tsx
- * - /examples/material-ui-nextjs-pages-router/src/Link.js
- * - /examples/material-ui-nextjs-pages-router-ts/src/Link.tsx
- */
-
-// Add support for the sx prop for consistency with the other branches.
-import { jsx as _jsx } from "react/jsx-runtime";
-var Anchor = styled('a')({});
-var NextLinkComposed = /*#__PURE__*/React.forwardRef(function NextLinkComposed(props, ref) {
-  var to = props.to,
-    linkAs = props.linkAs,
-    replace = props.replace,
-    scroll = props.scroll,
-    shallow = props.shallow,
-    prefetch = props.prefetch,
-    _props$legacyBehavior = props.legacyBehavior,
-    legacyBehavior = _props$legacyBehavior === void 0 ? true : _props$legacyBehavior,
-    locale = props.locale,
-    other = _objectWithoutProperties(props, ["to", "linkAs", "replace", "scroll", "shallow", "prefetch", "legacyBehavior", "locale"]);
-  return /*#__PURE__*/_jsx(NextLink, {
-    href: to,
-    prefetch: prefetch,
-    as: linkAs,
-    replace: replace,
-    scroll: scroll,
-    shallow: shallow,
-    passHref: true,
-    locale: locale,
-    legacyBehavior: legacyBehavior,
-    children: /*#__PURE__*/_jsx(Anchor, _extends({
-      "data-no-markdown-link": "true",
-      ref: ref
-    }, other))
-  });
-});
-// A styled version of the Next.js Pages Router Link component:
-// https://nextjs.org/docs/pages/api-reference/components/link
-export var Link = /*#__PURE__*/React.forwardRef(function Link(props, ref) {
-  var _props$activeClassNam = props.activeClassName,
-    activeClassName = _props$activeClassNam === void 0 ? 'active' : _props$activeClassNam,
-    as = props.as,
-    classNameProps = props.className,
-    href = props.href,
-    legacyBehavior = props.legacyBehavior,
-    linkAsProp = props.linkAs,
-    locale = props.locale,
-    noLinkStyle = props.noLinkStyle,
-    prefetch = props.prefetch,
-    replace = props.replace,
-    role = props.role,
-    scroll = props.scroll,
-    shallow = props.shallow,
-    other = _objectWithoutProperties(props, ["activeClassName", "as", "className", "href", "legacyBehavior", "linkAs", "locale", "noLinkStyle", "prefetch", "replace", "role", "scroll", "shallow"]);
-  var router = useRouter();
-  var pathname = typeof href === 'string' ? href : href == null ? void 0 : href.pathname;
-  var routerPathname = router.pathname.replace('/[docsTab]', '');
-  var shouldBeActive = routerPathname === pathname;
-  var className = clsx(classNameProps, shouldBeActive && activeClassName);
-  var userLanguage = useUserLanguage();
-  var _useDocsConfig = useDocsConfig(),
-    LANGUAGES_IGNORE_PAGES = _useDocsConfig.LANGUAGES_IGNORE_PAGES;
-  var linkAs = linkAsProp || as || href;
-  if (userLanguage !== 'en' && pathname && pathname.indexOf('/') === 0 && !LANGUAGES_IGNORE_PAGES(pathname) && !pathname.startsWith("/".concat(userLanguage, "/"))) {
-    linkAs = "/".concat(userLanguage).concat(linkAs);
-  }
-  var nextjsProps = {
-    to: href,
-    linkAs: linkAs,
-    replace: replace,
-    scroll: scroll,
-    shallow: shallow,
-    legacyBehavior: legacyBehavior,
-    prefetch: prefetch,
-    locale: locale
-  };
-  if (noLinkStyle) {
-    return /*#__PURE__*/_jsx(NextLinkComposed, _extends({
-      className: className,
-      ref: ref
-    }, nextjsProps, other));
-  }
-  return /*#__PURE__*/_jsx(MuiLink, _extends({
-    component: NextLinkComposed,
-    className: className,
-    ref: ref
-  }, nextjsProps, other));
-});

package/legacy/Link/index.js

@@ -1 +0,0 @@
-export * from './Link';

package/legacy/NProgressBar/NProgressBar.js

@@ -1,80 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject;
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import NProgress from 'nprogress';
-import { NoSsr } from '@mui/base/NoSsr';
-import { exactProp } from '@mui/utils';
-import GlobalStyles from '@mui/material/GlobalStyles';
-import { keyframes } from '@mui/material/styles';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-NProgress.configure({
-  barSelector: '.nprogress-bar',
-  template: "\n    <div class=\"nprogress-bar\">\n      <div></div>\n      <div></div>\n    </div>\n  "
-});
-var muiNProgressPulse = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  30% {\n    opacity: 0.6;\n  }\n\n  60% {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 0.6;\n  }\n"])));
-
-/**
- * Elegant and ready-to-use wrapper on top of https://github.com/rstacruz/nprogress/.
- * The implementation is highly inspired by the YouTube one.
- */
-function NProgressBar(props) {
-  return /*#__PURE__*/_jsxs(NoSsr, {
-    children: [props.children, /*#__PURE__*/_jsx(GlobalStyles, {
-      styles: function styles(theme) {
-        return {
-          '#nprogress': _extends({
-            direction: 'ltr',
-            pointerEvents: 'none',
-            position: 'fixed',
-            top: 0,
-            left: 0,
-            right: 0,
-            height: 2,
-            zIndex: (theme.vars || theme).zIndex.tooltip,
-            backgroundColor: (theme.vars || theme).palette.primary[200]
-          }, theme.applyDarkStyles({
-            backgroundColor: (theme.vars || theme).palette.primary[700]
-          }), {
-            '& .nprogress-bar': {
-              position: 'fixed',
-              backgroundColor: (theme.vars || theme).palette.primary.main,
-              top: 0,
-              left: 0,
-              right: 0,
-              height: 2
-            },
-            '& .nprogress-bar > div': {
-              position: 'absolute',
-              top: 0,
-              height: 2,
-              boxShadow: "".concat((theme.vars || theme).palette.primary.main, " 1px 0 6px 1px"),
-              borderRadius: '100%',
-              animation: "".concat(muiNProgressPulse, " 2s ease-out 0s infinite")
-            },
-            '& .nprogress-bar > div:first-of-type': {
-              opacity: 0.6,
-              width: 20,
-              right: 0,
-              clip: 'rect(-6px,22px,14px,10px)'
-            },
-            '& .nprogress-bar > div:last-of-type': {
-              opacity: 0.6,
-              width: 180,
-              right: -80,
-              clip: 'rect(-6px,90px,14px,-6px)'
-            }
-          })
-        };
-      }
-    })]
-  });
-}
-process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = {
-  children: PropTypes.node
-} : void 0;
-if (process.env.NODE_ENV !== 'production') {
-  process.env.NODE_ENV !== "production" ? NProgressBar.propTypes = exactProp(NProgressBar.propTypes) : void 0;
-}
-export default NProgressBar;

package/legacy/NProgressBar/index.js

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

package/legacy/i18n/i18n.js

@@ -1,105 +0,0 @@
-import * as React from 'react';
-import PropTypes from 'prop-types';
-import { deepmerge } from '@mui/utils';
-import defaultTranslations from '../translations';
-import { jsx as _jsx } from "react/jsx-runtime";
-var TranslationsContext = /*#__PURE__*/React.createContext(defaultTranslations);
-function TranslationsProvider(_ref) {
-  var _ref$translations = _ref.translations,
-    translations = _ref$translations === void 0 ? {} : _ref$translations,
-    children = _ref.children;
-  var currentTranslations = React.useContext(TranslationsContext);
-  var mergedTranslations = React.useMemo(function () {
-    return deepmerge(currentTranslations, translations);
-  }, [currentTranslations, translations]);
-  return /*#__PURE__*/_jsx(TranslationsContext.Provider, {
-    value: mergedTranslations,
-    children: children
-  });
-}
-function getPath(obj, path) {
-  if (!path || typeof path !== 'string') {
-    return null;
-  }
-  return path.split('.').reduce(function (acc, item) {
-    return acc && acc[item] ? acc[item] : null;
-  }, obj);
-}
-var UserLanguageContext = /*#__PURE__*/React.createContext({
-  userLanguage: '',
-  setUserLanguage: function setUserLanguage() {}
-});
-if (process.env.NODE_ENV !== 'production') {
-  UserLanguageContext.displayName = 'UserLanguage';
-}
-export function UserLanguageProvider(props) {
-  var children = props.children,
-    translations = props.translations,
-    defaultUserLanguage = props.defaultUserLanguage;
-  var _React$useState = React.useState(defaultUserLanguage),
-    userLanguage = _React$useState[0],
-    setUserLanguage = _React$useState[1];
-  var contextValue = React.useMemo(function () {
-    return {
-      userLanguage: userLanguage,
-      setUserLanguage: setUserLanguage
-    };
-  }, [userLanguage]);
-  return /*#__PURE__*/_jsx(TranslationsProvider, {
-    translations: translations,
-    children: /*#__PURE__*/_jsx(UserLanguageContext.Provider, {
-      value: contextValue,
-      children: children
-    })
-  });
-}
-process.env.NODE_ENV !== "production" ? UserLanguageProvider.propTypes = {
-  children: PropTypes.node.isRequired,
-  defaultUserLanguage: PropTypes.string
-} : void 0;
-export function useUserLanguage() {
-  return React.useContext(UserLanguageContext).userLanguage;
-}
-export function useSetUserLanguage() {
-  return React.useContext(UserLanguageContext).setUserLanguage;
-}
-var warnedOnce = {};
-export function useTranslate() {
-  var userLanguage = useUserLanguage();
-  var translations = React.useContext(TranslationsContext);
-  return React.useMemo(function () {
-    return function translate(key) {
-      var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-      var _options$ignoreWarnin = options.ignoreWarning,
-        ignoreWarning = _options$ignoreWarnin === void 0 ? false : _options$ignoreWarnin;
-      var wordings = translations[userLanguage];
-      if (!wordings) {
-        console.error("Missing language: ".concat(userLanguage, "."));
-        return '…';
-      }
-      var translation = getPath(wordings, key);
-      if (!translation) {
-        var fullKey = "".concat(userLanguage, ":").concat(key);
-        // No warnings in CI env
-        if (!ignoreWarning && !warnedOnce[fullKey] && typeof window !== 'undefined') {
-          console.error("Missing translation for ".concat(fullKey));
-          warnedOnce[fullKey] = true;
-        }
-        return getPath(translations.en, key);
-      }
-      return translation;
-    };
-  }, [userLanguage, translations]);
-}
-export function mapTranslations(req) {
-  var result = {};
-  req.keys().forEach(function (filename) {
-    var match = filename.match(/-([a-z]{2}).json$/);
-    if (match) {
-      result[match[1]] = req(filename);
-    } else {
-      result.en = req(filename);
-    }
-  });
-  return result;
-}

package/legacy/i18n/index.js

@@ -1 +0,0 @@
-export * from './i18n';

package/legacy/svgIcons/FileDownload.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _path;
-import * as React from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-function FileDownload(props) {
-  return /*#__PURE__*/_jsx(SvgIcon, _extends({}, props, {
-    children: _path || (_path = /*#__PURE__*/_jsx("path", {
-      d: "M19 9h-4V3H9v6H5l7 7 7-7zM5 18v2h14v-2H5z"
-    }))
-  }));
-}
-FileDownload.muiName = 'SvgIcon';
-export default FileDownload;

package/legacy/svgIcons/JavaScript.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _path;
-import * as React from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-function JavaScript(props) {
-  return /*#__PURE__*/_jsx(SvgIcon, _extends({}, props, {
-    children: _path || (_path = /*#__PURE__*/_jsx("path", {
-      d: "M3,3H21V21H3V3M7.73,18.04C8.13,18.89 8.92,19.59 10.27,19.59C11.77,19.59 12.8,18.79 12.8,17.04V11.26H11.1V17C11.1,17.86 10.75,18.08 10.2,18.08C9.62,18.08 9.38,17.68 9.11,17.21L7.73,18.04M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86Z"
-    }))
-  }));
-}
-JavaScript.muiName = 'SvgIcon';
-export default JavaScript;

package/legacy/svgIcons/TypeScript.js

@@ -1,14 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-var _path;
-import * as React from 'react';
-import SvgIcon from '@mui/material/SvgIcon';
-import { jsx as _jsx } from "react/jsx-runtime";
-function TypeScript(props) {
-  return /*#__PURE__*/_jsx(SvgIcon, _extends({}, props, {
-    children: _path || (_path = /*#__PURE__*/_jsx("path", {
-      d: "M3,3H21V21H3V3M13.71,17.86C14.21,18.84 15.22,19.59 16.8,19.59C18.4,19.59 19.6,18.76 19.6,17.23C19.6,15.82 18.79,15.19 17.35,14.57L16.93,14.39C16.2,14.08 15.89,13.87 15.89,13.37C15.89,12.96 16.2,12.64 16.7,12.64C17.18,12.64 17.5,12.85 17.79,13.37L19.1,12.5C18.55,11.54 17.77,11.17 16.7,11.17C15.19,11.17 14.22,12.13 14.22,13.4C14.22,14.78 15.03,15.43 16.25,15.95L16.67,16.13C17.45,16.47 17.91,16.68 17.91,17.26C17.91,17.74 17.46,18.09 16.76,18.09C15.93,18.09 15.45,17.66 15.09,17.06L13.71,17.86M13,11.25H8V12.75H9.5V20H11.25V12.75H13V11.25Z"
-    }))
-  }));
-}
-TypeScript.muiName = 'SvgIcon';
-export default TypeScript;

package/legacy/translations/index.js

@@ -1,4 +0,0 @@
-import en from './translations.json';
-export default {
-  en: en
-};