@columenlabs/lumen-ui 0.1.132 → 0.1.134

package/dist/saved-answers.js

@@ -10,8 +10,17 @@
  */
 const KEY = 'queries';
 export function savedAnswers({ name, restoreMs = 1500, writeMs = 1000, }) {
-    // No IndexedDB (a test runner, a locked-down browser): nothing is saved, every load asks the server.
-    if (typeof indexedDB === 'undefined')
+    // No IndexedDB (a test runner, a locked-down browser where even reading `indexedDB` throws):
+    // nothing is saved, every load asks the server.
+    const idb = (() => {
+        try {
+            return typeof indexedDB === 'undefined' ? undefined : indexedDB;
+        }
+        catch {
+            return undefined;
+        }
+    })();
+    if (!idb)
         return {
             persistClient: () => { },
             restoreClient: async () => undefined,
@@ -21,7 +30,8 @@ export function savedAnswers({ name, restoreMs = 1500, writeMs = 1000, }) {
     const open = () => {
         if (!db)
             db = new Promise((resolve, reject) => {
-                const req = indexedDB.open(name, 1);
+                // `open` itself can throw (a private window that refuses storage): that rejects too.
+                const req = idb.open(name, 1);
                 req.onupgradeneeded = () => req.result.createObjectStore('cache');
                 req.onsuccess = () => resolve(req.result);
                 req.onerror = () => reject(req.error);

package/dist/settings.js

@@ -150,6 +150,14 @@ export function LumenSettings({ open, section, onOpen, onClose, appLabel, profil
             .map((el) => el.dataset.settingsSection ?? '');
         setFound((f) => (f.join() === ids.join() ? f : ids));
     });
+    // A long nav scrolls; keep the open section's row in view (Settings can open at one far down).
+    const navList = useRef(null);
+    useEffect(() => {
+        if (!open)
+            return;
+        const id = requestAnimationFrame(() => navList.current?.querySelector('[data-active=true]')?.scrollIntoView({ block: 'nearest' }));
+        return () => cancelAnimationFrame(id);
+    }, [open]);
     const shown = (s) => !q || found.includes(s.id);
     const go = (id) => {
         setQuery('');
@@ -177,7 +185,7 @@ export function LumenSettings({ open, section, onOpen, onClose, appLabel, profil
                     e.preventDefault();
                     setQuery('');
                 }
-            }, className: "flex h-[min(720px,calc(100svh-2rem))] flex-col gap-0 overflow-hidden p-0 sm:max-w-4xl md:flex-row", children: [_jsx(DialogTitle, { className: "sr-only", children: "Settings" }), _jsx(DialogDescription, { className: "sr-only", children: "Your preferences and this desk's settings." }), _jsxs("nav", { "aria-label": "Settings sections", className: "hidden w-56 shrink-0 flex-col border-r bg-sidebar py-2 md:flex", children: [_jsx("div", { className: "px-2 pt-1 pb-1", children: search }), navGroups.map((g) => (_jsxs(SidebarGroup, { className: "py-1", children: [_jsx(SidebarGroupLabel, { children: g.label }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: g.items.map((s) => (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: !q && s.id === current.id, className: s.sub ? 'pl-7' : undefined, onClick: () => go(s.id), children: [_jsx(s.icon, {}), _jsx("span", { children: s.title })] }) }, s.id))) }) })] }, g.label)))] }), _jsxs("div", { className: "flex flex-col gap-2 border-b p-3 pr-12 md:hidden", children: [search, !q && (_jsx(LumenSelector, { label: "Settings section", className: "w-full", groups: navGroups.map((g) => ({
+            }, className: "flex h-[min(720px,calc(100svh-2rem))] flex-col gap-0 overflow-hidden p-0 sm:max-w-4xl md:flex-row", children: [_jsx(DialogTitle, { className: "sr-only", children: "Settings" }), _jsx(DialogDescription, { className: "sr-only", children: "Your preferences and this desk's settings." }), _jsxs("nav", { "aria-label": "Settings sections", className: "hidden min-h-0 w-56 shrink-0 flex-col border-r bg-sidebar pt-2 md:flex", children: [_jsx("div", { className: "shrink-0 px-2 pt-1 pb-1", children: search }), _jsx("div", { ref: navList, "data-slot": "settings-nav-list", className: "flex min-h-0 flex-1 flex-col overflow-y-auto overscroll-contain pb-2 *:shrink-0", children: navGroups.map((g) => (_jsxs(SidebarGroup, { className: "py-1", children: [_jsx(SidebarGroupLabel, { children: g.label }), _jsx(SidebarGroupContent, { children: _jsx(SidebarMenu, { children: g.items.map((s) => (_jsx(SidebarMenuItem, { children: _jsxs(SidebarMenuButton, { isActive: !q && s.id === current.id, className: s.sub ? 'pl-7' : undefined, onClick: () => go(s.id), children: [_jsx(s.icon, {}), _jsx("span", { children: s.title })] }) }, s.id))) }) })] }, g.label))) })] }), _jsxs("div", { className: "flex flex-col gap-2 border-b p-3 pr-12 md:hidden", children: [search, !q && (_jsx(LumenSelector, { label: "Settings section", className: "w-full", groups: navGroups.map((g) => ({
                                 label: g.label,
                                 options: g.items.map((s) => ({
                                     value: s.id,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@columenlabs/lumen-ui",
-  "version": "0.1.132",
+  "version": "0.1.134",
   "description": "Lumen: shared React components (frame, views, widgets, charts, drawers).",
   "license": "MIT",
   "type": "module",
@@ -49,7 +49,7 @@
     "@codemirror/lang-javascript": "6.2.5",
     "@codemirror/lang-json": "6.0.2",
     "@codemirror/lang-sql": "6.10.0",
-    "@columenlabs/lumen-ui-types": "0.1.132",
+    "@columenlabs/lumen-ui-types": "0.1.134",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",