wx-svelte-grid - npm Package Compare versions

Comparing version

2.0.1

2.1.0

src/components/inlineFilters/Filter.svelte

src/components/inlineFilters/filters.js

src/components/inlineFilters/Richselect.svelte

src/components/inlineFilters/Text.svelte

src/components/print/Grid.svelte

src/components/print/HeaderFooter.svelte

src/components/print/Print.svelte

src/helpers/actions/dragscroll.js

src/helpers/actions/reorder.js

src/helpers/hotkeys.js

package.json

		{
		"name": "wx-svelte-grid",
		"version": "2.0.1",
		"version": "2.1.0",
		"description": "A powerful and flexible DataGrid component written in Svelte",
		@@ -33,13 +33,18 @@ "productTag": "grid",
		},
		"homepage": "https://svar.dev/svelte/grid/",
		"homepage": "https://svar.dev/svelte/datagrid/",
		"dependencies": {
		"wx-lib-dom": "0.7.1",
		"wx-lib-dom": "0.8.0",
		"wx-lib-state": "1.9.0",
		"wx-lib-svelte": "0.5.1",
		"wx-svelte-menu": "2.0.1",
		"wx-svelte-core": "2.0.1",
		"wx-grid-data-provider": "2.0.1",
		"wx-grid-locales": "2.0.1",
		"wx-grid-store": "2.0.1"
		"wx-svelte-menu": "2.1.0",
		"wx-svelte-core": "2.1.0",
		"wx-grid-data-provider": "2.1.0",
		"wx-grid-locales": "2.1.0",
		"wx-grid-store": "2.1.0"
		},
		"devDependencies": {
		"wx-svelte-editor": "2.1.0",
		"wx-svelte-comments": "2.1.0",
		"wx-svelte-tasklist": "2.1.0"
		},
		"files": [
		@@ -46,0 +51,0 @@ "src",

readme.md

		@@ -22,3 +22,2 @@ <div align="center">


		[SVAR DataGrid](https://svar.dev/svelte/datagrid/) is an advanced Svelte component that enhances standard data tables, enabling you to create high-performance, feature-rich data grids that efficiently handle large data sets. Fully customizable, it supports inline editing with a variety of cell editors to meet diverse project requirements.
		@@ -30,20 +29,19 @@


		# :sparkles: Key Features

		- High performance (virtual scrolling and dynamic loading)
		- In-cell editing with different cell editors (datepicker, combo, select, rich select, etc.)
		- Sorting by multiple columns
		- Responsive design to adapt to different screen/container sizes
		- Multiple row selection
		- Fixed columns
		- Expandable/collapsible columns
		- Customizable tooltips for grid cells
		- Context menu
		- Tree-like structure
		- Paging
		- Export to CSV
		- Keyboard navigation
		- RestDataProvider for easy backend data binding
		- Dark and light skins
		- High performance (virtual scrolling and dynamic loading)
		- In-cell editing with different cell editors (datepicker, combo, select, rich select, etc.)
		- Sorting by multiple columns
		- Responsive design to adapt to different screen/container sizes
		- Multiple row selection
		- Fixed columns
		- Expandable/collapsible columns
		- Customizable tooltips for grid cells
		- Context menu
		- Tree-like structure
		- Paging
		- Export to CSV
		- Keyboard navigation
		- RestDataProvider for easy backend data binding
		- Dark and light skins

		@@ -85,4 +83,5 @@ # :hammer_and_wrench: How to Use
		```
		For further instructions, see the detailed [how-to-start guide](https://docs.svar.dev/svelte/grid/getting_started).

		For further instructions, see the detailed [how-to-start guide](https://docs.svar.dev/svelte/grid/getting_started).

		### :computer: How to Modify
		@@ -110,3 +109,2 @@

		Join our [community forum](https://forum.svar.dev) to get help or post feature requests.

		Join our [community forum](https://forum.svar.dev) to get help or post feature requests.

src/helpers/columnWidth.js

		@@ -1,2 +0,2 @@
		export function getStyle(width, flexgrow, fixed, left, height) {
		export function getStyle(width, flexgrow, fixed, left, right, height) {
		const w = width ? `width:${width}px;` : "";
		@@ -7,3 +7,7 @@ const mw = width ? `min-width:${width}px;` : "";

		const fx = fixed ? `position:sticky;left:${left}px;` : "";
		let fx = "";
		if (fixed) {
		if (fixed.left) fx = `position:sticky;left:${left}px;`;
		if (fixed.right) fx = `position:sticky;right:${right}px;`;
		}

		@@ -15,7 +19,8 @@ return `${mw}${w}${h}${fl}${fx}`;
		let css = "";
		css += column.fixed
		? column.fixed === -1
		? "wx-shadow "
		: "wx-fixed "
		: "";

		if (column.fixed) {
		for (const pos in column.fixed) {
		css += column.fixed[pos] === -1 ? "wx-shadow " : "wx-fixed ";
		}
		}
		css += cell.rowspan > 1 ? "wx-rowspan " : "";
		@@ -22,0 +27,0 @@ css += cell.colspan > 1 ? "wx-colspan " : "";

src/index.js

		import Grid from "./components/Grid.svelte";
		import Cell from "./components/Cell.svelte";
		import HeaderMenu from "./components/menus/HeaderMenu.svelte";
		@@ -12,3 +11,3 @@ import Tooltip from "./components/Tooltip.svelte";

		export { editorConfig } from "wx-grid-store";
		export { getEditorConfig } from "wx-grid-store";

		@@ -20,3 +19,2 @@ import { setEnv } from "wx-lib-dom";
		export {
		Cell,
		Grid,
		@@ -23,0 +21,0 @@ HeaderMenu,

119

whatsnew.md

		@@ -1,53 +0,104 @@
		### 2.0.1
		## 2.1.0

		- [add] svelte 5 support
		- [update] data-request event renamed to request-data
		- [update] property `selected` removed
		### New features

		### 1.3.3
		- Accessibility: compatibility with WAI-ARIA standard
		- Built-in filters in header
		- Row reordering via drag-n-drop
		- Print support
		- Focus management API
		- Custom content for header and footer cells

		- [fix] treetable data is not fully shown in some cases
		- [fix] too narrow column width if autowidth is set
		- [fix] typos in type definitions
		### Updates

		### 1.3.2
		- Improved key navigation
		- Extra parameters to filter-rows action
		- Custom content for combo editor options
		- Clickable vertical overlay for fully collapsed columns

		- [fix] editors in tree mode are not applied correctly
		- [fix] ts definitions are not precise
		- [deps] uses core@1.3.1
		### Fixes

		### 1.3.0
		- HeaderMenu breaks scrolling
		- Richselect editor dropdown goes over footer
		- Tree node marker is not changed when opening and closing

		- [update] more convenient way of using the built-in and external ContextMenu
		- [deps] uses core@1.3.0
		### Breaking changes

		### 1.2.4
		- `handler` parameter renamed to filter for the `filter-rows` action
		- `colWidth` parameter renamed to `columnWidth` for the `sizes` property
		- `rowsCount` and `colsCount` parameters renamed to `rowCount` and `columnCount` for the `dynamic` property
		- `col` renamed to `column` for `$props` received by custom cell content
		- no need to import and use `Cell` when embedding custom components

		## 2.0.1

		### New features

		- Svelte 5 support

		### Breaking changes

		- `data-request` event renamed to `request-data`
		- property `selected` removed

		## 1.3.3

		### Fixes

		- Treetable data is not fully shown in some cases
		- Too narrow column width if autowidth is set
		- Typos in type definitions

		## 1.3.2

		### Fixes

		- Editors in tree mode are not applied correctly
		- `.ts` definitions are not precise

		## 1.3.0

		### Updates

		- More convenient way of using the built-in and external ContextMenu

		## 1.2.4

		### Fixes

		- [fix] DataProvider package is not compatible with react toolchain
		- [deps] uses menu@1.2.4

		### 1.2.3
		## 1.2.3

		- [deps] uses core@1.2.3
		- Usiing core@1.2.3

		### 1.2.0
		## 1.2.0

		- [update] exposing flatData state property
		- [fix] further improvements for column auto-sizing in tree structure
		- [fix] column auto-sizing and sorting markers
		- [deps] using core 1.2.x
		### Updates

		### 1.1.3
		- Exposing `flatData` state property

		- [add] sorting for hierarchical datasets
		- [update] display sort marker for the last header row only
		- [fix] column auto-sizing in in tree structure
		- [fix] resizing columns with flexgrow
		- [fix] text overflow for vertical headers
		- [fix] impossible to define the initial selection
		- [fix] table editor doesn't reflect changes in the related state properties
		- [fix] error after collapsing the first column in table
		### Fixes

		### 1.0.0
		- Further improvements for column auto-sizing in tree structure
		- Column auto-sizing and sorting markers

		## 1.1.3

		### Updates

		- Sorting for hierarchical datasets
		- Display sort marker for the last header row only

		### Fixes

		- Column auto-sizing in in tree structure
		- Resizing columns with flexgrow
		- Text overflow for vertical headers
		- Impossible to define the initial selection
		- Table editor doesn't reflect changes in the related state properties
		- Error after collapsing the first column in table

		## 1.0.0

		Initial version released

src/components/Cell.svelte