CHANGELOG.md

@@ -1,11 +1,5 @@
 # @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.5",
+  "version": "0.0.4",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/Gridler/GridlerDataGrid.tsx

@@ -121,10 +121,17 @@ 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"
@@ -132,25 +139,15 @@ 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]);
@@ -206,6 +203,7 @@ export const GridlerDataGrid = () => {
               onHeaderMenuClick={onHeaderMenuClick}
               onItemHovered={onItemHovered}
               onVisibleRegionChanged={onVisibleRegionChanged}
+              rangeSelect="multi-rect"
               ref={refMerged as React.Ref<DataEditorRef>}
               rightElement={
                 <Group>
@@ -217,13 +215,20 @@ 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 />}