@simple-table/svelte 3.0.0-beta.11 → 3.0.0-beta.14
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.
- package/README.md +36 -0
- package/package.json +4 -4
- package/dist/cjs/buildVanillaConfig.d.ts +0 -3
- package/dist/index.d.ts +0 -3
- package/dist/types.d.ts +0 -36
- package/dist/utils/wrapSvelteRenderer.d.ts +0 -13
- /package/dist/{buildVanillaConfig.d.ts → types/buildVanillaConfig.d.ts} +0 -0
- /package/dist/{cjs → types}/index.d.ts +0 -0
- /package/dist/{cjs → types}/types.d.ts +0 -0
- /package/dist/{cjs → types}/utils/wrapSvelteRenderer.d.ts +0 -0
package/README.md
ADDED
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
# Simple Table for Svelte
|
|
2
|
+
|
|
3
|
+
[](https://www.npmjs.com/package/@simple-table/svelte)
|
|
4
|
+
[](https://www.npmjs.com/package/@simple-table/svelte)
|
|
5
|
+
[](LICENSE)
|
|
6
|
+
|
|
7
|
+
Svelte adapter for [Simple Table](https://www.simple-table.com/) — a lightweight, high-performance data grid with full Svelte component support for all renderers.
|
|
8
|
+
|
|
9
|
+
## Installation
|
|
10
|
+
|
|
11
|
+
```bash
|
|
12
|
+
npm install @simple-table/svelte
|
|
13
|
+
```
|
|
14
|
+
|
|
15
|
+
**Peer dependencies:** `svelte >=4.0.0`
|
|
16
|
+
|
|
17
|
+
## Features
|
|
18
|
+
|
|
19
|
+
- Use Svelte components for cell renderers, header renderers, footer renderers, and more
|
|
20
|
+
- Access the imperative `TableAPI` via `bind:this` for sorting, filtering, pagination, export, and more
|
|
21
|
+
- All types exported directly — no need to install `simple-table-core` separately
|
|
22
|
+
|
|
23
|
+
## Documentation
|
|
24
|
+
|
|
25
|
+
- **Quick Start**: [simple-table.com/docs/quick-start](https://www.simple-table.com/docs/quick-start)
|
|
26
|
+
- **Full Documentation**: [simple-table.com/docs/installation](https://www.simple-table.com/docs/installation)
|
|
27
|
+
- **Examples**: [simple-table.com/examples/crm](https://www.simple-table.com/examples/crm)
|
|
28
|
+
|
|
29
|
+
## Community & Support
|
|
30
|
+
|
|
31
|
+
- **Discord**: [Join us on Discord](https://discord.gg/RvKHCfg3PC)
|
|
32
|
+
- **GitHub**: [Report bugs or suggest features](https://github.com/petera2c/simple-table/issues)
|
|
33
|
+
|
|
34
|
+
## License
|
|
35
|
+
|
|
36
|
+
Dual licensed — MIT for individuals & startups, proprietary Pro tier for revenue-generating companies. See [LICENSE](LICENSE) and [EULA.txt](../../EULA.txt) for details.
|
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@simple-table/svelte",
|
|
3
|
-
"version": "3.0.0-beta.
|
|
3
|
+
"version": "3.0.0-beta.14",
|
|
4
4
|
"main": "dist/cjs/index.js",
|
|
5
5
|
"module": "dist/index.es.js",
|
|
6
|
-
"types": "dist/types/index.d.ts",
|
|
6
|
+
"types": "dist/types/svelte/src/index.d.ts",
|
|
7
7
|
"sideEffects": false,
|
|
8
8
|
"exports": {
|
|
9
9
|
".": {
|
|
10
10
|
"import": "./dist/index.es.js",
|
|
11
11
|
"require": "./dist/cjs/index.js",
|
|
12
|
-
"types": "./dist/types/index.d.ts"
|
|
12
|
+
"types": "./dist/types/svelte/src/index.d.ts"
|
|
13
13
|
}
|
|
14
14
|
},
|
|
15
15
|
"license": "MIT",
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
"svelte": ">=4.0.0"
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
|
-
"simple-table-core": "3.0.0-beta.
|
|
27
|
+
"simple-table-core": "3.0.0-beta.14"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
30
|
"@rollup/plugin-alias": "4.0.0",
|
package/dist/index.d.ts
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
export { default as SimpleTable } from "./SimpleTable.svelte";
|
|
2
|
-
export type { SimpleTableSvelteProps, TableInstance, SvelteHeaderObject, SvelteColumnEditorConfig, SvelteCellRenderer, SvelteHeaderRenderer, SvelteFooterRenderer, SvelteHeaderDropdown, SvelteColumnEditorRowRenderer, SvelteLoadingStateRenderer, SvelteErrorStateRenderer, SvelteEmptyStateRenderer, } from "./types";
|
|
3
|
-
export type { Accessor, AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellClickProps, CellRendererProps, CellValue, ChartOptions, ColumnEditorConfig, ColumnEditorRowRenderer, ColumnEditorRowRendererComponents, ColumnEditorRowRendererProps, ColumnEditorSearchFunction, ColumnType, ColumnVisibilityState, Comparator, ComparatorProps, CustomTheme, CustomThemeProps, DragHandlerProps, EmptyStateRenderer, EmptyStateRendererProps, EnumOption, ErrorStateRenderer, ErrorStateRendererProps, ExportToCSVProps, ExportValueGetter, ExportValueProps, FilterCondition, FooterRendererProps, GetRowId, GetRowIdParams, HeaderDropdown, HeaderDropdownProps, HeaderObject, HeaderRenderer, HeaderRendererComponents, HeaderRendererProps, IconsConfig, LoadingStateRenderer, LoadingStateRendererProps, OnRowGroupExpandProps, OnSortProps, QuickFilterConfig, QuickFilterGetter, QuickFilterGetterProps, QuickFilterMode, Row, RowButtonProps, RowId, RowSelectionChangeProps, RowState, SetHeaderRenameProps, SharedTableProps, ShowWhen, SimpleTableConfig, SimpleTableProps, SortColumn, TableAPI, TableFilterState, TableHeaderProps, TableRowProps, Theme, UpdateDataProps, ValueFormatter, ValueFormatterProps, ValueGetter, ValueGetterProps, } from "simple-table-core";
|
package/dist/types.d.ts
DELETED
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import type { Component } from "svelte";
|
|
2
|
-
import type { SimpleTableProps, SimpleTableConfig, HeaderObject, TableAPI, CellRendererProps, HeaderRendererProps, FooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps, ColumnEditorRowRendererProps, ColumnEditorConfig } from "simple-table-core";
|
|
3
|
-
export interface TableInstance {
|
|
4
|
-
mount(): void;
|
|
5
|
-
update(config: Partial<SimpleTableConfig>): void;
|
|
6
|
-
destroy(): void;
|
|
7
|
-
getAPI(): TableAPI;
|
|
8
|
-
}
|
|
9
|
-
export type SvelteCellRenderer = Component<CellRendererProps>;
|
|
10
|
-
export type SvelteHeaderRenderer = Component<HeaderRendererProps>;
|
|
11
|
-
export type SvelteFooterRenderer = Component<FooterRendererProps>;
|
|
12
|
-
export type SvelteHeaderDropdown = Component<HeaderDropdownProps>;
|
|
13
|
-
export type SvelteColumnEditorRowRenderer = Component<ColumnEditorRowRendererProps>;
|
|
14
|
-
export type SvelteLoadingStateRenderer = Component<LoadingStateRendererProps>;
|
|
15
|
-
export type SvelteErrorStateRenderer = Component<ErrorStateRendererProps>;
|
|
16
|
-
export type SvelteEmptyStateRenderer = Component<EmptyStateRendererProps>;
|
|
17
|
-
export interface SvelteColumnEditorConfig extends Omit<ColumnEditorConfig, "rowRenderer"> {
|
|
18
|
-
rowRenderer?: SvelteColumnEditorRowRenderer;
|
|
19
|
-
}
|
|
20
|
-
export interface SvelteHeaderObject extends Omit<HeaderObject, "cellRenderer" | "headerRenderer" | "children" | "nestedTable"> {
|
|
21
|
-
cellRenderer?: SvelteCellRenderer;
|
|
22
|
-
headerRenderer?: SvelteHeaderRenderer;
|
|
23
|
-
children?: SvelteHeaderObject[];
|
|
24
|
-
nestedTable?: Omit<SimpleTableSvelteProps, "rows">;
|
|
25
|
-
}
|
|
26
|
-
export interface SimpleTableSvelteProps extends Omit<SimpleTableProps, "tableRef" | "allowAnimations" | "expandIcon" | "filterIcon" | "headerCollapseIcon" | "headerExpandIcon" | "nextIcon" | "prevIcon" | "sortDownIcon" | "sortUpIcon" | "columnEditorText" | "defaultHeaders" | "footerRenderer" | "emptyStateRenderer" | "errorStateRenderer" | "loadingStateRenderer" | "tableEmptyStateRenderer" | "headerDropdown" | "columnEditorConfig" | "icons"> {
|
|
27
|
-
defaultHeaders: SvelteHeaderObject[];
|
|
28
|
-
footerRenderer?: SvelteFooterRenderer;
|
|
29
|
-
loadingStateRenderer?: SvelteLoadingStateRenderer;
|
|
30
|
-
errorStateRenderer?: SvelteErrorStateRenderer;
|
|
31
|
-
emptyStateRenderer?: SvelteEmptyStateRenderer;
|
|
32
|
-
tableEmptyStateRenderer?: HTMLElement | string | null;
|
|
33
|
-
headerDropdown?: SvelteHeaderDropdown;
|
|
34
|
-
columnEditorConfig?: SvelteColumnEditorConfig;
|
|
35
|
-
}
|
|
36
|
-
export type { CellRendererProps, HeaderRendererProps, FooterRendererProps, LoadingStateRendererProps, ErrorStateRendererProps, EmptyStateRendererProps, HeaderDropdownProps, ColumnEditorRowRendererProps, };
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Component } from "svelte";
|
|
2
|
-
/**
|
|
3
|
-
* Wraps a Svelte 5 component into a function returning an HTMLElement,
|
|
4
|
-
* matching the vanilla renderer contract expected by simple-table-core.
|
|
5
|
-
*/
|
|
6
|
-
export declare function wrapSvelteRenderer<P extends Record<string, any>>(component: Component<P>): (props: P) => HTMLElement;
|
|
7
|
-
/**
|
|
8
|
-
* Converts a rendered Svelte component to an HTML string.
|
|
9
|
-
* Used for icon props where vanilla expects string | HTMLElement | SVGSVGElement.
|
|
10
|
-
*/
|
|
11
|
-
export declare function svelteComponentToHtmlString(component: Component<Record<string, any>>, props?: Record<string, any>): string;
|
|
12
|
-
/** Returns true if the value looks like a Svelte component (function or class). */
|
|
13
|
-
export declare function isSvelteComponent(value: unknown): value is Component<any>;
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|