@mui/docs 6.4.4 → 7.0.0-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Ad/Ad.d.ts +1 -1
- package/Ad/Ad.js +42 -33
- package/Ad/AdCarbon.d.ts +1 -1
- package/Ad/AdCarbon.js +27 -18
- package/Ad/AdDisplay.d.ts +10 -10
- package/Ad/AdDisplay.js +28 -21
- package/Ad/AdGuest.d.ts +6 -6
- package/Ad/AdGuest.js +15 -8
- package/Ad/AdInHouse.d.ts +3 -3
- package/Ad/AdInHouse.js +13 -5
- package/Ad/AdManager.d.ts +12 -9
- package/Ad/AdManager.js +17 -8
- package/Ad/AdProvider.d.ts +9 -9
- package/Ad/AdProvider.js +13 -5
- package/Ad/ad.styles.d.ts +4322 -4322
- package/Ad/ad.styles.js +13 -5
- package/Ad/index.d.ts +5 -5
- package/Ad/index.js +62 -6
- package/CHANGELOG.md +71 -2258
- package/CodeCopy/CodeCopy.d.ts +5 -3
- package/CodeCopy/CodeCopy.js +19 -10
- package/CodeCopy/CodeCopyButton.d.ts +2 -2
- package/CodeCopy/CodeCopyButton.js +18 -10
- package/CodeCopy/index.d.ts +3 -3
- package/CodeCopy/index.js +40 -3
- package/CodeCopy/useClipboardCopy.d.ts +3 -3
- package/CodeCopy/useClipboardCopy.js +12 -4
- package/ComponentLinkHeader/ComponentLinkHeader.d.ts +5 -5
- package/ComponentLinkHeader/ComponentLinkHeader.js +48 -40
- package/ComponentLinkHeader/index.d.ts +2 -2
- package/ComponentLinkHeader/index.js +24 -2
- package/DocsProvider/DocsProvider.d.ts +19 -13
- package/DocsProvider/DocsProvider.js +17 -9
- package/DocsProvider/index.d.ts +1 -1
- package/DocsProvider/index.js +16 -1
- package/HighlightedCode/HighlightedCode.d.ts +9 -9
- package/HighlightedCode/HighlightedCode.js +26 -18
- package/HighlightedCode/index.d.ts +1 -1
- package/HighlightedCode/index.js +16 -1
- package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts +18 -18
- package/HighlightedCodeWithTabs/HighlightedCodeWithTabs.js +31 -22
- package/HighlightedCodeWithTabs/index.d.ts +2 -2
- package/HighlightedCodeWithTabs/index.js +24 -2
- package/InfoCard/InfoCard.d.ts +15 -13
- package/InfoCard/InfoCard.js +29 -20
- package/InfoCard/index.d.ts +1 -1
- package/InfoCard/index.js +16 -1
- package/Link/Link.d.ts +14 -8
- package/Link/Link.js +26 -29
- package/Link/index.d.ts +1 -1
- package/Link/index.js +16 -1
- package/MarkdownElement/MarkdownElement.d.ts +4 -4
- package/MarkdownElement/MarkdownElement.js +186 -178
- package/MarkdownElement/index.d.ts +1 -1
- package/MarkdownElement/index.js +16 -1
- package/NProgressBar/NProgressBar.d.ts +1 -3
- package/NProgressBar/NProgressBar.js +23 -15
- package/NProgressBar/index.d.ts +2 -2
- package/NProgressBar/index.js +13 -1
- package/README.md +4 -4
- package/SectionTitle/SectionTitle.d.ts +4 -4
- package/SectionTitle/SectionTitle.js +15 -8
- package/SectionTitle/index.d.ts +1 -1
- package/SectionTitle/index.js +16 -1
- package/branding/BrandingProvider.d.ts +6 -6
- package/branding/BrandingProvider.js +15 -8
- package/branding/brandingTheme.d.ts +118 -119
- package/branding/brandingTheme.js +126 -115
- package/branding/index.d.ts +2 -2
- package/branding/index.js +27 -2
- package/esm/Ad/Ad.d.ts +6 -0
- package/{node → esm}/Ad/Ad.js +33 -42
- package/esm/Ad/AdCarbon.d.ts +3 -0
- package/{node → esm}/Ad/AdCarbon.js +18 -27
- package/esm/Ad/AdDisplay.d.ts +16 -0
- package/{node → esm}/Ad/AdDisplay.js +21 -28
- package/esm/Ad/AdGuest.d.ts +10 -0
- package/esm/Ad/AdGuest.js +29 -0
- package/esm/Ad/AdInHouse.d.ts +5 -0
- package/esm/Ad/AdInHouse.js +15 -0
- package/esm/Ad/AdManager.d.ts +19 -0
- package/esm/Ad/AdManager.js +36 -0
- package/esm/Ad/AdProvider.d.ts +15 -0
- package/esm/Ad/AdProvider.js +24 -0
- package/esm/Ad/ad.styles.d.ts +4329 -0
- package/{node → esm}/Ad/ad.styles.js +5 -13
- package/esm/Ad/index.d.ts +5 -0
- package/esm/Ad/index.js +7 -0
- package/esm/CodeCopy/CodeCopy.d.ts +22 -0
- package/{node → esm}/CodeCopy/CodeCopy.js +10 -19
- package/esm/CodeCopy/CodeCopyButton.d.ts +5 -0
- package/esm/CodeCopy/CodeCopyButton.js +41 -0
- package/esm/CodeCopy/index.d.ts +3 -0
- package/esm/CodeCopy/index.js +3 -0
- package/esm/CodeCopy/useClipboardCopy.d.ts +4 -0
- package/esm/CodeCopy/useClipboardCopy.js +21 -0
- package/esm/ComponentLinkHeader/ComponentLinkHeader.d.ts +9 -0
- package/{node → esm}/ComponentLinkHeader/ComponentLinkHeader.js +40 -48
- package/esm/ComponentLinkHeader/index.d.ts +2 -0
- package/esm/ComponentLinkHeader/index.js +2 -0
- package/esm/DocsProvider/DocsProvider.d.ts +24 -0
- package/esm/DocsProvider/DocsProvider.js +31 -0
- package/esm/DocsProvider/index.d.ts +1 -0
- package/esm/DocsProvider/index.js +1 -0
- package/esm/HighlightedCode/HighlightedCode.d.ts +14 -0
- package/esm/HighlightedCode/HighlightedCode.js +67 -0
- package/esm/HighlightedCode/index.d.ts +1 -0
- package/esm/HighlightedCode/index.js +1 -0
- package/esm/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts +29 -0
- package/{node → esm}/HighlightedCodeWithTabs/HighlightedCodeWithTabs.js +22 -31
- package/esm/HighlightedCodeWithTabs/index.d.ts +2 -0
- package/esm/HighlightedCodeWithTabs/index.js +2 -0
- package/esm/InfoCard/InfoCard.d.ts +22 -0
- package/esm/InfoCard/InfoCard.js +87 -0
- package/esm/InfoCard/index.d.ts +1 -0
- package/esm/InfoCard/index.js +1 -0
- package/esm/Link/Link.d.ts +22 -0
- package/{node → esm}/Link/Link.js +19 -37
- package/esm/Link/index.d.ts +1 -0
- package/esm/Link/index.js +1 -0
- package/esm/MarkdownElement/MarkdownElement.d.ts +7 -0
- package/{node → esm}/MarkdownElement/MarkdownElement.js +178 -186
- package/esm/MarkdownElement/index.d.ts +1 -0
- package/esm/MarkdownElement/index.js +1 -0
- package/esm/NProgressBar/NProgressBar.d.ts +6 -0
- package/{node → esm}/NProgressBar/NProgressBar.js +15 -23
- package/esm/NProgressBar/index.d.ts +2 -0
- package/esm/NProgressBar/index.js +1 -0
- package/esm/SectionTitle/SectionTitle.d.ts +7 -0
- package/esm/SectionTitle/SectionTitle.js +30 -0
- package/esm/SectionTitle/index.d.ts +1 -0
- package/esm/SectionTitle/index.js +1 -0
- package/esm/branding/BrandingProvider.d.ts +9 -0
- package/esm/branding/BrandingProvider.js +17 -0
- package/esm/branding/brandingTheme.d.ts +151 -0
- package/{node → esm}/branding/brandingTheme.js +115 -126
- package/esm/branding/index.d.ts +2 -0
- package/esm/branding/index.js +2 -0
- package/esm/i18n/i18n.d.ts +27 -0
- package/{node → esm}/i18n/i18n.js +17 -29
- package/esm/i18n/index.d.ts +1 -0
- package/esm/i18n/index.js +1 -0
- package/esm/package.json +1 -0
- package/esm/svgIcons/BundleSizeIcon.d.ts +4 -0
- package/esm/svgIcons/BundleSizeIcon.js +14 -0
- package/esm/svgIcons/FigmaIcon.d.ts +4 -0
- package/esm/svgIcons/FigmaIcon.js +23 -0
- package/esm/svgIcons/FileDownload.d.ts +7 -0
- package/esm/svgIcons/FileDownload.js +14 -0
- package/esm/svgIcons/JavaScript.d.ts +7 -0
- package/{node → esm}/svgIcons/JavaScript.js +6 -14
- package/esm/svgIcons/MaterialDesignIcon.d.ts +4 -0
- package/esm/svgIcons/MaterialDesignIcon.js +19 -0
- package/esm/svgIcons/SketchIcon.d.ts +4 -0
- package/esm/svgIcons/SketchIcon.js +28 -0
- package/esm/svgIcons/TypeScript.d.ts +7 -0
- package/esm/svgIcons/TypeScript.js +14 -0
- package/esm/svgIcons/W3CIcon.d.ts +4 -0
- package/{node → esm}/svgIcons/W3CIcon.js +7 -14
- package/esm/translations/index.d.ts +3 -0
- package/esm/translations/index.js +4 -0
- package/esm/utils/loadScript.d.ts +1 -0
- package/{node → esm}/utils/loadScript.js +1 -7
- package/i18n/i18n.d.ts +12 -14
- package/i18n/i18n.js +29 -17
- package/i18n/index.d.ts +1 -1
- package/i18n/index.js +16 -1
- package/modern/Ad/Ad.d.ts +6 -0
- package/modern/Ad/AdCarbon.d.ts +3 -0
- package/modern/Ad/AdDisplay.d.ts +16 -0
- package/modern/Ad/AdGuest.d.ts +10 -0
- package/modern/Ad/AdInHouse.d.ts +5 -0
- package/modern/Ad/AdManager.d.ts +19 -0
- package/modern/Ad/AdProvider.d.ts +15 -0
- package/modern/Ad/ad.styles.d.ts +4329 -0
- package/modern/Ad/index.d.ts +5 -0
- package/modern/CodeCopy/CodeCopy.d.ts +22 -0
- package/modern/CodeCopy/CodeCopyButton.d.ts +5 -0
- package/modern/CodeCopy/index.d.ts +3 -0
- package/modern/CodeCopy/useClipboardCopy.d.ts +4 -0
- package/modern/ComponentLinkHeader/ComponentLinkHeader.d.ts +9 -0
- package/modern/ComponentLinkHeader/index.d.ts +2 -0
- package/modern/DocsProvider/DocsProvider.d.ts +24 -0
- package/modern/DocsProvider/index.d.ts +1 -0
- package/modern/HighlightedCode/HighlightedCode.d.ts +14 -0
- package/modern/HighlightedCode/index.d.ts +1 -0
- package/modern/HighlightedCodeWithTabs/HighlightedCodeWithTabs.d.ts +29 -0
- package/modern/HighlightedCodeWithTabs/index.d.ts +2 -0
- package/modern/InfoCard/InfoCard.d.ts +22 -0
- package/modern/InfoCard/index.d.ts +1 -0
- package/modern/Link/Link.d.ts +22 -0
- package/modern/Link/index.d.ts +1 -0
- package/modern/MarkdownElement/MarkdownElement.d.ts +7 -0
- package/modern/MarkdownElement/index.d.ts +1 -0
- package/modern/NProgressBar/NProgressBar.d.ts +6 -0
- package/modern/NProgressBar/index.d.ts +2 -0
- package/modern/SectionTitle/SectionTitle.d.ts +7 -0
- package/modern/SectionTitle/index.d.ts +1 -0
- package/modern/branding/BrandingProvider.d.ts +9 -0
- package/modern/branding/brandingTheme.d.ts +151 -0
- package/modern/branding/index.d.ts +2 -0
- package/modern/i18n/i18n.d.ts +27 -0
- package/modern/i18n/index.d.ts +1 -0
- package/modern/svgIcons/BundleSizeIcon.d.ts +4 -0
- package/modern/svgIcons/FigmaIcon.d.ts +4 -0
- package/modern/svgIcons/FileDownload.d.ts +7 -0
- package/modern/svgIcons/JavaScript.d.ts +7 -0
- package/modern/svgIcons/MaterialDesignIcon.d.ts +4 -0
- package/modern/svgIcons/SketchIcon.d.ts +4 -0
- package/modern/svgIcons/TypeScript.d.ts +7 -0
- package/modern/svgIcons/W3CIcon.d.ts +4 -0
- package/modern/translations/index.d.ts +3 -0
- package/modern/utils/loadScript.d.ts +1 -0
- package/package.json +34 -4
- package/svgIcons/BundleSizeIcon.d.ts +2 -2
- package/svgIcons/BundleSizeIcon.js +13 -6
- package/svgIcons/FigmaIcon.d.ts +2 -2
- package/svgIcons/FigmaIcon.js +16 -9
- package/svgIcons/FileDownload.d.ts +2 -2
- package/svgIcons/FileDownload.js +14 -6
- package/svgIcons/JavaScript.d.ts +2 -2
- package/svgIcons/JavaScript.js +14 -6
- package/svgIcons/MaterialDesignIcon.d.ts +2 -2
- package/svgIcons/MaterialDesignIcon.js +14 -7
- package/svgIcons/SketchIcon.d.ts +2 -2
- package/svgIcons/SketchIcon.js +18 -11
- package/svgIcons/TypeScript.d.ts +2 -2
- package/svgIcons/TypeScript.js +14 -6
- package/svgIcons/W3CIcon.d.ts +2 -2
- package/svgIcons/W3CIcon.js +14 -7
- package/translations/index.d.ts +2 -2
- package/translations/index.js +10 -3
- package/tsconfig.build.tsbuildinfo +1 -1
- package/utils/loadScript.d.ts +1 -1
- package/utils/loadScript.js +7 -1
- package/Ad/package.json +0 -6
- package/CodeCopy/package.json +0 -6
- package/ComponentLinkHeader/package.json +0 -6
- package/DocsProvider/package.json +0 -6
- package/HighlightedCode/package.json +0 -6
- package/HighlightedCodeWithTabs/package.json +0 -6
- package/InfoCard/package.json +0 -6
- package/Link/package.json +0 -6
- package/MarkdownElement/package.json +0 -6
- package/NProgressBar/package.json +0 -6
- package/SectionTitle/package.json +0 -6
- package/branding/package.json +0 -6
- package/i18n/package.json +0 -6
- package/node/Ad/AdGuest.js +0 -36
- package/node/Ad/AdInHouse.js +0 -23
- package/node/Ad/AdManager.js +0 -45
- package/node/Ad/AdProvider.js +0 -32
- package/node/Ad/index.js +0 -63
- package/node/CodeCopy/CodeCopyButton.js +0 -49
- package/node/CodeCopy/index.js +0 -40
- package/node/CodeCopy/useClipboardCopy.js +0 -29
- package/node/ComponentLinkHeader/index.js +0 -24
- package/node/DocsProvider/DocsProvider.js +0 -39
- package/node/DocsProvider/index.js +0 -16
- package/node/HighlightedCode/HighlightedCode.js +0 -75
- package/node/HighlightedCode/index.js +0 -16
- package/node/HighlightedCodeWithTabs/index.js +0 -24
- package/node/InfoCard/InfoCard.js +0 -96
- package/node/InfoCard/index.js +0 -16
- package/node/Link/index.js +0 -16
- package/node/MarkdownElement/index.js +0 -16
- package/node/NProgressBar/index.js +0 -13
- package/node/SectionTitle/SectionTitle.js +0 -37
- package/node/SectionTitle/index.js +0 -16
- package/node/branding/BrandingProvider.js +0 -24
- package/node/branding/index.js +0 -27
- package/node/i18n/index.js +0 -16
- package/node/svgIcons/BundleSizeIcon.js +0 -21
- package/node/svgIcons/FigmaIcon.js +0 -30
- package/node/svgIcons/FileDownload.js +0 -22
- package/node/svgIcons/MaterialDesignIcon.js +0 -26
- package/node/svgIcons/SketchIcon.js +0 -35
- package/node/svgIcons/TypeScript.js +0 -22
- package/node/translations/index.js +0 -11
- package/translations/package.json +0 -6
package/CodeCopy/CodeCopy.d.ts
CHANGED
|
@@ -10,11 +10,13 @@ import * as React from 'react';
|
|
|
10
10
|
*/
|
|
11
11
|
export declare function useCodeCopy(): React.HTMLAttributes<HTMLDivElement>;
|
|
12
12
|
interface CodeCopyProviderProps {
|
|
13
|
-
|
|
13
|
+
children: React.ReactNode;
|
|
14
14
|
}
|
|
15
15
|
/**
|
|
16
16
|
* Place <CodeCopyProvider> at the page level. It will check the keydown event and try to initiate copy click if rootNode exist.
|
|
17
17
|
* Any code block inside the tree can set the rootNode when mouse enter to leverage keyboard copy.
|
|
18
18
|
*/
|
|
19
|
-
export declare function CodeCopyProvider({
|
|
20
|
-
|
|
19
|
+
export declare function CodeCopyProvider({
|
|
20
|
+
children
|
|
21
|
+
}: CodeCopyProviderProps): React.JSX.Element;
|
|
22
|
+
export {};
|
package/CodeCopy/CodeCopy.js
CHANGED
|
@@ -1,8 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.CodeCopyProvider = CodeCopyProvider;
|
|
9
|
+
exports.useCodeCopy = useCodeCopy;
|
|
10
|
+
var React = _interopRequireWildcard(require("react"));
|
|
11
|
+
var _router = require("next/router");
|
|
12
|
+
var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
|
|
13
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
14
|
var _InitCodeCopy;
|
|
2
|
-
import * as React from 'react';
|
|
3
|
-
import { useRouter } from 'next/router';
|
|
4
|
-
import clipboardCopy from 'clipboard-copy';
|
|
5
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
15
|
const CodeBlockContext = /*#__PURE__*/React.createContext({
|
|
7
16
|
current: null
|
|
8
17
|
});
|
|
@@ -16,7 +25,7 @@ const CodeBlockContext = /*#__PURE__*/React.createContext({
|
|
|
16
25
|
* <button className="MuiCode-copy">...</button>
|
|
17
26
|
* </div>
|
|
18
27
|
*/
|
|
19
|
-
|
|
28
|
+
function useCodeCopy() {
|
|
20
29
|
const rootNode = React.useContext(CodeBlockContext);
|
|
21
30
|
return {
|
|
22
31
|
onMouseEnter: event => {
|
|
@@ -40,7 +49,7 @@ export function useCodeCopy() {
|
|
|
40
49
|
}
|
|
41
50
|
function InitCodeCopy() {
|
|
42
51
|
const rootNode = React.useContext(CodeBlockContext);
|
|
43
|
-
const router = useRouter();
|
|
52
|
+
const router = (0, _router.useRouter)();
|
|
44
53
|
React.useEffect(() => {
|
|
45
54
|
let key = 'Ctrl + ';
|
|
46
55
|
if (typeof window !== 'undefined') {
|
|
@@ -94,7 +103,7 @@ function InitCodeCopy() {
|
|
|
94
103
|
}, 2000);
|
|
95
104
|
try {
|
|
96
105
|
if (pre.textContent) {
|
|
97
|
-
await
|
|
106
|
+
await (0, _clipboardCopy.default)(pre.textContent);
|
|
98
107
|
}
|
|
99
108
|
// eslint-disable-next-line no-empty
|
|
100
109
|
} catch (error) {}
|
|
@@ -138,7 +147,7 @@ function hasNativeSelection(element) {
|
|
|
138
147
|
* Place <CodeCopyProvider> at the page level. It will check the keydown event and try to initiate copy click if rootNode exist.
|
|
139
148
|
* Any code block inside the tree can set the rootNode when mouse enter to leverage keyboard copy.
|
|
140
149
|
*/
|
|
141
|
-
|
|
150
|
+
function CodeCopyProvider({
|
|
142
151
|
children
|
|
143
152
|
}) {
|
|
144
153
|
const rootNode = React.useRef(null);
|
|
@@ -165,8 +174,8 @@ export function CodeCopyProvider({
|
|
|
165
174
|
copyBtn.dataset.gaEventAction = initialEventAction; // reset the 'data-ga-event-action' back to initial
|
|
166
175
|
});
|
|
167
176
|
}, []);
|
|
168
|
-
return /*#__PURE__*/
|
|
177
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(CodeBlockContext.Provider, {
|
|
169
178
|
value: rootNode,
|
|
170
|
-
children: [_InitCodeCopy || (_InitCodeCopy = /*#__PURE__*/
|
|
179
|
+
children: [_InitCodeCopy || (_InitCodeCopy = /*#__PURE__*/(0, _jsxRuntime.jsx)(InitCodeCopy, {})), children]
|
|
171
180
|
});
|
|
172
181
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
export interface CodeCopyButtonProps {
|
|
3
|
-
|
|
3
|
+
code: string;
|
|
4
4
|
}
|
|
5
|
-
export declare function CodeCopyButton(props: CodeCopyButtonProps): React.JSX.Element;
|
|
5
|
+
export declare function CodeCopyButton(props: CodeCopyButtonProps): React.JSX.Element;
|
|
@@ -1,8 +1,16 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.CodeCopyButton = CodeCopyButton;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));
|
|
11
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
12
|
var _span, _span2;
|
|
2
|
-
|
|
3
|
-
import useClipboardCopy from "./useClipboardCopy.js";
|
|
4
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
5
|
-
export function CodeCopyButton(props) {
|
|
13
|
+
function CodeCopyButton(props) {
|
|
6
14
|
const {
|
|
7
15
|
code,
|
|
8
16
|
...other
|
|
@@ -10,13 +18,13 @@ export function CodeCopyButton(props) {
|
|
|
10
18
|
const {
|
|
11
19
|
copy,
|
|
12
20
|
isCopied
|
|
13
|
-
} =
|
|
21
|
+
} = (0, _useClipboardCopy.default)();
|
|
14
22
|
// This component is designed to be wrapped in NoSsr
|
|
15
23
|
const macOS = window.navigator.platform.toUpperCase().includes('MAC');
|
|
16
24
|
const key = macOS ? '⌘' : 'Ctrl + ';
|
|
17
|
-
return /*#__PURE__*/
|
|
25
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
18
26
|
className: "MuiCode-copy-container",
|
|
19
|
-
children: /*#__PURE__*/
|
|
27
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("button", {
|
|
20
28
|
...other,
|
|
21
29
|
"aria-label": "Copy the code",
|
|
22
30
|
type: "button",
|
|
@@ -25,14 +33,14 @@ export function CodeCopyButton(props) {
|
|
|
25
33
|
// event.stopPropagation();
|
|
26
34
|
await copy(code);
|
|
27
35
|
},
|
|
28
|
-
children: [isCopied ? 'Copied' : 'Copy', /*#__PURE__*/
|
|
36
|
+
children: [isCopied ? 'Copied' : 'Copy', /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
|
|
29
37
|
className: "MuiCode-copyKeypress",
|
|
30
38
|
style: {
|
|
31
39
|
opacity: isCopied ? 0 : 1
|
|
32
40
|
},
|
|
33
|
-
children: [_span || (_span = /*#__PURE__*/
|
|
41
|
+
children: [_span || (_span = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
34
42
|
children: "(or"
|
|
35
|
-
})), " ", key, "C", _span2 || (_span2 = /*#__PURE__*/
|
|
43
|
+
})), " ", key, "C", _span2 || (_span2 = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
|
|
36
44
|
children: ")"
|
|
37
45
|
}))]
|
|
38
46
|
})]
|
package/CodeCopy/index.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export * from
|
|
3
|
-
export { default as useClipboardCopy } from
|
|
1
|
+
export * from "./CodeCopy.js";
|
|
2
|
+
export * from "./CodeCopyButton.js";
|
|
3
|
+
export { default as useClipboardCopy } from "./useClipboardCopy.js";
|
package/CodeCopy/index.js
CHANGED
|
@@ -1,3 +1,40 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
var _exportNames = {
|
|
8
|
+
useClipboardCopy: true
|
|
9
|
+
};
|
|
10
|
+
Object.defineProperty(exports, "useClipboardCopy", {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _useClipboardCopy.default;
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
var _CodeCopy = require("./CodeCopy");
|
|
17
|
+
Object.keys(_CodeCopy).forEach(function (key) {
|
|
18
|
+
if (key === "default" || key === "__esModule") return;
|
|
19
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
20
|
+
if (key in exports && exports[key] === _CodeCopy[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _CodeCopy[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
28
|
+
var _CodeCopyButton = require("./CodeCopyButton");
|
|
29
|
+
Object.keys(_CodeCopyButton).forEach(function (key) {
|
|
30
|
+
if (key === "default" || key === "__esModule") return;
|
|
31
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
32
|
+
if (key in exports && exports[key] === _CodeCopyButton[key]) return;
|
|
33
|
+
Object.defineProperty(exports, key, {
|
|
34
|
+
enumerable: true,
|
|
35
|
+
get: function () {
|
|
36
|
+
return _CodeCopyButton[key];
|
|
37
|
+
}
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
var _useClipboardCopy = _interopRequireDefault(require("./useClipboardCopy"));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
export default function useClipboardCopy(): {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
};
|
|
2
|
+
copy: (text: string) => Promise<void>;
|
|
3
|
+
isCopied: boolean;
|
|
4
|
+
};
|
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.default = useClipboardCopy;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _clipboardCopy = _interopRequireDefault(require("clipboard-copy"));
|
|
11
|
+
function useClipboardCopy() {
|
|
4
12
|
const [isCopied, setIsCopied] = React.useState(false);
|
|
5
13
|
const timeout = React.useRef(undefined);
|
|
6
14
|
React.useEffect(() => () => {
|
|
7
15
|
clearTimeout(timeout.current);
|
|
8
16
|
}, []);
|
|
9
17
|
const copy = async text => {
|
|
10
|
-
await
|
|
18
|
+
await (0, _clipboardCopy.default)(text);
|
|
11
19
|
setIsCopied(true);
|
|
12
20
|
clearTimeout(timeout.current);
|
|
13
21
|
timeout.current = setTimeout(() => {
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { MarkdownHeaders } from '@mui/internal-markdown';
|
|
3
3
|
export interface ComponentLinkHeaderProps {
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
4
|
+
design?: boolean;
|
|
5
|
+
markdown: {
|
|
6
|
+
headers: MarkdownHeaders;
|
|
7
|
+
};
|
|
8
8
|
}
|
|
9
|
-
export declare function ComponentLinkHeader(props: ComponentLinkHeaderProps): React.JSX.Element;
|
|
9
|
+
export declare function ComponentLinkHeader(props: ComponentLinkHeaderProps): React.JSX.Element;
|
|
@@ -1,18 +1,26 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
5
|
+
Object.defineProperty(exports, "__esModule", {
|
|
6
|
+
value: true
|
|
7
|
+
});
|
|
8
|
+
exports.ComponentLinkHeader = ComponentLinkHeader;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _Chip = _interopRequireDefault(require("@mui/material/Chip"));
|
|
11
|
+
var _Tooltip = _interopRequireDefault(require("@mui/material/Tooltip"));
|
|
12
|
+
var _ChatRounded2 = _interopRequireDefault(require("@mui/icons-material/ChatRounded"));
|
|
13
|
+
var _GitHub = _interopRequireDefault(require("@mui/icons-material/GitHub"));
|
|
14
|
+
var _styles = require("@mui/material/styles");
|
|
15
|
+
var _SketchIcon = _interopRequireDefault(require("../svgIcons/SketchIcon"));
|
|
16
|
+
var _FigmaIcon = _interopRequireDefault(require("../svgIcons/FigmaIcon"));
|
|
17
|
+
var _BundleSizeIcon2 = _interopRequireDefault(require("../svgIcons/BundleSizeIcon"));
|
|
18
|
+
var _W3CIcon2 = _interopRequireDefault(require("../svgIcons/W3CIcon"));
|
|
19
|
+
var _MaterialDesignIcon2 = _interopRequireDefault(require("../svgIcons/MaterialDesignIcon"));
|
|
20
|
+
var _i18n = require("../i18n");
|
|
21
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
1
22
|
var _ChatRounded, _BundleSizeIcon, _GitHubIcon, _W3CIcon, _MaterialDesignIcon, _li, _li2;
|
|
2
|
-
|
|
3
|
-
import Chip from '@mui/material/Chip';
|
|
4
|
-
import Tooltip from '@mui/material/Tooltip';
|
|
5
|
-
import ChatRounded from '@mui/icons-material/ChatRounded';
|
|
6
|
-
import GitHubIcon from '@mui/icons-material/GitHub';
|
|
7
|
-
import { styled } from '@mui/material/styles';
|
|
8
|
-
import SketchIcon from "../svgIcons/SketchIcon.js";
|
|
9
|
-
import FigmaIcon from "../svgIcons/FigmaIcon.js";
|
|
10
|
-
import BundleSizeIcon from "../svgIcons/BundleSizeIcon.js";
|
|
11
|
-
import W3CIcon from "../svgIcons/W3CIcon.js";
|
|
12
|
-
import MaterialDesignIcon from "../svgIcons/MaterialDesignIcon.js";
|
|
13
|
-
import { useTranslate } from "../i18n/index.js";
|
|
14
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
15
|
-
const Root = styled('ul')(({
|
|
23
|
+
const Root = (0, _styles.styled)('ul')(({
|
|
16
24
|
theme
|
|
17
25
|
}) => ({
|
|
18
26
|
margin: 0,
|
|
@@ -41,18 +49,18 @@ const defaultPackageNames = {
|
|
|
41
49
|
'base-ui': '@mui/base',
|
|
42
50
|
system: '@mui/system'
|
|
43
51
|
};
|
|
44
|
-
|
|
52
|
+
function ComponentLinkHeader(props) {
|
|
45
53
|
const {
|
|
46
54
|
markdown: {
|
|
47
55
|
headers
|
|
48
56
|
},
|
|
49
57
|
design
|
|
50
58
|
} = props;
|
|
51
|
-
const t = useTranslate();
|
|
59
|
+
const t = (0, _i18n.useTranslate)();
|
|
52
60
|
const packageName = headers.packageName ?? defaultPackageNames[headers.productId] ?? '@mui/material';
|
|
53
|
-
return /*#__PURE__*/
|
|
54
|
-
children: [headers.githubLabel ? /*#__PURE__*/
|
|
55
|
-
children: /*#__PURE__*/
|
|
61
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Root, {
|
|
62
|
+
children: [headers.githubLabel ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
63
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
|
|
56
64
|
clickable: true,
|
|
57
65
|
role: undefined,
|
|
58
66
|
component: "a",
|
|
@@ -60,7 +68,7 @@ export function ComponentLinkHeader(props) {
|
|
|
60
68
|
variant: "outlined",
|
|
61
69
|
rel: "nofollow",
|
|
62
70
|
href: `${process.env.SOURCE_CODE_REPO}/labels/${encodeURIComponent(headers.githubLabel)}`,
|
|
63
|
-
icon: _ChatRounded || (_ChatRounded = /*#__PURE__*/
|
|
71
|
+
icon: _ChatRounded || (_ChatRounded = /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChatRounded2.default, {
|
|
64
72
|
color: "primary"
|
|
65
73
|
})),
|
|
66
74
|
"data-ga-event-category": "ComponentLinkHeader",
|
|
@@ -69,11 +77,11 @@ export function ComponentLinkHeader(props) {
|
|
|
69
77
|
"data-ga-event-split": "0.1",
|
|
70
78
|
label: t('githubLabel')
|
|
71
79
|
})
|
|
72
|
-
}) : null, /*#__PURE__*/
|
|
73
|
-
children: /*#__PURE__*/
|
|
80
|
+
}) : null, /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
81
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tooltip.default, {
|
|
74
82
|
title: t('bundleSizeTooltip'),
|
|
75
83
|
describeChild: true,
|
|
76
|
-
children: /*#__PURE__*/
|
|
84
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
|
|
77
85
|
clickable: true,
|
|
78
86
|
role: undefined,
|
|
79
87
|
component: "a",
|
|
@@ -81,7 +89,7 @@ export function ComponentLinkHeader(props) {
|
|
|
81
89
|
variant: "outlined",
|
|
82
90
|
rel: "nofollow",
|
|
83
91
|
href: `https://bundlephobia.com/package/${packageName}@latest`,
|
|
84
|
-
icon: _BundleSizeIcon || (_BundleSizeIcon = /*#__PURE__*/
|
|
92
|
+
icon: _BundleSizeIcon || (_BundleSizeIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_BundleSizeIcon2.default, {
|
|
85
93
|
color: "primary"
|
|
86
94
|
})),
|
|
87
95
|
"data-ga-event-category": "ComponentLinkHeader",
|
|
@@ -91,8 +99,8 @@ export function ComponentLinkHeader(props) {
|
|
|
91
99
|
label: t('bundleSize')
|
|
92
100
|
})
|
|
93
101
|
})
|
|
94
|
-
}), headers.githubSource ? /*#__PURE__*/
|
|
95
|
-
children: /*#__PURE__*/
|
|
102
|
+
}), headers.githubSource ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
103
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
|
|
96
104
|
clickable: true,
|
|
97
105
|
role: undefined,
|
|
98
106
|
component: "a",
|
|
@@ -100,15 +108,15 @@ export function ComponentLinkHeader(props) {
|
|
|
100
108
|
variant: "outlined",
|
|
101
109
|
rel: "nofollow",
|
|
102
110
|
href: `${process.env.SOURCE_CODE_REPO}/tree/v${process.env.LIB_VERSION}/${headers.githubSource}`,
|
|
103
|
-
icon: _GitHubIcon || (_GitHubIcon = /*#__PURE__*/
|
|
111
|
+
icon: _GitHubIcon || (_GitHubIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_GitHub.default, {})),
|
|
104
112
|
"data-ga-event-category": "ComponentLinkHeader",
|
|
105
113
|
"data-ga-event-action": "click",
|
|
106
114
|
"data-ga-event-label": "Source",
|
|
107
115
|
"data-ga-event-split": "0.1",
|
|
108
116
|
label: "Source"
|
|
109
117
|
})
|
|
110
|
-
}) : null, headers.waiAria ? /*#__PURE__*/
|
|
111
|
-
children: /*#__PURE__*/
|
|
118
|
+
}) : null, headers.waiAria ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
119
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
|
|
112
120
|
clickable: true,
|
|
113
121
|
role: undefined,
|
|
114
122
|
component: "a",
|
|
@@ -116,7 +124,7 @@ export function ComponentLinkHeader(props) {
|
|
|
116
124
|
variant: "outlined",
|
|
117
125
|
rel: "nofollow",
|
|
118
126
|
href: headers.waiAria,
|
|
119
|
-
icon: _W3CIcon || (_W3CIcon = /*#__PURE__*/
|
|
127
|
+
icon: _W3CIcon || (_W3CIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_W3CIcon2.default, {
|
|
120
128
|
color: "primary"
|
|
121
129
|
})),
|
|
122
130
|
"data-ga-event-category": "ComponentLinkHeader",
|
|
@@ -125,8 +133,8 @@ export function ComponentLinkHeader(props) {
|
|
|
125
133
|
"data-ga-event-split": "0.1",
|
|
126
134
|
label: "WAI-ARIA"
|
|
127
135
|
})
|
|
128
|
-
}) : null, headers.materialDesign ? /*#__PURE__*/
|
|
129
|
-
children: /*#__PURE__*/
|
|
136
|
+
}) : null, headers.materialDesign ? /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
137
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
|
|
130
138
|
clickable: true,
|
|
131
139
|
role: undefined,
|
|
132
140
|
component: "a",
|
|
@@ -134,16 +142,16 @@ export function ComponentLinkHeader(props) {
|
|
|
134
142
|
variant: "outlined",
|
|
135
143
|
rel: "nofollow",
|
|
136
144
|
href: headers.materialDesign,
|
|
137
|
-
icon: _MaterialDesignIcon || (_MaterialDesignIcon = /*#__PURE__*/
|
|
145
|
+
icon: _MaterialDesignIcon || (_MaterialDesignIcon = /*#__PURE__*/(0, _jsxRuntime.jsx)(_MaterialDesignIcon2.default, {})),
|
|
138
146
|
"data-ga-event-category": "ComponentLinkHeader",
|
|
139
147
|
"data-ga-event-action": "click",
|
|
140
148
|
"data-ga-event-label": "Material Design",
|
|
141
149
|
"data-ga-event-split": "0.1",
|
|
142
150
|
label: "Material Design"
|
|
143
151
|
})
|
|
144
|
-
}) : null, design === false ? null : /*#__PURE__*/
|
|
145
|
-
children: [_li || (_li = /*#__PURE__*/
|
|
146
|
-
children: /*#__PURE__*/
|
|
152
|
+
}) : null, design === false ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(React.Fragment, {
|
|
153
|
+
children: [_li || (_li = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
154
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
|
|
147
155
|
clickable: true,
|
|
148
156
|
role: undefined,
|
|
149
157
|
component: "a",
|
|
@@ -151,15 +159,15 @@ export function ComponentLinkHeader(props) {
|
|
|
151
159
|
variant: "outlined",
|
|
152
160
|
rel: "nofollow",
|
|
153
161
|
href: "https://mui.com/store/items/figma-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
|
|
154
|
-
icon: /*#__PURE__*/
|
|
162
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FigmaIcon.default, {}),
|
|
155
163
|
"data-ga-event-category": "ComponentLinkHeader",
|
|
156
164
|
"data-ga-event-action": "click",
|
|
157
165
|
"data-ga-event-label": "Figma",
|
|
158
166
|
"data-ga-event-split": "0.1",
|
|
159
167
|
label: "Figma"
|
|
160
168
|
})
|
|
161
|
-
})), packageName === '@mui/joy' ? null : _li2 || (_li2 = /*#__PURE__*/
|
|
162
|
-
children: /*#__PURE__*/
|
|
169
|
+
})), packageName === '@mui/joy' ? null : _li2 || (_li2 = /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
|
|
170
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Chip.default, {
|
|
163
171
|
clickable: true,
|
|
164
172
|
role: undefined,
|
|
165
173
|
component: "a",
|
|
@@ -167,7 +175,7 @@ export function ComponentLinkHeader(props) {
|
|
|
167
175
|
variant: "outlined",
|
|
168
176
|
rel: "nofollow",
|
|
169
177
|
href: "https://mui.com/store/items/sketch-react/?utm_source=docs&utm_medium=referral&utm_campaign=component-link-header",
|
|
170
|
-
icon: /*#__PURE__*/
|
|
178
|
+
icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SketchIcon.default, {}),
|
|
171
179
|
"data-ga-event-category": "ComponentLinkHeader",
|
|
172
180
|
"data-ga-event-action": "click",
|
|
173
181
|
"data-ga-event-label": "Sketch",
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export * from
|
|
2
|
-
export { ComponentLinkHeader as default } from
|
|
1
|
+
export * from "./ComponentLinkHeader.js";
|
|
2
|
+
export { ComponentLinkHeader as default } from "./ComponentLinkHeader.js";
|
|
@@ -1,2 +1,24 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _exportNames = {};
|
|
7
|
+
Object.defineProperty(exports, "default", {
|
|
8
|
+
enumerable: true,
|
|
9
|
+
get: function () {
|
|
10
|
+
return _ComponentLinkHeader.ComponentLinkHeader;
|
|
11
|
+
}
|
|
12
|
+
});
|
|
13
|
+
var _ComponentLinkHeader = require("./ComponentLinkHeader");
|
|
14
|
+
Object.keys(_ComponentLinkHeader).forEach(function (key) {
|
|
15
|
+
if (key === "default" || key === "__esModule") return;
|
|
16
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
|
17
|
+
if (key in exports && exports[key] === _ComponentLinkHeader[key]) return;
|
|
18
|
+
Object.defineProperty(exports, key, {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _ComponentLinkHeader[key];
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
});
|
|
@@ -1,18 +1,24 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
-
import { Translations } from
|
|
3
|
-
import { AdConfig } from
|
|
2
|
+
import { Translations } from "../i18n/index.js";
|
|
3
|
+
import { AdConfig } from "../Ad/index.js";
|
|
4
4
|
export interface DocsConfig {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
5
|
+
LANGUAGES: string[];
|
|
6
|
+
LANGUAGES_SSR: string[];
|
|
7
|
+
LANGUAGES_IN_PROGRESS: string[];
|
|
8
|
+
LANGUAGES_IGNORE_PAGES: (pathname: string) => boolean;
|
|
9
9
|
}
|
|
10
10
|
export interface DocsProviderProps {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
11
|
+
config: DocsConfig;
|
|
12
|
+
adConfig?: Partial<AdConfig>;
|
|
13
|
+
defaultUserLanguage: string;
|
|
14
|
+
children?: React.ReactNode;
|
|
15
|
+
translations?: Translations;
|
|
16
16
|
}
|
|
17
|
-
export declare function DocsProvider({
|
|
18
|
-
|
|
17
|
+
export declare function DocsProvider({
|
|
18
|
+
config,
|
|
19
|
+
adConfig,
|
|
20
|
+
defaultUserLanguage,
|
|
21
|
+
translations,
|
|
22
|
+
children
|
|
23
|
+
}: DocsProviderProps): React.JSX.Element;
|
|
24
|
+
export declare function useDocsConfig(): DocsConfig;
|
|
@@ -1,20 +1,28 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
4
|
+
Object.defineProperty(exports, "__esModule", {
|
|
5
|
+
value: true
|
|
6
|
+
});
|
|
7
|
+
exports.DocsProvider = DocsProvider;
|
|
8
|
+
exports.useDocsConfig = useDocsConfig;
|
|
9
|
+
var React = _interopRequireWildcard(require("react"));
|
|
10
|
+
var _i18n = require("../i18n");
|
|
11
|
+
var _Ad = require("../Ad");
|
|
12
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
5
13
|
const DocsConfigContext = /*#__PURE__*/React.createContext(null);
|
|
6
|
-
|
|
14
|
+
function DocsProvider({
|
|
7
15
|
config,
|
|
8
16
|
adConfig,
|
|
9
17
|
defaultUserLanguage,
|
|
10
18
|
translations,
|
|
11
19
|
children
|
|
12
20
|
}) {
|
|
13
|
-
return /*#__PURE__*/
|
|
21
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(DocsConfigContext.Provider, {
|
|
14
22
|
value: config,
|
|
15
|
-
children: /*#__PURE__*/
|
|
23
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Ad.AdProvider, {
|
|
16
24
|
config: adConfig,
|
|
17
|
-
children: /*#__PURE__*/
|
|
25
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_i18n.UserLanguageProvider, {
|
|
18
26
|
defaultUserLanguage: defaultUserLanguage,
|
|
19
27
|
translations: translations,
|
|
20
28
|
children: children
|
|
@@ -22,7 +30,7 @@ export function DocsProvider({
|
|
|
22
30
|
})
|
|
23
31
|
});
|
|
24
32
|
}
|
|
25
|
-
|
|
33
|
+
function useDocsConfig() {
|
|
26
34
|
const config = React.useContext(DocsConfigContext);
|
|
27
35
|
if (!config) {
|
|
28
36
|
throw new Error('Could not find docs config context value; please ensure the component is wrapped in a <DocsProvider>');
|
package/DocsProvider/index.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export * from
|
|
1
|
+
export * from "./DocsProvider.js";
|
package/DocsProvider/index.js
CHANGED
|
@@ -1 +1,16 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
var _DocsProvider = require("./DocsProvider");
|
|
7
|
+
Object.keys(_DocsProvider).forEach(function (key) {
|
|
8
|
+
if (key === "default" || key === "__esModule") return;
|
|
9
|
+
if (key in exports && exports[key] === _DocsProvider[key]) return;
|
|
10
|
+
Object.defineProperty(exports, key, {
|
|
11
|
+
enumerable: true,
|
|
12
|
+
get: function () {
|
|
13
|
+
return _DocsProvider[key];
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
});
|
|
@@ -2,13 +2,13 @@ import * as React from 'react';
|
|
|
2
2
|
import { ButtonProps } from '@mui/material/Button';
|
|
3
3
|
import { SxProps } from '@mui/material/styles';
|
|
4
4
|
export interface HighlightedCodeProps {
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
5
|
+
code: string;
|
|
6
|
+
copyButtonHidden?: boolean;
|
|
7
|
+
copyButtonProps?: ButtonProps;
|
|
8
|
+
language: string;
|
|
9
|
+
parentComponent?: React.ElementType;
|
|
10
|
+
plainStyle?: boolean;
|
|
11
|
+
preComponent?: React.ElementType;
|
|
12
|
+
sx?: SxProps;
|
|
13
13
|
}
|
|
14
|
-
export declare const HighlightedCode: React.ForwardRefExoticComponent<HighlightedCodeProps & React.RefAttributes<HTMLDivElement>>;
|
|
14
|
+
export declare const HighlightedCode: React.ForwardRefExoticComponent<HighlightedCodeProps & React.RefAttributes<HTMLDivElement>>;
|