@shotleybuilder/svelte-table-kit 0.1.0

package/dist/utils/filters.d.ts

@@ -0,0 +1,21 @@
+import type { FilterCondition, FilterLogic } from '../types';
+/**
+ * Evaluate a single filter condition against a row value
+ */
+export declare function evaluateCondition(condition: FilterCondition, rowValue: any): boolean;
+/**
+ * Filter data array by multiple conditions with AND or OR logic
+ */
+export declare function applyFilters<T extends Record<string, any>>(data: T[], conditions: FilterCondition[], logic?: FilterLogic): T[];
+/**
+ * Create a text filter configuration
+ */
+export declare function createTextFilter(columnId: string, value: string): FilterCondition;
+/**
+ * Create a select/dropdown filter configuration
+ */
+export declare function createSelectFilter(columnId: string, value: string): FilterCondition;
+/**
+ * Create a numeric filter configuration
+ */
+export declare function createNumericFilter(columnId: string, operator: 'greater_than' | 'less_than' | 'greater_or_equal' | 'less_or_equal', value: number): FilterCondition;

package/dist/utils/filters.js

@@ -0,0 +1,101 @@
+// Filter creation and evaluation utilities
+/**
+ * Evaluate a single filter condition against a row value
+ */
+export function evaluateCondition(condition, rowValue) {
+    const { operator, value } = condition;
+    // Convert to strings for comparison (handles null/undefined)
+    const rowStr = String(rowValue || '').toLowerCase();
+    const filterStr = String(value || '').toLowerCase();
+    switch (operator) {
+        case 'equals':
+            return rowStr === filterStr;
+        case 'not_equals':
+            return rowStr !== filterStr;
+        case 'contains':
+            return rowStr.includes(filterStr);
+        case 'not_contains':
+            return !rowStr.includes(filterStr);
+        case 'starts_with':
+            return rowStr.startsWith(filterStr);
+        case 'ends_with':
+            return rowStr.endsWith(filterStr);
+        case 'is_empty':
+            return !rowValue || rowStr === '';
+        case 'is_not_empty':
+            return !!rowValue && rowStr !== '';
+        case 'greater_than':
+            return Number(rowValue) > Number(value);
+        case 'less_than':
+            return Number(rowValue) < Number(value);
+        case 'greater_or_equal':
+            return Number(rowValue) >= Number(value);
+        case 'less_or_equal':
+            return Number(rowValue) <= Number(value);
+        default:
+            return true;
+    }
+}
+/**
+ * Filter data array by multiple conditions with AND or OR logic
+ */
+export function applyFilters(data, conditions, logic = 'and') {
+    if (conditions.length === 0)
+        return data;
+    // Filter out invalid conditions (empty field or value)
+    const validConditions = conditions.filter((c) => c.field &&
+        (c.operator === 'is_empty' ||
+            c.operator === 'is_not_empty' ||
+            (c.value !== null && c.value !== undefined && c.value !== '')));
+    if (validConditions.length === 0)
+        return data;
+    return data.filter((row) => {
+        if (logic === 'and') {
+            // All conditions must pass (AND logic)
+            return validConditions.every((condition) => {
+                const rowValue = row[condition.field];
+                return evaluateCondition(condition, rowValue);
+            });
+        }
+        else {
+            // At least one condition must pass (OR logic)
+            return validConditions.some((condition) => {
+                const rowValue = row[condition.field];
+                return evaluateCondition(condition, rowValue);
+            });
+        }
+    });
+}
+/**
+ * Create a text filter configuration
+ */
+export function createTextFilter(columnId, value) {
+    return {
+        id: `filter-${Date.now()}`,
+        field: columnId,
+        operator: 'contains',
+        value
+    };
+}
+/**
+ * Create a select/dropdown filter configuration
+ */
+export function createSelectFilter(columnId, value) {
+    return {
+        id: `filter-${Date.now()}`,
+        field: columnId,
+        operator: 'equals',
+        value
+    };
+}
+/**
+ * Create a numeric filter configuration
+ */
+export function createNumericFilter(columnId, operator, value) {
+    return {
+        id: `filter-${Date.now()}`,
+        field: columnId,
+        operator,
+        value
+    };
+}

package/dist/utils/formatters.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Format date string to localized format
+ */
+export declare function formatDate(dateStr: string | Date, locale?: string): string;
+/**
+ * Format number as currency
+ */
+export declare function formatCurrency(value: number, currency?: string, locale?: string): string;
+/**
+ * Format number with locale-specific separators
+ */
+export declare function formatNumber(value: number, locale?: string): string;
+/**
+ * Format number as percentage
+ */
+export declare function formatPercent(value: number, decimals?: number, locale?: string): string;

package/dist/utils/formatters.js

@@ -0,0 +1,39 @@
+// Cell formatting utilities
+/**
+ * Format date string to localized format
+ */
+export function formatDate(dateStr, locale = 'en-GB') {
+    if (!dateStr)
+        return '-';
+    const date = typeof dateStr === 'string' ? new Date(dateStr) : dateStr;
+    return date.toLocaleDateString(locale, {
+        day: '2-digit',
+        month: 'short',
+        year: 'numeric'
+    });
+}
+/**
+ * Format number as currency
+ */
+export function formatCurrency(value, currency = 'GBP', locale = 'en-GB') {
+    return new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency
+    }).format(value);
+}
+/**
+ * Format number with locale-specific separators
+ */
+export function formatNumber(value, locale = 'en-GB') {
+    return new Intl.NumberFormat(locale).format(value);
+}
+/**
+ * Format number as percentage
+ */
+export function formatPercent(value, decimals = 1, locale = 'en-GB') {
+    return new Intl.NumberFormat(locale, {
+        style: 'percent',
+        minimumFractionDigits: decimals,
+        maximumFractionDigits: decimals
+    }).format(value / 100);
+}

package/package.json

@@ -0,0 +1,78 @@
+{
+  "name": "@shotleybuilder/svelte-table-kit",
+  "version": "0.1.0",
+  "description": "A comprehensive, AI-configurable data table component for Svelte and SvelteKit, built on TanStack Table v8",
+  "author": "Sertantai",
+  "license": "MIT",
+  "keywords": [
+    "svelte",
+    "sveltekit",
+    "table",
+    "datagrid",
+    "tanstack",
+    "data-table",
+    "airtable",
+    "headless",
+    "typescript"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/shotleybuilder/svelte-table-kit.git"
+  },
+  "bugs": {
+    "url": "https://github.com/shotleybuilder/svelte-table-kit/issues"
+  },
+  "homepage": "https://github.com/shotleybuilder/svelte-table-kit#readme",
+  "type": "module",
+  "svelte": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "svelte": "./dist/index.js"
+    },
+    "./styles": "./dist/styles/table-kit.css"
+  },
+  "files": [
+    "dist",
+    "!dist/**/*.test.*",
+    "!dist/**/*.spec.*"
+  ],
+  "scripts": {
+    "dev": "vite dev",
+    "build": "vite build && npm run package",
+    "package": "svelte-kit sync && svelte-package && publint",
+    "prepublishOnly": "npm run package",
+    "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
+    "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
+    "test": "vitest",
+    "test:ui": "vitest --ui",
+    "test:run": "vitest run",
+    "lint": "prettier --check . && eslint .",
+    "format": "prettier --write ."
+  },
+  "peerDependencies": {
+    "svelte": "^4.0.0 || ^5.0.0",
+    "@tanstack/svelte-table": "^8.0.0"
+  },
+  "devDependencies": {
+    "@sveltejs/adapter-auto": "^3.0.0",
+    "@sveltejs/kit": "^2.0.0",
+    "@sveltejs/package": "^2.0.0",
+    "@sveltejs/vite-plugin-svelte": "^3.0.0",
+    "@tanstack/svelte-table": "^8.21.3",
+    "@types/eslint": "^9.6.0",
+    "eslint": "^9.0.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-plugin-svelte": "^2.36.0",
+    "prettier": "^3.1.1",
+    "prettier-plugin-svelte": "^3.1.2",
+    "publint": "^0.1.9",
+    "svelte": "^4.2.7",
+    "svelte-check": "^3.6.0",
+    "tslib": "^2.4.1",
+    "typescript": "^5.0.0",
+    "vite": "^5.0.11",
+    "vitest": "^2.0.0"
+  }
+}