@columenlabs/lumen-ui 0.1.42 → 0.1.43

package/dist/view-editor.js

@@ -874,7 +874,12 @@ function DetailsSection({ domain, draft, setDraft, shownKeys, }) {
                         });
                     }, children: SHAPES.map((s) => {
                         const Icon = shapeIcon(s.value);
-                        return (_jsxs(ToggleGroupItem, { value: s.value, "aria-label": s.label, children: [_jsx(Icon, {}), s.label] }, s.value));
+                        const note = s.value === 'table'
+                            ? null
+                            : (domain.groupNote ?? (s.value === 'pivot' ? domain.pivotNote : null));
+                        const off = !!note && draft.shape !== s.value;
+                        const item = (_jsxs(ToggleGroupItem, { value: s.value, "aria-label": s.label, disabled: off, children: [_jsx(Icon, {}), s.label] }, s.value));
+                        return off ? (_jsx(WhyOff, { note: note, children: item }, s.value)) : (item);
                     }) }) }), draft.shape === 'group' && (_jsx(Row, { label: "Group by", children: fieldSelect('Default grouping', draft.group.default ?? '', offered, (v) => setDraft({ ...draft, group: { ...draft.group, default: v === NONE ? null : v } }), 'No grouping') })), subgroupsOf(domain).length ? (_jsx(Row, { label: subgroupLabel(domain), children: _jsx(LumenSelector, { label: subgroupLabel(domain), size: "sm", className: "w-full min-w-0", options: [
                         { value: NONE, label: 'None' },
                         ...subgroupsOf(domain).map((sg) => ({
@@ -988,7 +993,8 @@ function ColumnList({ base, domain, draft, setDraft, shownKeys, hiddenKeys, onEd
             hidden: rowKeys.filter((k) => !shown.has(k)),
         });
     };
-    const groupNote = (f) => f.groupNote ??
+    const groupNote = (f) => domain.groupNote ??
+        f.groupNote ??
         (f.format === 'text' ? 'Not offered for grouping.' : 'Numbers can’t be grouped.');
     if (!rows.length)
         return _jsx("p", { className: "text-sm text-muted-foreground", children: "Tick fields on the right to show them." });
@@ -1005,7 +1011,7 @@ function ColumnList({ base, domain, draft, setDraft, shownKeys, hiddenKeys, onEd
                         const g = groupInfo(f);
                         const shown = shownKeys.includes(f.key);
                         const canF = canFilterKeys.includes(f.key);
-                        const canG = groupKeys.includes(f.key);
+                        const canG = !domain.groupNote && groupKeys.includes(f.key);
                         return (_jsxs(ColumnRow, { id: f.key, className: grid, children: [_jsxs("span", { className: "flex min-w-0 items-center gap-2", children: [_jsx("span", { className: cn('h-4 w-1 shrink-0 rounded-full', !shown && 'opacity-40'), style: { background: g.color }, "aria-hidden": true }), _jsx("span", { className: cn('truncate', !shown && 'text-muted-foreground'), children: f.label }), _jsx("span", { className: "truncate text-xs text-muted-foreground max-md:hidden", children: g.label }), !shown && (_jsx(Badge, { variant: "outline", className: "shrink-0 font-normal text-muted-foreground", children: "Not shown" })), isFormula(f.key) && (_jsx(IconButton, { icon: PencilIcon, size: "icon-xs", className: "text-muted-foreground", label: `Edit formula ${f.label}`, onClick: () => onEditFormula(f.key) }))] }), _jsx("span", { className: "flex justify-center", children: _jsx(Checkbox, { "aria-label": `Show ${f.label}`, checked: shown, onCheckedChange: (v) => setShown(f.key, v === true) }) }), canF ? (_jsx("span", { className: "flex justify-center", children: _jsx(Checkbox, { "aria-label": `Filter by ${f.label}`, checked: filterChoices.includes(f.key), onCheckedChange: (v) => setDraft({
                                             ...draft,
                                             filters: {

package/dist/view-model.d.ts

@@ -161,6 +161,11 @@ export interface ViewDomain<T> {
     fields: ViewField<T>[];
     /** Field groups in order; without them every field is one group. */
     groups?: ViewFieldGroup[];
+    /** Why its rows can't group at all (a server pages them, so a group would cover one page):
+     *  Edit view greys the Group and Pivot shapes and every Group box with it. */
+    groupNote?: string;
+    /** Why its rows can't pivot (a server pages them): Edit view greys the Pivot shape with it. */
+    pivotNote?: string;
     /**
      * The keys its rows carry (views from data domains): a reader per key, null
      * for a row without one (cash). The shell's `useJoins` attaches the registry's join fields for

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@columenlabs/lumen-ui",
-  "version": "0.1.42",
+  "version": "0.1.43",
   "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.42",
+    "@columenlabs/lumen-ui-types": "0.1.43",
     "@dnd-kit/core": "6.3.1",
     "@dnd-kit/sortable": "10.0.0",
     "@dnd-kit/utilities": "3.2.2",