@docusaurus/theme-classic 3.8.1-canary-6397 → 3.8.1-canary-6400

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.
Files changed (5) hide show
  1. package/lib/theme/CodeBlock/Buttons/CopyButton/index.js +6 -6
  2. package/lib/theme/Tabs/index.js +9 -1
  3. package/package.json +15 -16
  4. package/src/theme/CodeBlock/Buttons/CopyButton/index.tsx +6 -6
  5. package/src/theme/Tabs/index.tsx +9 -1
package/lib/theme/CodeBlock/Buttons/CopyButton/index.js CHANGED
@@ -6,7 +6,6 @@
6
6
  */
7
7
  import React, {useCallback, useState, useRef, useEffect} from 'react';
8
8
  import clsx from 'clsx';
9
- import copy from 'copy-text-to-clipboard';
10
9
  import {translate} from '@docusaurus/Translate';
11
10
  import {useCodeBlockContext} from '@docusaurus/theme-common/internal';
12
11
  import Button from '@theme/CodeBlock/Buttons/Button';
@@ -40,11 +39,12 @@ function useCopyButton() {
40
39
  const [isCopied, setIsCopied] = useState(false);
41
40
  const copyTimeout = useRef(undefined);
42
41
  const copyCode = useCallback(() => {
43
- copy(code);
44
- setIsCopied(true);
45
- copyTimeout.current = window.setTimeout(() => {
46
- setIsCopied(false);
47
- }, 1000);
42
+ navigator.clipboard.writeText(code).then(() => {
43
+ setIsCopied(true);
44
+ copyTimeout.current = window.setTimeout(() => {
45
+ setIsCopied(false);
46
+ }, 1000);
47
+ });
48
48
  }, [code]);
49
49
  useEffect(() => () => window.clearTimeout(copyTimeout.current), []);
50
50
  return {copyCode, isCopied};
package/lib/theme/Tabs/index.js CHANGED
@@ -6,6 +6,7 @@
6
6
  */
7
7
  import React, {cloneElement} from 'react';
8
8
  import clsx from 'clsx';
9
+ import {ThemeClassNames} from '@docusaurus/theme-common';
9
10
  import {
10
11
  useScrollPositionBlocker,
11
12
  useTabs,
@@ -111,7 +112,14 @@ function TabContent({lazy, children, selectedValue}) {
111
112
  function TabsComponent(props) {
112
113
  const tabs = useTabs(props);
113
114
  return (
114
- <div className={clsx('tabs-container', styles.tabList)}>
115
+ <div
116
+ className={clsx(
117
+ ThemeClassNames.tabs.container,
118
+ // former name kept for backward compatibility
119
+ // see https://github.com/facebook/docusaurus/pull/4086
120
+ 'tabs-container',
121
+ styles.tabList,
122
+ )}>
115
123
  <TabList {...tabs} {...props} />
116
124
  <TabContent {...tabs} {...props} />
117
125
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@docusaurus/theme-classic",
3
- "version": "3.8.1-canary-6397",
3
+ "version": "3.8.1-canary-6400",
4
4
  "description": "Classic theme for Docusaurus",
5
5
  "main": "lib/index.js",
6
6
  "types": "src/theme-classic.d.ts",
@@ -20,22 +20,21 @@
20
20
  "copy:watch": "node ../../admin/scripts/copyUntypedFiles.js --watch"
21
21
  },
22
22
  "dependencies": {
23
- "@docusaurus/core": "3.8.1-canary-6397",
24
- "@docusaurus/logger": "3.8.1-canary-6397",
25
- "@docusaurus/mdx-loader": "3.8.1-canary-6397",
26
- "@docusaurus/module-type-aliases": "3.8.1-canary-6397",
27
- "@docusaurus/plugin-content-blog": "3.8.1-canary-6397",
28
- "@docusaurus/plugin-content-docs": "3.8.1-canary-6397",
29
- "@docusaurus/plugin-content-pages": "3.8.1-canary-6397",
30
- "@docusaurus/theme-common": "3.8.1-canary-6397",
31
- "@docusaurus/theme-translations": "3.8.1-canary-6397",
32
- "@docusaurus/types": "3.8.1-canary-6397",
33
- "@docusaurus/utils": "3.8.1-canary-6397",
34
- "@docusaurus/utils-common": "3.8.1-canary-6397",
35
- "@docusaurus/utils-validation": "3.8.1-canary-6397",
23
+ "@docusaurus/core": "3.8.1-canary-6400",
24
+ "@docusaurus/logger": "3.8.1-canary-6400",
25
+ "@docusaurus/mdx-loader": "3.8.1-canary-6400",
26
+ "@docusaurus/module-type-aliases": "3.8.1-canary-6400",
27
+ "@docusaurus/plugin-content-blog": "3.8.1-canary-6400",
28
+ "@docusaurus/plugin-content-docs": "3.8.1-canary-6400",
29
+ "@docusaurus/plugin-content-pages": "3.8.1-canary-6400",
30
+ "@docusaurus/theme-common": "3.8.1-canary-6400",
31
+ "@docusaurus/theme-translations": "3.8.1-canary-6400",
32
+ "@docusaurus/types": "3.8.1-canary-6400",
33
+ "@docusaurus/utils": "3.8.1-canary-6400",
34
+ "@docusaurus/utils-common": "3.8.1-canary-6400",
35
+ "@docusaurus/utils-validation": "3.8.1-canary-6400",
36
36
  "@mdx-js/react": "^3.0.0",
37
37
  "clsx": "^2.0.0",
38
- "copy-text-to-clipboard": "^3.2.0",
39
38
  "infima": "0.2.0-alpha.45",
40
39
  "lodash": "^4.17.21",
41
40
  "nprogress": "^0.2.0",
@@ -62,5 +61,5 @@
62
61
  "engines": {
63
62
  "node": ">=20.0"
64
63
  },
65
- "gitHead": "ac8be053304144448fe61f8dd23e575b04c0e52d"
64
+ "gitHead": "ba556e9a60021d91b91f3795fe3e647842ded5f6"
66
65
  }
package/src/theme/CodeBlock/Buttons/CopyButton/index.tsx CHANGED
@@ -13,7 +13,6 @@ import React, {
13
13
  type ReactNode,
14
14
  } from 'react';
15
15
  import clsx from 'clsx';
16
- import copy from 'copy-text-to-clipboard';
17
16
  import {translate} from '@docusaurus/Translate';
18
17
  import {useCodeBlockContext} from '@docusaurus/theme-common/internal';
19
18
  import Button from '@theme/CodeBlock/Buttons/Button';
@@ -53,11 +52,12 @@ function useCopyButton() {
53
52
  const copyTimeout = useRef<number | undefined>(undefined);
54
53
 
55
54
  const copyCode = useCallback(() => {
56
- copy(code);
57
- setIsCopied(true);
58
- copyTimeout.current = window.setTimeout(() => {
59
- setIsCopied(false);
60
- }, 1000);
55
+ navigator.clipboard.writeText(code).then(() => {
56
+ setIsCopied(true);
57
+ copyTimeout.current = window.setTimeout(() => {
58
+ setIsCopied(false);
59
+ }, 1000);
60
+ });
61
61
  }, [code]);
62
62
 
63
63
  useEffect(() => () => window.clearTimeout(copyTimeout.current), []);
package/src/theme/Tabs/index.tsx CHANGED
@@ -7,6 +7,7 @@
7
7
 
8
8
  import React, {cloneElement, type ReactElement, type ReactNode} from 'react';
9
9
  import clsx from 'clsx';
10
+ import {ThemeClassNames} from '@docusaurus/theme-common';
10
11
  import {
11
12
  useScrollPositionBlocker,
12
13
  useTabs,
@@ -143,7 +144,14 @@ function TabContent({
143
144
  function TabsComponent(props: Props): ReactNode {
144
145
  const tabs = useTabs(props);
145
146
  return (
146
- <div className={clsx('tabs-container', styles.tabList)}>
147
+ <div
148
+ className={clsx(
149
+ ThemeClassNames.tabs.container,
150
+ // former name kept for backward compatibility
151
+ // see https://github.com/facebook/docusaurus/pull/4086
152
+ 'tabs-container',
153
+ styles.tabList,
154
+ )}>
147
155
  <TabList {...tabs} {...props} />
148
156
  <TabContent {...tabs} {...props} />
149
157
  </div>