@ibobbyts/svelte-ui-utils 0.2.7 → 0.2.8

package/README.md

@@ -409,7 +409,9 @@ selected first, the year select fills with the most recent matching year. For
 example, in July 2026, July resolves to 2026 and August resolves to 2025. Pass
 `defaultPreset` to apply a preset on mount when the current value is empty.
 Clicking the currently active preset clears both date inputs and emits an empty
-range. The `last24Hours` preset also emits `startDateTime` and `endDateTime` so
+range. `thisWeek`, `thisMonth`, and `thisYear` cover the complete calendar
+period, including days after today. The `last24Hours` preset also emits
+`startDateTime` and `endDateTime` so
 a consuming app can run an exact timestamp query while still showing the covered
 dates in the inputs.
 

package/dist/data-table/DateRangeFilter.svelte

@@ -4,6 +4,7 @@
   import { onMount } from 'svelte';
   import Dropdown from '../dropdown/Dropdown.svelte';
   import { getUiMessages, type UiLanguage } from '../i18n.js';
+  import { endOfMonth, formatDate, resolveDateRangePreset, startOfDay } from './date-range.js';
   import type { DateRangeFilterValue, DateRangePreset } from './types.js';
 
   export let value: DateRangeFilterValue = {
@@ -49,39 +50,6 @@
     ...quickYearOptions.map((year) => ({ label: String(year), value: String(year) }))
   ];
 
-  function pad(value: number) {
-    return String(value).padStart(2, '0');
-  }
-
-  function formatDate(date: Date) {
-    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
-  }
-
-  function formatDateTime(date: Date) {
-    return `${formatDate(date)}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
-  }
-
-  function startOfDay(date: Date) {
-    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
-  }
-
-  function addDays(date: Date, days: number) {
-    const next = new Date(date);
-    next.setDate(next.getDate() + days);
-    return next;
-  }
-
-  function startOfWeek(date: Date) {
-    const start = startOfDay(date);
-    const day = start.getDay();
-    const offset = weekStartsOn === 1 ? (day + 6) % 7 : day;
-    return addDays(start, -offset);
-  }
-
-  function endOfMonth(year: number, month: number) {
-    return new Date(year, month, 0);
-  }
-
   function resolveYearForMonth(month: number) {
     const today = startOfDay(now());
     return month <= today.getMonth() + 1 ? today.getFullYear() : today.getFullYear() - 1;
@@ -104,65 +72,7 @@
   }
 
   function resolvePreset(preset: DateRangePreset): DateRangeFilterValue {
-    const current = now();
-    const today = startOfDay(current);
-
-    if (preset === 'last24Hours') {
-      const start = new Date(current.getTime() - 24 * 60 * 60 * 1000);
-      return {
-        startDate: formatDate(start),
-        endDate: formatDate(current),
-        preset,
-        startDateTime: formatDateTime(start),
-        endDateTime: formatDateTime(current)
-      };
-    }
-
-    if (preset === 'last7Days') {
-      return {
-        startDate: formatDate(addDays(today, -6)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    if (preset === 'last30Days') {
-      return {
-        startDate: formatDate(addDays(today, -29)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    if (preset === 'thisWeek') {
-      return {
-        startDate: formatDate(startOfWeek(today)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    if (preset === 'thisMonth') {
-      return {
-        startDate: formatDate(new Date(today.getFullYear(), today.getMonth(), 1)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    if (preset === 'thisYear') {
-      return {
-        startDate: formatDate(new Date(today.getFullYear(), 0, 1)),
-        endDate: formatDate(today),
-        preset
-      };
-    }
-
-    return {
-      startDate: formatDate(today),
-      endDate: formatDate(today),
-      preset
-    };
+    return resolveDateRangePreset(preset, now(), weekStartsOn);
   }
 
   function emit(next: DateRangeFilterValue) {

package/dist/data-table/DateRangeFilter.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DateRangeFilter.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/DateRangeFilter.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAC5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AA0RxE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,eAAe;YAV2O,oBAAoB;eAAa,UAAU;iBAAe,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;mBAAiB,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;oBAAkB,eAAe,GAAG,SAAS;iBAAe,MAAM,EAAE,GAAG,SAAS;UAAQ,MAAM,IAAI;mBAAiB,CAAC,GAAG,CAAC;eAAa,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS;;;kBAUxf,CAAC;AACnF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"DateRangeFilter.svelte.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/DateRangeFilter.svelte.ts"],"names":[],"mappings":"AAKA,OAAO,EAAiB,KAAK,UAAU,EAAE,MAAM,YAAY,CAAC;AAE5D,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAgMxE,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAKD,QAAA,MAAM,eAAe;YAV2O,oBAAoB;eAAa,UAAU;iBAAe,MAAM,GAAG,SAAS;eAAa,MAAM,GAAG,SAAS;mBAAiB,OAAO,CAAC,MAAM,CAAC,eAAe,EAAE,MAAM,CAAC,CAAC;oBAAkB,eAAe,GAAG,SAAS;iBAAe,MAAM,EAAE,GAAG,SAAS;UAAQ,MAAM,IAAI;mBAAiB,CAAC,GAAG,CAAC;eAAa,CAAC,CAAC,KAAK,EAAE,oBAAoB,KAAK,IAAI,CAAC,GAAG,SAAS;;;kBAUxf,CAAC;AACnF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}

package/dist/data-table/date-range.d.ts

@@ -0,0 +1,6 @@
+import type { DateRangeFilterValue, DateRangePreset } from './types.js';
+export declare function formatDate(date: Date): string;
+export declare function startOfDay(date: Date): Date;
+export declare function endOfMonth(year: number, month: number): Date;
+export declare function resolveDateRangePreset(preset: DateRangePreset, current: Date, weekStartsOn?: 0 | 1): DateRangeFilterValue;
+//# sourceMappingURL=date-range.d.ts.map

package/dist/data-table/date-range.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-range.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/date-range.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAMxE,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,UAEpC;AAMD,wBAAgB,UAAU,CAAC,IAAI,EAAE,IAAI,QAEpC;AAeD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,QAErD;AAED,wBAAgB,sBAAsB,CACpC,MAAM,EAAE,eAAe,EACvB,OAAO,EAAE,IAAI,EACb,YAAY,GAAE,CAAC,GAAG,CAAK,GACtB,oBAAoB,CA4DtB"}

package/dist/data-table/date-range.js

@@ -0,0 +1,80 @@
+function pad(value) {
+    return String(value).padStart(2, '0');
+}
+export function formatDate(date) {
+    return `${date.getFullYear()}-${pad(date.getMonth() + 1)}-${pad(date.getDate())}`;
+}
+function formatDateTime(date) {
+    return `${formatDate(date)}T${pad(date.getHours())}:${pad(date.getMinutes())}:${pad(date.getSeconds())}`;
+}
+export function startOfDay(date) {
+    return new Date(date.getFullYear(), date.getMonth(), date.getDate());
+}
+function addDays(date, days) {
+    const next = new Date(date);
+    next.setDate(next.getDate() + days);
+    return next;
+}
+function startOfWeek(date, weekStartsOn) {
+    const start = startOfDay(date);
+    const day = start.getDay();
+    const offset = weekStartsOn === 1 ? (day + 6) % 7 : day;
+    return addDays(start, -offset);
+}
+export function endOfMonth(year, month) {
+    return new Date(year, month, 0);
+}
+export function resolveDateRangePreset(preset, current, weekStartsOn = 1) {
+    const today = startOfDay(current);
+    if (preset === 'last24Hours') {
+        const start = new Date(current.getTime() - 24 * 60 * 60 * 1000);
+        return {
+            startDate: formatDate(start),
+            endDate: formatDate(current),
+            preset,
+            startDateTime: formatDateTime(start),
+            endDateTime: formatDateTime(current)
+        };
+    }
+    if (preset === 'last7Days') {
+        return {
+            startDate: formatDate(addDays(today, -6)),
+            endDate: formatDate(today),
+            preset
+        };
+    }
+    if (preset === 'last30Days') {
+        return {
+            startDate: formatDate(addDays(today, -29)),
+            endDate: formatDate(today),
+            preset
+        };
+    }
+    if (preset === 'thisWeek') {
+        const start = startOfWeek(today, weekStartsOn);
+        return {
+            startDate: formatDate(start),
+            endDate: formatDate(addDays(start, 6)),
+            preset
+        };
+    }
+    if (preset === 'thisMonth') {
+        return {
+            startDate: formatDate(new Date(today.getFullYear(), today.getMonth(), 1)),
+            endDate: formatDate(endOfMonth(today.getFullYear(), today.getMonth() + 1)),
+            preset
+        };
+    }
+    if (preset === 'thisYear') {
+        return {
+            startDate: formatDate(new Date(today.getFullYear(), 0, 1)),
+            endDate: formatDate(new Date(today.getFullYear(), 11, 31)),
+            preset
+        };
+    }
+    return {
+        startDate: formatDate(today),
+        endDate: formatDate(today),
+        preset
+    };
+}

package/dist/data-table/index.d.ts

@@ -4,6 +4,7 @@ export { default as FilterTable } from './FilterTable.svelte';
 export { default as NumberRangeFilter } from './NumberRangeFilter.svelte';
 export { default as Pagination } from '../pagination/Pagination.svelte';
 export { filter } from './filter.js';
+export { resolveDateRangePreset } from './date-range.js';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from '../i18n.js';
 export { getAriaSort, getCellValue, getPageCount, normalizePagination, setDataTableFilters, setDataTablePageSize, setDataTablePagination, setDataTableSort, toggleSort } from './state.js';
 export type { UiLanguage, UiMessages } from '../i18n.js';

package/dist/data-table/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,OAAO,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,EACX,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,0BAA0B,EAC1B,cAAc,EACd,2BAA2B,EAC3B,8BAA8B,EAC9B,2BAA2B,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,cAAc,EACd,WAAW,EACX,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,SAAS,EACV,MAAM,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/lib/data-table/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EAAE,OAAO,IAAI,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC3E,OAAO,EACL,WAAW,EACX,YAAY,EACZ,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,EACnB,oBAAoB,EACpB,sBAAsB,EACtB,gBAAgB,EAChB,UAAU,EACX,MAAM,YAAY,CAAC;AACpB,YAAY,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,YAAY,CAAC;AACzD,YAAY,EACV,wBAAwB,EACxB,qBAAqB,EACrB,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,wBAAwB,EACxB,eAAe,EACf,sBAAsB,EACtB,yBAAyB,EACzB,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,sBAAsB,EACtB,eAAe,EACf,0BAA0B,EAC1B,cAAc,EACd,2BAA2B,EAC3B,8BAA8B,EAC9B,2BAA2B,EAC3B,gBAAgB,EAChB,mBAAmB,EACnB,sBAAsB,EACtB,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,mBAAmB,EACnB,WAAW,EACX,cAAc,EACd,WAAW,EACX,2BAA2B,EAC3B,wBAAwB,EACxB,sBAAsB,EACtB,eAAe,EACf,uBAAuB,EACvB,2BAA2B,EAC3B,qBAAqB,EACrB,kBAAkB,EAClB,aAAa,EACb,SAAS,EACV,MAAM,YAAY,CAAC"}

package/dist/data-table/index.js

@@ -4,5 +4,6 @@ export { default as FilterTable } from './FilterTable.svelte';
 export { default as NumberRangeFilter } from './NumberRangeFilter.svelte';
 export { default as Pagination } from '../pagination/Pagination.svelte';
 export { filter } from './filter.js';
+export { resolveDateRangePreset } from './date-range.js';
 export { getUiMessages, resolveUiLanguage, uiLanguages } from '../i18n.js';
 export { getAriaSort, getCellValue, getPageCount, normalizePagination, setDataTableFilters, setDataTablePageSize, setDataTablePagination, setDataTableSort, toggleSort } from './state.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ibobbyts/svelte-ui-utils",
-  "version": "0.2.7",
+  "version": "0.2.8",
   "description": "Reusable Svelte 5 UI utilities for dialogs, toast notifications, dropdown search, and data tables.",
   "type": "module",
   "license": "MIT",