RELEASING: Releasing 1 package(s)

Releases:
  @warkypublic/oranguru@0.0.5

[skip ci]

CHANGELOG.md

@@ -1,5 +1,11 @@
 # @warkypublic/zustandsyncstore
 
+## 0.0.5
+
+### Patch Changes
+
+- d7f4d0d: Fixed spreaing of grid props
+
 ## 0.0.4
 
 ### Patch Changes

package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warkypublic/oranguru",
   "author": "Warky Devs",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "scripts": {
     "dev": "vite",

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 />}