@ims360/svelte-ivory 0.1.2 → 0.1.4

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 (9) hide show
  1. package/dist/components/layout/hiddenBackground/HiddenBackground.svelte +3 -6
  2. package/dist/components/layout/hiddenBackground/HiddenBackground.svelte.d.ts +1 -1
  3. package/dist/components/layout/hiddenBackground/HiddenBackground.svelte.d.ts.map +1 -1
  4. package/dist/components/table/Table.svelte +25 -27
  5. package/dist/components/table/Table.svelte.d.ts +0 -4
  6. package/dist/components/table/Table.svelte.d.ts.map +1 -1
  7. package/package.json +1 -1
  8. package/src/lib/components/layout/hiddenBackground/HiddenBackground.svelte +3 -6
  9. package/src/lib/components/table/Table.svelte +25 -27
package/dist/components/layout/hiddenBackground/HiddenBackground.svelte CHANGED
@@ -12,9 +12,7 @@
12
12
  globalClass = value;
13
13
  }
14
14
 
15
- export interface HiddenBackgroundProps
16
- extends IvoryComponent<HTMLDialogElement>,
17
- TransitionProps {
15
+ export interface HiddenBackgroundProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
18
16
  /** Gets called when the dialog is clicked */
19
17
  onclose?: () => void;
20
18
  }
@@ -31,7 +29,7 @@
31
29
  }: HiddenBackgroundProps = $props();
32
30
  </script>
33
31
 
34
- <dialog
32
+ <div
35
33
  class={twMerge(
36
34
  clsx(
37
35
  'bg-surface-950-50/40 pointer-events-auto absolute top-0 left-0 z-40 m-0 h-full w-full p-0',
@@ -39,7 +37,6 @@
39
37
  clazz
40
38
  )
41
39
  )}
42
- open
43
40
  use:focusTrap={true}
44
41
  {@attach shortcut({
45
42
  code: 'Escape',
@@ -51,4 +48,4 @@
51
48
  {...rest}
52
49
  >
53
50
  {@render children?.()}
54
- </dialog>
51
+ </div>
package/dist/components/layout/hiddenBackground/HiddenBackground.svelte.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import type { IvoryComponent, TransitionProps } from '../../../types';
2
2
  import type { ClassValue } from 'svelte/elements';
3
3
  export declare function setClasses(value: ClassValue): void;
4
- export interface HiddenBackgroundProps extends IvoryComponent<HTMLDialogElement>, TransitionProps {
4
+ export interface HiddenBackgroundProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
5
5
  /** Gets called when the dialog is clicked */
6
6
  onclose?: () => void;
7
7
  }
package/dist/components/layout/hiddenBackground/HiddenBackground.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"HiddenBackground.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/hiddenBackground/HiddenBackground.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOlD,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,QAE3C;AAED,MAAM,WAAW,qBACb,SAAQ,cAAc,CAAC,iBAAiB,CAAC,EACrC,eAAe;IACnB,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA8BL,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
1
+ {"version":3,"file":"HiddenBackground.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/components/layout/hiddenBackground/HiddenBackground.svelte.ts"],"names":[],"mappings":"AAGI,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,YAAY,CAAC;AAElE,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAOlD,wBAAgB,UAAU,CAAC,KAAK,EAAE,UAAU,QAE3C;AAED,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,cAAc,CAAC,EAAE,eAAe;IAC1F,6CAA6C;IAC7C,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA8BL,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}
package/dist/components/table/Table.svelte CHANGED
@@ -21,8 +21,6 @@
21
21
  rowHeight?: number;
22
22
  /** Renders the rows */
23
23
  children?: Snippet<[{ row: T; nestingLevel?: number; index: number }]>;
24
- /** Add columns in front of the tree-indicator */
25
- firstColumn?: Snippet<[{ row: T }]>;
26
24
  rowClass?: ClassValue;
27
25
  headerClass?: ClassValue;
28
26
  search?: {
@@ -68,7 +66,6 @@
68
66
  class: clazz,
69
67
  data,
70
68
  children: passedChildren,
71
- firstColumn,
72
69
  rowClass = 'hover:bg-surface-950-50/10 transition-colors',
73
70
  headerClass,
74
71
  rowHeight = 64,
@@ -216,7 +213,7 @@
216
213
  )
217
214
  )}
218
215
  >
219
- {#if treeIndicatorColumn instanceof ColumnController}
216
+ {#if results.someHaveChildren}
220
217
  <ColumnHead column={treeIndicatorColumn}></ColumnHead>
221
218
  {/if}
222
219
  {#each externalColumns || columns as column (column.id)}
@@ -236,30 +233,31 @@
236
233
  {/snippet}
237
234
  {#snippet children({ row: { node, id, nestingLevel }, index })}
238
235
  <Row href={href?.(node)} onclick={onclick ? () => onclick(node) : undefined}>
239
- {@render firstColumn?.({ row: node })}
240
- <ColumnComponent
241
- {...treeIndicatorColumnConfig}
242
- onclick={() => {
243
- toggleExpansion(node.id);
244
- }}
245
- ignoreWidth={results.someHaveChildren}
246
- width={results.someHaveChildren ? treeIndicatorInset : 0}
247
- >
248
- <div
249
- class="flex h-full items-center justify-end"
250
- style="width: calc(var(--spacing) * {nestingLevel * nestingInset -
251
- 2} + {treeIndicatorInset}px);"
236
+ {#if results.someHaveChildren}
237
+ <ColumnComponent
238
+ {...treeIndicatorColumnConfig}
239
+ onclick={() => {
240
+ toggleExpansion(node.id);
241
+ }}
242
+ width={treeIndicatorInset}
243
+ ignoreWidth
252
244
  >
253
- {#if node.children}
254
- <ChevronRight
255
- class={[
256
- 'ml-auto aspect-square shrink-0 transition-transform duration-100',
257
- expanded.has(id) && 'rotate-90'
258
- ]}
259
- />
260
- {/if}
261
- </div>
262
- </ColumnComponent>
245
+ <div
246
+ class="flex h-full items-center justify-end"
247
+ style="width: calc(var(--spacing) * {nestingLevel * nestingInset -
248
+ 2} + {treeIndicatorInset}px);"
249
+ >
250
+ {#if node.children}
251
+ <ChevronRight
252
+ class={[
253
+ 'ml-auto aspect-square shrink-0 transition-transform duration-100',
254
+ expanded.has(id) && 'rotate-90'
255
+ ]}
256
+ />
257
+ {/if}
258
+ </div>
259
+ </ColumnComponent>
260
+ {/if}
263
261
  {@render passedChildren?.({ row: node, nestingLevel, index })}
264
262
  </Row>
265
263
  {/snippet}
package/dist/components/table/Table.svelte.d.ts CHANGED
@@ -15,10 +15,6 @@ export interface TableProps<T extends TableRow<T>> {
15
15
  nestingLevel?: number;
16
16
  index: number;
17
17
  }]>;
18
- /** Add columns in front of the tree-indicator */
19
- firstColumn?: Snippet<[{
20
- row: T;
21
- }]>;
22
18
  rowClass?: ClassValue;
23
19
  headerClass?: ClassValue;
24
20
  search?: {
package/dist/components/table/Table.svelte.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Table.svelte.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"Table.svelte.d.ts","sourceRoot":"","sources":["../../../src/lib/components/table/Table.svelte.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ims360/svelte-ivory",
3
- "version": "0.1.2",
3
+ "version": "0.1.4",
4
4
  "keywords": [
5
5
  "svelte"
6
6
  ],
package/src/lib/components/layout/hiddenBackground/HiddenBackground.svelte CHANGED
@@ -12,9 +12,7 @@
12
12
  globalClass = value;
13
13
  }
14
14
 
15
- export interface HiddenBackgroundProps
16
- extends IvoryComponent<HTMLDialogElement>,
17
- TransitionProps {
15
+ export interface HiddenBackgroundProps extends IvoryComponent<HTMLDivElement>, TransitionProps {
18
16
  /** Gets called when the dialog is clicked */
19
17
  onclose?: () => void;
20
18
  }
@@ -31,7 +29,7 @@
31
29
  }: HiddenBackgroundProps = $props();
32
30
  </script>
33
31
 
34
- <dialog
32
+ <div
35
33
  class={twMerge(
36
34
  clsx(
37
35
  'bg-surface-950-50/40 pointer-events-auto absolute top-0 left-0 z-40 m-0 h-full w-full p-0',
@@ -39,7 +37,6 @@
39
37
  clazz
40
38
  )
41
39
  )}
42
- open
43
40
  use:focusTrap={true}
44
41
  {@attach shortcut({
45
42
  code: 'Escape',
@@ -51,4 +48,4 @@
51
48
  {...rest}
52
49
  >
53
50
  {@render children?.()}
54
- </dialog>
51
+ </div>
package/src/lib/components/table/Table.svelte CHANGED
@@ -21,8 +21,6 @@
21
21
  rowHeight?: number;
22
22
  /** Renders the rows */
23
23
  children?: Snippet<[{ row: T; nestingLevel?: number; index: number }]>;
24
- /** Add columns in front of the tree-indicator */
25
- firstColumn?: Snippet<[{ row: T }]>;
26
24
  rowClass?: ClassValue;
27
25
  headerClass?: ClassValue;
28
26
  search?: {
@@ -68,7 +66,6 @@
68
66
  class: clazz,
69
67
  data,
70
68
  children: passedChildren,
71
- firstColumn,
72
69
  rowClass = 'hover:bg-surface-950-50/10 transition-colors',
73
70
  headerClass,
74
71
  rowHeight = 64,
@@ -216,7 +213,7 @@
216
213
  )
217
214
  )}
218
215
  >
219
- {#if treeIndicatorColumn instanceof ColumnController}
216
+ {#if results.someHaveChildren}
220
217
  <ColumnHead column={treeIndicatorColumn}></ColumnHead>
221
218
  {/if}
222
219
  {#each externalColumns || columns as column (column.id)}
@@ -236,30 +233,31 @@
236
233
  {/snippet}
237
234
  {#snippet children({ row: { node, id, nestingLevel }, index })}
238
235
  <Row href={href?.(node)} onclick={onclick ? () => onclick(node) : undefined}>
239
- {@render firstColumn?.({ row: node })}
240
- <ColumnComponent
241
- {...treeIndicatorColumnConfig}
242
- onclick={() => {
243
- toggleExpansion(node.id);
244
- }}
245
- ignoreWidth={results.someHaveChildren}
246
- width={results.someHaveChildren ? treeIndicatorInset : 0}
247
- >
248
- <div
249
- class="flex h-full items-center justify-end"
250
- style="width: calc(var(--spacing) * {nestingLevel * nestingInset -
251
- 2} + {treeIndicatorInset}px);"
236
+ {#if results.someHaveChildren}
237
+ <ColumnComponent
238
+ {...treeIndicatorColumnConfig}
239
+ onclick={() => {
240
+ toggleExpansion(node.id);
241
+ }}
242
+ width={treeIndicatorInset}
243
+ ignoreWidth
252
244
  >
253
- {#if node.children}
254
- <ChevronRight
255
- class={[
256
- 'ml-auto aspect-square shrink-0 transition-transform duration-100',
257
- expanded.has(id) && 'rotate-90'
258
- ]}
259
- />
260
- {/if}
261
- </div>
262
- </ColumnComponent>
245
+ <div
246
+ class="flex h-full items-center justify-end"
247
+ style="width: calc(var(--spacing) * {nestingLevel * nestingInset -
248
+ 2} + {treeIndicatorInset}px);"
249
+ >
250
+ {#if node.children}
251
+ <ChevronRight
252
+ class={[
253
+ 'ml-auto aspect-square shrink-0 transition-transform duration-100',
254
+ expanded.has(id) && 'rotate-90'
255
+ ]}
256
+ />
257
+ {/if}
258
+ </div>
259
+ </ColumnComponent>
260
+ {/if}
263
261
  {@render passedChildren?.({ row: node, nestingLevel, index })}
264
262
  </Row>
265
263
  {/snippet}