@emamid/svelte-data-table 1.0.4 → 1.0.6

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.
@@ -20,7 +20,7 @@
20
20
  RowDropEvent,
21
21
  RowEvent,
22
22
  SortFunction,
23
- } from './common.ts';
23
+ } from './common.js';
24
24
 
25
25
  import {
26
26
  dataTableContextName,
@@ -1,4 +1,4 @@
1
- import type { ActionEvent, ColumnConfig, DataCellChangedEvent, DataCellDragEvent, DataCellDropEvent, DataCellEvent, DataTableTheme, EnterAction, HeaderEvent, RowBoolean, RowClassFunction, RowDragEvent, RowDropBoolean, RowDropEvent, RowEvent, SortFunction } from './common.ts';
1
+ import type { ActionEvent, ColumnConfig, DataCellChangedEvent, DataCellDragEvent, DataCellDropEvent, DataCellEvent, DataTableTheme, EnterAction, HeaderEvent, RowBoolean, RowClassFunction, RowDragEvent, RowDropBoolean, RowDropEvent, RowEvent, SortFunction } from './common.js';
2
2
  interface Props {
3
3
  allowRowDrag?: RowBoolean;
4
4
  allowRowDrop?: RowDropBoolean;
@@ -14,7 +14,7 @@
14
14
  evalRowBoolean,
15
15
  getDataTableContext,
16
16
  joinPartClasses,
17
- } from './common.ts';
17
+ } from './common.js';
18
18
  import { activeTheme } from './themes/active.js';
19
19
 
20
20
  interface Props {
@@ -4,7 +4,7 @@
4
4
  getPartIcon,
5
5
  joinPartClasses,
6
6
  } from './common.js';
7
- import type { ColumnConfig } from './common.ts';
7
+ import type { ColumnConfig } from './common.js';
8
8
  import { activeTheme } from './themes/active.js';
9
9
 
10
10
  import DataTableIcon from './DataTableIcon.svelte';
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig } from './common.ts';
1
+ import type { ColumnConfig } from './common.js';
2
2
  interface Props {
3
3
  column: ColumnConfig;
4
4
  isSorted?: boolean;
@@ -2,7 +2,7 @@
2
2
  import type { Component } from 'svelte';
3
3
  import Icon from '@iconify/svelte';
4
4
 
5
- import type { IconifyProps, IconProp } from './common.ts';
5
+ import type { IconifyProps, IconProp } from './common.js';
6
6
 
7
7
  interface Props {
8
8
  classes?: string;
@@ -1,5 +1,5 @@
1
1
  import type { Component } from 'svelte';
2
- import type { IconProp } from './common.ts';
2
+ import type { IconProp } from './common.js';
3
3
  interface Props {
4
4
  classes?: string;
5
5
  icon: IconProp;
@@ -22,7 +22,7 @@
22
22
  RowDropBoolean,
23
23
  RowDropEvent,
24
24
  RowEvent,
25
- } from './common.ts';
25
+ } from './common.js';
26
26
 
27
27
  interface Props {
28
28
  allowRowDrag: RowBoolean;
@@ -1,4 +1,4 @@
1
- import type { ActionEvent, ColumnConfig, DataCellChangedEvent, DataCellDragEvent, DataCellDropEvent, DataCellEvent, DataCellMouseEvent, RowBoolean, RowClassFunction, RowDragEvent, RowDropBoolean, RowDropEvent, RowEvent } from './common.ts';
1
+ import type { ActionEvent, ColumnConfig, DataCellChangedEvent, DataCellDragEvent, DataCellDropEvent, DataCellEvent, DataCellMouseEvent, RowBoolean, RowClassFunction, RowDragEvent, RowDropBoolean, RowDropEvent, RowEvent } from './common.js';
2
2
  interface Props {
3
3
  allowRowDrag: RowBoolean;
4
4
  allowRowDrop: RowDropBoolean;
@@ -1,4 +1,4 @@
1
- import type { Action } from '../common.ts';
1
+ import type { Action } from '../common.js';
2
2
  /**
3
3
  * @constant bookmarkAction
4
4
  * @type {Action}
@@ -7,7 +7,7 @@
7
7
  Action,
8
8
  ActionEvent,
9
9
  ColumnConfig,
10
- } from '../common.ts';
10
+ } from '../common.js';
11
11
  import { activeTheme } from '../themes/active.js';
12
12
 
13
13
  import DataTableIcon from '../DataTableIcon.svelte';
@@ -1,4 +1,4 @@
1
- import type { Action, ActionEvent, ColumnConfig } from '../common.ts';
1
+ import type { Action, ActionEvent, ColumnConfig } from '../common.js';
2
2
  interface Props {
3
3
  actions?: Action[];
4
4
  column: ColumnConfig;
@@ -7,7 +7,7 @@
7
7
  ColumnConfig,
8
8
  DataCellEvent,
9
9
  IconProp,
10
- } from '../common.ts';
10
+ } from '../common.js';
11
11
  import { activeTheme } from '../themes/active.js';
12
12
 
13
13
  import DataTableIcon from '../DataTableIcon.svelte';
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellEvent, IconProp } from '../common.ts';
1
+ import type { ColumnConfig, DataCellEvent, IconProp } from '../common.js';
2
2
  interface Props {
3
3
  caption?: string;
4
4
  column: ColumnConfig;
@@ -6,7 +6,7 @@
6
6
  import type {
7
7
  ColumnConfig,
8
8
  DataCellChangedEvent,
9
- } from '../common.ts';
9
+ } from '../common.js';
10
10
  import { activeTheme } from '../themes/active.js';
11
11
 
12
12
  interface Props {
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellChangedEvent } from '../common.ts';
1
+ import type { ColumnConfig, DataCellChangedEvent } from '../common.js';
2
2
  interface Props {
3
3
  caption?: string;
4
4
  column: ColumnConfig;
@@ -7,7 +7,7 @@
7
7
  ColumnConfig,
8
8
  DataCellChangedEvent,
9
9
  DataCellEvent,
10
- } from '../common.ts';
10
+ } from '../common.js';
11
11
  import { activeTheme } from '../themes/active.js';
12
12
 
13
13
  import TabWrapper from './TabWrapper.svelte';
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.ts';
1
+ import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.js';
2
2
  interface Props {
3
3
  column: ColumnConfig;
4
4
  inputType?: string;
@@ -7,7 +7,7 @@
7
7
  ColumnConfig,
8
8
  DataCellChangedEvent,
9
9
  DataCellEvent,
10
- } from '../common.ts';
10
+ } from '../common.js';
11
11
  import { activeTheme } from '../themes/active.js';
12
12
 
13
13
  import TabWrapper from './TabWrapper.svelte';
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.ts';
1
+ import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.js';
2
2
  interface Props {
3
3
  column: ColumnConfig;
4
4
  item: any;
@@ -3,7 +3,7 @@
3
3
  getDataTableContext,
4
4
  joinInputClasses,
5
5
  } from '../common.js';
6
- import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.ts';
6
+ import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.js';
7
7
  import { activeTheme } from '../themes/active.js';
8
8
 
9
9
  import TabWrapper from './TabWrapper.svelte';
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.ts';
1
+ import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.js';
2
2
  interface Props {
3
3
  column: ColumnConfig;
4
4
  item: any;
@@ -7,7 +7,7 @@
7
7
  import type {
8
8
  ColumnConfig,
9
9
  DataCellChangedEvent,
10
- } from '../common.ts';
10
+ } from '../common.js';
11
11
  import { activeTheme } from '../themes/active.js';
12
12
 
13
13
  interface Props {
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellChangedEvent } from '../common.ts';
1
+ import type { ColumnConfig, DataCellChangedEvent } from '../common.js';
2
2
  interface Props {
3
3
  column: ColumnConfig;
4
4
  item: any;
@@ -6,7 +6,7 @@
6
6
  import type {
7
7
  ColumnConfig,
8
8
  DataCellChangedEvent,
9
- } from '../common.ts';
9
+ } from '../common.js';
10
10
  import { activeTheme } from '../themes/active.js';
11
11
 
12
12
  interface Props {
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellChangedEvent } from '../common.ts';
1
+ import type { ColumnConfig, DataCellChangedEvent } from '../common.js';
2
2
  interface Props {
3
3
  caption?: string;
4
4
  column: ColumnConfig;
@@ -7,7 +7,7 @@
7
7
  ColumnConfig,
8
8
  DataCellChangedEvent,
9
9
  DataCellEvent,
10
- } from '../common.ts';
10
+ } from '../common.js';
11
11
  import { activeTheme } from '../themes/active.js';
12
12
 
13
13
  import TabWrapper from './TabWrapper.svelte';
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.ts';
1
+ import type { ColumnConfig, DataCellChangedEvent, DataCellEvent } from '../common.js';
2
2
  interface Props {
3
3
  column: ColumnConfig;
4
4
  item: any;
@@ -7,7 +7,7 @@
7
7
  import type {
8
8
  ColumnConfig,
9
9
  DataCellChangedEvent,
10
- } from '../common.ts';
10
+ } from '../common.js';
11
11
  import { activeTheme } from '../themes/active.js';
12
12
 
13
13
  import DataTableIcon from '../DataTableIcon.svelte';
@@ -1,4 +1,4 @@
1
- import type { ColumnConfig, DataCellChangedEvent } from '../common.ts';
1
+ import type { ColumnConfig, DataCellChangedEvent } from '../common.js';
2
2
  interface Props {
3
3
  column: ColumnConfig;
4
4
  decValue?: number;
@@ -2,45 +2,45 @@ export const daisyUITheme = {
2
2
  inputs: {
3
3
  button: {
4
4
  button: {
5
- override: 'btn btn-primary',
5
+ append: 'btn btn-primary',
6
6
  }
7
7
  },
8
8
  checkbox: {
9
9
  input: {
10
- override: 'toggle',
10
+ append: 'toggle',
11
11
  },
12
12
  },
13
13
  input: {
14
14
  input: {
15
- override: 'input',
15
+ append: 'input',
16
16
  },
17
17
  },
18
18
  multiSelect: {
19
19
  select: {
20
- override: 'select',
20
+ append: 'select',
21
21
  }
22
22
  },
23
23
  numberInput: {
24
24
  input: {
25
- override: 'input',
25
+ append: 'input',
26
26
  },
27
27
  },
28
28
  radio: {
29
29
  input: {
30
- override: 'mask mask-star',
30
+ append: 'mask mask-star',
31
31
  },
32
32
  span: {
33
- override: 'rating',
33
+ append: 'rating',
34
34
  },
35
35
  },
36
36
  range: {
37
37
  input: {
38
- override: 'range',
38
+ append: 'range',
39
39
  },
40
40
  },
41
41
  select: {
42
42
  select: {
43
- override: 'select',
43
+ append: 'select',
44
44
  }
45
45
  },
46
46
  },
@@ -8,9 +8,45 @@ export const defaultTheme = {
8
8
  override: 'w-4 h-4',
9
9
  },
10
10
  },
11
+ button: {
12
+ button: {
13
+ override: 'size-full',
14
+ },
15
+ },
16
+ checkbox: {
17
+ input: {
18
+ override: 'size-full',
19
+ },
20
+ },
21
+ input: {
22
+ input: {
23
+ override: 'size-full',
24
+ },
25
+ },
26
+ multiSelect: {
27
+ select: {
28
+ override: 'size-full',
29
+ }
30
+ },
31
+ numberInput: {
32
+ input: {
33
+ override: 'size-full',
34
+ },
35
+ },
36
+ radio: {},
37
+ range: {
38
+ input: {
39
+ override: 'size-full',
40
+ },
41
+ },
42
+ select: {
43
+ select: {
44
+ override: 'size-full',
45
+ }
46
+ },
11
47
  spinner: {
12
48
  div: {
13
- override: 'spinner',
49
+ override: 'size-full spinner',
14
50
  },
15
51
  minusButton: {
16
52
  override: 'pr-1',
@@ -25,10 +61,10 @@ export const defaultTheme = {
25
61
  parts: {
26
62
  dataCell: {
27
63
  td: {
28
- override: 'px-6 py-4 whitespace-nowrap font-medium',
64
+ override: 'px-1',
29
65
  },
30
66
  tdFocused: {
31
- override: 'px-6 py-4 whitespace-nowrap font-medium',
67
+ override: 'px-1',
32
68
  },
33
69
  },
34
70
  headerCell: {
@@ -37,7 +73,9 @@ export const defaultTheme = {
37
73
  span: {
38
74
  override: 'inline-flex items-center',
39
75
  },
40
- th: {},
76
+ th: {
77
+ override: 'px-1',
78
+ },
41
79
  titleSpan: {},
42
80
  },
43
81
  row: {
@@ -49,7 +87,7 @@ export const defaultTheme = {
49
87
  },
50
88
  tbody: {},
51
89
  thead: {
52
- override: 'text-xs uppercase sticky top-0 z-10',
90
+ override: 'sticky top-0 z-10',
53
91
  },
54
92
  theadTR: {},
55
93
  },
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@emamid/svelte-data-table",
3
- "version": "1.0.4",
3
+ "version": "1.0.6",
4
4
  "homepage": "https://github.com/emamid/svelte-data-table",
5
5
  "repository": "github:emamid/svelte-data-table",
6
6
  "scripts": {