fix(className): fix grid extra leading space issue & bump 0.1.7

Author: asif7774

CHANGELOG.md

@@ -5,6 +5,13 @@
 
 ---
 
+## [0.1.7] — March 12, 2026 🐛
+
+### Fixed
+- Fixed an issue where the main wrapper `className` would erroneously include extra whitespace (e.g. `ogx    `) when no optional classes were active.
+- Fixed an issue where `onRowOrderChange` drag-and-drop visuals didn't actually update in the `EventsDemo` component examples because it was referencing a static array instead of React State.
+
+
 ## [0.1.6] — March 12, 2026 🎨
 
 ### Added

demo/App.tsx

@@ -117,7 +117,7 @@ function App() {
                     <img src={`${import.meta.env.BASE_URL}logo.png`} alt="OpenGridX Logo" className="app-logo" />
                     <h2 className="app-title">
                         OpenGridX
-                        <span className="app-version">v0.1.6</span>
+                        <span className="app-version">v0.1.7</span>
                     </h2>
                 </div>
 

demo/Home.tsx

@@ -68,7 +68,7 @@ export default function Home(_props: HomeProps) {
                 <div className="home-logo-hero">
                     <img src={`${import.meta.env.BASE_URL}banner.png`} alt="OpenGridX Logo" className="home-banner-image" />
                 </div>
-                <span className="home-badge">OpenGridX v0.1.6</span>
+                <span className="home-badge">OpenGridX v0.1.7</span>
                 <p className="home-subtitle">
                     The elite, high-performance DataGrid for modern React.
                     Built to handle massive data with a premium developer experience.

demo/public/llms.txt

@@ -1,6 +1,6 @@
 # OpenGridX — AI Agent Context
 # Package: @opencorestack/opengridx
-# Version: 0.1.6
+# Version: 0.1.7
 # Docs: https://opencorestack.github.io/OpenGridX/
 # This file is machine-readable. AI developers: start here.
 

lib/components/DataGrid/DataGrid.tsx

@@ -1643,7 +1643,7 @@ export function DataGrid<R extends GridRowModel = GridRowModel>(props: DataGridP
     return (
         <div
             ref={containerRef}
-            className={`ogx ${className} ${autoHeight ? 'ogx--auto-height' : ''} ${hasRowSpanning ? 'ogx--row-spanning' : ''} ${listView ? 'ogx--list-view' : ''}`}
+            className={['ogx', className, autoHeight && 'ogx--auto-height', hasRowSpanning && 'ogx--row-spanning', listView && 'ogx--list-view'].filter(Boolean).join(' ')}
             style={{
                 ...style,
                 height: height ?? style?.height,

llms.txt

@@ -1,6 +1,6 @@
 # OpenGridX — AI Agent Context
 # Package: @opencorestack/opengridx
-# Version: 0.1.6
+# Version: 0.1.7
 # Docs: https://opencorestack.github.io/OpenGridX/
 # This file is machine-readable. AI developers: start here.
 

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencorestack/opengridx",
-  "version": "0.1.6",
+  "version": "0.1.7",
   "description": "OpenGridX: High-performance React data infrastructure. Unlock advanced Row Grouping, Excel Export, and Column Pinning without the usual \"Pro\" gatekeeping. Built for speed, scale, and complete architectural freedom. Fully open, virtualization-ready, and feature-complete.",
   "type": "module",
   "main": "./dist/opengridx.umd.js",