@r2digisolutions/ui 0.22.2 → 0.22.3

package/dist/components/container/DataTable/DataTable.svelte

@@ -52,7 +52,7 @@
 	const manager = new DataTableManager<T>(options);
 
 	let filterValues = $state<Record<string, any>>({});
-	let container: renderDivElement | null = $state(null);
+	let container: HTMLDivElement | null = $state(null);
 	let rightMenu = $state<{ open: boolean; x: number; y: number }>({ open: false, x: 0, y: 0 });
 	let rightClickContext = $state<CellContext<T> | null>(null);
 	let measuring = $state(true);
@@ -90,11 +90,11 @@
 		if (!container) return;
 		const widths: Record<string, number> = {};
 		for (const c of manager.columns) {
-			const head = container.querySelector(`[data-dt-head="${c.id}"]`) as renderElement | null;
+			const head = container.querySelector(`[data-dt-head="${c.id}"]`) as HTMLElement | null;
 			let maxW = head ? head.offsetWidth : 0;
 			const cells = Array.from(
 				container.querySelectorAll(`[data-dt-cell="1"][data-col-id="${c.id}"]`)
-			).slice(0, SAMPLE_ROWS) as renderElement[];
+			).slice(0, SAMPLE_ROWS) as HTMLElement[];
 			for (const el of cells) maxW = Math.max(maxW, el.offsetWidth);
 			if (c.minWidth != null) maxW = Math.max(maxW, c.minWidth);
 			if (c.width != null) maxW = Math.max(maxW, c.width);
@@ -197,7 +197,7 @@
 					checked={manager.state.items.length > 0 &&
 						manager.state.items.every((r) => manager.state.selected.has(rowId(r)))}
 					onclick={(e) =>
-						(e.currentTarget as renderInputElement).checked
+						(e.currentTarget as HTMLInputElement).checked
 							? manager.selectAllCurrentPage(rowId)
 							: manager.clearSelection()}
 				/>

package/dist/components/container/DataTable/components/Cell.svelte

@@ -1,5 +1,5 @@
 <script lang="ts" generics="T">
-	import type { ColumnDef } from '../core/types';
+	import type { ColumnDef } from '../core/types.js';
 	import { Check, X, ExternalLink } from 'lucide-svelte';
 
 	interface Props<T> {

package/dist/components/container/DataTable/components/Cell.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnDef } from '../core/types';
+import type { ColumnDef } from '../core/types.js';
 interface Props<T> {
     column: ColumnDef<T>;
     row: T;

package/dist/components/container/DataTable/components/ColumnVisibilityToggle.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { ColumnDef } from '../core/types';
+	import type { ColumnDef } from '../core/types.js';
 
 	interface Props {
 		columns?: ColumnDef<any>[];

package/dist/components/container/DataTable/components/ColumnVisibilityToggle.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { ColumnDef } from '../core/types';
+import type { ColumnDef } from '../core/types.js';
 interface Props {
     columns?: ColumnDef<any>[];
     visible?: string[];

package/dist/components/container/DataTable/components/FilterPanel.svelte

@@ -1,10 +1,10 @@
 <script lang="ts">
-	import Input from '@UI/Input/Input.svelte';
-	import type { FilterField } from '../core/filters/types';
-	import { buildFilterDefs } from '../core/filters/utils';
-	import Checkbox from '@UI/Checkbox/Checkbox.svelte';
-	import Button from '@UI/buttons/Button.svelte';
 	import { Check, X } from 'lucide-svelte';
+	import type { FilterField } from '../core/filters/types.js';
+	import { buildFilterDefs } from '../core/filters/utils.js';
+	import Input from '../../../ui/Input/Input.svelte';
+	import Checkbox from '../../../ui/Checkbox/Checkbox.svelte';
+	import Button from '../../../ui/Button/Button.svelte';
 
 	interface Props {
 		fields: FilterField<any>[];
@@ -90,16 +90,16 @@
 			<div class="space-y-3">
 				{#each fields as f}
 					{#if f.type === 'text'}
+						<label class="mb-1 block text-xs opacity-70">{f.label}</label>
 						<Input
-							label={f.label}
 							type="text"
 							placeholder={f.placeholder}
 							value={values[f.id]}
 							onchange={(e) => (values[f.id] = e)}
 						/>
 					{:else if f.type === 'number'}
+						<label class="mb-1 block text-xs opacity-70">{f.label}</label>
 						<Input
-							label={f.label}
 							type="number"
 							min={f.min}
 							max={f.max}
@@ -108,12 +108,8 @@
 							onchange={(e) => (values[f.id] = e)}
 						/>
 					{:else if f.type === 'date'}
-						<Input
-							label={f.label}
-							type="date"
-							value={values[f.id]}
-							onchange={(e) => (values[f.id] = e)}
-						/>
+						<label class="mb-1 block text-xs opacity-70">{f.label}</label>
+						<Input type="date" value={values[f.id]} onchange={(e) => (values[f.id] = e)} />
 					{:else if f.type === 'checkbox'}
 						<Checkbox checked={values[f.id]} label={f.label} onchange={(e) => (values[f.id] = e)} />
 					{:else if f.type === 'select'}

package/dist/components/container/DataTable/components/FilterPanel.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { FilterField } from '../core/filters/types';
+import type { FilterField } from '../core/filters/types.js';
 interface Props {
     fields: FilterField<any>[];
     values?: Record<string, any>;

package/dist/components/container/DataTable/components/QuickFilters.svelte

@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type { FilterDef } from '../core/types';
+	import type { FilterDef } from '../core/types.js';
 
 	interface Props {
 		filters: FilterDef<any>[];

package/dist/components/container/DataTable/components/QuickFilters.svelte.d.ts

@@ -1,4 +1,4 @@
-import type { FilterDef } from '../core/types';
+import type { FilterDef } from '../core/types.js';
 interface Props {
     filters: FilterDef<any>[];
     onapply: (filters: FilterDef<any>[]) => void;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@r2digisolutions/ui",
-	"version": "0.22.2",
+	"version": "0.22.3",
 	"private": false,
 	"packageManager": "bun@1.2.22",
 	"publishConfig": {