@revolist/revogrid-react 4.19.3 → 4.20.2

package/README.md

@@ -41,6 +41,8 @@ Support Millions of cells and thousands of columns easy and efficiently for fast
 
 - **[Accessibility](https://rv-grid.com/guide/wcag)**: Follows WAI-ARIA best practices.
 
+- **[RTL Support](https://rv-grid.com/guide/rtl)**: Comprehensive Right-to-Left language support for Arabic, Hebrew, Persian, and other RTL languages. Features automatic column reordering, proper text alignment, and layout adjustments for RTL interfaces.
+
 - **[Keyboard Support](https://rv-grid.com/guide/defs#Keyboard)**:
   - Excel-like focus for efficient navigation and editing.
   - Seamless copy/paste from Excel, Google Sheets, or any other sheet format.

package/dist/revogrid-react.js

@@ -171,27 +171,22 @@ const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFun
   };
   return createForwardRef(ReactComponent, displayName);
 };
-function TemplateConstructor(el, ReactComponent, initialProps, lastEl = null) {
-  var _a;
-  if (!el) {
-    (_a = lastEl == null ? void 0 : lastEl.destroy) == null ? void 0 : _a.call(lastEl);
-    return null;
-  }
+function TemplateConstructor(el, ReactComponent, initialProps, key) {
   if (!el._root) {
     el._root = createRoot(el);
   }
   const renderComponent = (props) => {
-    var _a2;
-    const vNode = createElement(ReactComponent, props);
-    (_a2 = el._root) == null ? void 0 : _a2.render(vNode);
+    var _a;
+    const vNode = createElement(ReactComponent, { ...props, key });
+    (_a = el._root) == null ? void 0 : _a.render(vNode);
   };
   renderComponent(initialProps);
   const update = (newProps) => {
     renderComponent(newProps);
   };
   const destroy = () => {
-    var _a2;
-    (_a2 = el._root) == null ? void 0 : _a2.unmount();
+    var _a;
+    (_a = el._root) == null ? void 0 : _a.unmount();
     el._root = void 0;
   };
   return { update, destroy };
@@ -200,11 +195,16 @@ const Template = (ReactComponent, customProps) => {
   return (h, p, addition) => {
     const props = customProps ? { ...customProps, ...p } : p;
     props.addition = addition;
+    const key = `${p.prop}-${p.rowIndex || 0}`;
     let lastEl = null;
     return h("span", {
-      key: `${p.prop}-${p.rowIndex || 0}`,
       ref: (el) => {
-        lastEl = TemplateConstructor(el, ReactComponent, props, lastEl);
+        var _a;
+        if (!el) {
+          (_a = lastEl == null ? void 0 : lastEl.destroy) == null ? void 0 : _a.call(lastEl);
+        } else {
+          lastEl = TemplateConstructor(el, ReactComponent, props, key);
+        }
       }
     });
   };
@@ -232,17 +232,26 @@ class EditorAdapter {
     var _a;
     return h("span", {
       key: `${this.column.prop}-${((_a = this.editCell) == null ? void 0 : _a.rowIndex) || 0}`,
-      ref: (el) => this.renderedComponent = TemplateConstructor(
-        el,
-        this.EditorComponent,
-        {
-          ...this.editCell,
-          column: this.column,
-          save: this.save,
-          close: this.close
-        },
-        this.renderedComponent
-      )
+      ref: (el) => {
+        var _a2, _b;
+        const key = `${this.column.prop}-${((_a2 = this.editCell) == null ? void 0 : _a2.rowIndex) || 0}`;
+        if (!el) {
+          (_b = this.renderedComponent) == null ? void 0 : _b.destroy();
+          this.renderedComponent = null;
+        } else {
+          this.renderedComponent = TemplateConstructor(
+            el,
+            this.EditorComponent,
+            {
+              ...this.editCell,
+              column: this.column,
+              save: this.save,
+              close: this.close
+            },
+            key
+          );
+        }
+      }
     });
   }
 }

package/dist/revogrid-react.umd.cjs

@@ -169,27 +169,22 @@ var __publicField = (obj, key, value) => {
     };
     return createForwardRef(ReactComponent, displayName);
   };
-  function TemplateConstructor(el, ReactComponent, initialProps, lastEl = null) {
-    var _a;
-    if (!el) {
-      (_a = lastEl == null ? void 0 : lastEl.destroy) == null ? void 0 : _a.call(lastEl);
-      return null;
-    }
+  function TemplateConstructor(el, ReactComponent, initialProps, key) {
     if (!el._root) {
       el._root = client.createRoot(el);
     }
     const renderComponent = (props) => {
-      var _a2;
-      const vNode = React.createElement(ReactComponent, props);
-      (_a2 = el._root) == null ? void 0 : _a2.render(vNode);
+      var _a;
+      const vNode = React.createElement(ReactComponent, { ...props, key });
+      (_a = el._root) == null ? void 0 : _a.render(vNode);
     };
     renderComponent(initialProps);
     const update = (newProps) => {
       renderComponent(newProps);
     };
     const destroy = () => {
-      var _a2;
-      (_a2 = el._root) == null ? void 0 : _a2.unmount();
+      var _a;
+      (_a = el._root) == null ? void 0 : _a.unmount();
       el._root = void 0;
     };
     return { update, destroy };
@@ -198,11 +193,16 @@ var __publicField = (obj, key, value) => {
     return (h, p, addition) => {
       const props = customProps ? { ...customProps, ...p } : p;
       props.addition = addition;
+      const key = `${p.prop}-${p.rowIndex || 0}`;
       let lastEl = null;
       return h("span", {
-        key: `${p.prop}-${p.rowIndex || 0}`,
         ref: (el) => {
-          lastEl = TemplateConstructor(el, ReactComponent, props, lastEl);
+          var _a;
+          if (!el) {
+            (_a = lastEl == null ? void 0 : lastEl.destroy) == null ? void 0 : _a.call(lastEl);
+          } else {
+            lastEl = TemplateConstructor(el, ReactComponent, props, key);
+          }
         }
       });
     };
@@ -230,17 +230,26 @@ var __publicField = (obj, key, value) => {
       var _a;
       return h("span", {
         key: `${this.column.prop}-${((_a = this.editCell) == null ? void 0 : _a.rowIndex) || 0}`,
-        ref: (el) => this.renderedComponent = TemplateConstructor(
-          el,
-          this.EditorComponent,
-          {
-            ...this.editCell,
-            column: this.column,
-            save: this.save,
-            close: this.close
-          },
-          this.renderedComponent
-        )
+        ref: (el) => {
+          var _a2, _b;
+          const key = `${this.column.prop}-${((_a2 = this.editCell) == null ? void 0 : _a2.rowIndex) || 0}`;
+          if (!el) {
+            (_b = this.renderedComponent) == null ? void 0 : _b.destroy();
+            this.renderedComponent = null;
+          } else {
+            this.renderedComponent = TemplateConstructor(
+              el,
+              this.EditorComponent,
+              {
+                ...this.editCell,
+                column: this.column,
+                save: this.save,
+                close: this.close
+              },
+              key
+            );
+          }
+        }
       });
     }
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@revolist/revogrid-react",
   "sideEffects": false,
-  "version": "4.19.3",
+  "version": "4.20.2",
   "description": "React DataGrid Spreadsheet component with native cell render support",
   "main": "./dist/react-datagrid.umd.cjs",
   "module": "./dist/react-datagrid.js",
@@ -64,16 +64,17 @@
   "homepage": "https://github.com/revolist/revogrid#readme",
   "license": "MIT",
   "dependencies": {
-    "@revolist/revogrid": "4.19.3"
+    "@revolist/revogrid": "4.20.2"
   },
   "devDependencies": {
+    "@stencil/core": "^4.17.1",
+    "@types/node": "^25.0.3",
     "@types/react": "^18.3.2",
     "@types/react-dom": "^18.3.0",
     "@vitejs/plugin-react": "^4.2.1",
-    "typescript": "^5.2.2",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "@stencil/core": "^4.17.1",
+    "typescript": "^5.2.2",
     "vite": "^5.2.11",
     "vite-plugin-dts": "^3.9.1"
   }