@glideapps/glide-data-grid - npm Package Compare versions

Comparing version 5.1.0-alpha3 to 5.1.0-alpha4

dist/ts/data-editor/data-editor.d.ts

 import * as React from "react";
-import { EditableGridCell, GridCell, GridSelection, Rectangle, ProvideEditorCallback, DrawCustomCellCallback, GridColumn, GroupHeaderClickedEventArgs, HeaderClickedEventArgs, CellClickedEventArgs, Item, ValidatedGridCell, ImageEditorType } from "../data-grid/data-grid-types";
+import { EditableGridCell, GridCell, GridSelection, Rectangle, ProvideEditorCallback, DrawCustomCellCallback, GridColumn, GroupHeaderClickedEventArgs, HeaderClickedEventArgs, CellClickedEventArgs, Item, ValidatedGridCell, ImageEditorType, CustomCell } from "../data-grid/data-grid-types";
 import { DataGridSearchProps } from "../data-grid-search/data-grid-search";
@@ -8,3 +8,3 @@ import { Theme } from "../common/styles";
 import type { CustomRenderer } from "../data-grid/cells/cell-types";
-declare type Props = Omit<DataGridSearchProps, "accessibilityHeight" | "canvasRef" | "cellXOffset" | "cellYOffset" | "className" | "clientSize" | "columns" | "disabledRows" | "drawCustomCell" | "enableGroups" | "firstColAccessible" | "firstColSticky" | "freezeColumns" | "getCellContent" | "getCellRenderer" | "getCellsForSelection" | "gridRef" | "groupHeaderHeight" | "headerHeight" | "isFilling" | "isFocused" | "lockColumns" | "maxColumnWidth" | "minColumnWidth" | "onCanvasBlur" | "onCanvasFocused" | "onCellFocused" | "onContextMenu" | "onDragEnd" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "onSearchResultsChanged" | "onVisibleRegionChanged" | "rowHeight" | "scrollRef" | "searchColOffset" | "selectedColumns" | "selection" | "theme" | "trailingRowType" | "translateX" | "translateY" | "verticalBorder">;
+declare type Props = Partial<Omit<DataGridSearchProps, "accessibilityHeight" | "canvasRef" | "cellXOffset" | "cellYOffset" | "className" | "clientSize" | "columns" | "disabledRows" | "drawCustomCell" | "enableGroups" | "firstColAccessible" | "firstColSticky" | "freezeColumns" | "getCellContent" | "getCellRenderer" | "getCellsForSelection" | "gridRef" | "groupHeaderHeight" | "headerHeight" | "isFilling" | "isFocused" | "lockColumns" | "maxColumnWidth" | "minColumnWidth" | "onCanvasBlur" | "onCanvasFocused" | "onCellFocused" | "onContextMenu" | "onDragEnd" | "onMouseDown" | "onMouseMove" | "onMouseUp" | "onSearchResultsChanged" | "onVisibleRegionChanged" | "rowHeight" | "rows" | "scrollRef" | "searchColOffset" | "selectedColumns" | "selection" | "theme" | "trailingRowType" | "translateX" | "translateY" | "verticalBorder">>;
 declare type EditListItem = {
@@ -124,2 +124,7 @@ location: Item;
     readonly groupHeaderHeight?: number;
+    /**
+     * The number of rows in the grid.
+     * @group Data
+     */
+    readonly rows: number;
     /** Determins if row markers should be automatically added to the grid.
@@ -383,3 +388,3 @@ * @defaultValue `none`
      */
-    readonly customRenderers?: readonly CustomRenderer[];
+    readonly customRenderers?: readonly CustomRenderer<CustomCell<any>>[];
 }
@@ -386,0 +391,0 @@ declare type ScrollToFn = (col: number | {

dist/ts/data-grid/data-grid.d.ts

@@ -12,4 +12,4 @@ import * as React from "react";
     readonly cellYOffset: number;
-    readonly translateX?: number;
-    readonly translateY?: number;
+    readonly translateX: number | undefined;
+    readonly translateY: number | undefined;
     readonly accessibilityHeight: number;
@@ -23,3 +23,3 @@ readonly freezeColumns: number;
      */
-    readonly fixedShadowX?: boolean;
+    readonly fixedShadowX: boolean | undefined;
     /**
@@ -29,4 +29,4 @@ * Enables or disables the overlay shadow when scrolling vertical
      */
-    readonly fixedShadowY?: boolean;
-    readonly allowResize?: boolean;
+    readonly fixedShadowY: boolean | undefined;
+    readonly allowResize: boolean | undefined;
     readonly isResizing: boolean;
@@ -46,5 +46,5 @@ readonly isDragging: boolean;
     readonly rowHeight: number | ((index: number) => number);
-    readonly canvasRef?: React.MutableRefObject<HTMLCanvasElement | null>;
-    readonly eventTargetRef?: React.MutableRefObject<HTMLDivElement | null>;
-    readonly className?: string;
+    readonly canvasRef: React.MutableRefObject<HTMLCanvasElement | null> | undefined;
+    readonly eventTargetRef: React.MutableRefObject<HTMLDivElement | null> | undefined;
+    readonly className: string | undefined;
     readonly getCellContent: (cell: Item) => InnerGridCell;
@@ -55,3 +55,3 @@ /**
      */
-    readonly getGroupDetails?: GroupDetailsCallback;
+    readonly getGroupDetails: GroupDetailsCallback | undefined;
     /**
@@ -61,3 +61,3 @@ * Provides per row theme overrides.
      */
-    readonly getRowThemeOverride?: GetRowThemeCallback;
+    readonly getRowThemeOverride: GetRowThemeCallback | undefined;
     /**
@@ -67,5 +67,5 @@ * Emitted when a header menu disclosure indicator is clicked.
      */
-    readonly onHeaderMenuClick?: (col: number, screenPosition: Rectangle) => void;
+    readonly onHeaderMenuClick: ((col: number, screenPosition: Rectangle) => void) | undefined;
     readonly selection: GridSelection;
-    readonly prelightCells?: readonly Item[];
+    readonly prelightCells: readonly Item[] | undefined;
     /**
@@ -75,3 +75,3 @@ * Highlight regions provide hints to users about relations between cells and selections.
      */
-    readonly highlightRegions?: readonly Highlight[];
+    readonly highlightRegions: readonly Highlight[] | undefined;
     /**
@@ -82,4 +82,4 @@ * Enabled/disables the fill handle.
      */
-    readonly fillHandle?: boolean;
-    readonly disabledRows?: CompactSelection;
+    readonly fillHandle: boolean | undefined;
+    readonly disabledRows: CompactSelection | undefined;
     /**
@@ -89,3 +89,3 @@ * Allows passing a custom image window loader.
      */
-    readonly imageWindowLoader?: ImageWindowLoader;
+    readonly imageWindowLoader: ImageWindowLoader | undefined;
     /**
@@ -92,0 +92,0 @@ * Emitted when an item is hovered.

dist/ts/scrolling-data-grid/scrolling-data-grid.d.ts

@@ -6,3 +6,3 @@ import * as React from "react";
 export interface ScrollingDataGridProps extends Props {
-    readonly onVisibleRegionChanged?: (range: Rectangle, clientWidth: number, clientHeight: number, rightElWidth: number, tx?: number, ty?: number) => void;
+    readonly onVisibleRegionChanged: ((range: Rectangle, clientWidth: number, clientHeight: number, rightElWidth: number, tx: number, ty: number) => void) | undefined;
     /**
@@ -13,4 +13,4 @@ * Causes the grid to scroll to the end when flipped to true
      */
-    readonly scrollToEnd?: boolean;
-    readonly scrollRef?: React.MutableRefObject<HTMLDivElement | null>;
+    readonly scrollToEnd: boolean | undefined;
+    readonly scrollRef: React.MutableRefObject<HTMLDivElement | null> | undefined;
     /**
@@ -23,7 +23,7 @@ * The overscroll properties are used to allow the grid to scroll past the logical end of the content by a fixed
      */
-    readonly overscrollX?: number;
+    readonly overscrollX: number | undefined;
     /** {@inheritDoc overscrollX}
      * @group Advanced
      */
-    readonly overscrollY?: number;
+    readonly overscrollY: number | undefined;
     /**
@@ -35,3 +35,3 @@ * Provides an initial size for the grid which can prevent a flicker on load if the initial size is known prior to
      */
-    readonly initialSize?: readonly [width: number, height: number];
+    readonly initialSize: readonly [width: number, height: number] | undefined;
     /**
@@ -41,3 +41,3 @@ * Set to true to prevent any diagonal scrolling.
      */
-    readonly preventDiagonalScrolling?: boolean;
+    readonly preventDiagonalScrolling: boolean | undefined;
     /**
@@ -52,6 +52,6 @@ * If `rightElementProps.sticky` is set to true the right element will be visible at all times, otherwise the user
      */
-    readonly rightElementProps?: {
+    readonly rightElementProps: {
         readonly sticky?: boolean;
         readonly fill?: boolean;
-    };
+    } | undefined;
     /**
@@ -62,3 +62,3 @@ * The right element is a DOM node which can be inserted at the end of the horizontal scroll region. This can be
      */
-    readonly rightElement?: React.ReactNode;
+    readonly rightElement: React.ReactNode | undefined;
     /**
@@ -69,3 +69,3 @@ * Enables/disables the interactive minimap.
      */
-    readonly showMinimap?: boolean;
+    readonly showMinimap: boolean | undefined;
     readonly clientSize: readonly [number, number];
@@ -72,0 +72,0 @@ }

package.json

 {
     "name": "@glideapps/glide-data-grid",
-    "version": "5.1.0-alpha3",
+    "version": "5.1.0-alpha4",
     "description": "Super fast, pure canvas Data Grid Editor",
@@ -5,0 +5,0 @@ "sideEffects": [

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

2774849

increased by2.3%

Lines of code

22455

increased by2.1%

No dependency changes