@smartnet360/svelte-components 0.0.133 → 0.0.135

package/dist/core/CellTableV2/ColumnPicker.svelte.d.ts

@@ -0,0 +1,26 @@
+/**
+ * ColumnPicker - Column visibility customization dropdown
+ *
+ * Shows a dropdown panel with checkboxes to toggle individual column visibility.
+ * Works alongside presets - user can customize which columns are visible.
+ */
+interface ColumnInfo {
+    field: string;
+    title: string;
+    group: string;
+}
+interface Props {
+    /** All available columns with their metadata */
+    columns: ColumnInfo[];
+    /** Currently visible column fields */
+    visibleColumns: string[];
+    /** Callback when column visibility changes */
+    onchange?: (field: string, visible: boolean) => void;
+    /** Callback to reset to preset defaults */
+    onreset?: () => void;
+    /** Current preset name for display */
+    presetName?: string;
+}
+declare const ColumnPicker: import("svelte").Component<Props, {}, "">;
+type ColumnPicker = ReturnType<typeof ColumnPicker>;
+export default ColumnPicker;

package/dist/core/CellTableV2/column-config.d.ts

@@ -0,0 +1,120 @@
+/**
+ * CellTable - Column Configuration
+ *
+ * Defines column definitions, presets, and formatters for the cell table
+ */
+import type { ColumnDefinition, CellComponent } from 'tabulator-tables';
+import type { CellTableColumn, ColumnPreset, TechColorMap, StatusColorMap, ColumnGroups } from './types';
+/**
+ * Default technology colors (Bootstrap-aligned)
+ * 2G: Yellow, 4G: Purple, 5G: Green
+ */
+export declare const DEFAULT_TECH_COLORS: TechColorMap;
+/**
+ * Default status colors (Bootstrap-aligned)
+ */
+export declare const DEFAULT_STATUS_COLORS: StatusColorMap;
+/**
+ * Frequency band colors
+ * GSM: Yellow shades (darker = higher freq)
+ * LTE: Purple shades (darker = higher freq)
+ * 5G: Green shades (stronger = higher freq)
+ */
+export declare const FBAND_COLORS: Record<string, string>;
+/**
+ * Column groups for different presets
+ */
+export declare const COLUMN_GROUPS: ColumnGroups;
+/**
+ * Create a technology badge formatter
+ */
+export declare function createTechFormatter(colors?: TechColorMap): (cell: CellComponent) => string;
+/**
+ * Create a status badge formatter
+ */
+export declare function createStatusFormatter(colors?: StatusColorMap): (cell: CellComponent) => string;
+/**
+ * Create an fband badge formatter
+ */
+export declare function createFbandFormatter(): (cell: CellComponent) => string;
+/**
+ * Number formatter with fixed decimals
+ */
+export declare function numberFormatter(decimals?: number): (cell: CellComponent) => string;
+/**
+ * Coordinate formatter (lat/lng)
+ */
+export declare function coordinateFormatter(cell: CellComponent): string;
+/**
+ * Azimuth formatter with degree symbol
+ */
+export declare function azimuthFormatter(cell: CellComponent): string;
+/**
+ * Height formatter with meter unit
+ */
+export declare function heightFormatter(cell: CellComponent): string;
+/**
+ * Comparison formatter for Atoll vs Network values
+ * Shows both values side by side with color coding:
+ * - Green: values match exactly
+ * - Red: values don't match
+ * - Gray: one or both values missing
+ */
+export declare function createCompareFormatter(atollField: string, nwtField: string): (cell: CellComponent) => string;
+/**
+ * Custom sorter for fband - extracts numeric portion and sorts numerically
+ * Examples: LTE700 → 700, GSM900 → 900, LTE1800 → 1800, 5G-3500 → 3500
+ */
+export declare function fbandSorter(a: string, b: string): number;
+/**
+ * Custom sorter for cellName - sorts by the 5th character (sector digit)
+ * Example: 10001 → '1', 10002 → '2', 10003 → '3'
+ */
+export declare function cellNameSectorSorter(a: string, b: string): number;
+/**
+ * Combined multi-level sorter for cell data
+ * Sort order: tech (asc) → fband by numeric value (asc) → cellName by 5th digit (asc)
+ */
+export declare function cellDataSorter<T extends {
+    tech?: string;
+    fband?: string;
+    cellName?: string;
+}>(a: T, b: T): number;
+/**
+ * Get all column definitions
+ */
+export declare function getAllColumns(techColors?: TechColorMap, statusColors?: StatusColorMap, headerFilters?: boolean): CellTableColumn[];
+/**
+ * Get columns for a specific preset
+ */
+export declare function getColumnsForPreset(preset: ColumnPreset, techColors?: TechColorMap, statusColors?: StatusColorMap, headerFilters?: boolean): ColumnDefinition[];
+/**
+ * Get group header formatter for a specific field
+ */
+export declare function getGroupHeaderFormatter(groupField: string): (value: unknown, count: number) => string;
+/**
+ * Column metadata for the column picker
+ */
+export interface ColumnMeta {
+    field: string;
+    title: string;
+    group: string;
+}
+/**
+ * Options for filtering column metadata
+ */
+export interface ColumnMetadataOptions {
+    /** Include only these groups (if specified, only these groups are included) */
+    include?: string[];
+    /** Exclude these groups (applied after include filter) */
+    exclude?: string[];
+}
+/**
+ * Get column metadata for the column picker UI
+ * @param options Filter options for including/excluding column groups
+ */
+export declare function getColumnMetadata(options?: ColumnMetadataOptions): ColumnMeta[];
+/**
+ * Get default visible columns for a preset
+ */
+export declare function getPresetVisibleFields(preset: ColumnPreset): string[];