@ifc-lite/viewer 1.26.0 → 1.27.0

package/src/components/viewer/Viewport.tsx

@@ -46,6 +46,7 @@ import {
   type SectionClipForGrid,
 } from '../../hooks/useSymbolicAnnotations.js';
 import { useAlignmentLines3D } from '../../hooks/useAlignmentLines3D.js';
+import { useGridLines3D } from '../../hooks/useGridLines3D.js';
 
 interface ViewportProps {
   geometry: MeshData[] | null;
@@ -901,6 +902,20 @@ export function Viewport({
     }
   }, [alignmentVertices3D, isInitialized]);
 
+  // Structural-grid (IfcGridAxis) lines, gated by the `ifcGrid` type-visibility
+  // toggle (issue #967). Parsed once per source + cached; only the upload/clear
+  // is toggled so flipping visibility doesn't re-parse.
+  const gridVertices3D = useGridLines3D();
+  useEffect(() => {
+    const renderer = rendererRef.current;
+    if (!renderer || !isInitialized) return;
+    if (!ifcGridVisible || gridVertices3D.length === 0) {
+      renderer.clearGridLines3D();
+    } else {
+      renderer.uploadGridLines3D(gridVertices3D);
+    }
+  }, [gridVertices3D, ifcGridVisible, isInitialized]);
+
   // Upload IfcAnnotation text + fill data for the WebGPU symbolic overlay
   // pipelines. Map the hook's per-annotation records into the SymbolicFillInput
   // / SymbolicTextInput shape the renderer expects. Empty arrays clear cleanly.

package/src/components/viewer/lists/ColumnHeaderMenu.tsx

@@ -0,0 +1,84 @@
+/* This Source Code Form is subject to the terms of the Mozilla Public
+ * License, v. 2.0. If a copy of the MPL was not distributed with this
+ * file, You can obtain one at https://mozilla.org/MPL/2.0/. */
+
+/**
+ * Per-column actions menu for the Lists results table header. Brings
+ * grouping / aggregation / sorting onto the table itself so the user never
+ * has to round-trip through the list settings.
+ */
+
+import { ArrowUp, ArrowDown, Group, Ungroup, Sigma, Palette, MoreVertical } from 'lucide-react';
+import {
+  DropdownMenu,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuSeparator,
+} from '@/components/ui/dropdown-menu';
+import { cn } from '@/lib/utils';
+
+interface ColumnHeaderMenuProps {
+  isNumeric: boolean;
+  isGroupedBy: boolean;
+  isSummed: boolean;
+  active: boolean;
+  onSort: (dir: 'asc' | 'desc') => void;
+  onToggleGroup: () => void;
+  onToggleSum: () => void;
+  onColorBy: () => void;
+}
+
+export function ColumnHeaderMenu({
+  isNumeric, isGroupedBy, isSummed, active,
+  onSort, onToggleGroup, onToggleSum, onColorBy,
+}: ColumnHeaderMenuProps) {
+  return (
+    <DropdownMenu>
+      <DropdownMenuTrigger asChild>
+        <button
+          aria-label="Column options"
+          onClick={(e) => e.stopPropagation()}
+          className={cn(
+            'shrink-0 rounded-sm p-0.5 transition-opacity hover:text-foreground',
+            active
+              ? 'text-primary opacity-100'
+              : 'text-muted-foreground opacity-0 group-hover/col:opacity-100 data-[state=open]:opacity-100',
+          )}
+        >
+          <MoreVertical className="h-3 w-3" />
+        </button>
+      </DropdownMenuTrigger>
+      <DropdownMenuContent align="start" className="w-52">
+        <DropdownMenuItem className="gap-2 text-xs" onClick={() => onSort('asc')}>
+          <ArrowUp className="h-3.5 w-3.5" /> Sort ascending
+        </DropdownMenuItem>
+        <DropdownMenuItem className="gap-2 text-xs" onClick={() => onSort('desc')}>
+          <ArrowDown className="h-3.5 w-3.5" /> Sort descending
+        </DropdownMenuItem>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem className="gap-2 text-xs" onClick={onToggleGroup}>
+          {isGroupedBy
+            ? (<><Ungroup className="h-3.5 w-3.5" /> Remove grouping</>)
+            : (<><Group className="h-3.5 w-3.5" /> Group by this column</>)}
+        </DropdownMenuItem>
+        <DropdownMenuCheckboxItem
+          className="text-xs"
+          checked={isSummed}
+          disabled={!isNumeric}
+          onCheckedChange={onToggleSum}
+        >
+          <span className="flex items-center gap-2">
+            <Sigma className="h-3.5 w-3.5" />
+            {isNumeric ? 'Sum / total this column' : 'Sum (numeric only)'}
+          </span>
+        </DropdownMenuCheckboxItem>
+        <DropdownMenuSeparator />
+        <DropdownMenuItem className="gap-2 text-xs" onClick={onColorBy}>
+          <Palette className="h-3.5 w-3.5" /> Colour by this column
+        </DropdownMenuItem>
+      </DropdownMenuContent>
+    </DropdownMenu>
+  );
+}