Merge pull request #907 from SolidOS/use-customelement

use custom element from solid-ui

Author: SharonStrats

package-lock.json

@@ -1,9 +1,9 @@
 import { sym } from 'rdflib'
 import { solidLogicSingleton } from 'solid-logic'
-import { WebComponent } from '@/lib/components'
+import { customElement, WebComponent } from '@/lib/components'
 import { DEFAULT_FILE_EXPLORER_CONTEXT, fileExplorerContext } from '@/lib/file-explorer/context'
 import { FILE_EXPLORER_BACK_EVENT } from '@/lib/file-explorer/events'
-import { customElement, property, state } from 'lit/decorators.js'
+import { property, state } from 'lit/decorators.js'
 import { consume } from '@lit/context'
 import { html } from 'lit'
 import '~icons/lucide/share-2'

src/components/file-explorer-header/FileExplorerHeader.ts

@@ -1,5 +1,5 @@
-import { WebComponent } from '@/lib/components'
-import { customElement, property, state } from 'lit/decorators.js'
+import { customElement, WebComponent } from '@/lib/components'
+import { property, state } from 'lit/decorators.js'
 import { consume } from '@lit/context'
 import { html, nothing } from 'lit'
 import '@/components/button'

src/components/file-explorer-header/FileExplorerHeaderControls.ts

@@ -1,10 +1,10 @@
 import { sym } from 'rdflib'
-import { WebComponent } from '@/lib/components'
+import { customElement, WebComponent } from '@/lib/components'
 import * as utils from '@/utils'
 import * as widgets from '@/widgets/index'
 import { DEFAULT_FILE_EXPLORER_CONTEXT, fileExplorerContext } from '@/lib/file-explorer/context'
 import '@/components/button'
-import { customElement, property, query, state } from 'lit/decorators.js'
+import { property, query, state } from 'lit/decorators.js'
 import type { PropertyValues } from 'lit'
 import { html } from 'lit'
 import { consume } from '@lit/context'

src/components/file-explorer-header/FileExplorerHeaderSummary.ts

@@ -1,8 +1,8 @@
 import { html } from 'lit-html'
 import { provide } from '@lit/context'
-import { customElement, property, state } from 'lit/decorators.js'
+import { customElement, WebComponent } from '@/lib/components'
+import { property, state } from 'lit/decorators.js'
 import { DataBrowserContext, PaneDefinition } from 'pane-registry'
-import { WebComponent } from '@/lib/components'
 import { FileExplorerContext, FileExplorerEditor, fileExplorerContext } from '@/lib/file-explorer/context'
 
 @customElement('solid-ui-file-explorer-provider')

src/components/file-explorer-provider/FileExplorerProvider.ts

@@ -1,5 +1,5 @@
-import { WebComponent } from '@/lib/components'
-import { customElement, property } from 'lit/decorators.js'
+import { customElement, WebComponent } from '@/lib/components'
+import { property } from 'lit/decorators.js'
 import { html, nothing } from 'lit'
 import '@/components/button'
 import '@/components/menu'