remove @rgossiaux/svelte-headlessui (#5794)

* remove @rgossiaux/svelte-headlessui * temp dialog conversion * finalize dialog conversion * text fix * fix errors
rilldata · Sep 27, 2024 · d2b311c · d2b311c · github-actions · Sep 27, 2024
1 parent 3760a75
commit d2b311c
Show file tree

Hide file tree

Showing 23 changed files with 55 additions and 643 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,11 +18,6 @@
     "clean": "rm -rf dev-project",
     "test": "npm run test -w web-common & npm run test -w web-auth & PLAYWRIGHT_TEST=true make cli && npm run test -w web-local"
   },
-  "overrides": {
-    "@rgossiaux/svelte-headlessui": {
-      "svelte": "^4.0.0"
-    }
-  },
   "devDependencies": {
     "@types/eslint": "^8.56.9",
     "eslint": "^8.57.0",

diff --git a/web-admin/package.json b/web-admin/package.json
@@ -15,7 +15,6 @@
   "devDependencies": {
     "@fontsource/fira-mono": "^4.5.0",
     "@playwright/test": "^1.25.0",
-    "@rgossiaux/svelte-headlessui": "^2.0.0",
     "@rilldata/svelte-query": "^4.29.20-0.0.3",
     "@sveltejs/adapter-static": "^1.0.0",
     "@sveltejs/kit": "1.30.0",

diff --git a/web-common/package.json b/web-common/package.json
@@ -31,7 +31,6 @@
     "@connectrpc/connect": "^1.4.0",
     "@connectrpc/connect-web": "^1.4.0",
     "@replit/codemirror-indentation-markers": "^6.5.1",
-    "@rgossiaux/svelte-headlessui": "^2.0.0",
     "@rilldata/svelte-query": "^4.29.20-0.0.3",
     "@storybook/addon-actions": "7.6.13",
     "@storybook/addon-essentials": "^7.6.13",

diff --git a/web-common/src/components/dialog/Dialog.svelte b/web-common/src/components/dialog/Dialog.svelte
diff --git a/web-common/src/components/forms/SubmissionError.svelte b/web-common/src/components/forms/SubmissionError.svelte
@@ -4,13 +4,16 @@
   export let message: string;
 </script>
 
-<div class="max-w-2xl">
-  <div
-    class="mb-2 p-2 flex bg-red-100 border-red-300 border-2 rounded text-red-800"
-  >
-    <AlertTriangle size="16px" />
-    <p class="ml-2">
-      {@html message}
-    </p>
-  </div>
+<div>
+  <AlertTriangle size="16px" />
+  <p class="ml-2">
+    {message}
+  </p>
 </div>
+
+<style lang="postcss">
+  div {
+    @apply text-red-800 bg-red-100 border-red-300;
+    @apply p-2 flex border-2 rounded-md;
+  }
+</style>
diff --git a/web-common/src/components/modal/ModalContainer.svelte b/web-common/src/components/modal/ModalContainer.svelte
diff --git a/web-common/src/components/modal/Overlay.svelte b/web-common/src/components/modal/Overlay.svelte
diff --git a/web-common/src/components/modal/dialog/Dialog.svelte b/web-common/src/components/modal/dialog/Dialog.svelte
diff --git a/web-common/src/components/modal/dialog/DialogCTA.svelte b/web-common/src/components/modal/dialog/DialogCTA.svelte
diff --git a/web-common/src/components/modal/dialog/DialogFooter.svelte b/web-common/src/components/modal/dialog/DialogFooter.svelte