@marimo-team/islands 0.20.5-dev64 → 0.20.5-dev65

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.
package/dist/main.js CHANGED
@@ -70719,7 +70719,7 @@ Image URL: ${r.imageUrl}`)), contextToXml({
70719
70719
  return Logger.warn("Failed to get version from mount config"), null;
70720
70720
  }
70721
70721
  }
70722
- const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.20.5-dev64"), showCodeInRunModeAtom = atom(true);
70722
+ const marimoVersionAtom = atom(getVersionFromMountConfig() || "0.20.5-dev65"), showCodeInRunModeAtom = atom(true);
70723
70723
  atom(null);
70724
70724
  var import_compiler_runtime$89 = require_compiler_runtime();
70725
70725
  function useKeydownOnElement(e, r) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@marimo-team/islands",
3
- "version": "0.20.5-dev64",
3
+ "version": "0.20.5-dev65",
4
4
  "main": "dist/main.js",
5
5
  "types": "dist/index.d.ts",
6
6
  "type": "module",
@@ -37,6 +37,8 @@ export const AddConnectionDialogContent: React.FC<{
37
37
  defaultTab?: ConnectionTab;
38
38
  onClose: () => void;
39
39
  }> = ({ defaultTab = "databases", onClose }) => {
40
+ const [activeTab, setActiveTab] = useState<ConnectionTab>(defaultTab);
41
+
40
42
  const tabHeader = (
41
43
  <TabsList className="w-full mb-4">
42
44
  <TabsTrigger value="databases" className="flex-1">
@@ -48,6 +50,25 @@ export const AddConnectionDialogContent: React.FC<{
48
50
  </TabsList>
49
51
  );
50
52
 
53
+ const codeSnippetHint =
54
+ activeTab === "databases" ? (
55
+ <>
56
+ Don't see your database or connection method? A{" "}
57
+ <ExternalLink href="https://docs.marimo.io/guides/working_with_data/sql/#connecting-to-a-custom-database">
58
+ code snippet
59
+ </ExternalLink>{" "}
60
+ is all you need.
61
+ </>
62
+ ) : (
63
+ <>
64
+ Don't see your storage or connection method? A{" "}
65
+ <ExternalLink href="https://docs.marimo.io/guides/working_with_data/remote_storage/#creating-a-storage-connection">
66
+ code snippet
67
+ </ExternalLink>{" "}
68
+ is all you need.
69
+ </>
70
+ );
71
+
51
72
  return (
52
73
  <DialogContent className="max-h-[75vh] overflow-y-auto">
53
74
  <DialogHeader>
@@ -61,10 +82,14 @@ export const AddConnectionDialogContent: React.FC<{
61
82
  <ExternalLink href="https://docs.marimo.io/guides/working_with_data/remote_storage/">
62
83
  remote storage
63
84
  </ExternalLink>{" "}
64
- to work with data directly from your notebook.
85
+ directly from your notebook.
86
+ <span className="block">{codeSnippetHint}</span>
65
87
  </DialogDescription>
66
88
  </DialogHeader>
67
- <Tabs defaultValue={defaultTab}>
89
+ <Tabs
90
+ value={activeTab}
91
+ onValueChange={(v) => setActiveTab(v as ConnectionTab)}
92
+ >
68
93
  <TabsContent
69
94
  value="databases"
70
95
  className="mt-0 focus-visible:ring-0 focus-visible:ring-offset-0"