@smartnet360/svelte-components 0.0.132 → 0.0.133

package/dist/core/CellTable/CellHistoryDemo.svelte

@@ -8,6 +8,7 @@
 	interface HistoryTableRow {
 		id: string;
 		cellName: string;
+		frequency: number;
 		configDate: string;
 		// Current values
 		antenna: string;
@@ -34,6 +35,7 @@
 		return apiData.map((record, index) => ({
 			id: `hist-${index}`,
 			cellName: record.CELLNAME,
+			frequency: record.FREQUENCY,
 			configDate: record.CONFIG_DATE,
 			// Current values
 			antenna: record.ANTENNA_TYPE,
@@ -59,6 +61,7 @@
 	const EXAMPLE_HISTORY_DATA: CellHistoryData[] = [
 		{
 			CELLNAME: '1001141',
+			FREQUENCY: 1800,
 			CONFIG_DATE: '2025-12-03T23:00:00.000Z',
 			ANTENNA_TYPE: 'AQU4521R01v06',
 			PREV_ANTENNA_TYPE: 'AQU4521R01v06',
@@ -71,6 +74,7 @@
 		},
 		{
 			CELLNAME: '1001141',
+			FREQUENCY: 1800,
 			CONFIG_DATE: '2025-09-11T22:00:00.000Z',
 			ANTENNA_TYPE: 'AQU4521R01v06',
 			PREV_ANTENNA_TYPE: 'ADU451602v01',
@@ -83,6 +87,7 @@
 		},
 		{
 			CELLNAME: '1001141',
+			FREQUENCY: 1800,
 			CONFIG_DATE: '2021-02-15T23:00:00.000Z',
 			ANTENNA_TYPE: 'ADU451602v01',
 			PREV_ANTENNA_TYPE: 'ADU451602v01',
@@ -120,6 +125,10 @@
 		if (record1.antenna) params.set('ant1', record1.antenna);
 		if (record2.antenna) params.set('ant2', record2.antenna);
 		
+		// Use frequency (same for both records typically)
+		params.set('freq1', String(record1.frequency || 1800));
+		params.set('freq2', String(record2.frequency || 1800));
+		
 		// Use electrical tilt values
 		params.set('etilt1', String(record1.electricalTilt || 0));
 		params.set('etilt2', String(record2.electricalTilt || 0));
@@ -165,7 +174,14 @@
 		<CellTablePanel
 			cells={historyData as unknown as import('./types').CellData[]}
 			groupBy="none"
+			groupOptions={[
+				{ value: 'none', label: 'No Grouping' },
+				{ value: 'antenna', label: 'Antenna Type' },
+				{ value: 'cellname', label: 'Cell Name' },
+
+			]}
 			columnPreset="history"
+			showColumnPresets={false}
 			selectable={true}
 			multiSelect={true}
 			showToolbar={true}

package/dist/core/CellTable/CellTablePanel.svelte

@@ -13,7 +13,8 @@
 		RowContextMenuEvent,
 		DataChangeEvent,
 		TechColorMap,
-		StatusColorMap
+		StatusColorMap,
+		GroupOption
 	} from './types';
 
 	interface Props {
@@ -21,6 +22,8 @@
 		cells: CellData[];
 		/** Initial grouping field */
 		groupBy?: CellTableGroupField;
+		/** Custom grouping options (overrides default tech/fband/status options) */
+		groupOptions?: GroupOption[];
 		/** Initial column preset */
 		columnPreset?: ColumnPreset;
 		/** Enable row selection */
@@ -31,6 +34,8 @@
 		height?: string;
 		/** Show toolbar */
 		showToolbar?: boolean;
+		/** Show column presets dropdown and column picker (set false for simple tables) */
+		showColumnPresets?: boolean;
 		/** Show export buttons */
 		showExport?: boolean;
 		/** Show JSON export button (requires showExport=true) */
@@ -76,11 +81,13 @@
 	let {
 		cells = [],
 		groupBy = $bindable('none'),
+		groupOptions,
 		columnPreset = $bindable('default'),
 		selectable = true,
 		multiSelect = true,
 		height = '100%',
 		showToolbar = true,
+		showColumnPresets = true,
 		showExport = true,
 		showJsonExport = false,
 		techColors,
@@ -435,12 +442,14 @@
 	{#if showToolbar}
 		<CellTableToolbar
 			{groupBy}
+			{groupOptions}
 			{columnPreset}
 			totalCount={cells.length}
 			{filteredCount}
 			{selectedCount}
 			{showExport}
 			{showJsonExport}
+			showPresets={showColumnPresets}
 			ongroupchange={handleGroupChange}
 			onpresetchange={handlePresetChange}
 			onexportcsv={handleExportCSV}

package/dist/core/CellTable/CellTablePanel.svelte.d.ts

@@ -1,10 +1,12 @@
 import type { Snippet } from 'svelte';
-import type { CellData, CellTableGroupField, ColumnPreset, RowSelectionEvent, RowClickEvent, RowDblClickEvent, TechColorMap, StatusColorMap } from './types';
+import type { CellData, CellTableGroupField, ColumnPreset, RowSelectionEvent, RowClickEvent, RowDblClickEvent, TechColorMap, StatusColorMap, GroupOption } from './types';
 interface Props {
     /** Cell data array to display */
     cells: CellData[];
     /** Initial grouping field */
     groupBy?: CellTableGroupField;
+    /** Custom grouping options (overrides default tech/fband/status options) */
+    groupOptions?: GroupOption[];
     /** Initial column preset */
     columnPreset?: ColumnPreset;
     /** Enable row selection */
@@ -15,6 +17,8 @@ interface Props {
     height?: string;
     /** Show toolbar */
     showToolbar?: boolean;
+    /** Show column presets dropdown and column picker (set false for simple tables) */
+    showColumnPresets?: boolean;
     /** Show export buttons */
     showExport?: boolean;
     /** Show JSON export button (requires showExport=true) */

package/dist/core/CellTable/CellTableToolbar.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { CellTableGroupField, ColumnPreset } from './types';
+	import type { CellTableGroupField, ColumnPreset, GroupOption } from './types';
 	import type { ColumnMeta } from './column-config';
 	import ColumnPicker from './ColumnPicker.svelte';
 
@@ -20,6 +20,8 @@
 		showJsonExport?: boolean;
 		/** Show grouping dropdown */
 		showGrouping?: boolean;
+		/** Custom grouping options (overrides default options) */
+		groupOptions?: GroupOption[];
 		/** Show preset dropdown */
 		showPresets?: boolean;
 		/** Group change event */
@@ -65,6 +67,7 @@
 		showExport = true,
 		showJsonExport = false,
 		showGrouping = true,
+		groupOptions: customGroupOptions,
 		showPresets = true,
 		ongroupchange,
 		onpresetchange,
@@ -84,7 +87,7 @@
 		ontogglescrollspy
 	}: Props = $props();
 
-	const groupOptions: { value: CellTableGroupField; label: string }[] = [
+	const defaultGroupOptions: GroupOption[] = [
 		{ value: 'none', label: 'No Grouping' },
 		{ value: 'tech', label: 'Technology' },
 		{ value: 'fband', label: 'Frequency Band' },
@@ -93,6 +96,9 @@
 		{ value: 'siteId', label: 'Site ID' }
 	];
 
+	// Use custom options if provided, otherwise use defaults
+	const groupOptions = customGroupOptions ?? defaultGroupOptions;
+
 	const presetOptions: { value: ColumnPreset; label: string }[] = [
 		{ value: 'default', label: 'Default' },
 		{ value: 'compact', label: 'Compact' },
@@ -105,8 +111,8 @@
 	];
 
 	function handleGroupChange(e: Event) {
-		const value = (e.target as HTMLSelectElement).value as CellTableGroupField;
-		ongroupchange?.(value);
+		const value = (e.target as HTMLSelectElement).value;
+		ongroupchange?.(value as CellTableGroupField);
 	}
 
 	function handlePresetChange(e: Event) {

package/dist/core/CellTable/CellTableToolbar.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { CellTableGroupField, ColumnPreset } from './types';
+import type { CellTableGroupField, ColumnPreset, GroupOption } from './types';
 import type { ColumnMeta } from './column-config';
 interface Props {
     /** Current grouping field */
@@ -17,6 +17,8 @@ interface Props {
     showJsonExport?: boolean;
     /** Show grouping dropdown */
     showGrouping?: boolean;
+    /** Custom grouping options (overrides default options) */
+    groupOptions?: GroupOption[];
     /** Show preset dropdown */
     showPresets?: boolean;
     /** Group change event */

package/dist/core/CellTable/column-config.js

@@ -61,7 +61,7 @@ export const COLUMN_GROUPS = {
     position: ['latitude', 'longitude', 'siteLatitude', 'siteLongitude', 'dx', 'dy'],
     compare: ['compareET', 'comparePW', 'compareRS', 'compareBW'],
     kpi: ['kpiTraffic', 'kpiThroughput', 'kpiAvailability', 'kpiSuccessRate'],
-    history: ['configDate', 'antennaChange', 'etiltChange', 'mtiltChange', 'powerChange'],
+    history: ['configDate', 'frequency', 'antennaChange', 'etiltChange', 'mtiltChange', 'powerChange'],
 };
 /**
  * Create a technology badge formatter
@@ -378,6 +378,13 @@ export function getAllColumns(techColors = DEFAULT_TECH_COLORS, statusColors = D
             formatter: historyDateFormatter,
             ...headerFilterParams,
         },
+        {
+            title: 'Freq (MHz)',
+            field: 'frequency',
+            width: 100,
+            hozAlign: 'right',
+            ...headerFilterParams,
+        },
         // History change columns (current vs previous, highlights changes)
         {
             title: 'Antenna',
@@ -821,6 +828,7 @@ export function getColumnMetadata() {
         { field: 'atollBW', title: 'Atoll BW', group: 'Atoll' },
         // History
         { field: 'configDate', title: 'Config Date', group: 'History' },
+        { field: 'frequency', title: 'Freq (MHz)', group: 'History' },
         { field: 'antennaChange', title: 'Antenna (Δ)', group: 'History' },
         { field: 'etiltChange', title: 'E-Tilt (Δ)', group: 'History' },
         { field: 'mtiltChange', title: 'M-Tilt (Δ)', group: 'History' },

package/dist/core/CellTable/index.d.ts

@@ -11,5 +11,5 @@ export { default as CellHistoryDemo } from './CellHistoryDemo.svelte';
 export { default as ColumnPicker } from './ColumnPicker.svelte';
 export { transformDbRecord, transformDbRecords, formatConfigDate, type CellHistoryDbRecord, type CellHistoryApiResponse } from './history-api-helper';
 export { generateCells, generateCellsFromPreset, getGeneratorInfo, GENERATOR_PRESETS, type CellGeneratorConfig, type GeneratorPreset } from '../../shared/demo';
-export type { CellData, CellTableGroupField, ColumnPreset, ColumnVisibility, TechColorMap, StatusColorMap, CellTableProps, RowSelectionEvent, RowClickEvent, RowDblClickEvent, RowContextMenuEvent, DataChangeEvent, CellTableColumn, ColumnGroups, CellHistoryData } from './types';
+export type { CellData, CellTableGroupField, ColumnPreset, ColumnVisibility, TechColorMap, StatusColorMap, CellTableProps, RowSelectionEvent, RowClickEvent, RowDblClickEvent, RowContextMenuEvent, DataChangeEvent, CellTableColumn, ColumnGroups, CellHistoryData, GroupOption } from './types';
 export { DEFAULT_TECH_COLORS, DEFAULT_STATUS_COLORS, FBAND_COLORS, COLUMN_GROUPS, getAllColumns, getColumnsForPreset, getGroupHeaderFormatter, getColumnMetadata, getPresetVisibleFields, fbandSorter, cellNameSectorSorter, cellDataSorter, createTechFormatter, createStatusFormatter, createFbandFormatter, createHistoryChangeFormatter, historyDateFormatter, numberFormatter, coordinateFormatter, azimuthFormatter, heightFormatter, type ColumnMeta } from './column-config';

package/dist/core/CellTable/types.d.ts

@@ -23,6 +23,15 @@ export type ColumnPreset = 'default' | 'compact' | 'full' | 'physical' | 'networ
 export interface ColumnVisibility {
     [key: string]: boolean;
 }
+/**
+ * Grouping option for toolbar dropdown
+ */
+export interface GroupOption {
+    /** Field name to group by (or 'none') */
+    value: string;
+    /** Display label in dropdown */
+    label: string;
+}
 /**
  * Technology color mapping
  */
@@ -140,6 +149,8 @@ export interface ColumnGroups {
 export interface CellHistoryData {
     /** Cell name identifier */
     CELLNAME: string;
+    /** Frequency in MHz (e.g., 1800, 2100, 3500) */
+    FREQUENCY: number;
     /** Date of configuration change (ISO 8601 format) */
     CONFIG_DATE: string;
     /** Current antenna type at this config date */

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@smartnet360/svelte-components",
-	"version": "0.0.132",
+	"version": "0.0.133",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && npm run prepack",