@r2digisolutions/ui 0.22.5 → 0.22.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -2,11 +2,11 @@
|
|
|
2
2
|
import type { Snippet } from 'svelte';
|
|
3
3
|
import { tick } from 'svelte';
|
|
4
4
|
import type {
|
|
5
|
+
TContextMenuEntry,
|
|
5
6
|
TDataTableCellContext,
|
|
6
7
|
TDataTableColumnDef,
|
|
7
8
|
TDataTableTableOptions
|
|
8
9
|
} from './core/types.js';
|
|
9
|
-
import type { TContextMenuEntry } from './components/ContextMenu.svelte';
|
|
10
10
|
import type { FilterField } from './core/filters/types.js';
|
|
11
11
|
import { DataTableManager } from './core/DataTableManager.svelte';
|
|
12
12
|
import FilterPanel from './components/FilterPanel.svelte';
|
|
@@ -259,7 +259,7 @@
|
|
|
259
259
|
{#if manager.state.hiddenColumns.length > 0}
|
|
260
260
|
{#if expandIconPosition === 'start'}
|
|
261
261
|
<button
|
|
262
|
-
class="rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-800"
|
|
262
|
+
class="cursor-pointer rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-800"
|
|
263
263
|
title={manager.isExpanded(rowId(row)) ? 'Ocultar detalles' : 'Ver detalles'}
|
|
264
264
|
onclick={() => manager.toggleExpand(rowId(row))}
|
|
265
265
|
>
|
|
@@ -300,7 +300,7 @@
|
|
|
300
300
|
<div class="inline-flex items-center gap-2">
|
|
301
301
|
{#if expandIconPosition === 'end' && manager.state.hiddenColumns.length > 0}
|
|
302
302
|
<button
|
|
303
|
-
class="rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-800"
|
|
303
|
+
class="cursor-pointer rounded-lg p-1 hover:bg-gray-100 dark:hover:bg-gray-800"
|
|
304
304
|
title={manager.isExpanded(rowId(row)) ? 'Ocultar detalles' : 'Ver detalles'}
|
|
305
305
|
onclick={() => manager.toggleExpand(rowId(row))}
|
|
306
306
|
>
|
|
@@ -328,7 +328,6 @@
|
|
|
328
328
|
</div>
|
|
329
329
|
{/if}
|
|
330
330
|
|
|
331
|
-
<!-- COLLAPSE: fila nueva de ancho completo (evita solapes) -->
|
|
332
331
|
{#if manager.isExpanded(rowId(row))}
|
|
333
332
|
<div class="col-span-full px-3 pt-1 pb-3">
|
|
334
333
|
<div class="grid gap-3 sm:grid-cols-2 md:grid-cols-3">
|
|
@@ -336,7 +335,7 @@
|
|
|
336
335
|
{#key hid}
|
|
337
336
|
{@const col = manager.columns.find((cc) => cc.id === hid)}
|
|
338
337
|
{#if col}
|
|
339
|
-
<div class="rounded-xl border p-3 dark:border-gray-800">
|
|
338
|
+
<div class="rounded-xl border border-gray-200 p-3 dark:border-gray-800">
|
|
340
339
|
<div class="mb-1 text-[11px] tracking-wide uppercase opacity-60">
|
|
341
340
|
{col.responsiveLabel ?? col.header}
|
|
342
341
|
</div>
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { Snippet } from 'svelte';
|
|
2
|
-
import type { TDataTableCellContext, TDataTableTableOptions } from './core/types.js';
|
|
3
|
-
import type { TContextMenuEntry } from './components/ContextMenu.svelte';
|
|
2
|
+
import type { TContextMenuEntry, TDataTableCellContext, TDataTableTableOptions } from './core/types.js';
|
|
4
3
|
import type { FilterField } from './core/filters/types.js';
|
|
5
4
|
interface Props<T> {
|
|
6
5
|
filters?: Snippet;
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
}}
|
|
29
29
|
class={[
|
|
30
|
-
'block h-12 w-full rounded-lg border border-gray-300 py-3 font-normal transition-colors placeholder:text-gray-400 read-only:border-gray-300 read-only:bg-gray-200 read-only:text-gray-500 focus:border-transparent focus:ring-2 focus:ring-purple-500 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-900 read-only:dark:border-neutral-700 read-only:dark:bg-neutral-800 read-only:dark:text-gray-400 dark:focus:ring-offset-gray-800',
|
|
30
|
+
'block h-12 w-full rounded-lg border border-gray-300 px-2 py-3 font-normal transition-colors placeholder:text-gray-400 read-only:border-gray-300 read-only:bg-gray-200 read-only:text-gray-500 focus:border-transparent focus:ring-2 focus:ring-purple-500 disabled:cursor-not-allowed disabled:opacity-50 dark:border-neutral-600 dark:bg-neutral-900 read-only:dark:border-neutral-700 read-only:dark:bg-neutral-800 read-only:dark:text-gray-400 dark:focus:ring-offset-gray-800',
|
|
31
31
|
props.class
|
|
32
32
|
]}
|
|
33
33
|
/>
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@r2digisolutions/ui",
|
|
3
|
-
"version": "0.22.
|
|
3
|
+
"version": "0.22.7",
|
|
4
4
|
"private": false,
|
|
5
5
|
"packageManager": "bun@1.2.22",
|
|
6
6
|
"publishConfig": {
|
|
@@ -49,19 +49,19 @@
|
|
|
49
49
|
"devDependencies": {
|
|
50
50
|
"@changesets/cli": "^2.29.7",
|
|
51
51
|
"@chromatic-com/storybook": "^4.1.1",
|
|
52
|
-
"@eslint/compat": "^1.
|
|
53
|
-
"@playwright/test": "^1.55.
|
|
52
|
+
"@eslint/compat": "^1.4.0",
|
|
53
|
+
"@playwright/test": "^1.55.1",
|
|
54
54
|
"@storybook/addon-essentials": "^8.6.14",
|
|
55
55
|
"@storybook/addon-interactions": "^8.6.14",
|
|
56
56
|
"@storybook/addon-svelte-csf": "5.0.8",
|
|
57
57
|
"@storybook/blocks": "^8.6.14",
|
|
58
|
-
"@storybook/svelte": "^9.1.
|
|
59
|
-
"@storybook/sveltekit": "^9.1.
|
|
58
|
+
"@storybook/svelte": "^9.1.8",
|
|
59
|
+
"@storybook/sveltekit": "^9.1.8",
|
|
60
60
|
"@storybook/test": "^8.6.14",
|
|
61
61
|
"@sveltejs/adapter-static": "^3.0.9",
|
|
62
|
-
"@sveltejs/kit": "^2.
|
|
63
|
-
"@sveltejs/package": "^2.5.
|
|
64
|
-
"@sveltejs/vite-plugin-svelte": "^6.2.
|
|
62
|
+
"@sveltejs/kit": "^2.43.5",
|
|
63
|
+
"@sveltejs/package": "^2.5.4",
|
|
64
|
+
"@sveltejs/vite-plugin-svelte": "^6.2.1",
|
|
65
65
|
"@tailwindcss/postcss": "^4.1.13",
|
|
66
66
|
"@testing-library/svelte": "^5.2.8",
|
|
67
67
|
"@vitest/browser": "^3.2.4",
|
|
@@ -76,18 +76,18 @@
|
|
|
76
76
|
"prettier-plugin-svelte": "^3.4.0",
|
|
77
77
|
"prettier-plugin-tailwindcss": "^0.6.14",
|
|
78
78
|
"publint": "^0.3.13",
|
|
79
|
-
"storybook": "^9.1.
|
|
80
|
-
"svelte": "^5.39.
|
|
79
|
+
"storybook": "^9.1.8",
|
|
80
|
+
"svelte": "^5.39.6",
|
|
81
81
|
"svelte-check": "^4.3.2",
|
|
82
82
|
"tailwindcss": "^4.1.13",
|
|
83
83
|
"typescript": "^5.9.2",
|
|
84
|
-
"typescript-eslint": "^8.44.
|
|
84
|
+
"typescript-eslint": "^8.44.1",
|
|
85
85
|
"vite": "^7.1.7",
|
|
86
86
|
"vitest": "^3.2.4"
|
|
87
87
|
},
|
|
88
88
|
"dependencies": {
|
|
89
89
|
"@tailwindcss/container-queries": "^0.1.1",
|
|
90
90
|
"@tailwindcss/forms": "^0.5.10",
|
|
91
|
-
"@tailwindcss/typography": "^0.5.
|
|
91
|
+
"@tailwindcss/typography": "^0.5.19"
|
|
92
92
|
}
|
|
93
93
|
}
|