@columenlabs/lumen-ui 0.1.21 → 0.1.23

package/dist/lumen-layout.js

@@ -275,6 +275,10 @@ function ViewLayout({ crumbs, actions, meta, status, intro, cards: extra, lead,
     // saves at once.
     const [layout, setLayout] = useState(false);
     const [draft, setDraft] = useState([]);
+    // What Edit widget changes on the view itself (formulas, links, frames) while the layout is
+    // edited: held with the draft and saved with it, never on its own. A save mid-edit made pages
+    // that key on the view's save time remount, which dropped the draft and its new widget.
+    const [draftView, setDraftView] = useState({});
     const [adding, setAdding] = useState(false);
     // Any card but the view's own table, edited in the same editor.
     const [editingWidget, setEditingWidget] = useState(null);
@@ -595,6 +599,7 @@ function ViewLayout({ crumbs, actions, meta, status, intro, cards: extra, lead,
     const body = (_jsxs(_Fragment, { children: [intro && (_jsx("div", { "data-slot": "page-intro", className: INTRO, children: intro })), _jsx(LumenGrid, { lead: codeSlots(lead, scope), cards: gridCards, tail: codeSlots(extra?.filter((c) => !c.frame), scope), editing: layout, onPlace: (places, phone) => setDraft((d) => placeCards(d, places, phone)) }), layout && (_jsx(IconButton, { icon: PlusIcon, label: "Add widget", variant: "outline", size: "icon", className: "sticky left-0 h-16 w-(--view-w) border-2 border-dashed text-muted-foreground", onClick: () => setAdding(true) }))] }));
     return (_jsxs(Page, { className: VIEW_PAGE, crumbs: crumbs, meta: layout ? _jsx(LayoutChip, {}) : meta, status: _jsxs(_Fragment, { children: [status, _jsx(OriginLegend, { domain: domain, columns: columns }), _jsx(SourceStatusItems, { sources: joins.sources, actions: joins.actions })] }), actions: actions, layout: layout ? (_jsx(LayoutActions, { onCancel: () => {
                 setDraft(saved);
+                setDraftView({});
                 setLayout(false);
             }, onAdd: () => setAdding(true), onReset: onConfigChange &&
                 onReset &&
@@ -603,10 +608,13 @@ function ViewLayout({ crumbs, actions, meta, status, intro, cards: extra, lead,
                     onReset();
                 }), onSave: () => {
                 setLayout(false);
-                if (JSON.stringify(draft) !== JSON.stringify(saved))
-                    onConfigChange?.({ ...config, cards: draft });
+                setDraftView({});
+                if (JSON.stringify(draft) !== JSON.stringify(saved) ||
+                    Object.keys(draftView).length > 0)
+                    onConfigChange?.({ ...config, ...draftView, cards: draft });
             } })) : (onConfigChange && (_jsxs(_Fragment, { children: [changed && saveMode === 'document' && (_jsxs(_Fragment, { children: [_jsx(IconButton, { icon: Undo2Icon, label: "Revert view", onClick: revert }), _jsx(IconButton, { icon: SaveIcon, label: "Save view (chips, sort, group)", variant: "default", onClick: () => onConfigChange?.(heldConfig) })] })), _jsx(IconButton, { icon: LayoutDashboardIcon, label: "Edit layout", onClick: () => {
                         setDraft(saved);
+                        setDraftView({});
                         setLayout(true);
                     } })] }))), children: [_jsx(LinksProvider, { links: links, children: _jsx(Scroller, { fit: fit, children: body }) }), _jsx(LumenDrawer, { open: open !== null, title: openTitle, onClose: () => setDetails(null), children: open !== null && (_jsx(DetailsBody, { domain: domain, row: open, columns: columns, chips: config.chips ?? [] })) }), onConfigChange && (_jsxs(_Fragment, { children: [_jsx(AddWidgetDialog, { open: adding, onOpenChange: setAdding, domain: domain, cards: cards, name: config.name, onAdd: (c) => {
                             setAdding(false);
@@ -618,13 +626,13 @@ function ViewLayout({ crumbs, actions, meta, status, intro, cards: extra, lead,
                             setAdding(false);
                             if (c.kind !== 'page')
                                 setEditingWidget(c);
-                        } }), editingWidget && (_jsx(ViewEditDialog, { open: true, onOpenChange: (o) => !o && setEditingWidget(null), domain: joins.domain, config: config, rows: rows, current: [], card: editingWidget, fields: widgetFields, viewTiles: config.tiles, read: joins.read, onSaveCard: (c, view) => {
+                        } }), editingWidget && (_jsx(ViewEditDialog, { open: true, onOpenChange: (o) => !o && setEditingWidget(null), domain: joins.domain, config: layout ? { ...config, ...draftView } : config, rows: rows, current: [], card: editingWidget, fields: widgetFields, viewTiles: config.tiles, read: joins.read, onSaveCard: (c, view) => {
                             setEditingWidget(null);
                             const i = cards.findIndex((x) => x.id === c.id);
                             const next = i < 0 ? [...cards, c] : cards.map((x, j) => (j === i ? c : x));
                             if (layout) {
                                 setDraft(next);
-                                onConfigChange({ ...config, ...view });
+                                setDraftView((d) => ({ ...d, ...view }));
                             }
                             else
                                 onConfigChange({ ...config, ...view, cards: next });

package/dist/summary-cards.js

@@ -246,7 +246,7 @@ export function SummaryCardsEditor({ domain, tiles, onChange, rows, fields, prob
                                     ? t.label
                                     : (builtIns.find((w) => w.key === t.key)?.label ?? t.key);
                                 return (_jsx(CardChip, { id: t.key, selected: current === t.key, onSelect: () => setCurrent(t.key), label: label, value: p.value, how: p.how, problem: !!problems[j], domId: `summary-card-${j}` }, t.key));
-                            }), takesFormulas(domain) && !(one && tiles.length) && (_jsxs(Button, { variant: "outline", className: "h-auto min-h-16 border-dashed font-normal text-muted-foreground", disabled: ownCount >= MAX_TILES, onClick: add, children: [_jsx(PlusIcon, {}), " Add card"] }))] }) }) }), off.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Built in:" }), off.map((w) => (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
+                            }), takesFormulas(domain) && !(one && tiles.length) && (_jsxs(Button, { id: "summary-card-add", variant: "outline", className: "h-auto min-h-16 border-dashed font-normal text-muted-foreground", disabled: ownCount >= MAX_TILES, onClick: add, children: [_jsx(PlusIcon, {}), " Add card"] }))] }) }) }), off.length > 0 && (_jsxs("div", { className: "flex flex-wrap items-center gap-1.5", children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Built in:" }), off.map((w) => (_jsxs(Button, { variant: "outline", size: "sm", onClick: () => {
                             onChange(one ? [{ key: w.key }] : [...tiles, { key: w.key }]);
                             setCurrent(w.key);
                         }, children: [_jsx(PlusIcon, {}), " ", w.label] }, w.key)))] })), picked && !own && (_jsxs("div", { className: "flex items-center gap-2 rounded-lg border p-3", children: [_jsx(Badge, { variant: "secondary", className: "font-normal", children: "Built in" }), _jsxs("span", { className: "flex-1 text-sm", children: [builtIns.find((w) => w.key === picked.key)?.label ?? picked.key, " works out its own lines."] }), _jsx(IconButton, { icon: Trash2Icon, label: "Remove card", onClick: () => {

package/dist/view-editor.js

@@ -538,6 +538,17 @@ export function ViewEditDialog({ open, onOpenChange, domain: pageDomain, config,
                 },
             ];
         }),
+        // A row of numbers with no card draws nothing (with its header off, not even a frame).
+        ...(widget && isRowCard(widget) && !(widget.tiles ?? viewTiles ?? []).length
+            ? [
+                {
+                    where: 'Cards',
+                    message: 'Add at least one card',
+                    target: 'summary-card-add',
+                    reveal: () => open_('settings'),
+                },
+            ]
+            : []),
         ...cardProblems.flatMap((message, j) => message
             ? [
                 {

package/package.json

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