From ec00a40aefca73596ab76e3ebe3a8e1129b43688 Mon Sep 17 00:00:00 2001
From: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Date: Tue, 27 Jan 2026 18:27:17 +0000
Subject: [PATCH] chore(deps): bump the production-dependencies group with 4 updates (#2289)
---
quartz/components/Explorer.tsx | 23 +++++++++++++----------
1 files changed, 13 insertions(+), 10 deletions(-)
diff --git a/quartz/components/Explorer.tsx b/quartz/components/Explorer.tsx
index 9c1fbdc..e4cbcab 100644
--- a/quartz/components/Explorer.tsx
+++ b/quartz/components/Explorer.tsx
@@ -6,7 +6,8 @@
import { classNames } from "../util/lang"
import { i18n } from "../i18n"
import { FileTrieNode } from "../util/fileTrie"
-import OverflowList from "./OverflowList"
+import OverflowListFactory from "./OverflowList"
+import { concatenateResources } from "../util/resources"
type OrderEntries = "sort" | "filter" | "map"
@@ -23,7 +24,7 @@
const defaultOptions: Options = {
folderDefaultState: "collapsed",
- folderClickBehavior: "collapse",
+ folderClickBehavior: "link",
useSavedState: true,
mapFn: (node) => {
return node
@@ -54,10 +55,14 @@
collapsed: boolean
}
+let numExplorers = 0
export default ((userOpts?: Partial<Options>) => {
const opts: Options = { ...defaultOptions, ...userOpts }
+ const { OverflowList, overflowListAfterDOMLoaded } = OverflowListFactory()
const Explorer: QuartzComponent = ({ cfg, displayClass }: QuartzComponentProps) => {
+ const id = `explorer-${numExplorers++}`
+
return (
<div
class={classNames(displayClass, "explorer")}
@@ -73,10 +78,9 @@
>
<button
type="button"
- id="mobile-explorer"
- class="explorer-toggle hide-until-loaded"
+ class="explorer-toggle mobile-explorer hide-until-loaded"
data-mobile={true}
- aria-controls="explorer-content"
+ aria-controls={id}
>
<svg
xmlns="http://www.w3.org/2000/svg"
@@ -95,8 +99,7 @@
</button>
<button
type="button"
- id="desktop-explorer"
- class="title-button explorer-toggle"
+ class="title-button explorer-toggle desktop-explorer"
data-mobile={false}
aria-expanded={true}
>
@@ -116,8 +119,8 @@
<polyline points="6 9 12 15 18 9"></polyline>
</svg>
</button>
- <div id="explorer-content" aria-expanded={false}>
- <OverflowList id="explorer-ul" />
+ <div id={id} class="explorer-content" aria-expanded={false} role="group">
+ <OverflowList class="explorer-ul" />
</div>
<template id="template-file">
<li>
@@ -157,6 +160,6 @@
}
Explorer.css = style
- Explorer.afterDOMLoaded = script + OverflowList.afterDOMLoaded("explorer-ul")
+ Explorer.afterDOMLoaded = concatenateResources(script, overflowListAfterDOMLoaded)
return Explorer
}) satisfies QuartzComponentConstructor
--
Gitblit v1.10.0