@infinite-table/infinite-react 0.5.0 → 0.5.2

package/src/components/InfiniteTable/types/InfiniteTableColumn.ts

@@ -1,478 +0,0 @@
-import { CSSProperties, HTMLProps } from 'react';
-
-import {
-  AggregationReducer,
-  InfiniteTableRowInfo,
-  InfiniteTableRowInfoDataDiscriminator,
-  InfiniteTable_HasGrouping_RowInfoGroup,
-  PivotBy,
-} from '../../../utils/groupAndPivot';
-import type {
-  ColumnTypeWithInherit,
-  DataSourceFilterValueItem,
-  DataSourcePivotBy,
-  DataSourcePropSelectionMode,
-  DataSourceSingleSortInfo,
-  DataSourceState,
-} from '../../DataSource/types';
-import type { Renderable } from '../../types/Renderable';
-import { InfiniteTableCellProps } from '../components/InfiniteTableRow/InfiniteTableCellTypes';
-
-import {
-  InfiniteTableColumnPinnedValues,
-  InfiniteTableColumnType,
-} from './InfiniteTableProps';
-import type {
-  DiscriminatedUnion,
-  KeyOfNoSymbol,
-  RequireAtLeastOne,
-} from './Utility';
-
-import type { InfiniteTableApi, InfiniteTableColumnGroup } from '.';
-
-export type { DiscriminatedUnion, RequireAtLeastOne };
-
-export type InfiniteTableToggleGroupRowFn = (groupKeys: any[]) => void;
-export type InfiniteTableSelectRowFn = (id: any) => void;
-export type InfiniteTableIsRowSelectedFn = (id: any) => boolean;
-export type InfiniteTableIsGroupRowSelectedFn = (groupKeys: any[]) => boolean;
-
-export type InfiniteTableColumnHeaderParam<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = {
-  domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
-  dragging: boolean;
-  column: COL_TYPE;
-  columnsMap: Map<string, COL_TYPE>;
-  columnSortInfo: DataSourceSingleSortInfo<DATA_TYPE> | null;
-  columnFilterValue: DataSourceFilterValueItem<DATA_TYPE> | null;
-  selectionMode: DataSourcePropSelectionMode;
-  allRowsSelected: boolean;
-  someRowsSelected: boolean;
-  api: InfiniteTableApi<DATA_TYPE>;
-
-  renderBag: {
-    header: string | number | Renderable;
-    sortIcon?: Renderable;
-    menuIcon?: Renderable;
-    selectionCheckBox?: Renderable;
-  };
-};
-
-export type InfiniteTableColumnRenderBag = {
-  value: string | number | Renderable;
-  groupIcon?: Renderable;
-  selectionCheckBox?: Renderable;
-};
-export type InfiniteTableColumnRenderParamBase<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = {
-  domRef: InfiniteTableCellProps<DATA_TYPE>['domRef'];
-
-  // TODO type this to be the type of DATA_TYPE[column.field] if possible
-  value: string | number | Renderable;
-
-  renderBag: InfiniteTableColumnRenderBag;
-  rowIndex: number;
-  rowActive: boolean;
-
-  api: InfiniteTableApi<DATA_TYPE>;
-
-  column: COL_TYPE;
-  columnsMap: Map<string, COL_TYPE>;
-  fieldsToColumn: Map<keyof DATA_TYPE, COL_TYPE>;
-  groupByColumn?: InfiniteTableComputedColumn<DATA_TYPE>;
-  toggleCurrentGroupRow: () => void;
-  toggleGroupRow: InfiniteTableToggleGroupRowFn;
-  toggleCurrentGroupRowSelection: () => void;
-  toggleCurrentRowSelection: () => void;
-
-  selectCurrentRow: () => void;
-  selectRow: InfiniteTableSelectRowFn;
-  deselectRow: InfiniteTableSelectRowFn;
-  deselectCurrentRow: () => void;
-
-  toggleRowSelection: InfiniteTableSelectRowFn;
-  toggleGroupRowSelection: InfiniteTableToggleGroupRowFn;
-  selectionMode: DataSourcePropSelectionMode | undefined;
-  rootGroupBy: DataSourceState<DATA_TYPE>['groupBy'];
-  pivotBy?: DataSourceState<DATA_TYPE>['pivotBy'];
-};
-export type InfiniteTableColumnRenderParam<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE> &
-  InfiniteTableRowInfoDataDiscriminator<DATA_TYPE>;
-
-export type InfiniteTableGroupColumnRenderParams<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = InfiniteTableColumnRenderParamBase<DATA_TYPE, COL_TYPE> & {
-  rowInfo: InfiniteTable_HasGrouping_RowInfoGroup<DATA_TYPE>;
-  isGroupRow: true;
-  data: Partial<DATA_TYPE> | null;
-};
-
-export type InfiniteTableColumnCellContextType<DATA_TYPE> =
-  InfiniteTableColumnRenderParam<DATA_TYPE> & {};
-export type InfiniteTableHeaderCellContextType<DATA_TYPE> =
-  InfiniteTableColumnHeaderParam<DATA_TYPE> & {};
-
-export type InfiniteTableGroupColumnRenderIconParam<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = InfiniteTableGroupColumnRenderParams<DATA_TYPE, COL_TYPE> & {
-  collapsed: boolean;
-  groupIcon: Renderable;
-};
-
-export type InfiniteTableColumnRenderValueParam<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>;
-
-export type InfiniteTableColumnRowspanParam<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = {
-  rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
-  data: DATA_TYPE | Partial<DATA_TYPE> | null;
-  dataArray: InfiniteTableRowInfo<DATA_TYPE>[];
-  rowIndex: number;
-  column: COL_TYPE;
-};
-
-export type InfiniteTableColumnColspanParam<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = {
-  rowInfo: InfiniteTableRowInfo<DATA_TYPE>;
-  data: DATA_TYPE | Partial<DATA_TYPE> | null;
-  dataArray: InfiniteTableRowInfo<DATA_TYPE>[];
-  rowIndex: number;
-  column: COL_TYPE;
-  computedVisibleIndex: number;
-  computedVisibleColumns: COL_TYPE[];
-  computedPinnedStartColumns: COL_TYPE[];
-  computedPinnedEndColumns: COL_TYPE[];
-  computedUnpinnedColumns: COL_TYPE[];
-};
-
-export type InfiniteTableColumnRenderFunctionForGroupRows<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = (
-  renderParams: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE> & {
-    isGroupRow: true;
-  },
-) => Renderable | null;
-
-export type InfiniteTableColumnRenderFunctionForNormalRows<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = (
-  renderParams: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE> & {
-    isGroupRow: false;
-  },
-) => Renderable | null;
-export type InfiniteTableColumnRenderFunction<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = (
-  renderParams: InfiniteTableColumnRenderParam<DATA_TYPE, COL_TYPE>,
-) => Renderable | null;
-
-export type InfiniteTableGroupColumnRenderFunction<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = (
-  renderParams: InfiniteTableGroupColumnRenderParams<DATA_TYPE, COL_TYPE>,
-) => Renderable | null;
-
-export type InfiniteTableColumnRenderValueFunction<
-  DATA_TYPE,
-  COL_TYPE = InfiniteTableComputedColumn<DATA_TYPE>,
-> = InfiniteTableColumnRenderFunction<DATA_TYPE, COL_TYPE>;
-
-export type InfiniteTableColumnHeaderRenderFunction<T> = (
-  headerParams: InfiniteTableColumnHeaderParam<T>,
-) => Renderable;
-
-export type InfiniteTableColumnWithField<T> = {
-  field: keyof T;
-};
-
-export type InfiniteTableColumnWithRender<T> = {
-  render: InfiniteTableColumnRenderFunction<T>;
-};
-export type InfiniteTableColumnWithRenderValue<T> = {
-  renderValue: InfiniteTableColumnRenderFunction<T>;
-};
-
-export type InfiniteTableColumnAlign = 'start' | 'center' | 'end';
-export type InfiniteTableColumnVerticalAlign = 'start' | 'center' | 'end';
-
-export type InfiniteTableColumnHeader<T> =
-  | Renderable
-  | InfiniteTableColumnHeaderRenderFunction<T>;
-
-export type InfiniteTableDataTypeNames = 'string' | 'number' | 'date' | string;
-
-export type InfiniteTableColumnTypeNames =
-  | 'string'
-  | 'number'
-  | 'date'
-  | string;
-
-// field|valueGetter => THE_VALUE
-// |
-// \/
-export type InfiniteTableColumnWithRenderDescriptor<T> = RequireAtLeastOne<
-  {
-    /**
-     * Determines the field property of the column.
-     */
-    field?: keyof T;
-    render?: InfiniteTableColumnRenderFunction<T>;
-    renderValue?: InfiniteTableColumnRenderFunction<T>;
-    valueGetter?: InfiniteTableColumnValueGetter<T>;
-    valueFormatter?: InfiniteTableColumnValueFormatter<T>;
-  },
-  'render' | 'renderValue' | 'field' | 'valueGetter' | 'valueFormatter'
->;
-
-export type InfiniteTableColumnStyleFnParams<T> = {
-  value: Renderable;
-  column: InfiniteTableComputedColumn<T>;
-} & InfiniteTableRowInfoDataDiscriminator<T>;
-
-export type InfiniteTableColumnStyleFn<T> = (
-  params: InfiniteTableColumnStyleFnParams<T>,
-) => undefined | React.CSSProperties;
-
-export type InfiniteTableColumnHeaderClassNameFn<T> = (
-  params: InfiniteTableColumnHeaderParam<T>,
-) => undefined | string;
-
-export type InfiniteTableColumnHeaderStyleFn<T> = (
-  params: InfiniteTableColumnHeaderParam<T>,
-) => undefined | React.CSSProperties;
-
-export type InfiniteTableColumnClassNameFn<T> = (
-  params: InfiniteTableColumnStyleFnParams<T>,
-) => undefined | string;
-
-export type InfiniteTableColumnStyle<T> =
-  | CSSProperties
-  | InfiniteTableColumnStyleFn<T>;
-
-export type InfiniteTableColumnHeaderStyle<T> =
-  | CSSProperties
-  | InfiniteTableColumnHeaderStyleFn<T>;
-export type InfiniteTableColumnClassName<T> =
-  | string
-  | InfiniteTableColumnClassNameFn<T>;
-export type InfiniteTableColumnHeaderClassName<T> =
-  | string
-  | InfiniteTableColumnHeaderClassNameFn<T>;
-
-export type InfiniteTableColumnValueGetterParams<T> = {
-  data: T;
-  field?: keyof T;
-};
-
-export type InfiniteTableColumnValueFormatterParams<T> =
-  InfiniteTableRowInfoDataDiscriminator<T>;
-
-export type InfiniteTableColumnValueGetter<
-  T,
-  VALUE_GETTER_TYPE = string | number | boolean | Date | null | undefined,
-> = (params: InfiniteTableColumnValueGetterParams<T>) => VALUE_GETTER_TYPE;
-export type InfiniteTableColumnValueFormatter<
-  T,
-  VALUE_FORMATTER_TYPE = string | number | boolean | Date | null | undefined,
-> = (
-  params: InfiniteTableColumnValueFormatterParams<T>,
-) => VALUE_FORMATTER_TYPE;
-
-export type InfiniteTableColumnRowspanFn<T> = (
-  params: InfiniteTableColumnRowspanParam<T>,
-) => number;
-export type InfiniteTableColumnColspanFn<T> = (
-  params: InfiniteTableColumnColspanParam<T>,
-) => number;
-
-export type InfiniteTableColumnComparer<T> = (a: T, b: T) => number;
-
-export type InfiniteTableColumnSortableFn<T> = (context: {
-  column: InfiniteTableComputedColumn<T>;
-  columns: Map<string, InfiniteTableComputedColumn<T>>;
-}) => boolean;
-
-/**
- * Defines a column in the table.
- *
- * @typeParam DATA_TYPE The type of the data in the table.
- *
- * Can be bound to a field which is a `keyof DATA_TYPE`.
- */
-export type InfiniteTableColumn<DATA_TYPE> = {
-  sortable?: boolean;
-  draggable?: boolean;
-  resizable?: boolean;
-
-  comparer?: InfiniteTableColumnComparer<DATA_TYPE>;
-  defaultHiddenWhenGroupedBy?:
-    | '*'
-    | true
-    | keyof DATA_TYPE
-    | { [k in keyof Partial<DATA_TYPE>]: true };
-
-  align?: InfiniteTableColumnAlign;
-  verticalAlign?: InfiniteTableColumnVerticalAlign;
-  columnGroup?: string;
-
-  header?: InfiniteTableColumnHeader<DATA_TYPE>;
-  renderHeader?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
-  name?: Renderable;
-  cssEllipsis?: boolean;
-  headerCssEllipsis?: boolean;
-  type?: InfiniteTableColumnTypeNames | InfiniteTableColumnTypeNames[] | null;
-  dataType?: InfiniteTableDataTypeNames;
-  sortType?: string;
-  filterType?: string;
-
-  style?: InfiniteTableColumnStyle<DATA_TYPE>;
-  headerStyle?: InfiniteTableColumnHeaderStyle<DATA_TYPE>;
-  headerClassName?: InfiniteTableColumnHeaderClassName<DATA_TYPE>;
-  className?: InfiniteTableColumnClassName<DATA_TYPE>;
-
-  rowspan?: InfiniteTableColumnRowspanFn<DATA_TYPE>;
-  // colspan?: InfiniteTableColumnColspanFn<T>;
-
-  field?: KeyOfNoSymbol<DATA_TYPE>;
-  render?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
-  renderValue?: InfiniteTableColumnRenderFunction<DATA_TYPE>;
-  renderGroupValue?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
-  renderLeafValue?: InfiniteTableColumnRenderFunctionForNormalRows<DATA_TYPE>;
-  valueGetter?: InfiniteTableColumnValueGetter<DATA_TYPE>;
-  valueFormatter?: InfiniteTableColumnValueFormatter<DATA_TYPE, Renderable>;
-
-  defaultWidth?: number;
-  defaultFlex?: number;
-  defaultFilterable?: boolean;
-
-  minWidth?: number;
-  maxWidth?: number;
-
-  renderGroupIcon?: InfiniteTableColumnRenderFunctionForGroupRows<DATA_TYPE>;
-  renderSortIcon?: InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
-  renderSelectionCheckBox?:
-    | boolean
-    | InfiniteTableColumnRenderFunction<DATA_TYPE>;
-  renderMenuIcon?: boolean | InfiniteTableColumnRenderFunction<DATA_TYPE>;
-  renderHeaderSelectionCheckBox?:
-    | boolean
-    | InfiniteTableColumnHeaderRenderFunction<DATA_TYPE>;
-
-  components?: {
-    ColumnCell?: React.FunctionComponent<HTMLProps<HTMLDivElement>>;
-    HeaderCell?: React.FunctionComponent<HTMLProps<HTMLDivElement>>;
-  };
-};
-
-export type InfiniteTableGeneratedGroupColumn<T> = Omit<
-  InfiniteTableColumn<T>,
-  'sortable'
-> & {
-  groupByField: string | string[];
-  id?: string;
-};
-
-export type InfiniteTablePivotColumn<T> = InfiniteTableColumn<T> &
-  ColumnTypeWithInherit<Partial<InfiniteTablePivotFinalColumnVariant<T, any>>>;
-
-export type InfiniteTablePivotFinalColumnGroup<
-  DataType,
-  KeyType extends any = any,
-> = InfiniteTableColumnGroup & {
-  pivotBy: DataSourcePivotBy<DataType>[];
-  pivotTotalColumnGroup?: true;
-  pivotGroupKeys: KeyType[];
-  pivotByAtIndex: PivotBy<DataType, KeyType>;
-  pivotGroupKey: KeyType;
-  pivotIndex: number;
-};
-export type InfiniteTablePivotFinalColumn<
-  DataType,
-  KeyType extends any = any,
-> = InfiniteTableColumn<DataType> & {
-  pivotBy: DataSourcePivotBy<DataType>[];
-  pivotColumn: true;
-  pivotTotalColumn: boolean;
-  pivotAggregator: AggregationReducer<DataType, any>;
-  pivotAggregatorIndex: number;
-
-  pivotGroupKeys: KeyType[];
-  pivotByAtIndex?: PivotBy<DataType, KeyType>;
-  pivotIndex: number;
-  pivotGroupKey: KeyType;
-};
-
-export type InfiniteTablePivotFinalColumnVariant<
-  DataType,
-  KeyType extends any = any,
-> = InfiniteTablePivotFinalColumn<DataType, KeyType>;
-// export type InfiniteTablePivotFinalColumnVariant<
-//   DataType,
-//   KeyType extends any = any,
-// > = Omit<InfiniteTablePivotFinalColumn<DataType, KeyType>, 'pivotByAtIndex'> & {
-//   pivotByAtIndex?: PivotBy<DataType, KeyType>;
-// };
-
-type InfiniteTableComputedColumnBase<T> = {
-  computedFilterType: string;
-  computedSortType: string;
-  computedDataType: string;
-  computedWidth: number;
-  computedFlex: number | null;
-  computedMinWidth: number;
-  computedMaxWidth: number;
-  computedOffset: number;
-  computedPinningOffset: number;
-  computedAbsoluteOffset: number;
-  computedSortable: boolean;
-  computedSortInfo: DataSourceSingleSortInfo<T> | null;
-  computedSorted: boolean;
-  computedSortedAsc: boolean;
-  computedSortedDesc: boolean;
-  computedSortIndex: number;
-  computedVisible: boolean;
-  computedVisibleIndex: number;
-  computedVisibleIndexInCategory: number;
-  computedMultiSort: boolean;
-  computedFiltered: boolean;
-  computedFilterable: boolean;
-  computedFilterValue: DataSourceFilterValueItem<T> | null;
-
-  computedPinned: InfiniteTableColumnPinnedValues;
-  computedDraggable: boolean;
-  computedResizable: boolean;
-  computedFirstInCategory: boolean;
-  computedLastInCategory: boolean;
-  computedFirst: boolean;
-  computedLast: boolean;
-  toggleSort: () => void;
-  colType: InfiniteTableColumnType<T>;
-  id: string;
-};
-
-export type InfiniteTableComputedColumn<T> = InfiniteTableColumn<T> &
-  InfiniteTableComputedColumnBase<T> &
-  Partial<InfiniteTablePivotFinalColumn<T>> &
-  Partial<InfiniteTableGeneratedGroupColumn<T>>;
-
-export type InfiniteTableComputedPivotFinalColumn<T> =
-  InfiniteTableComputedColumn<T> & InfiniteTablePivotFinalColumn<T>;

package/src/components/InfiniteTable/types/InfiniteTableComputedValues.ts

@@ -1,43 +0,0 @@
-import type { MatrixBrainOptions } from '../../VirtualBrain/MatrixBrain';
-import { MultiRowSelector } from '../utils/MultiRowSelector';
-
-import type { InfiniteTableComputedColumn } from './InfiniteTableColumn';
-import type { InfiniteTablePropColumnOrderNormalized } from './InfiniteTableProps';
-
-export interface InfiniteTableComputedValues<T> {
-  scrollbars: {
-    vertical: boolean;
-    horizontal: boolean;
-  };
-  multiRowSelector: MultiRowSelector;
-  showColumnFilters: boolean;
-  renderSelectionCheckBox: boolean;
-  rowspan?: MatrixBrainOptions['rowspan'];
-  computedPinnedStartOverflow: boolean;
-  computedPinnedEndOverflow: boolean;
-  computedPinnedStartColumns: InfiniteTableComputedColumn<T>[];
-  computedPinnedEndColumns: InfiniteTableComputedColumn<T>[];
-  computedUnpinnedColumns: InfiniteTableComputedColumn<T>[];
-  computedVisibleColumns: InfiniteTableComputedColumn<T>[];
-  computedVisibleColumnsMap: Map<string, InfiniteTableComputedColumn<T>>;
-  computedColumnsMap: Map<string, InfiniteTableComputedColumn<T>>;
-  computedColumnsMapInInitialOrder: Map<string, InfiniteTableComputedColumn<T>>;
-  // computedColumnVisibility: InfiniteTablePropColumnVisibility;
-  computedColumnOrder: InfiniteTablePropColumnOrderNormalized;
-  computedPinnedStartColumnsWidth: number;
-  computedPinnedStartWidth: number;
-  computedPinnedEndColumnsWidth: number;
-  computedPinnedEndWidth: number;
-  computedUnpinnedColumnsWidth: number;
-  computedUnpinnedOffset: number;
-  computedPinnedEndOffset: number;
-  computedRemainingSpace: number;
-  fieldsToColumn: Map<keyof T, InfiniteTableComputedColumn<T>>;
-  toggleGroupRow: (groupKeys: any[]) => void;
-  columnSize: (colIndex: number) => number;
-  // setColumnPinning: (columnPinning: InfiniteTablePropColumnPinning) => void;
-  // setColumnOrder: (columnOrder: InfiniteTablePropColumnOrder) => void;
-  // setColumnVisibility: (
-  //   columnVisibility: InfiniteTablePropColumnVisibility,
-  // ) => void;
-}

package/src/components/InfiniteTable/types/InfiniteTableContextValue.ts

@@ -1,12 +0,0 @@
-import { InfiniteTableActions, InfiniteTableState } from './InfiniteTableState';
-import { InfiniteTableComputedValues } from './InfiniteTableComputedValues';
-import { InfiniteTableApi } from './InfiniteTableProps';
-
-export interface InfiniteTableContextValue<T> {
-  imperativeApi: InfiniteTableApi<T>;
-  componentState: InfiniteTableState<T>;
-  componentActions: InfiniteTableActions<T>;
-  computed: InfiniteTableComputedValues<T>;
-  getComputed: () => InfiniteTableComputedValues<T>;
-  getState: () => InfiniteTableState<T>;
-}

package/src/components/InfiniteTable/types/InfiniteTableInternalProps.ts

@@ -1,3 +0,0 @@
-export interface InfiniteTableInternalProps {
-  rootClassName: string;
-}