docs(changeset): Fixed spreaing of grid props

.changeset/kind-memes-kneel.md

@@ -0,0 +1,5 @@
+---
+'@warkypublic/oranguru': patch
+---
+
+Fixed spreaing of grid props

src/Gridler/GridlerDataGrid.tsx

@@ -121,17 +121,10 @@ export const GridlerDataGrid = () => {
             }, 100);
           }
         }}
+        ref={refWrapper}
       >
         {sections?.left}
-        <div
-          ref={refWrapper}
-          style={{
-            flexGrow: 2,
-            height: '100%',
-            minHeight: '80px',
-            width: '100%',
-          }}
-        >
+
         {width && width > 0 && height && height > 0 && (
           <DataEditor
             cellActivationBehavior="double-click"
@@ -139,15 +132,25 @@ export const GridlerDataGrid = () => {
             columns={(renderColumns as Array<GridColumn>) ?? []}
             columnSelect="none"
             drawFocusRing
+            height={(height ?? 400) - 4}
+            rangeSelect="multi-rect"
+            rowMarkers={{
+              checkboxStyle: 'square',
+              kind: 'both',
+            }}
+            rowSelect="multi"
+            rowSelectionMode="auto"
+            spanRangeBehavior="default"
+            {...glideProps}
             getCellContent={getCellContent}
             getCellsForSelection={getCellsForSelection}
             getRowThemeOverride={theme.getRowThemeOverride}
             gridSelection={_gridSelection}
             headerHeight={headerHeight ?? 32}
             headerIcons={{ sort: SortSprite, sortdown: SortDownSprite, sortup: SortUpSprite }}
-              height={(height ?? 400) - 4}
             onCellContextMenu={(cell, event) => {
               event.preventDefault();
+              glideProps?.onCellContextMenu?.(cell, event);
               if (!refContextActivated.current) {
                 refContextActivated.current = true;
                 onContextClick('cell', event, cell[0], cell[1]);
@@ -203,7 +206,6 @@ export const GridlerDataGrid = () => {
             onHeaderMenuClick={onHeaderMenuClick}
             onItemHovered={onItemHovered}
             onVisibleRegionChanged={onVisibleRegionChanged}
-              rangeSelect="multi-rect"
             ref={refMerged as React.Ref<DataEditorRef>}
             rightElement={
               <Group>
@@ -215,20 +217,13 @@ export const GridlerDataGrid = () => {
             rowHeight={rowHeight ?? 22}
             //rowMarkersCheckboxStyle='square'
             //rowMarkersKind='both'
-              rowMarkers={{
-                checkboxStyle: 'square',
-                kind: 'both',
-              }}
+
             rows={total_rows ?? 0}
-              rowSelect="multi"
-              rowSelectionMode="auto"
-              spanRangeBehavior="default"
             theme={theme.gridTheme}
             width={width ?? 200}
-              {...glideProps}
           />
         )}
-        </div>
+
         {/* </Portal> */}
         <Computer />
         {!hasLocalData && <Pager />}