@columenlabs/lumen-ui 0.1.69 → 0.1.71

package/dist/drawer-section.js

@@ -15,7 +15,7 @@ export function DrawerSection({ icon: Icon, title, count, hint, summary, actions
     const isOpen = open ?? own;
     const trigger = (_jsx(CollapsibleTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "sm", 
             // No background, grey only on hover, open or not.
-            className: "w-full justify-start px-1 aria-expanded:bg-transparent aria-expanded:hover:bg-muted", children: [_jsx(ChevronRightIcon, { className: "text-muted-foreground transition-transform group-data-[state=open]/section:rotate-90" }), Icon && _jsx(Icon, { className: "text-muted-foreground" }), _jsx("span", { className: "truncate", children: title }), count != null && (_jsx(Badge, { variant: "secondary", className: "num", children: count })), hint && _jsx("span", { className: "ml-auto font-normal text-muted-foreground text-xs", children: hint })] }) }));
+            className: "w-full justify-start px-1 focus-visible:border-transparent focus-visible:ring-2 focus-visible:ring-ring/25 aria-expanded:bg-transparent aria-expanded:hover:bg-muted", children: [_jsx(ChevronRightIcon, { className: "text-muted-foreground transition-transform group-data-[state=open]/section:rotate-90" }), Icon && _jsx(Icon, { className: "text-muted-foreground" }), _jsx("span", { className: "truncate", children: title }), count != null && (_jsx(Badge, { variant: "secondary", className: "num", children: count })), hint && _jsx("span", { className: "ml-auto font-normal text-muted-foreground text-xs", children: hint })] }) }));
     return (_jsxs(Collapsible, { open: isOpen, onOpenChange: (o) => {
             setOwn(o);
             onOpenChange?.(o);

package/dist/lumen-echart.js

@@ -102,6 +102,8 @@ export function axisStyle(t) {
 export function LumenEChart({ option, height = 260, on, className, label, }) {
     const box = useRef(null);
     const chart = useRef(null);
+    /** The option last drawn, serialized: an equal one isn't drawn again. */
+    const drawn = useRef(null);
     const [ready, setReady] = useState(false);
     const handlers = useRef(on);
     handlers.current = on;
@@ -122,15 +124,25 @@ export function LumenEChart({ option, height = 260, on, className, label, }) {
             ro?.disconnect();
             chart.current?.dispose();
             chart.current = null;
+            drawn.current = null;
         };
     }, []);
     // Canvas can't read CSS variables: `var(--chart-1)` in an option would draw black. Each one is
     // swapped for its value, again whenever the theme flips.
     const tokens = useChartTokens();
+    // An app re-rendering hands a new but equal option (a hover, a refetch): drawing it again
+    // replays the line's entry animation, so the chart blanks under the tooltip. Only a change redraws.
     // biome-ignore lint/correctness/useExhaustiveDependencies: tokens change when the theme flips.
     useEffect(() => {
-        if (ready)
-            chart.current?.setOption(resolveVars(option), { notMerge: true });
+        const c = chart.current;
+        if (!ready || !c)
+            return;
+        const next = resolveVars(option);
+        const key = JSON.stringify(next);
+        if (key === drawn.current)
+            return;
+        drawn.current = key;
+        c.setOption(next, { notMerge: true });
     }, [ready, option, tokens]);
     const names = Object.keys(on ?? {}).join();
     useEffect(() => {

package/dist/people/invite-drawer.js

@@ -1,7 +1,7 @@
 import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Invite people: many emails at once, a role, access per scope, how long the link works and a note.
 // Each result says whether the email went; when it did not, the link is there to copy.
-import { emailsIn, levelsOf, } from '@columenlabs/lumen-ui-types/people';
+import { emailsIn, inviteGrants, levelsOf, } from '@columenlabs/lumen-ui-types/people';
 import { CheckIcon, CopyIcon, MailIcon, TriangleAlertIcon, UserPlusIcon } from 'lucide-react';
 import { useId, useMemo, useState } from 'react';
 import { DrawerSection } from '../drawer-section.js';
@@ -22,7 +22,7 @@ export function InviteDrawer({ adapter, view, open, onClose, onSetUpMail, }) {
     const ids = useId();
     const [text, setText] = useState('');
     const [role, setRole] = useState('member');
-    const [grants, setGrants] = useState([]);
+    const [grants, setGrants] = useState(() => inviteGrants(view.scopes));
     const [days, setDays] = useState(view.inviteDays);
     const [note, setNote] = useState('');
     const [busy, setBusy] = useState(false);
@@ -47,7 +47,7 @@ export function InviteDrawer({ adapter, view, open, onClose, onSetUpMail, }) {
     const reset = () => {
         setText('');
         setRole('member');
-        setGrants([]);
+        setGrants(inviteGrants(view.scopes));
         setDays(view.inviteDays);
         setNote('');
         setResults(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@columenlabs/lumen-ui",
-  "version": "0.1.69",
+  "version": "0.1.71",
   "description": "Lumen: shared React components (frame, views, widgets, charts, drawers).",
   "license": "MIT",
   "type": "module",
@@ -45,7 +45,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.69",
+    "@columenlabs/lumen-ui-types": "0.1.71",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",