@drivenets/design-system 0.6.1 → 0.7.0

package/src/utils/format-relative-time.ts

@@ -0,0 +1,52 @@
+const SECONDS_PER_MINUTE = 60;
+const MINUTES_PER_HOUR = 60;
+const HOURS_PER_DAY = 24;
+const DAYS_PER_WEEK = 7;
+const DAYS_PER_MONTH = 30;
+const MONTHS_PER_YEAR = 12;
+const MS_PER_SECOND = 1000;
+
+const JUST_NOW_THRESHOLD_SECONDS = 60;
+
+export const formatRelativeTime = (date: Date): string => {
+	const now = new Date();
+	const diffMs = now.getTime() - date.getTime();
+
+	if (diffMs < 0) {
+		return 'Just now';
+	}
+
+	const diffSeconds = Math.floor(diffMs / MS_PER_SECOND);
+	const diffMinutes = Math.floor(diffSeconds / SECONDS_PER_MINUTE);
+	const diffHours = Math.floor(diffMinutes / MINUTES_PER_HOUR);
+	const diffDays = Math.floor(diffHours / HOURS_PER_DAY);
+	const diffWeeks = Math.floor(diffDays / DAYS_PER_WEEK);
+	const diffMonths = Math.floor(diffDays / DAYS_PER_MONTH);
+	const diffYears = Math.floor(diffMonths / MONTHS_PER_YEAR);
+
+	if (diffSeconds < JUST_NOW_THRESHOLD_SECONDS) {
+		return 'Just now';
+	}
+
+	if (diffMinutes < MINUTES_PER_HOUR) {
+		return `${String(diffMinutes)}m ago`;
+	}
+
+	if (diffHours < HOURS_PER_DAY) {
+		return `${String(diffHours)}h ago`;
+	}
+
+	if (diffDays < DAYS_PER_WEEK) {
+		return `${String(diffDays)}d ago`;
+	}
+
+	if (diffWeeks < 4) {
+		return `${String(diffWeeks)}w ago`;
+	}
+
+	if (diffYears >= 1) {
+		return `${String(diffYears)}y ago`;
+	}
+
+	return `${String(diffMonths)}mo ago`;
+};

package/src/utils/numbers.test.ts

@@ -0,0 +1,24 @@
+import { describe, expect, it } from 'vitest';
+
+import { clampValue } from './numbers';
+
+describe('progress-utils', () => {
+	describe('clampValue', () => {
+		it('should return value within 0-100 unchanged', () => {
+			expect(clampValue(50)).toBe(50);
+		});
+
+		it('should clamp value below 0 to 0', () => {
+			expect(clampValue(-10)).toBe(0);
+		});
+
+		it('should clamp value above 100 to 100', () => {
+			expect(clampValue(150)).toBe(100);
+		});
+
+		it('should handle boundary values', () => {
+			expect(clampValue(0)).toBe(0);
+			expect(clampValue(100)).toBe(100);
+		});
+	});
+});

package/src/utils/numbers.ts

@@ -0,0 +1 @@
+export const clampValue = (value: number): number => Math.min(100, Math.max(0, value));

package/src/components/ds-table/utils/create-columns-grid-template.ts

@@ -1,23 +0,0 @@
-import type { ColumnDef } from '@tanstack/react-table';
-
-type Args = {
-	// eslint-disable-next-line @typescript-eslint/no-explicit-any
-	columns: ColumnDef<any, any>[];
-	selectable?: boolean;
-};
-
-// In virtualized tables, the rows should all be positioned at the top with a `translateY` offset.
-// We're using a Grid for this rather than `position: absolute` to ensure that each cell aligns with
-// other cells in the same column (mimicking the native table behavior).
-export function createColumnsGridTemplate({ columns, selectable }: Args): string {
-	return columns
-		.reduce<string[]>(
-			(acc, col) => {
-				acc.push(col.size ? `${String(col.size)}px` : 'auto');
-
-				return acc;
-			},
-			selectable ? ['max-content'] : [],
-		)
-		.join(' ');
-}