@syook/react-tabulous 4.0.5 → 4.1.0

package/lib/types/data/index.d.ts

@@ -1,3 +1,4 @@
+import { GridColDef } from '../reactTabulous';
 export declare const dataSet1: {
     name: string;
     email: string;
@@ -35,60 +36,4 @@ export declare const dataSet2: {
     };
 }[];
 export declare const dataSet2Columns1: never[];
-export declare const dataSet2Columns: ({
-    field: string;
-    headerName: string;
-    type: string;
-    isFilterable: boolean;
-    isSortable: boolean;
-    isSearchable: boolean;
-    renderCell?: undefined;
-    valueGetter?: undefined;
-    options?: undefined;
-} | {
-    field: string;
-    headerName: string;
-    type: string;
-    renderCell: (row: any) => import("react/jsx-runtime").JSX.Element;
-    isFilterable?: undefined;
-    isSortable?: undefined;
-    isSearchable?: undefined;
-    valueGetter?: undefined;
-    options?: undefined;
-} | {
-    field: string;
-    headerName: string;
-    type: string;
-    valueGetter: (row: any) => any;
-    renderCell: (row: any) => import("react/jsx-runtime").JSX.Element;
-    options: ({
-        label: string;
-        value: string;
-    } | {
-        label: string;
-        value: number;
-    })[];
-    isFilterable: boolean;
-    isSortable: boolean;
-    isSearchable: boolean;
-} | {
-    field: string;
-    headerName: string;
-    type: string;
-    isFilterable: boolean;
-    isSearchable: boolean;
-    isSortable?: undefined;
-    renderCell?: undefined;
-    valueGetter?: undefined;
-    options?: undefined;
-} | {
-    field: string;
-    valueGetter: (row: any) => string;
-    headerName: string;
-    isFilterable: boolean;
-    isSortable: boolean;
-    isSearchable: boolean;
-    type?: undefined;
-    renderCell?: undefined;
-    options?: undefined;
-})[];
+export declare const dataSet2Columns: GridColDef[];

package/lib/types/reactTabulous/components/cell/columnCell.d.ts

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { type GridPinnedPosition } from '../../models';
+import { ColumnAlignment } from '../../models/columnDef/columnAlign';
 type ColumnCellProps = React.HTMLAttributes<HTMLDivElement> & {
     width?: number | string;
     pinned?: GridPinnedPosition | null;
@@ -7,6 +8,7 @@ type ColumnCellProps = React.HTMLAttributes<HTMLDivElement> & {
     column?: any;
     emptyPlaceholder: string;
     rowIndex: number;
+    align: ColumnAlignment;
 };
 declare const ColumnCell: React.FC<ColumnCellProps>;
 export default ColumnCell;

package/lib/types/reactTabulous/components/columnHeaders/columnHeaderItem.d.ts

@@ -1,8 +1,13 @@
 import React from 'react';
 import { type onDragUpdateType } from '../../hooks/useDragHandler';
 import { type GridPinnedPosition, type GridSortDirection } from '../../models';
+import { ColumnAlignment } from '../../models/columnDef/columnAlign';
+interface ColumnObject {
+    field: string;
+    type: string;
+}
 type ColumnHeaderItemProps = React.HTMLAttributes<HTMLDivElement> & {
-    columnObj: any;
+    columnObj: ColumnObject;
     type: string;
     disabledMoveLeft?: boolean;
     disabledMoveRight?: boolean;
@@ -18,10 +23,12 @@ type ColumnHeaderItemProps = React.HTMLAttributes<HTMLDivElement> & {
     sortBy: GridSortDirection;
     iconButtonSize?: number;
     pinned?: GridPinnedPosition;
+    fieldWidth?: number | string;
+    align: ColumnAlignment;
     onDragUpdate: onDragUpdateType;
-    handleSort: (field: string, type: string, value?: any) => void;
-    handlePin: (field: string, value?: any) => void;
-    handleMove: (field: string, value?: any) => void;
+    handleSort: (field: string, type: string, value: GridSortDirection | null) => void;
+    handlePin: (field: string, value: GridPinnedPosition | null) => void;
+    handleMove: (field: string, direction: 'left' | 'right') => void;
     handleWidth: (field: string, value: number) => void;
     onHideColumns: (field: string) => void;
     onToggleColumnToolbar: () => void;

package/lib/types/reactTabulous/constant/index.d.ts

@@ -1,3 +1,4 @@
+import { ColumnAlignment } from '../models/columnDef/columnAlign';
 export declare const densityMapping: {
     compact: number;
     standard: number;
@@ -8,3 +9,4 @@ export declare const iconDensityMapping: {
     standard: number;
     comfortable: number;
 };
+export declare const alignMapping: Record<ColumnAlignment, string>;

package/lib/types/reactTabulous/models/columnDef/columnAlign.d.ts

@@ -0,0 +1 @@
+export type ColumnAlignment = 'left' | 'center' | 'right';

package/lib/types/reactTabulous/models/columnDef/columnDef.d.ts

@@ -4,6 +4,7 @@ import { type GridValidRowModel } from '../gridRows';
 import { type GridPinnedPosition } from './columnPin';
 import { type GridActionsCellItemProps } from '../../components/cell/gridActionsCellItem';
 import { OptionInterface } from '../../helpers/select';
+import { ColumnAlignment } from './columnAlign';
 export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel, V = any, F = V> {
     /**
      * The column identifier. It's used to map with [[GridRowModel]] values.
@@ -60,6 +61,10 @@ export interface GridBaseColDef<R extends GridValidRowModel = GridValidRowModel,
      * The column to show options in filter.
      */
     options?: OptionInterface[];
+    /**
+     * Align the column.
+     */
+    align?: ColumnAlignment;
 }
 export interface GridActionsColDef<R extends GridValidRowModel = any, V = any, F = V> extends GridBaseColDef<R, V, F> {
     /**

package/lib/types/reactTabulous/models/gridFiltersModel.d.ts

@@ -1,3 +1,4 @@
+import { OptionInterface } from '../helpers/select';
 export interface FilterFieldProps {
     condition: string;
     column: string;
@@ -5,5 +6,5 @@ export interface FilterFieldProps {
     operator: string;
     value: any;
     field: string;
-    options?: string[];
+    options?: string[] | OptionInterface[];
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@syook/react-tabulous",
-  "version": "4.0.5",
+  "version": "4.1.0",
   "description": "Terrifically fabulous React Table",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",