@yahya.saidi/super-header-react-data-grid - npm Package Compare versions

Comparing version 7.0.3-canary.26 to 7.0.4-canary.26

lib/Cell.js

@@ -35,2 +35,3 @@ import React, { forwardRef, memo, useRef } from "react";
             left: column.left,
+            textAlign: column.cellAlignment ? column.cellAlignment : "center",
         }, onFocus: onFocus, onKeyDown: onKeyDown, onClick: wrapEvent(handleClick, onClick), onDoubleClick: wrapEvent(handleDoubleClick, onDoubleClick), onContextMenu: wrapEvent(handleContextMenu, onContextMenu) }, props), !column.rowGroup && (React.createElement(React.Fragment, null,
@@ -37,0 +38,0 @@ React.createElement(column.formatter, { column: column, rowIdx: rowIdx, row: row, isCellSelected: isCellSelected, isRowSelected: isRowSelected, onRowSelectionChange: onRowSelectionChange }),

lib/EditCell.d.ts

@@ -1,5 +0,5 @@
-import React from 'react';
-import { CellRendererProps, SharedEditorContainerProps, SharedEditor2Props } from './types';
-declare type SharedCellRendererProps<R, SR> = Pick<CellRendererProps<R, SR>, 'rowIdx' | 'row' | 'column'>;
-interface EditCellRendererProps<R, SR> extends SharedCellRendererProps<R, SR>, Omit<React.HTMLAttributes<HTMLDivElement>, 'style' | 'children'> {
+import React from "react";
+import { CellRendererProps, SharedEditorContainerProps, SharedEditor2Props } from "./types";
+declare type SharedCellRendererProps<R, SR> = Pick<CellRendererProps<R, SR>, "rowIdx" | "row" | "column">;
+interface EditCellRendererProps<R, SR> extends SharedCellRendererProps<R, SR>, Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "children"> {
     editorPortalTarget: Element;
@@ -6,0 +6,0 @@ editorContainerProps: SharedEditorContainerProps;

lib/EditCell.js

@@ -1,8 +0,8 @@
-import React, { forwardRef, useState, useCallback } from 'react';
-import clsx from 'clsx';
-import { EditorContainer, EditorContainer2, EditorPortal } from './editors';
-import { useCombinedRefs } from './hooks';
+import React, { forwardRef, useState, useCallback } from "react";
+import clsx from "clsx";
+import { EditorContainer, EditorContainer2, EditorPortal } from "./editors";
+import { useCombinedRefs } from "./hooks";
 function EditCell({ className, column, row, rowIdx, editorPortalTarget, editorContainerProps, editor2Props, onKeyDown, ...props }, ref) {
     const [dimensions, setDimensions] = useState(null);
-    const cellRef = useCallback(node => {
+    const cellRef = useCallback((node) => {
         if (node !== null) {
@@ -14,6 +14,6 @@ const { left, top } = node.getBoundingClientRect();
     const { cellClass } = column;
-    className = clsx('rdg-cell', {
-        'rdg-cell-frozen': column.frozen,
-        'rdg-cell-frozen-last': column.isLastFrozenColumn
-    }, 'rdg-cell-selected', 'rdg-cell-editing', typeof cellClass === 'function' ? cellClass(row) : cellClass, className);
+    className = clsx("rdg-cell", {
+        "rdg-cell-frozen": column.frozen,
+        "rdg-cell-frozen-last": column.isLastFrozenColumn,
+    }, "rdg-cell-selected", "rdg-cell-editing", typeof cellClass === "function" ? cellClass(row) : cellClass, className);
     function getCellContent() {
@@ -32,3 +32,3 @@ var _a, _b;
         if (((_b = column.editorOptions) === null || _b === void 0 ? void 0 : _b.createPortal) !== false) {
-            return (React.createElement(EditorPortal, { target: editorPortalTarget }, editor));
+            return React.createElement(EditorPortal, { target: editorPortalTarget }, editor);
         }
@@ -39,3 +39,4 @@ return editor;
             width: column.width,
-            left: column.left
+            left: column.left,
+            textAlign: column.cellAlignment ? column.cellAlignment : "center",
         }, onKeyDown: onKeyDown }, props), getCellContent()));
@@ -42,0 +43,0 @@ }

lib/types.d.ts

@@ -12,2 +12,4 @@ import { KeyboardEvent } from 'react';
     width?: number | string;
+    /** this will decide which alignment for the cells */
+    cellAlignment?: "center" | "left" | "right";
     /** Minimum column width in px. */
@@ -14,0 +16,0 @@ minWidth?: number;

package.json

 {
   "name": "@yahya.saidi/super-header-react-data-grid",
-  "version": "7.0.3-canary.26",
+  "version": "7.0.4-canary.26",
   "license": "MIT",
@@ -5,0 +5,0 @@ "description": "Excel-like grid component built with React, with editors, keyboard navigation, copy & paste, and the like",

No alert changes

Improved metrics

Total package byte prevSize

829853

increased by0.22%

Lines of code

6227

increased by0.13%

No dependency changes