@r2digisolutions/ui 0.22.1 → 0.22.3

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

@@ -1,3 +1,8 @@
+<script module lang="ts">
+	import * as DataTableTypes from './core/types.js';
+	export type { DataTableTypes };
+</script>
+
 <script lang="ts" generics="T extends { id?: any }">
 	import type { Snippet } from 'svelte';
 	import { tick } from 'svelte';
@@ -305,7 +310,7 @@
 												/>{:else}<ChevronRight class="h-4 w-4" />{/if}
 										</button>
 									{/if}
-									{@html rowActions(row)}
+									{@render rowActions(row)}
 								</div>
 							</div>
 						{:else if endExtras}

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

@@ -1,3 +1,5 @@
+import * as DataTableTypes from './core/types.js';
+export type { DataTableTypes };
 import type { Snippet } from 'svelte';
 import type { CellContext, TableOptions } from './core/types.js';
 import type { Entry } from './components/ContextMenu.svelte';

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.1",
+	"version": "0.22.3",
 	"private": false,
 	"packageManager": "bun@1.2.22",
 	"publishConfig": {