@revolist/revogrid 4.8.5 → 4.8.7

package/hydrate/index.mjs

@@ -9505,6 +9505,9 @@ class KeyboardService {
                 case codesLetter.ESCAPE:
                     this.sv.cancel();
                     break;
+                case codesLetter.TAB:
+                    this.keyChangeSelection(e, canRange);
+                    break;
             }
             return;
         }
@@ -9520,7 +9523,7 @@ class KeyboardService {
         }
         // tab key means same as arrow right
         if (codesLetter.TAB === e.code) {
-            await this.keyChangeSelection(e, canRange);
+            this.keyChangeSelection(e, canRange);
             return;
         }
         // pressed enter
@@ -14145,7 +14148,7 @@ class RevoGridComponent {
         this.beforerangeedit = createEvent(this, "beforerangeedit", 7);
         this.afteredit = createEvent(this, "afteredit", 7);
         this.beforeautofill = createEvent(this, "beforeautofill", 7);
-        this.beforeange = createEvent(this, "beforeange", 7);
+        this.beforerange = createEvent(this, "beforerange", 7);
         this.afterfocus = createEvent(this, "afterfocus", 7);
         this.roworderchanged = createEvent(this, "roworderchanged", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
@@ -14491,7 +14494,7 @@ class RevoGridComponent {
         this.afteredit.emit(detail);
     }
     onRangeChanged(e) {
-        const beforeange = this.beforeange.emit(e.detail);
+        const beforeange = this.beforerange.emit(e.detail);
         if (beforeange.defaultPrevented) {
             e.preventDefault();
         }
@@ -14829,7 +14832,7 @@ class RevoGridComponent {
             const headerProperties = Object.assign(Object.assign({}, view.headerProp), { type: view.type, additionalData: this.additionalData, viewportCol: view.viewportCol, selectionStore: view.columnSelectionStore, canResize: this.resize, readonly: this.readonly, columnFilter: !!this.filter });
             // Column headers
             const dataViews = [
-                hAsync("revogr-header", Object.assign({ key: '321be595b925b0b781e6a70ac65f09301ddf9690' }, headerProperties, { slot: HEADER_SLOT })),
+                hAsync("revogr-header", Object.assign({ key: '04119785ef18171d13263b5a56a304c05afddee3' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -14851,11 +14854,11 @@ class RevoGridComponent {
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (hAsync(Host, { key: '9c290a3e6cff0f2e2375f98e020292646dc51ac6', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (hAsync("revogr-attribution", { class: "attribution" })), hAsync("div", { key: '48417bd11ec1eae854bcc0be942a7e4d27b630ac', class: "main-viewport", onClick: (e) => {
+        return (hAsync(Host, { key: '2f84ce8fcf803cdad1dc8ce5b798b8d3b9b29aed', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (hAsync("revogr-attribution", { class: "attribution" })), hAsync("div", { key: '6e3e09f51a6316ecea972f9a5f5789983ff236a9', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, hAsync("div", { key: '870bb866b39ecdd7af06a0a265891adf76c0a736', class: "viewports" }, hAsync("slot", { key: '6a8b432762f85064e190ead625168913cd610d09', name: "viewport" }), viewportSections, hAsync("revogr-scroll-virtual", { key: '39d6c67a2910f411131bc433441219eb5ddaafa2', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), hAsync(OrderRenderer, { key: '5b0c5d2864da2b7fab55ca0709e5b1250e22db5f', ref: e => (this.orderService = e) }))), hAsync("revogr-scroll-virtual", { key: 'fde782c69924d2a4d1ba5e538da28ca64e8ac292', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
+            } }, hAsync("div", { key: '2588926f18143056dc291c3b0ff3c1f5a23b4f2d', class: "viewports" }, hAsync("slot", { key: '9b67ce2dad0aaebb974c5653581f510c246f0aec', name: "viewport" }), viewportSections, hAsync("revogr-scroll-virtual", { key: '90696a6304b7d9dfc532029d139c198c2cfe3c11', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), hAsync(OrderRenderer, { key: '51c029fdbd2d22c8e5b538253f0ff4c2b724920c', ref: e => (this.orderService = e) }))), hAsync("revogr-scroll-virtual", { key: '955fa4b29228b7923d198e55b214fc2ad0f2a19f', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
     }
     disconnectedCallback() {
         // Remove all plugins, to avoid memory leaks and unexpected behaviour when the component is removed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@revolist/revogrid",
-  "version": "4.8.5",
+  "version": "4.8.7",
   "type": "module",
   "description": "Virtual reactive data grid spreadsheet component - RevoGrid.",
   "license": "MIT",
@@ -93,7 +93,7 @@
     "api:clear": "rm -rf docs/guide/api",
     "api:update": "./scripts/generate_api.sh",
     "readme": "node ./scripts/generate_readme.mjs",
-    "test": "stencil test",
+    "test": "stencil test --spec",
     "serve": "stencil build --dev --watch --serve",
     "release": "npm run build && npm publish --public --tag pre-release && npm run package:update"
   },

package/readme.md

@@ -9,6 +9,7 @@
   <a href="https://github.com/revolist/revogrid/blob/master/LICENSE"><img src="https://img.shields.io/npm/l/@revolist/revogrid" alt="Software License"/></a>
   <img src="https://badgen.net/bundlephobia/dependency-count/@revolist/revogrid@latest" alt="Tree shaking"/>
   <img src="https://badgen.net/bundlephobia/tree-shaking/@revolist/revogrid@latest" alt="Tree shaking"/>
+  <img src="https://sonarcloud.io/api/project_badges/measure?project=revolist_revogrid&metric=alert_status" alt="Sonar Quality Gate"/>
 </p>
 
 #
@@ -24,7 +25,7 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
   <a href="#key-features">Key Features</a> •
   <a href="#basic-usage">How To Use</a> •
   <a href="#installation">Installation</a> •
-  <a href="https://github.com/revolist/revogrid/blob/master/src/components/revo-grid/readme.md">Docs</a> •
+  <a href="https://rv-grid.com/guide/">Docs</a> •
   <a href="#license">License</a>
 </p>
 
@@ -222,6 +223,7 @@ grid.source = items;
             - **Now**: `import { ColumnDataSchemaRegular } from '@revolist/revogrid'`.
         - Changed viewport type names everywhere. For example, before: `rowDefinitions: [{ type: "row", index: 0, size: 145 }]`, after: `rowDefinitions: [{ type: "rgRow", index: 0, size: 145 }]`.
     -   Updated [event](https://rv-grid.com/guide/api/revoGrid.html#Events) naming convention. Review your [event](https://rv-grid.com/guide/api/revoGrid.html#Events) usage. [Event names](https://rv-grid.com/guide/api/revoGrid.html#Events) are all lowercase now and are aligned with modern event naming conventions. For example, `afterEdit` -> `afteredit`.
+    - Multiple event breaking changes introduced: beforerowrender now returns `BeforeRowRenderEvent`. Check all events for details.
 
 -   **Major improvements**:
     -   Rethought the entire framework approach. Introduced Pro version with advance support and pro features.

package/standalone/revo-grid.js

@@ -3398,7 +3398,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         this.beforerangeedit = createEvent(this, "beforerangeedit", 7);
         this.afteredit = createEvent(this, "afteredit", 7);
         this.beforeautofill = createEvent(this, "beforeautofill", 7);
-        this.beforeange = createEvent(this, "beforeange", 7);
+        this.beforerange = createEvent(this, "beforerange", 7);
         this.afterfocus = createEvent(this, "afterfocus", 7);
         this.roworderchanged = createEvent(this, "roworderchanged", 7);
         this.beforesortingapply = createEvent(this, "beforesortingapply", 7);
@@ -3744,7 +3744,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         this.afteredit.emit(detail);
     }
     onRangeChanged(e) {
-        const beforeange = this.beforeange.emit(e.detail);
+        const beforeange = this.beforerange.emit(e.detail);
         if (beforeange.defaultPrevented) {
             e.preventDefault();
         }
@@ -4082,7 +4082,7 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
             const headerProperties = Object.assign(Object.assign({}, view.headerProp), { type: view.type, additionalData: this.additionalData, viewportCol: view.viewportCol, selectionStore: view.columnSelectionStore, canResize: this.resize, readonly: this.readonly, columnFilter: !!this.filter });
             // Column headers
             const dataViews = [
-                h("revogr-header", Object.assign({ key: '321be595b925b0b781e6a70ac65f09301ddf9690' }, headerProperties, { slot: HEADER_SLOT })),
+                h("revogr-header", Object.assign({ key: '04119785ef18171d13263b5a56a304c05afddee3' }, headerProperties, { slot: HEADER_SLOT })),
             ];
             // Render viewport data (vertical sections)
             view.dataPorts.forEach(data => {
@@ -4104,11 +4104,11 @@ const RevoGridComponent = /*@__PURE__*/ proxyCustomElement(class RevoGridCompone
         const typeCol = 'rgCol';
         const viewports = this.viewportProvider.stores;
         const dimensions = this.dimensionProvider.stores;
-        return (h(Host, { key: '9c290a3e6cff0f2e2375f98e020292646dc51ac6', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: '48417bd11ec1eae854bcc0be942a7e4d27b630ac', class: "main-viewport", onClick: (e) => {
+        return (h(Host, { key: '2f84ce8fcf803cdad1dc8ce5b798b8d3b9b29aed', [`${UUID}`]: this.uuid }, this.hideAttribution ? null : (h("revogr-attribution", { class: "attribution" })), h("div", { key: '6e3e09f51a6316ecea972f9a5f5789983ff236a9', class: "main-viewport", onClick: (e) => {
                 if (e.currentTarget === e.target) {
                     this.viewport.clearEdit();
                 }
-            } }, h("div", { key: '870bb866b39ecdd7af06a0a265891adf76c0a736', class: "viewports" }, h("slot", { key: '6a8b432762f85064e190ead625168913cd610d09', name: "viewport" }), viewportSections, h("revogr-scroll-virtual", { key: '39d6c67a2910f411131bc433441219eb5ddaafa2', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), h(OrderRenderer, { key: '5b0c5d2864da2b7fab55ca0709e5b1250e22db5f', ref: e => (this.orderService = e) }))), h("revogr-scroll-virtual", { key: 'fde782c69924d2a4d1ba5e538da28ca64e8ac292', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
+            } }, h("div", { key: '2588926f18143056dc291c3b0ff3c1f5a23b4f2d', class: "viewports" }, h("slot", { key: '9b67ce2dad0aaebb974c5653581f510c246f0aec', name: "viewport" }), viewportSections, h("revogr-scroll-virtual", { key: '90696a6304b7d9dfc532029d139c198c2cfe3c11', class: "vertical", dimension: typeRow, viewportStore: viewports[typeRow].store, dimensionStore: dimensions[typeRow].store, ref: el => this.scrollingService.registerElement(el, 'rowScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), h(OrderRenderer, { key: '51c029fdbd2d22c8e5b538253f0ff4c2b724920c', ref: e => (this.orderService = e) }))), h("revogr-scroll-virtual", { key: '955fa4b29228b7923d198e55b214fc2ad0f2a19f', class: "horizontal", dimension: typeCol, viewportStore: viewports[typeCol].store, dimensionStore: dimensions[typeCol].store, ref: el => this.scrollingService.registerElement(el, 'colScroll'), onScrollvirtual: e => this.scrollingService.proxyScroll(e.detail) }), this.extraElements));
     }
     disconnectedCallback() {
         // Remove all plugins, to avoid memory leaks and unexpected behaviour when the component is removed