Update file explorer context

src/components/menu/Menu.test.ts

@@ -81,4 +81,21 @@ describe('solid-ui-menu syncItems', () => {
 
     document.body.removeChild(menu)
   })
+
+  it('propagates disabled state to dropdown items', async () => {
+    const menu = createMenu()
+
+    const child = document.createElement('div')
+    child.textContent = 'Disabled Item'
+    child.setAttribute('disabled', '')
+    menu.appendChild(child)
+
+    document.body.appendChild(menu)
+    await menu.updateComplete
+
+    const dropdownItem = menu.shadowRoot?.querySelector('wa-dropdown-item') as HTMLElement & { disabled?: boolean }
+    expect(dropdownItem?.disabled).toBe(true)
+
+    document.body.removeChild(menu)
+  })
 })

src/components/menu/Menu.ts

@@ -24,15 +24,20 @@ export default class Menu extends WebComponent {
   private accessor dropdown: WaDropdown | null = null;
 
   @state()
-  private accessor items: { slot: string; }[] = []
+  private accessor items: { slot: string; disabled: boolean }[] = []
 
   private observer: MutationObserver = new MutationObserver(() => this.syncItems())
 
   connectedCallback () {
     super.connectedCallback()
 
     this.syncItems()
-    this.observer.observe(this, { childList: true })
+    this.observer.observe(this, {
+      childList: true,
+      attributes: true,
+      subtree: true,
+      attributeFilter: ['disabled', 'slot']
+    })
   }
 
   disconnectedCallback () {
@@ -52,7 +57,7 @@ export default class Menu extends WebComponent {
 
         ${this.items.map(
           (item) =>
-            html`<wa-dropdown-item @click=${this.onItemClick}>
+            html`<wa-dropdown-item ?disabled=${item.disabled} @click=${this.onItemClick}>
                 <slot name=${item.slot}></slot>
             </wa-dropdown-item>`
         )}
@@ -69,12 +74,13 @@ export default class Menu extends WebComponent {
 
     this.items = items.map((item, index) => {
       const slotName = `menu-item-${index}`
+      const disabled = item.hasAttribute('disabled')
 
       if (item.getAttribute('slot') !== slotName) {
         item.setAttribute('slot', slotName)
       }
 
-      return { slot: slotName }
+      return { slot: slotName, disabled }
     })
   }
 

src/lib/file-explorer/context.ts

@@ -16,6 +16,8 @@ export interface FileExplorerContext {
   soloPane?: boolean
 
   onBack?: () => void
+  refresh?: () => void
+  deleteTargetUri?: string
   openPane?: (subject: NamedNode, paneName: string) => void
   handleSharingClick?: () => void