@infinite-table/infinite-react 0.3.8 → 0.3.11

package/index.d.ts

@@ -1,4 +1,3 @@
-import * as _vanilla_extract_private from '@vanilla-extract/private';
 import * as React$1 from 'react';
 import { RefCallback, MutableRefObject, CSSProperties, HTMLProps } from 'react';
 
@@ -506,6 +505,7 @@ declare type InfiniteTablePropPivotGrandTotalColumnPosition = InfiniteTablePropP
 interface InfiniteTableMappedState<T> {
     scrollTopKey: InfiniteTableProps<T>['scrollTopKey'];
     viewportReservedWidth: InfiniteTableProps<T>['viewportReservedWidth'];
+    resizableColumns: InfiniteTableProps<T>['resizableColumns'];
     groupColumn: InfiniteTableProps<T>['groupColumn'];
     headerOptions: NonUndefined<InfiniteTableProps<T>['headerOptions']>;
     keyboardNavigation: NonUndefined<InfiniteTableProps<T>['keyboardNavigation']>;
@@ -621,6 +621,7 @@ declare type InfiniteTableColumnType<T> = {
     resizable?: InfiniteTableColumn<T>['resizable'];
     align?: InfiniteTableColumn<T>['align'];
     verticalAlign?: InfiniteTableColumn<T>['verticalAlign'];
+    columnGroup?: string;
     cssEllipsis?: boolean;
     headerCssEllipsis?: boolean;
     field?: keyof T;
@@ -1032,6 +1033,9 @@ declare type InfiniteTableComputedColumnBase<T> = {
     computedSortType: string;
     computedDataType: string;
     computedWidth: number;
+    computedFlex: number | null;
+    computedMinWidth: number | null;
+    computedMaxWidth: number | null;
     computedOffset: number;
     computedPinningOffset: number;
     computedAbsoluteOffset: number;
@@ -1048,6 +1052,7 @@ declare type InfiniteTableComputedColumnBase<T> = {
     computedFilterValue: DataSourceFilterValueItem<T> | null;
     computedPinned: InfiniteTableColumnPinnedValues;
     computedDraggable: boolean;
+    computedResizable: boolean;
     computedFirstInCategory: boolean;
     computedLastInCategory: boolean;
     computedFirst: boolean;
@@ -1599,276 +1604,13 @@ declare function useInfiniteHeaderCell<T>(): InfiniteTableColumnHeaderParams<T,
 
 declare function useInfiniteColumnCell<T>(): InfiniteTableColumnCellContextType<T>;
 
-declare const ThemeVars: _vanilla_extract_private.MapLeafNodes<{
-    color: {
-        /**
-         * Brand-specific accent color. This probably needs override to match your app.
-         */
-        accent: string;
-        /**
-         * The text color inside the component
-         */
-        color: string;
-    };
-    spacing: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-    };
-    fontSize: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-    };
-    fontFamily: string;
-    minHeight: string;
-    borderRadius: string;
-    /**
-     * The background color for the whole component.
-     *
-     * Overriden in the `dark` theme.
-     */
-    background: string;
-    components: {
-        LoadMask: {
-            /**
-             * The padding used for the content inside the LoadMask.
-             */
-            padding: string;
-            color: string;
-            textBackground: string;
-            overlayBackground: string;
-            overlayOpacity: string;
-            borderRadius: string;
-        };
-        Header: {
-            /**
-             * Background color for the header. Defaults to [`--infinie-header-cell-background`](#header-cell-background).
-             *
-             * Overriden in the `dark` theme.
-             */
-            background: string;
-            /**
-             * The text color inside the header.
-             *
-             * Overriden in the `dark` theme.
-             */
-            color: string;
-            columnHeaderHeight: string;
-        };
-        HeaderCell: {
-            draggingBackground: string;
-            /**
-             * Background for header cells.
-             *
-             * Overriden in the `dark` theme.
-             */
-            background: string;
-            padding: string;
-            paddingX: string;
-            paddingY: string;
-            iconSize: string;
-            sortIconMargin: string;
-        };
-        Cell: {
-            padding: string;
-            borderWidth: string;
-            /**
-             * Specifies the border for cells.
-             *
-             * Overriden in the `dark` theme - eg: `1px solid #2a323d`
-             */
-            border: string;
-            borderInvisible: string;
-            borderRadius: string;
-            /**
-             * Text color inside rows. Defaults to `currentColor`
-             *
-             * Overriden in `dark` theme.
-             */
-            color: string;
-            /**
-             * The RED component of the color used for the active cell when cell keyboard navigation is enabled.
-             *
-             * The easiest way to define the color of the active cell is to use these 3 variables:
-             *   `--infinite-active-cell-border-color--r`
-             *   `--infinite-active-cell-border-color--g`
-             *   `--infinite-active-cell-border-color--b`
-             * as they define both the border and the background color of the active cell and the active row.
-             *
-             * You can also specify the GREEN and BLUE components of the color using the next two css vars.
-             *
-             * The border color of the active cell is decomposed into multiple variables for convenience as by default
-             * the background of the active cell is the same color, but with the opacity specified by the value of `--infinie-active-cell-background-alpha`.
-             *
-             * If you don't want this, you can use `--infinite-active-cell-background` instead.
-             */
-            activeBorderColor_R: string;
-            /**
-             * The GREEN component of the color used for the active cell when cell keyboard navigation is enabled.
-             *
-             * The easiest way to define the color of the active cell is to use these 3 variables:
-             *   `--infinite-active-cell-border-color--r`
-             *   `--infinite-active-cell-border-color--g`
-             *   `--infinite-active-cell-border-color--b`
-             * as they define both the border and the background color of the active cell and the active row.
-             *
-             * You can also specify the RED and BLUE components of the color using the next two css vars.
-             *
-             * The border color of the active cell is decomposed into multiple variables for convenience as by default
-             * the background of the active cell is the same color, but with the opacity specified by the value of `--infinie-active-cell-background-alpha`.
-             *
-             * If you don't want this, you can use `--infinite-active-cell-background` instead.
-             */
-            activeBorderColor_G: string;
-            /**
-             * The BLUE component of the color used for the active cell when cell keyboard navigation is enabled.
-             *
-             * The easiest way to define the color of the active cell is to use these 3 variables:
-             *   `--infinite-active-cell-border-color--r`
-             *   `--infinite-active-cell-border-color--g`
-             *   `--infinite-active-cell-border-color--b`
-             * as they define both the border and the background color of the active cell and the active row.
-             *
-             * You can also specify the RED and GREEN components of the color using the next two css vars.
-             *
-             * The border color of the active cell is decomposed into multiple variables for convenience as by default
-             * the background of the active cell is the same color, but with the opacity specified by the value of `--infinie-active-cell-background-alpha`.
-             *
-             * If you don't want this, you can use `--infinite-active-cell-background` instead.
-             */
-            activeBorderColor_B: string;
-            /**
-             * The opacity of the background color for the active cell (when cell keyboard navigation is enabled).
-             *
-             * The background color of the active cell is based on the value of the above 3 variables, but with the opacity specified by this variable.
-             * This is applied when the component has focus.
-             */
-            activeBackgroundAlpha: string;
-            /**
-             * Same as the above, but applied when the component does not have focus.
-             */
-            activeBackgroundAlphaWhenTableUnfocused: string;
-            /**
-             * The background color of the active cell defaults to the same color (with modified opacity, as explained above) as the border color.
-             *
-             * However, specify this to explicitly override the default.
-             */
-            activeBackground: string;
-            /**
-             * The color for border of the active cell (when cell keyboard navigation is enabled).
-             */
-            activeBorderColor: string;
-            /**
-             * The width of the border for the active cell.
-             */
-            activeBorderWidth: string;
-            /**
-             * The style of the border for the active cell (eg: 'solid', 'dashed', 'dotted') - defaults to 'dashed'.
-             */
-            activeBorderStyle: string;
-            /**
-             * Specifies the border for the active cell. Defaults to `var(--infinite-active-cell-border-width) var(--infinite-active-cell-border-style) var(--infinite-active-cell-border-color)`.
-             */
-            activeBorder: string;
-        };
-        Row: {
-            /**
-             * Background color for rows. Defaults to [`--infinite-background`](#background).
-             *
-             * Overriden in `dark` theme.
-             */
-            background: string;
-            /**
-             * Background color for odd rows. Even rows will use [`--infinite-row-background`](#row-background).
-             *
-             * Overriden in `dark` theme.
-             */
-            oddBackground: string;
-            /**
-             * The background color of the active row. Defaults to the value of `var(--infinite-active-cell-background)`.
-             *
-             * However, specify this to explicitly override the default.
-             */
-            activeBackground: string;
-            /**
-             * The border color for the active row. Defaults to the value of `var(--infinite-active-cell-border-color)`.
-             */
-            activeBorderColor: string;
-            /**
-             * The width of the border for the active row. Defaults to the value of `var(--infinite-active-cell-border-width)`.
-             */
-            activeBorderWidth: string;
-            /**
-             * The style of the border for the active row (eg: 'solid', 'dashed', 'dotted') - defaults to the value of `var(--infinite-active-cell-border-style)`, which is `dashed` by default.
-             */
-            activeBorderStyle: string;
-            /**
-             * Specifies the border for the active row. Defaults to `var(--infinite-active-row-border-width) var(--infinite-active-row-border-style) var(--infinite-active-row-border-color)`.
-             */
-            activeBorder: string;
-            /**
-             * The opacity of the background color for the active row (when row keyboard navigation is enabled).
-             * When you explicitly specify `--infinite-active-row-background`, this variable will not be used.
-             * Instead, this variable is used when the active row background uses the color of the active cell (border).
-             *
-             * This is applied when the component has focus.
-             *
-             * Defaults to the value of `var(--infinite-active-cell-background-alpha)`.
-             */
-            activeBackgroundAlpha: string;
-            /**
-             * Same as the above, but applied when the component does not have focus.
-             *
-             * When you explicitly specify `--infinite-active-row-background`, this variable will not be used.
-             * Instead, this variable is used when the active row background uses the color of the active cell (border).
-             *
-             * Defaults to the value of `var(--infinite-active-cell-background-alpha--table-unfocused)`.
-             */
-            activeBackgroundAlphaWhenTableUnfocused: string;
-            /**
-             * Background color for rows, on hover.
-             *
-             * Overriden in the `dark` theme.
-             */
-            hoverBackground: string;
-            groupRowBackground: string;
-            groupRowColumnNesting: string;
-            groupNesting: string;
-            pointerEventsWhileScrolling: string;
-        };
-        ColumnCell: {
-            background: string;
-        };
-    };
-}, _vanilla_extract_private.CSSVarFunction>;
-declare const LightTheme: {
-    [x: string]: string;
-};
-declare const DarkTheme: {
-    [x: string]: string;
-};
-
 declare const InfiniteTableClassName: string;
 declare const InfiniteTableComponent: React$1.MemoExoticComponent<(<T>() => JSX.Element)>;
 declare function InfiniteTable<T>(props: InfiniteTableProps<T>): JSX.Element;
 declare namespace InfiniteTable {
     var defaultProps: {
         rowHeight: number;
-        columnHeaderHeight: _vanilla_extract_private.CSSVarFunction;
+        columnHeaderHeight: string;
     };
 }
 
@@ -1933,4 +1675,4 @@ declare const defaultFilterEditors: InfiniteTablePropFilterEditors<unknown>;
 declare function StringFilterEditor<T>(props: InfiniteTableFilterEditorProps<T>): JSX.Element;
 declare function NumberFilterEditor<T>(props: InfiniteTableFilterEditorProps<T>): JSX.Element;
 
-export { ColumnTypeWithInherit, DarkTheme, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableGroupColumnRenderIconFunction, InfiniteTableImperativeApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, LightTheme, NumberFilterEditor, Scrollbars, StringFilterEditor, ThemeVars, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };
+export { ColumnTypeWithInherit, DataSource, DataSourceAction, DataSourceActionType, DataSourceAggregationReducer, DataSourceComponentActions, DataSourceContextValue, DataSourceData, DataSourceDataParams, DataSourceDataParamsChanges, DataSourceDerivedState, DataSourceFilterFunctionParam, DataSourceFilterOperator, DataSourceFilterOperatorFunction, DataSourceFilterOperatorFunctionParam, DataSourceFilterType, DataSourceFilterValueItem, DataSourceFilterValueItemValueGetter, DataSourceGroupBy, DataSourceGroupRowsList, DataSourceLivePaginationCursorFn, DataSourceLivePaginationCursorParams, DataSourceLivePaginationCursorValue, DataSourceMappedState, DataSourceMappings, DataSourcePivotBy, DataSourcePropAggregationReducers, DataSourcePropFilterFunction, DataSourcePropFilterTypes, DataSourcePropFilterValue, DataSourcePropGroupBy, DataSourcePropGroupRowsStateObject, DataSourcePropLivePaginationCursor, DataSourcePropPivotBy, DataSourcePropSortInfo, DataSourcePropSortTypes, DataSourceProps, DataSourceReducer, DataSourceRemoteData, DataSourceSetupState, DataSourceSingleSortInfo, DataSourceSortInfo, DataSourceState, GroupRowsState, InfiniteTable, InfiniteTableAction, InfiniteTableActionType, InfiniteTableClassName, InfiniteTableColumn, InfiniteTableColumnAggregator, InfiniteTableColumnComparer, InfiniteTableColumnGroup, InfiniteTableColumnRenderParam, InfiniteTableColumnRenderValueParam, InfiniteTableColumnRowspanParam, InfiniteTableColumnSizingOptions, InfiniteTableComponent, InfiniteTableComputedColumn, InfiniteTableComputedValues, InfiniteTableContextValue, InfiniteTableFilterEditorProps, InfiniteTableGroupColumnBase, InfiniteTableGroupColumnFunction, InfiniteTableGroupColumnGetterOptions, InfiniteTableGroupColumnRenderIconFunction, InfiniteTableImperativeApi, InfiniteTablePivotColumn, InfiniteTablePropAutoSizeColumnsKey, InfiniteTablePropColumnGroups, InfiniteTablePropColumnOrder, InfiniteTablePropColumnPinning, InfiniteTablePropColumnSizing, InfiniteTablePropColumnTypes, InfiniteTablePropColumnVisibility, InfiniteTablePropColumns, InfiniteTablePropColumnsMap, InfiniteTablePropComponents, InfiniteTablePropFilterEditors, InfiniteTablePropGroupColumn, InfiniteTablePropGroupRenderStrategy, InfiniteTablePropHeaderOptions, InfiniteTablePropKeyboardNavigation, InfiniteTablePropRowClassName, InfiniteTablePropRowStyle, InfiniteTableProps, InfiniteTableRowClassNameFn, InfiniteTableRowInfo, InfiniteTableRowStyleFn, InfiniteTableState, LazyGroupDataDeepMap, LazyGroupDataItem, LazyRowInfoGroup, NumberFilterEditor, Scrollbars, StringFilterEditor, debounce, defaultFilterEditors, defaultFilterTypes, defaultFilterTypes as filterTypes, flatten, getComponentStateRoot, group, interceptMap, multisort, useComponentState, useDataSource, useEffectWithChanges, useInfiniteColumnCell, useInfiniteHeaderCell };