simple-table-core 1.2.4 → 1.2.6

package/dist/components/simple-table/SimpleTable.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, MutableRefObject } from "react";
-import HeaderObject from "../../types/HeaderObject";
+import HeaderObject, { Accessor } from "../../types/HeaderObject";
 import CellChangeProps from "../../types/CellChangeProps";
 import Theme from "../../types/Theme";
 import Row from "../../types/Row";
@@ -8,7 +8,7 @@ import TableRefType from "../../types/TableRefType";
 import OnNextPage from "../../types/OnNextPage";
 import "../../styles/simple-table.css";
 import { TableFilterState } from "../../types/FilterTypes";
-import { SortColumn } from "../../types/SortConfig";
+import SortColumn from "../../types/SortColumn";
 interface SimpleTableProps {
     allowAnimations?: boolean;
     cellUpdateFlash?: boolean;
@@ -34,9 +34,9 @@ interface SimpleTableProps {
     onNextPage?: OnNextPage;
     onSortChange?: (sort: SortColumn | null) => void;
     prevIcon?: ReactNode;
-    rowGrouping?: string[];
+    rowGrouping?: Accessor[];
     rowHeight?: number;
-    rowIdAccessor: string;
+    rowIdAccessor: Accessor;
     rows: Row[];
     rowsPerPage?: number;
     selectableCells?: boolean;

package/dist/components/simple-table/TableContent.d.ts

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from "react";
-import { SortColumn } from "../../types/SortConfig";
+import SortColumn from "../../types/SortColumn";
 import TableRow from "../../types/TableRow";
 interface TableContentLocalProps {
     pinnedLeftWidth: number;

package/dist/components/simple-table/TableHeaderCell.d.ts

@@ -1,5 +1,5 @@
 import HeaderObject from "../../types/HeaderObject";
-import { SortColumn } from "../../types/SortConfig";
+import SortColumn from "../../types/SortColumn";
 interface HeaderCellProps {
     colIndex: number;
     gridColumnEnd: number;

package/dist/components/simple-table/table-column-editor/columnEditorUtils.d.ts

@@ -1,4 +1,4 @@
-import HeaderObject from "../../../types/HeaderObject";
-export declare const findAndMarkParentsVisible: (headers: HeaderObject[], childAccessor: string, visited?: Set<string>) => void;
+import HeaderObject, { Accessor } from "../../../types/HeaderObject";
+export declare const findAndMarkParentsVisible: (headers: HeaderObject[], childAccessor: Accessor, visited?: Set<string>) => void;
 export declare const areAllChildrenHidden: (children: HeaderObject[]) => boolean;
 export declare const updateParentHeaders: (headers: HeaderObject[]) => void;

package/dist/context/TableContext.d.ts

@@ -2,7 +2,7 @@ import { ReactNode, RefObject, MutableRefObject, Dispatch, SetStateAction } from
 import { TableFilterState, FilterCondition } from "../types/FilterTypes";
 import TableRow from "../types/TableRow";
 import Cell from "../types/Cell";
-import HeaderObject from "../types/HeaderObject";
+import HeaderObject, { Accessor } from "../types/HeaderObject";
 import OnSortProps from "../types/OnSortProps";
 import Theme from "../types/Theme";
 import CellValue from "../types/CellValue";
@@ -23,7 +23,7 @@ interface TableContextType {
     getBorderClass: (cell: Cell) => string;
     handleApplyFilter: (filter: FilterCondition) => void;
     handleClearAllFilters: () => void;
-    handleClearFilter: (accessor: string) => void;
+    handleClearFilter: (accessor: Accessor) => void;
     handleMouseDown: (cell: Cell) => void;
     handleMouseOver: (cell: Cell) => void;
     headerContainerRef: RefObject<HTMLDivElement>;
@@ -46,9 +46,9 @@ interface TableContextType {
     pinnedLeftRef: RefObject<HTMLDivElement>;
     pinnedRightRef: RefObject<HTMLDivElement>;
     prevIcon: ReactNode;
-    rowGrouping?: string[];
+    rowGrouping?: Accessor[];
     rowHeight: number;
-    rowIdAccessor: string;
+    rowIdAccessor: Accessor;
     scrollbarWidth: number;
     selectColumns?: (columnIndices: number[], isShiftKey?: boolean) => void;
     selectableColumns: boolean;

package/dist/hooks/useExternalSort.d.ts

@@ -1,4 +1,4 @@
-import { SortColumn } from "../types/SortConfig";
+import SortColumn from "../types/SortColumn";
 declare const useExternalSort: ({ sort, onSortChange, }: {
     sort: SortColumn | null;
     onSortChange?: ((sort: SortColumn | null) => void) | undefined;

package/dist/hooks/useFilterableData.d.ts

@@ -1,5 +1,6 @@
 import { TableFilterState, FilterCondition } from "../types/FilterTypes";
 import Row from "../types/Row";
+import { Accessor } from "../types/HeaderObject";
 interface UseFilterableDataProps {
     rows: Row[];
     externalFilterHandling: boolean;
@@ -8,7 +9,7 @@ interface UseFilterableDataProps {
 interface UseFilterableDataReturn {
     filteredRows: Row[];
     updateFilter: (filter: FilterCondition) => void;
-    clearFilter: (accessor: string) => void;
+    clearFilter: (accessor: Accessor) => void;
     clearAllFilters: () => void;
     filters: TableFilterState;
     computeFilteredRowsPreview: (filter: FilterCondition) => Row[];

package/dist/hooks/useSelection.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import HeaderObject from "../types/HeaderObject";
+import HeaderObject, { Accessor } from "../types/HeaderObject";
 import type TableRowType from "../types/TableRow";
 import Cell from "../types/Cell";
 export declare const createSetString: ({ rowIndex, colIndex, rowId }: Cell) => string;
@@ -7,7 +7,7 @@ interface UseSelectionProps {
     selectableCells: boolean;
     headers: HeaderObject[];
     tableRows: TableRowType[];
-    rowIdAccessor: string;
+    rowIdAccessor: Accessor;
     onCellEdit?: (props: any) => void;
     cellRegistry?: Map<string, any>;
 }

package/dist/hooks/useSortableData.d.ts

@@ -1,6 +1,6 @@
-import HeaderObject from "../types/HeaderObject";
+import HeaderObject, { Accessor } from "../types/HeaderObject";
 import Row from "../types/Row";
-import { SortColumn } from "../types/SortConfig";
+import SortColumn from "../types/SortColumn";
 declare const useSortableData: ({ headers, tableRows, externalSortHandling, onSortChange, rowGrouping, }: {
     headers: HeaderObject[];
     tableRows: Row[];
@@ -10,7 +10,7 @@ declare const useSortableData: ({ headers, tableRows, externalSortHandling, onSo
 }) => {
     sort: SortColumn | null;
     sortedRows: Row[];
-    updateSort: (accessor: string) => void;
-    computeSortedRowsPreview: (accessor: string) => Row[];
+    updateSort: (accessor: Accessor) => void;
+    computeSortedRowsPreview: (accessor: Accessor) => Row[];
 };
 export default useSortableData;

package/dist/hooks/useTableAPI.d.ts

@@ -1,10 +1,11 @@
 import { MutableRefObject } from "react";
 import { Row, TableRefType } from "..";
 import { CellRegistryEntry } from "../context/TableContext";
+import { Accessor } from "../types/HeaderObject";
 declare const useTableAPI: ({ tableRef, rows, rowIdAccessor, cellRegistryRef, }: {
     tableRef?: MutableRefObject<TableRefType | null> | undefined;
     rows: Row[];
-    rowIdAccessor: string;
+    rowIdAccessor: Accessor;
     cellRegistryRef: MutableRefObject<Map<string, CellRegistryEntry>>;
 }) => void;
 export default useTableAPI;

package/dist/hooks/useTableRowProcessing.d.ts

@@ -1,4 +1,6 @@
 import Row from "../types/Row";
+import { Accessor } from "../types/HeaderObject";
+import { FilterCondition } from "../types/FilterTypes";
 interface UseTableRowProcessingProps {
     allowAnimations: boolean;
     sortedRows: Row[];
@@ -6,22 +8,22 @@ interface UseTableRowProcessingProps {
     currentPage: number;
     rowsPerPage: number;
     shouldPaginate: boolean;
-    rowGrouping?: string[];
-    rowIdAccessor: string;
+    rowGrouping?: Accessor[];
+    rowIdAccessor: Accessor;
     unexpandedRows: Set<string>;
     expandAll: boolean;
     contentHeight: number;
     rowHeight: number;
     scrollTop: number;
-    computeFilteredRowsPreview: (filter: any) => Row[];
-    computeSortedRowsPreview: (accessor: string) => Row[];
+    computeFilteredRowsPreview: (filter: FilterCondition) => Row[];
+    computeSortedRowsPreview: (accessor: Accessor) => Row[];
 }
 declare const useTableRowProcessing: ({ allowAnimations, sortedRows, originalRows, currentPage, rowsPerPage, shouldPaginate, rowGrouping, rowIdAccessor, unexpandedRows, expandAll, contentHeight, rowHeight, scrollTop, computeFilteredRowsPreview, computeSortedRowsPreview, }: UseTableRowProcessingProps) => {
     currentTableRows: import("../types/TableRow").default[];
     currentVisibleRows: import("../types/TableRow").default[];
     isAnimating: boolean;
     prepareForFilterChange: (filter: any) => void;
-    prepareForSortChange: (accessor: string) => void;
+    prepareForSortChange: (accessor: Accessor) => void;
     rowsToRender: any[];
 };
 export default useTableRowProcessing;

package/dist/index.d.ts

@@ -11,7 +11,7 @@ import type { AggregationConfig, AggregationType } from "./types/AggregationType
 import type OnSortProps from "./types/OnSortProps";
 import type Row from "./types/Row";
 import type SharedTableProps from "./types/SharedTableProps";
-import type SortConfig from "./types/SortConfig";
+import type SortColumn from "./types/SortColumn";
 import type TableCellProps from "./types/TableCellProps";
 import type TableHeaderProps from "./types/TableHeaderProps";
 import TableRefType from "./types/TableRefType";
@@ -20,4 +20,4 @@ import type Theme from "./types/Theme";
 import type UpdateDataProps from "./types/UpdateCellProps";
 import { FilterCondition, TableFilterState } from "./types/FilterTypes";
 export { SimpleTable };
-export type { AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellValue, ColumnEditorPosition, DragHandlerProps, EnumOption, FilterCondition, HeaderObject, OnSortProps, Row, SharedTableProps, SortConfig, TableCellProps, TableFilterState, TableHeaderProps, TableRefType, TableRowProps, Theme, UpdateDataProps, };
+export type { AggregationConfig, AggregationType, BoundingBox, Cell, CellChangeProps, CellValue, ColumnEditorPosition, DragHandlerProps, EnumOption, FilterCondition, HeaderObject, OnSortProps, Row, SharedTableProps, SortColumn, TableCellProps, TableFilterState, TableHeaderProps, TableRefType, TableRowProps, Theme, UpdateDataProps, };

package/dist/types/CellChangeProps.d.ts

@@ -1,7 +1,8 @@
 import CellValue from "./CellValue";
+import { Accessor } from "./HeaderObject";
 import Row from "./Row";
 type CellChangeProps = {
-    accessor: string;
+    accessor: Accessor;
     newValue: CellValue;
     row: Row;
 };

package/dist/types/FilterTypes.d.ts

@@ -1,4 +1,5 @@
 import CellValue from "./CellValue";
+import { Accessor } from "./HeaderObject";
 export type StringFilterOperator = "equals" | "notEquals" | "contains" | "notContains" | "startsWith" | "endsWith" | "isEmpty" | "isNotEmpty";
 export type NumberFilterOperator = "equals" | "notEquals" | "greaterThan" | "lessThan" | "greaterThanOrEqual" | "lessThanOrEqual" | "between" | "notBetween" | "isEmpty" | "isNotEmpty";
 export type BooleanFilterOperator = "equals" | "isEmpty" | "isNotEmpty";
@@ -6,13 +7,13 @@ export type DateFilterOperator = "equals" | "notEquals" | "before" | "after" | "
 export type EnumFilterOperator = "in" | "notIn" | "isEmpty" | "isNotEmpty";
 export type FilterOperator = StringFilterOperator | NumberFilterOperator | BooleanFilterOperator | DateFilterOperator | EnumFilterOperator;
 export interface FilterCondition {
-    accessor: string;
+    accessor: Accessor;
     operator: FilterOperator;
     value?: CellValue;
     values?: CellValue[];
 }
 export interface TableFilterState {
-    [accessor: string]: FilterCondition;
+    [accessor: Accessor]: FilterCondition;
 }
 export declare const FILTER_OPERATOR_LABELS: Record<FilterOperator, string>;
 export declare const getAvailableOperators: (columnType: "string" | "number" | "boolean" | "date" | "enum") => FilterOperator[];

package/dist/types/HeaderObject.d.ts

@@ -4,12 +4,13 @@ import { Pinned } from "./Pinned";
 import Theme from "./Theme";
 import EnumOption from "./EnumOption";
 import { AggregationConfig } from "./AggregationTypes";
+export type Accessor = keyof Row;
 type HeaderObject = {
-    accessor: string;
+    accessor: Accessor;
     aggregation?: AggregationConfig;
     align?: "left" | "center" | "right";
     cellRenderer?: ({ accessor, colIndex, row, }: {
-        accessor: string;
+        accessor: Accessor;
         colIndex: number;
         row: Row;
         theme: Theme;
@@ -20,7 +21,7 @@ type HeaderObject = {
     expandable?: boolean;
     filterable?: boolean;
     headerRenderer?: ({ accessor, colIndex, header, }: {
-        accessor: string;
+        accessor: Accessor;
         colIndex: number;
         header: HeaderObject;
     }) => ReactNode | string;

package/dist/types/OnSortProps.d.ts

@@ -1,2 +1,3 @@
-type OnSortProps = (accessor: string) => void;
+import { Accessor } from "./HeaderObject";
+type OnSortProps = (accessor: Accessor) => void;
 export default OnSortProps;

package/dist/types/SortColumn.d.ts

@@ -0,0 +1,6 @@
+import HeaderObject from "./HeaderObject";
+type SortColumn = {
+    key: HeaderObject;
+    direction: "ascending" | "descending";
+};
+export default SortColumn;

package/dist/types/TableHeaderProps.d.ts

@@ -1,5 +1,5 @@
 import { RefObject } from "react";
-import { SortColumn } from "./SortConfig";
+import SortColumn from "./SortColumn";
 import HeaderObject from "./HeaderObject";
 type TableHeaderProps = {
     centerHeaderRef: RefObject<HTMLDivElement>;

package/dist/types/TableHeaderSectionProps.d.ts

@@ -1,6 +1,6 @@
 import { UIEventHandler } from "react";
 import { Pinned } from "./Pinned";
-import { SortColumn } from "./SortConfig";
+import SortColumn from "./SortColumn";
 import { HeaderObject } from "..";
 import { RefObject } from "react";
 import { ColumnIndices } from "../utils/columnIndicesUtils";

package/dist/types/UpdateCellProps.d.ts

@@ -1,6 +1,7 @@
 import { CellValue } from "..";
+import { Accessor } from "./HeaderObject";
 type UpdateDataProps = {
-    accessor: string;
+    accessor: Accessor;
     rowIndex: number;
     newValue: CellValue;
 };

package/dist/utils/cellUtils.d.ts

@@ -1,8 +1,8 @@
-import HeaderObject from "../types/HeaderObject";
+import HeaderObject, { Accessor } from "../types/HeaderObject";
 import { Pinned } from "../types/Pinned";
 import { RowId } from "../types/RowId";
 export declare const getCellId: ({ accessor, rowId }: {
-    accessor: string;
+    accessor: Accessor;
     rowId: RowId;
 }) => string;
 export declare const displayCell: ({ header, pinned }: {
@@ -11,5 +11,5 @@ export declare const displayCell: ({ header, pinned }: {
 }) => true | null;
 export declare const getCellKey: ({ rowId, accessor }: {
     rowId: RowId;
-    accessor: string;
+    accessor: Accessor;
 }) => string;

package/dist/utils/rowUtils.d.ts

@@ -1,6 +1,7 @@
 import TableRow from "../types/TableRow";
 import Row from "../types/Row";
 import { RowId } from "../types/RowId";
+import { Accessor } from "../types/HeaderObject";
 /**
  * Check if an array contains Row objects (vs primitive arrays like string[] or number[])
  */
@@ -10,7 +11,7 @@ export declare const isRowArray: (data: any) => data is Row[];
  */
 export declare const getRowId: ({ row, rowIdAccessor }: {
     row: Row;
-    rowIdAccessor: string;
+    rowIdAccessor: Accessor;
 }) => RowId;
 /**
  * Get nested rows from a row based on the grouping path
@@ -29,6 +30,6 @@ export declare const flattenRowsWithGrouping: ({ depth, expandAll, unexpandedRow
     expandAll?: boolean | undefined;
     unexpandedRows: Set<string>;
     rowGrouping?: string[] | undefined;
-    rowIdAccessor: string;
+    rowIdAccessor: Accessor;
     rows: Row[];
 }) => TableRow[];

package/dist/utils/sortUtils.d.ts

@@ -1,6 +1,6 @@
 import HeaderObject from "../types/HeaderObject";
-import { SortColumn } from "../types/SortConfig";
 import Row from "../types/Row";
+import SortColumn from "../types/SortColumn";
 export declare const handleSort: ({ headers, rows, sortColumn, }: {
     headers: HeaderObject[];
     rows: Row[];

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "1.2.4",
+  "version": "1.2.6",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "types": "dist/index.d.ts",

package/dist/types/SortConfig.d.ts

@@ -1,11 +0,0 @@
-import HeaderObject from "./HeaderObject";
-export type SortColumn = {
-    key: HeaderObject;
-    direction: "ascending" | "descending";
-};
-type SortConfig = {
-    previous: SortColumn | null;
-    current: SortColumn | null;
-    next: SortColumn | null;
-};
-export default SortConfig;