@docusaurus/theme-classic 0.0.0-4526 → 0.0.0-4535

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 (3) hide show
  1. package/lib-next/theme/DocSidebarItem/index.js +7 -2
  2. package/package.json +15 -15
  3. package/src/theme/DocSidebarItem/index.tsx +7 -2
package/lib-next/theme/DocSidebarItem/index.js CHANGED
@@ -15,6 +15,7 @@ import {
15
15
  ThemeClassNames,
16
16
  useThemeConfig,
17
17
  useDocSidebarItemsExpandedState,
18
+ isSamePath,
18
19
  } from '@docusaurus/theme-common';
19
20
  import Link from '@docusaurus/Link';
20
21
  import isInternalUrl from '@docusaurus/isInternalUrl';
@@ -85,6 +86,7 @@ function DocSidebarItemCategory({
85
86
  const {items, label, collapsible, className, href} = item;
86
87
  const hrefWithSSRFallback = useCategoryHrefWithSSRFallback(item);
87
88
  const isActive = isActiveSidebarItem(item, activePath);
89
+ const isCurrentPage = isSamePath(href, activePath);
88
90
  const {collapsed, setCollapsed} = useCollapsible({
89
91
  // active categories are always initialized as expanded
90
92
  // the default (item.collapsed) is only used for non-active categories
@@ -136,7 +138,10 @@ function DocSidebarItemCategory({
136
138
  },
137
139
  className,
138
140
  )}>
139
- <div className="menu__list-item-collapsible">
141
+ <div
142
+ className={clsx('menu__list-item-collapsible', {
143
+ 'menu__list-item-collapsible--active': isCurrentPage,
144
+ })}>
140
145
  <Link
141
146
  className={clsx('menu__link', {
142
147
  'menu__link--sublist': collapsible && !href,
@@ -160,7 +165,7 @@ function DocSidebarItemCategory({
160
165
  onItemClick?.(item);
161
166
  }
162
167
  }
163
- aria-current={isActive ? 'page' : undefined}
168
+ aria-current={isCurrentPage ? 'page' : undefined}
164
169
  href={collapsible ? hrefWithSSRFallback ?? '#' : hrefWithSSRFallback}
165
170
  {...props}>
166
171
  {label}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@docusaurus/theme-classic",
3
- "version": "0.0.0-4526",
3
+ "version": "0.0.0-4535",
4
4
  "description": "Classic theme for Docusaurus",
5
5
  "main": "lib/index.js",
6
6
  "types": "src/theme-classic.d.ts",
@@ -21,15 +21,15 @@
21
21
  "format:lib-next": "prettier --config ../../.prettierrc --write \"lib-next/**/*.{js,ts,jsx,tsc}\""
22
22
  },
23
23
  "dependencies": {
24
- "@docusaurus/core": "0.0.0-4526",
25
- "@docusaurus/plugin-content-blog": "0.0.0-4526",
26
- "@docusaurus/plugin-content-docs": "0.0.0-4526",
27
- "@docusaurus/plugin-content-pages": "0.0.0-4526",
28
- "@docusaurus/theme-common": "0.0.0-4526",
29
- "@docusaurus/theme-translations": "0.0.0-4526",
30
- "@docusaurus/utils": "0.0.0-4526",
31
- "@docusaurus/utils-common": "0.0.0-4526",
32
- "@docusaurus/utils-validation": "0.0.0-4526",
24
+ "@docusaurus/core": "0.0.0-4535",
25
+ "@docusaurus/plugin-content-blog": "0.0.0-4535",
26
+ "@docusaurus/plugin-content-docs": "0.0.0-4535",
27
+ "@docusaurus/plugin-content-pages": "0.0.0-4535",
28
+ "@docusaurus/theme-common": "0.0.0-4535",
29
+ "@docusaurus/theme-translations": "0.0.0-4535",
30
+ "@docusaurus/utils": "0.0.0-4535",
31
+ "@docusaurus/utils-common": "0.0.0-4535",
32
+ "@docusaurus/utils-validation": "0.0.0-4535",
33
33
  "@mdx-js/react": "^1.6.21",
34
34
  "clsx": "^1.1.1",
35
35
  "copy-text-to-clipboard": "^3.0.1",
@@ -37,16 +37,16 @@
37
37
  "lodash": "^4.17.20",
38
38
  "postcss": "^8.3.7",
39
39
  "prism-react-renderer": "^1.2.1",
40
- "prismjs": "^1.23.0",
40
+ "prismjs": "^1.26.0",
41
41
  "react-router-dom": "^5.2.0",
42
42
  "rtlcss": "^3.3.0"
43
43
  },
44
44
  "devDependencies": {
45
- "@docusaurus/module-type-aliases": "0.0.0-4526",
46
- "@docusaurus/types": "0.0.0-4526",
45
+ "@docusaurus/module-type-aliases": "0.0.0-4535",
46
+ "@docusaurus/types": "0.0.0-4535",
47
47
  "@types/mdx-js__react": "^1.5.4",
48
48
  "@types/parse-numeric-range": "^0.0.1",
49
- "@types/prismjs": "^1.16.2",
49
+ "@types/prismjs": "^1.26.0",
50
50
  "@types/rtlcss": "^3.1.1",
51
51
  "cross-env": "^7.0.3",
52
52
  "fs-extra": "^10.0.0",
@@ -62,5 +62,5 @@
62
62
  "engines": {
63
63
  "node": ">=14"
64
64
  },
65
- "gitHead": "3086e9e823783e306698097d959007f44de275b1"
65
+ "gitHead": "0b364b0c7b89c1c7cfd77d8d5155efd8247251ef"
66
66
  }
package/src/theme/DocSidebarItem/index.tsx CHANGED
@@ -16,6 +16,7 @@ import {
16
16
  ThemeClassNames,
17
17
  useThemeConfig,
18
18
  useDocSidebarItemsExpandedState,
19
+ isSamePath,
19
20
  } from '@docusaurus/theme-common';
20
21
  import Link from '@docusaurus/Link';
21
22
  import isInternalUrl from '@docusaurus/isInternalUrl';
@@ -105,6 +106,7 @@ function DocSidebarItemCategory({
105
106
  const hrefWithSSRFallback = useCategoryHrefWithSSRFallback(item);
106
107
 
107
108
  const isActive = isActiveSidebarItem(item, activePath);
109
+ const isCurrentPage = isSamePath(href, activePath);
108
110
 
109
111
  const {collapsed, setCollapsed} = useCollapsible({
110
112
  // active categories are always initialized as expanded
@@ -152,7 +154,10 @@ function DocSidebarItemCategory({
152
154
  },
153
155
  className,
154
156
  )}>
155
- <div className="menu__list-item-collapsible">
157
+ <div
158
+ className={clsx('menu__list-item-collapsible', {
159
+ 'menu__list-item-collapsible--active': isCurrentPage,
160
+ })}>
156
161
  <Link
157
162
  className={clsx('menu__link', {
158
163
  'menu__link--sublist': collapsible && !href,
@@ -175,7 +180,7 @@ function DocSidebarItemCategory({
175
180
  onItemClick?.(item);
176
181
  }
177
182
  }
178
- aria-current={isActive ? 'page' : undefined}
183
+ aria-current={isCurrentPage ? 'page' : undefined}
179
184
  href={collapsible ? hrefWithSSRFallback ?? '#' : hrefWithSSRFallback}
180
185
  {...props}>
181
186
  {label}