@revolist/revogrid - npm Package Compare versions

Comparing version 1.5.8 to 1.5.9

dist/collection/components/overlay/editors/text.js

 import { h } from '@stencil/core';
 import { codesLetter } from '../../../utils/keyCodes';
+import { timeout } from '../../../utils/utils';
 export class TextEditor {
@@ -10,19 +11,24 @@ constructor(column, editCallback) {
   }
-  componentDidRender() {
+  async componentDidRender() {
+    var _a;
     if (this.editInput) {
-      setTimeout(() => this.editInput.focus(), 0);
+      await timeout();
+      (_a = this.editInput) === null || _a === void 0 ? void 0 : _a.focus();
     }
   }
   disconnectedCallback() { }
-  // required
-  render(_createComponent) {
-    var _a;
-    return h("input", { type: 'text', value: ((_a = this.editCell) === null || _a === void 0 ? void 0 : _a.val) || '', ref: (el) => { this.editInput = el; }, onKeyDown: (e) => this.onKeyDown(e) });
-  }
   onKeyDown(e) {
     const isEnter = codesLetter.ENTER === e.code;
     if (isEnter && e.target && this.editCallback) {
+      // blur is needed to avoid autoscroll
+      this.editInput.blur();
+      // request callback which will close cell after all
       this.editCallback(e.target.value);
     }
   }
+  // required
+  render() {
+    var _a;
+    return h("input", { type: 'text', value: ((_a = this.editCell) === null || _a === void 0 ? void 0 : _a.val) || '', ref: (el) => { this.editInput = el; }, onKeyDown: (e) => this.onKeyDown(e) });
+  }
 }

dist/collection/components/overlay/revogr-edit.js

@@ -39,3 +39,5 @@ import { Component, Event, Prop, h, Element } from '@stencil/core';
     this.currentEditor.disconnectedCallback && this.currentEditor.disconnectedCallback();
-    this.currentEditor.element = null;
+    if (this.currentEditor.element) {
+      this.currentEditor.element = null;
+    }
     this.currentEditor = null;
@@ -42,0 +44,0 @@ }

dist/collection/utilsExternal/generate-data.js

@@ -14,5 +14,2 @@ import {generateHeader} from "./generate-header.js";
         result[row][col] = row + ':' + col;
-        if (row === 3) {
-            result[row]['selected'] = 'green';
-        }
         if (!columns[col]) {
@@ -19,0 +16,0 @@ columns[col] = {

dist/revo-grid/p-74bb3d5e.system.js

@@ -1,1 +0,1 @@
-System.register(["./p-54f24e5a.system.js","./p-1a39337d.system.js"],(function(e,o){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b},function(){}],execute:function(){var e=function(){var e=o.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-256a8a59.system",[[32,"revo-grid",{frameSize:[2,"frame-size"],rowSize:[2,"row-size"],colSize:[2,"col-size"],range:[4],readonly:[4],resize:[4],canFocus:[4,"can-focus"],columns:[16],source:[16],pinnedTopSource:[16],pinnedBottomSource:[16],editors:[16],theme:[513],rowClass:[513,"row-class"]},[[0,"internalCellEdit","onBeforeEdit"],[0,"internalRangeDataApply","onBeforeRangeEdit"],[0,"internalSelectionChanged","onRangeChanged"],[0,"initialRowDropped","onRowDropped"],[0,"initialHeaderClick","onHeaderClick"],[0,"internalFocusCell","onCellFocus"]]],[0,"revogr-viewport",{columnStores:[16],rowStores:[16],dimensions:[16],viewports:[16],editors:[16],rowClass:[1,"row-class"],uuid:[1],resize:[4],readonly:[4],range:[4]},[[4,"click","handleOutsideClick"],[0,"internalRowDragStart","onRowDragStarted"],[0,"internalRowDragEnd","onRowDragEnd"],[0,"internalRowDrag","onRowDrag"]]],[4,"revogr-overlay-selection",{readonly:[4],range:[4],canDrag:[4,"can-drag"],selectionStore:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],colData:[16],lastCell:[16],editors:[16],autoFill:[32]},[[5,"mouseleave","onMouseOut"],[5,"mouseup","onMouseUp"],[0,"dragStartCell","onCellDrag"],[4,"keydown","handleKeyDown"]]],[0,"revogr-data",{colData:[16],readonly:[4],range:[4],canDrag:[4,"can-drag"],rowClass:[1,"row-class"],rows:[16],cols:[16],dimensionRow:[16],dataStore:[16]}],[0,"revogr-header",{cols:[16],dimensionCol:[16],parent:[1],groups:[16],groupingDepth:[2,"grouping-depth"],canResize:[4,"can-resize"],colData:[16]}],[0,"revogr-scroll-virtual",{dimension:[1],contentSize:[2,"content-size"],virtualSize:[2,"virtual-size"],setScroll:[64]}],[4,"revogr-viewport-scroll",{contentWidth:[2,"content-width"],contentHeight:[2,"content-height"],setScroll:[64]}],[0,"revogr-edit",{editCell:[16],column:[16],editor:[16]}],[0,"revogr-order-editor",{parent:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],activeDrag:[32],dragStart:[64],endOrder:[64],clearOrder:[64]},[[5,"mouseleave","onMouseOut"],[5,"mouseup","onMouseUp"]]]]]],e)}))}}}));
+System.register(["./p-54f24e5a.system.js","./p-1a39337d.system.js"],(function(e,o){"use strict";var r,n;return{setters:[function(e){r=e.p;n=e.b},function(){}],execute:function(){var e=function(){var e=o.meta.url;var n={};if(e!==""){n.resourcesUrl=new URL(".",e).href}return r(n)};e().then((function(e){return n([["p-883d356e.system",[[32,"revo-grid",{frameSize:[2,"frame-size"],rowSize:[2,"row-size"],colSize:[2,"col-size"],range:[4],readonly:[4],resize:[4],canFocus:[4,"can-focus"],columns:[16],source:[16],pinnedTopSource:[16],pinnedBottomSource:[16],editors:[16],theme:[513],rowClass:[513,"row-class"]},[[0,"internalCellEdit","onBeforeEdit"],[0,"internalRangeDataApply","onBeforeRangeEdit"],[0,"internalSelectionChanged","onRangeChanged"],[0,"initialRowDropped","onRowDropped"],[0,"initialHeaderClick","onHeaderClick"],[0,"internalFocusCell","onCellFocus"]]],[0,"revogr-viewport",{columnStores:[16],rowStores:[16],dimensions:[16],viewports:[16],editors:[16],rowClass:[1,"row-class"],uuid:[1],resize:[4],readonly:[4],range:[4]},[[4,"click","handleOutsideClick"],[0,"internalRowDragStart","onRowDragStarted"],[0,"internalRowDragEnd","onRowDragEnd"],[0,"internalRowDrag","onRowDrag"]]],[4,"revogr-overlay-selection",{readonly:[4],range:[4],canDrag:[4,"can-drag"],selectionStore:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],colData:[16],lastCell:[16],editors:[16],autoFill:[32]},[[5,"mouseleave","onMouseOut"],[5,"mouseup","onMouseUp"],[0,"dragStartCell","onCellDrag"],[4,"keydown","handleKeyDown"]]],[0,"revogr-data",{colData:[16],readonly:[4],range:[4],canDrag:[4,"can-drag"],rowClass:[1,"row-class"],rows:[16],cols:[16],dimensionRow:[16],dataStore:[16]}],[0,"revogr-header",{cols:[16],dimensionCol:[16],parent:[1],groups:[16],groupingDepth:[2,"grouping-depth"],canResize:[4,"can-resize"],colData:[16]}],[0,"revogr-scroll-virtual",{dimension:[1],contentSize:[2,"content-size"],virtualSize:[2,"virtual-size"],setScroll:[64]}],[4,"revogr-viewport-scroll",{contentWidth:[2,"content-width"],contentHeight:[2,"content-height"],setScroll:[64]}],[0,"revogr-edit",{editCell:[16],column:[16],editor:[16]}],[0,"revogr-order-editor",{parent:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],activeDrag:[32],dragStart:[64],endOrder:[64],clearOrder:[64]},[[5,"mouseleave","onMouseOut"],[5,"mouseup","onMouseUp"]]]]]],e)}))}}}));

dist/revo-grid/revo-grid.esm.js

@@ -1,1 +0,1 @@
-import{p as e,b as o}from"./p-0ce3caa6.js";import"./p-e5097c37.js";(()=>{const o=import.meta.url,r={};return""!==o&&(r.resourcesUrl=new URL(".",o).href),e(r)})().then(e=>o([["p-76f8238b",[[32,"revo-grid",{frameSize:[2,"frame-size"],rowSize:[2,"row-size"],colSize:[2,"col-size"],range:[4],readonly:[4],resize:[4],canFocus:[4,"can-focus"],columns:[16],source:[16],pinnedTopSource:[16],pinnedBottomSource:[16],editors:[16],theme:[513],rowClass:[513,"row-class"]},[[0,"internalCellEdit","onBeforeEdit"],[0,"internalRangeDataApply","onBeforeRangeEdit"],[0,"internalSelectionChanged","onRangeChanged"],[0,"initialRowDropped","onRowDropped"],[0,"initialHeaderClick","onHeaderClick"],[0,"internalFocusCell","onCellFocus"]]],[0,"revogr-viewport",{columnStores:[16],rowStores:[16],dimensions:[16],viewports:[16],editors:[16],rowClass:[1,"row-class"],uuid:[1],resize:[4],readonly:[4],range:[4]},[[4,"click","handleOutsideClick"],[0,"internalRowDragStart","onRowDragStarted"],[0,"internalRowDragEnd","onRowDragEnd"],[0,"internalRowDrag","onRowDrag"]]],[4,"revogr-overlay-selection",{readonly:[4],range:[4],canDrag:[4,"can-drag"],selectionStore:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],colData:[16],lastCell:[16],editors:[16],autoFill:[32]},[[5,"mouseleave","onMouseOut"],[5,"mouseup","onMouseUp"],[0,"dragStartCell","onCellDrag"],[4,"keydown","handleKeyDown"]]],[0,"revogr-data",{colData:[16],readonly:[4],range:[4],canDrag:[4,"can-drag"],rowClass:[1,"row-class"],rows:[16],cols:[16],dimensionRow:[16],dataStore:[16]}],[0,"revogr-header",{cols:[16],dimensionCol:[16],parent:[1],groups:[16],groupingDepth:[2,"grouping-depth"],canResize:[4,"can-resize"],colData:[16]}],[0,"revogr-scroll-virtual",{dimension:[1],contentSize:[2,"content-size"],virtualSize:[2,"virtual-size"],setScroll:[64]}],[4,"revogr-viewport-scroll",{contentWidth:[2,"content-width"],contentHeight:[2,"content-height"],setScroll:[64]}],[0,"revogr-edit",{editCell:[16],column:[16],editor:[16]}],[0,"revogr-order-editor",{parent:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],activeDrag:[32],dragStart:[64],endOrder:[64],clearOrder:[64]},[[5,"mouseleave","onMouseOut"],[5,"mouseup","onMouseUp"]]]]]],e));
+import{p as e,b as o}from"./p-0ce3caa6.js";import"./p-e5097c37.js";(()=>{const o=import.meta.url,r={};return""!==o&&(r.resourcesUrl=new URL(".",o).href),e(r)})().then(e=>o([["p-28f440ff",[[32,"revo-grid",{frameSize:[2,"frame-size"],rowSize:[2,"row-size"],colSize:[2,"col-size"],range:[4],readonly:[4],resize:[4],canFocus:[4,"can-focus"],columns:[16],source:[16],pinnedTopSource:[16],pinnedBottomSource:[16],editors:[16],theme:[513],rowClass:[513,"row-class"]},[[0,"internalCellEdit","onBeforeEdit"],[0,"internalRangeDataApply","onBeforeRangeEdit"],[0,"internalSelectionChanged","onRangeChanged"],[0,"initialRowDropped","onRowDropped"],[0,"initialHeaderClick","onHeaderClick"],[0,"internalFocusCell","onCellFocus"]]],[0,"revogr-viewport",{columnStores:[16],rowStores:[16],dimensions:[16],viewports:[16],editors:[16],rowClass:[1,"row-class"],uuid:[1],resize:[4],readonly:[4],range:[4]},[[4,"click","handleOutsideClick"],[0,"internalRowDragStart","onRowDragStarted"],[0,"internalRowDragEnd","onRowDragEnd"],[0,"internalRowDrag","onRowDrag"]]],[4,"revogr-overlay-selection",{readonly:[4],range:[4],canDrag:[4,"can-drag"],selectionStore:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],colData:[16],lastCell:[16],editors:[16],autoFill:[32]},[[5,"mouseleave","onMouseOut"],[5,"mouseup","onMouseUp"],[0,"dragStartCell","onCellDrag"],[4,"keydown","handleKeyDown"]]],[0,"revogr-data",{colData:[16],readonly:[4],range:[4],canDrag:[4,"can-drag"],rowClass:[1,"row-class"],rows:[16],cols:[16],dimensionRow:[16],dataStore:[16]}],[0,"revogr-header",{cols:[16],dimensionCol:[16],parent:[1],groups:[16],groupingDepth:[2,"grouping-depth"],canResize:[4,"can-resize"],colData:[16]}],[0,"revogr-scroll-virtual",{dimension:[1],contentSize:[2,"content-size"],virtualSize:[2,"virtual-size"],setScroll:[64]}],[4,"revogr-viewport-scroll",{contentWidth:[2,"content-width"],contentHeight:[2,"content-height"],setScroll:[64]}],[0,"revogr-edit",{editCell:[16],column:[16],editor:[16]}],[0,"revogr-order-editor",{parent:[16],dimensionRow:[16],dimensionCol:[16],dataStore:[16],activeDrag:[32],dragStart:[64],endOrder:[64],clearOrder:[64]},[[5,"mouseleave","onMouseOut"],[5,"mouseup","onMouseUp"]]]]]],e));

dist/types/components/overlay/editors/text.d.ts

@@ -10,6 +10,6 @@ import { VNode } from '../../../stencil-public-runtime';
   constructor(column: RevoGrid.ColumnRegular, editCallback?: (value: Edition.SaveData) => void);
-  componentDidRender(): void;
+  componentDidRender(): Promise<void>;
   disconnectedCallback(): void;
-  render(_createComponent: RevoGrid.HyperFunc<VNode>): VNode;
   private onKeyDown;
+  render(): VNode;
 }

package.json

 {
   "name": "@revolist/revogrid",
-  "version": "1.5.8",
+  "version": "1.5.9",
   "description": "Virtual reactive data grid component - RevoGrid.",
@@ -5,0 +5,0 @@ "license": "MIT",

No alert changes

Improved metrics

Total package byte prevSize

4377263

increased by0.03%

Lines of code

63846

increased by0.03%

No dependency changes