@lobb-js/studio 0.18.0 → 0.18.1

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.
Files changed (6) hide show
  1. package/dist/components/dataTable/table.svelte +5 -0
  2. package/dist/components/dataTable/table.svelte.d.ts +1 -0
  3. package/dist/components/importButton.svelte +4 -2
  4. package/package.json +1 -1
  5. package/src/lib/components/dataTable/table.svelte +5 -0
  6. package/src/lib/components/importButton.svelte +4 -2
package/dist/components/dataTable/table.svelte CHANGED
@@ -28,6 +28,7 @@
28
28
  // styles
29
29
  showLastRowBorder?: boolean;
30
30
  showLastColumnBorder?: boolean;
31
+ headerBorderTop?: boolean;
31
32
 
32
33
  // snippets
33
34
  overrideCell?: Snippet<[any, Column, Entry]>;
@@ -70,6 +71,7 @@
70
71
  selectByColumn,
71
72
  showLastRowBorder,
72
73
  showLastColumnBorder,
74
+ headerBorderTop = false,
73
75
  parentWidth,
74
76
  overrideCell,
75
77
  tools,
@@ -181,6 +183,7 @@
181
183
  sticky left-0 top-0 z-20
182
184
  flex items-center p-2.5 text-xs h-10
183
185
  border-r border-b gap-2
186
+ {headerBorderTop ? 'border-t' : ''}
184
187
  {unifiedBgColor ? unifiedBgColor : 'bg-muted'}
185
188
  "
186
189
  >
@@ -209,6 +212,7 @@
209
212
  {unifiedBgColor ? unifiedBgColor : 'bg-muted/30'}
210
213
  {lastColumn && !showLastColumnBorder ? '' : 'border-r'}
211
214
  border-b gap-2
215
+ {headerBorderTop ? 'border-t' : ''}
212
216
  "
213
217
  >
214
218
  {#if sort[column.id] === "asc"}
@@ -234,6 +238,7 @@
234
238
  flex items-center p-2.5 h-10
235
239
  {unifiedBgColor ? unifiedBgColor : 'bg-muted'}
236
240
  border-l border-b
241
+ {headerBorderTop ? 'border-t' : ''}
237
242
  "
238
243
  ></div>
239
244
  {/if}
package/dist/components/dataTable/table.svelte.d.ts CHANGED
@@ -18,6 +18,7 @@ export interface TableProps {
18
18
  showCheckboxes?: boolean;
19
19
  showLastRowBorder?: boolean;
20
20
  showLastColumnBorder?: boolean;
21
+ headerBorderTop?: boolean;
21
22
  overrideCell?: Snippet<[any, Column, Entry]>;
22
23
  tools?: Snippet<[Entry, number]>;
23
24
  rowActions?: Snippet<[Entry, number]>;
package/dist/components/importButton.svelte CHANGED
@@ -264,7 +264,7 @@
264
264
 
265
265
  {:else if step === "preview"}
266
266
  <!-- Preview -->
267
- <div class="shrink-0 border-b px-4 py-2 text-sm text-muted-foreground">
267
+ <div class="shrink-0 px-4 py-2 text-sm text-muted-foreground">
268
268
  {transformedRows.length} rows ready to import
269
269
  </div>
270
270
  <div class="relative flex-1 overflow-auto w-full">
@@ -273,6 +273,7 @@
273
273
  columns={collectionColumns.filter((c) => c.id !== "id")}
274
274
  showCheckboxes={false}
275
275
  unifiedBgColor="bg-background"
276
+ headerBorderTop={true}
276
277
  />
277
278
  </div>
278
279
 
@@ -301,7 +302,7 @@
301
302
  </div>
302
303
  {:else}
303
304
  <!-- Summary strip -->
304
- <div class="shrink-0 border-b px-4 py-3 flex items-center gap-4">
305
+ <div class="shrink-0 px-4 py-3 flex items-center gap-4">
305
306
  <div class="flex items-center gap-1.5">
306
307
  <span class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-muted">
307
308
  <Check size="11" class="text-foreground" />
@@ -321,6 +322,7 @@
321
322
  columns={[{ id: "__error", icon: AlertCircle }, ...collectionColumns.filter((c) => c.id !== "id")]}
322
323
  showCheckboxes={false}
323
324
  unifiedBgColor="bg-background"
325
+ headerBorderTop={true}
324
326
  >
325
327
  {#snippet overrideCell(value, column)}
326
328
  {#if column.id === "__error"}
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@lobb-js/studio",
3
3
  "license": "UNLICENSED",
4
- "version": "0.18.0",
4
+ "version": "0.18.1",
5
5
  "type": "module",
6
6
  "publishConfig": {
7
7
  "access": "public"
package/src/lib/components/dataTable/table.svelte CHANGED
@@ -28,6 +28,7 @@
28
28
  // styles
29
29
  showLastRowBorder?: boolean;
30
30
  showLastColumnBorder?: boolean;
31
+ headerBorderTop?: boolean;
31
32
 
32
33
  // snippets
33
34
  overrideCell?: Snippet<[any, Column, Entry]>;
@@ -70,6 +71,7 @@
70
71
  selectByColumn,
71
72
  showLastRowBorder,
72
73
  showLastColumnBorder,
74
+ headerBorderTop = false,
73
75
  parentWidth,
74
76
  overrideCell,
75
77
  tools,
@@ -181,6 +183,7 @@
181
183
  sticky left-0 top-0 z-20
182
184
  flex items-center p-2.5 text-xs h-10
183
185
  border-r border-b gap-2
186
+ {headerBorderTop ? 'border-t' : ''}
184
187
  {unifiedBgColor ? unifiedBgColor : 'bg-muted'}
185
188
  "
186
189
  >
@@ -209,6 +212,7 @@
209
212
  {unifiedBgColor ? unifiedBgColor : 'bg-muted/30'}
210
213
  {lastColumn && !showLastColumnBorder ? '' : 'border-r'}
211
214
  border-b gap-2
215
+ {headerBorderTop ? 'border-t' : ''}
212
216
  "
213
217
  >
214
218
  {#if sort[column.id] === "asc"}
@@ -234,6 +238,7 @@
234
238
  flex items-center p-2.5 h-10
235
239
  {unifiedBgColor ? unifiedBgColor : 'bg-muted'}
236
240
  border-l border-b
241
+ {headerBorderTop ? 'border-t' : ''}
237
242
  "
238
243
  ></div>
239
244
  {/if}
package/src/lib/components/importButton.svelte CHANGED
@@ -264,7 +264,7 @@
264
264
 
265
265
  {:else if step === "preview"}
266
266
  <!-- Preview -->
267
- <div class="shrink-0 border-b px-4 py-2 text-sm text-muted-foreground">
267
+ <div class="shrink-0 px-4 py-2 text-sm text-muted-foreground">
268
268
  {transformedRows.length} rows ready to import
269
269
  </div>
270
270
  <div class="relative flex-1 overflow-auto w-full">
@@ -273,6 +273,7 @@
273
273
  columns={collectionColumns.filter((c) => c.id !== "id")}
274
274
  showCheckboxes={false}
275
275
  unifiedBgColor="bg-background"
276
+ headerBorderTop={true}
276
277
  />
277
278
  </div>
278
279
 
@@ -301,7 +302,7 @@
301
302
  </div>
302
303
  {:else}
303
304
  <!-- Summary strip -->
304
- <div class="shrink-0 border-b px-4 py-3 flex items-center gap-4">
305
+ <div class="shrink-0 px-4 py-3 flex items-center gap-4">
305
306
  <div class="flex items-center gap-1.5">
306
307
  <span class="inline-flex h-5 w-5 items-center justify-center rounded-full bg-muted">
307
308
  <Check size="11" class="text-foreground" />
@@ -321,6 +322,7 @@
321
322
  columns={[{ id: "__error", icon: AlertCircle }, ...collectionColumns.filter((c) => c.id !== "id")]}
322
323
  showCheckboxes={false}
323
324
  unifiedBgColor="bg-background"
325
+ headerBorderTop={true}
324
326
  >
325
327
  {#snippet overrideCell(value, column)}
326
328
  {#if column.id === "__error"}