do-ui-design-system 1.1.10 → 1.1.12

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.
@@ -1,5 +1,5 @@
1
1
  <script lang="ts">
2
- import { Button, Chip, Icon } from '../../atoms/index.ts';
2
+ import { Button, Chip, Icon } from '../../atoms/index.js';
3
3
  import Pagination from '../../molecules/Pagination/Pagination.svelte';
4
4
 
5
5
  type SortDirection = 'asc' | 'desc' | null;
@@ -14,6 +14,7 @@
14
14
  columns: ColumnDef<T>[];
15
15
  tags?: ColumnDef<T>[];
16
16
  tagColumn?: keyof T;
17
+ idKey?: keyof T;
17
18
  showCheckbox?: boolean;
18
19
  onSelectionChange?: (ids: (string | number)[]) => void;
19
20
  };
@@ -23,6 +24,7 @@
23
24
  columns = [],
24
25
  tags = [],
25
26
  tagColumn,
27
+ idKey = 'id',
26
28
  showCheckbox = true,
27
29
  onSelectionChange
28
30
  }: Props<any> = $props();
@@ -112,7 +114,7 @@
112
114
  selected = new Set();
113
115
  onSelectionChange?.([]);
114
116
  } else {
115
- selected = new Set(data.map((r) => r.id));
117
+ selected = new Set(data.map((r) => r[idKey]));
116
118
  onSelectionChange?.(Array.from(selected));
117
119
  }
118
120
  };
@@ -223,8 +225,8 @@
223
225
  </thead>
224
226
 
225
227
  <tbody>
226
- {#each paginated() as row (row.id)}
227
- {@const isSelected = selected.has(row.id)}
228
+ {#each paginated() as row (row[idKey])}
229
+ {@const isSelected = selected.has(row[idKey])}
228
230
  <tr class="do-row" class:selected={isSelected}>
229
231
  {#if showCheckbox}
230
232
  <td class="col-check">
@@ -232,7 +234,7 @@
232
234
  type="checkbox"
233
235
  class="do-checkbox"
234
236
  checked={isSelected}
235
- onchange={() => toggleRow(row.id)}
237
+ onchange={() => toggleRow(row[idKey])}
236
238
  />
237
239
  </td>
238
240
  {/if}
@@ -9,6 +9,7 @@ type Props<T extends {
9
9
  columns: ColumnDef<T>[];
10
10
  tags?: ColumnDef<T>[];
11
11
  tagColumn?: keyof T;
12
+ idKey?: keyof T;
12
13
  showCheckbox?: boolean;
13
14
  onSelectionChange?: (ids: (string | number)[]) => void;
14
15
  };
@@ -1 +1 @@
1
- {"version":3,"file":"TableBasic.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/organisms/TableBasic/TableBasic.svelte.ts"],"names":[],"mappings":"AASC,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IAC1B,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,IAAI;IAC/C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;IACpB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CACvD,CAAC;AAwOH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"TableBasic.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/organisms/TableBasic/TableBasic.svelte.ts"],"names":[],"mappings":"AASC,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IAC1B,GAAG,EAAE,MAAM,CAAC,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,KAAK,KAAK,CAAC,CAAC,SAAS;IAAE,EAAE,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,IAAI;IAC/C,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACxB,IAAI,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC,CAAC;IAChB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,iBAAiB,CAAC,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CACvD,CAAC;AAyOH,QAAA,MAAM,UAAU,gDAAwC,CAAC;AACzD,KAAK,UAAU,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAChD,eAAe,UAAU,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "do-ui-design-system",
3
- "version": "1.1.10",
3
+ "version": "1.1.12",
4
4
  "description": "Design system en Svelte + CSS + Storybook",
5
5
  "author": "Data Observatory",
6
6
  "license": "MIT",