@stenajs-webui/grid 20.6.11 → 20.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/config/TableConfig.d.ts +2 -2
- package/dist/features/grid-cell/hooks/UseEditableCell.d.ts +3 -3
- package/dist/features/grid-cell/hooks/UseGridCell.d.ts +1 -1
- package/dist/features/grid-cell/hooks/UseGridNavigation.d.ts +4 -4
- package/dist/features/standard-table/components/StandardTable.d.ts +2 -2
- package/dist/features/standard-table/components/StandardTableCell.d.ts +2 -2
- package/dist/features/standard-table/components/StandardTableContent.d.ts +2 -2
- package/dist/features/standard-table/components/StandardTableRow.d.ts +2 -2
- package/dist/features/standard-table/components/StandardTableRowList.d.ts +2 -2
- package/dist/features/standard-table/config/StandardTableColumnConfig.d.ts +8 -8
- package/dist/features/standard-table/config/StandardTableConfig.d.ts +2 -2
- package/dist/features/standard-table/context/GroupConfigsAndIdsForRowsContext.d.ts +1 -1
- package/dist/features/standard-table/features/checkboxes/UseTableHeadCheckbox.d.ts +1 -1
- package/dist/features/standard-table/features/column-groups/ColumnGroupFactory.d.ts +1 -1
- package/dist/features/standard-table/features/column-index-per-column-id/ColumnIndexCalculator.d.ts +1 -1
- package/dist/features/standard-table/features/expand-collapse/UseTableHeadExpandCollapse.d.ts +1 -1
- package/dist/features/standard-table/features/sorting/MultitypeComparator.d.ts +1 -1
- package/dist/features/standard-table/features/sticky-columns/StickyColumnGroupOffsetCalculator.d.ts +5 -5
- package/dist/features/standard-table/features/sticky-columns/StickyColumnGroupValidator.d.ts +3 -3
- package/dist/features/standard-table/features/sticky-columns/StickyPropsPerColumnCalculator.d.ts +2 -2
- package/dist/features/standard-table/features/sticky-columns/types.d.ts +2 -2
- package/dist/features/standard-table/features/summary-row/SummaryCellColSpanCalculator.d.ts +3 -3
- package/dist/features/standard-table/features/summary-row/components/StandardTableSummaryRow.d.ts +2 -2
- package/dist/features/standard-table/features/summary-row/components/SummaryRowSwitcher.d.ts +2 -2
- package/dist/features/standard-table/helpers/cell-renderers/editable-text-cell/EditableTextCellWithStatus.d.ts +1 -1
- package/dist/features/standard-table/redux/ReducerIdFactory.d.ts +1 -1
- package/dist/features/standard-table/redux/StandardTableReducer.d.ts +2 -2
- package/dist/features/standard-table/types/StandardTableEvents.d.ts +2 -2
- package/dist/features/standard-table/util/ActionsFactory.d.ts +1 -1
- package/dist/features/standard-table/util/FilterItemsOnEnabledCheckboxes.d.ts +2 -2
- package/dist/features/table-ui/components/table/SortOrderIcon.d.ts +2 -2
- package/dist/index.es.js +184 -195
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/util/DirectionCalculator.d.ts +2 -2
- package/package.json +9 -9
|
@@ -2,10 +2,10 @@ export declare const tableBorderColor = "var(--lhds-color-ui-300)";
|
|
|
2
2
|
export declare const tableBorderColorExpanded = "var(--lhds-color-blue-500)";
|
|
3
3
|
export declare const tableBackgroundColorExpanded = "var(--lhds-color-blue-50)";
|
|
4
4
|
export declare const tableBackgroundHoverColorExpanded = "var(--lhds-color-blue-100)";
|
|
5
|
-
export declare const tableBorder
|
|
5
|
+
export declare const tableBorder = "1px solid var(--lhds-color-ui-300)";
|
|
6
6
|
export declare const tableBorderHidden = "1px solid transparent";
|
|
7
7
|
export declare const tableBorderLeft = "var(--swui-expand-highlight-border-width) solid transparent";
|
|
8
|
-
export declare const tableBorderLeftExpanded
|
|
8
|
+
export declare const tableBorderLeftExpanded = "var(--swui-expand-highlight-border-width) solid var(--lhds-color-blue-500)";
|
|
9
9
|
export declare const defaultTableRowHeight = "40px";
|
|
10
10
|
export declare const defaultTableHeadRowHeight = "40px";
|
|
11
11
|
export declare const smallTableRowWidth = "40px";
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { RevertableValue } from "./UseRevertableValue";
|
|
3
|
-
export
|
|
4
|
-
|
|
5
|
-
|
|
3
|
+
export type AllowedInputType = "all" | "numeric" | "alphanumeric" | "letters" | "none";
|
|
4
|
+
type OnStartEditingFunc = (keyEvent?: KeyDownEvent) => void;
|
|
5
|
+
type TransformEnteredValueFunc<TValue> = (value?: string) => TValue;
|
|
6
6
|
export interface UseEditableCellOptions<TValue> {
|
|
7
7
|
/**
|
|
8
8
|
* Specifies if cell is editable.
|
|
@@ -2,7 +2,7 @@ import { KeyboardEventHandler } from "react";
|
|
|
2
2
|
import { MoveDirection } from "../../../util/DirectionCalculator";
|
|
3
3
|
import { KeyDownEvent, UseEditableCellOptions } from "./UseEditableCell";
|
|
4
4
|
import { GridNavigationRequiredProps, UseGridNavigationOptions } from "./UseGridNavigation";
|
|
5
|
-
export
|
|
5
|
+
export type UseGridCellOptions<TValue> = UseGridNavigationOptions & UseEditableCellOptions<TValue>;
|
|
6
6
|
export interface UseGridCellResult<TValue> {
|
|
7
7
|
/**
|
|
8
8
|
* The current value in the editor. Pass this as value to form field components.
|
|
@@ -61,8 +61,8 @@ export interface GridNavigationRequiredProps {
|
|
|
61
61
|
onKeyDown: (e: KeyboardEvent) => boolean;
|
|
62
62
|
id: string;
|
|
63
63
|
}
|
|
64
|
-
export
|
|
65
|
-
export
|
|
64
|
+
export type CellMoveHandler = (event: OnCellMoveEvent) => void;
|
|
65
|
+
export type CellNavigationHandler = (event: OnCellNavigationEvent) => void;
|
|
66
66
|
export interface OnCellMoveEvent {
|
|
67
67
|
direction: MoveDirection;
|
|
68
68
|
fromRowIndex: number;
|
|
@@ -76,7 +76,7 @@ export interface OnCellNavigationEvent extends OnCellMoveEvent {
|
|
|
76
76
|
cellDidChange: boolean;
|
|
77
77
|
}
|
|
78
78
|
export declare const useGridNavigation: (options: UseGridNavigationOptions) => UseGridNavigationResult;
|
|
79
|
-
|
|
80
|
-
|
|
79
|
+
type MoveHandler = (direction: MoveDirection) => void;
|
|
80
|
+
type FocusOnCellFunc = (tableId: string, pos: CellIndices) => void;
|
|
81
81
|
export declare const focusOnCell: FocusOnCellFunc;
|
|
82
82
|
export {};
|
|
@@ -89,5 +89,5 @@ export interface StandardTableProps<TItem, TColumnKey extends string, TColumnGro
|
|
|
89
89
|
*/
|
|
90
90
|
onSortOrderChange?: StandardTableOnSortOrderChange<TColumnKey>;
|
|
91
91
|
}
|
|
92
|
-
export
|
|
93
|
-
export declare const StandardTable: <TItem, TColumnKey extends string, TColumnGroupKey extends string>({ tableContext, config, columnOrder, columnGroupOrder, tableId, variant, onKeyDown, onSortOrderChange, appendTooltipTo, ...props }: StandardTableProps<TItem, TColumnKey, TColumnGroupKey>) => JSX.Element;
|
|
92
|
+
export type StandardTableVariant = "relaxed" | "standard" | "condensed" | "compact";
|
|
93
|
+
export declare const StandardTable: <TItem extends {}, TColumnKey extends string, TColumnGroupKey extends string>({ tableContext, config, columnOrder, columnGroupOrder, tableId, variant, onKeyDown, onSortOrderChange, appendTooltipTo, ...props }: StandardTableProps<TItem, TColumnKey, TColumnGroupKey>) => JSX.Element;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
export interface StandardTableCellProps<TItem> {
|
|
2
|
+
export interface StandardTableCellProps<TItem extends {}> {
|
|
3
3
|
columnId: string;
|
|
4
4
|
item: TItem;
|
|
5
5
|
rowIndex: number;
|
|
@@ -8,4 +8,4 @@ export interface StandardTableCellProps<TItem> {
|
|
|
8
8
|
borderFromGroup?: boolean | string;
|
|
9
9
|
disableBorderLeft?: boolean;
|
|
10
10
|
}
|
|
11
|
-
export declare const StandardTableCell: React.MemoExoticComponent<(<TItem>({ columnId, item, colIndex, rowIndex, numRows, borderFromGroup, disableBorderLeft, }: StandardTableCellProps<TItem>) => JSX.Element)>;
|
|
11
|
+
export declare const StandardTableCell: React.MemoExoticComponent<(<TItem extends {}>({ columnId, item, colIndex, rowIndex, numRows, borderFromGroup, disableBorderLeft, }: StandardTableCellProps<TItem>) => JSX.Element)>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StandardTableProps, StandardTableVariant } from "./StandardTable";
|
|
3
|
-
interface Props<TItem, TColumnKey extends string, TColumnGroupKey extends string> extends Omit<StandardTableProps<TItem, TColumnKey, TColumnGroupKey>, "tableContext" | "config"> {
|
|
3
|
+
interface Props<TItem extends {}, TColumnKey extends string, TColumnGroupKey extends string> extends Omit<StandardTableProps<TItem, TColumnKey, TColumnGroupKey>, "tableContext" | "config"> {
|
|
4
4
|
variant: StandardTableVariant;
|
|
5
5
|
}
|
|
6
|
-
export declare const StandardTableContent: React.MemoExoticComponent<(<TItem, TColumnKey extends string, TColumnGroupKey extends string>({ error, bannerError, loading, items, noItemsLabel, noItemsContentRight, noItemsContentBottom, noItemsHeader, colIndexOffset, rowIndexOffset, variant, errorLabel, }: Props<TItem, TColumnKey, TColumnGroupKey>) => JSX.Element)>;
|
|
6
|
+
export declare const StandardTableContent: React.MemoExoticComponent<(<TItem extends {}, TColumnKey extends string, TColumnGroupKey extends string>({ error, bannerError, loading, items, noItemsLabel, noItemsContentRight, noItemsContentBottom, noItemsHeader, colIndexOffset, rowIndexOffset, variant, errorLabel, }: Props<TItem, TColumnKey, TColumnGroupKey>) => JSX.Element)>;
|
|
7
7
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { RefObject } from "react";
|
|
3
|
-
export interface StandardTableRowProps<TItem> {
|
|
3
|
+
export interface StandardTableRowProps<TItem extends {}> {
|
|
4
4
|
item: TItem;
|
|
5
5
|
idListForEnabledItems: Array<string>;
|
|
6
6
|
rowIndex: number;
|
|
@@ -9,4 +9,4 @@ export interface StandardTableRowProps<TItem> {
|
|
|
9
9
|
alwaysVisible?: boolean;
|
|
10
10
|
shiftPressedRef: RefObject<boolean>;
|
|
11
11
|
}
|
|
12
|
-
export declare const StandardTableRow: React.MemoExoticComponent<(<TItem>({ item, idListForEnabledItems, rowIndex, numRows, colIndexOffset, alwaysVisible, shiftPressedRef, }: StandardTableRowProps<TItem>) => JSX.Element)>;
|
|
12
|
+
export declare const StandardTableRow: React.MemoExoticComponent<(<TItem extends {}>({ item, idListForEnabledItems, rowIndex, numRows, colIndexOffset, alwaysVisible, shiftPressedRef, }: StandardTableRowProps<TItem>) => JSX.Element)>;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StandardTableVariant } from "./StandardTable";
|
|
3
|
-
interface StandardTableContentProps<TItem> {
|
|
3
|
+
interface StandardTableContentProps<TItem extends {}> {
|
|
4
4
|
items?: Array<TItem>;
|
|
5
5
|
colIndexOffset?: number;
|
|
6
6
|
rowIndexOffset?: number;
|
|
7
7
|
variant: StandardTableVariant;
|
|
8
8
|
}
|
|
9
|
-
export declare const StandardTableRowList: React.MemoExoticComponent<(<TItem>({ items, colIndexOffset, rowIndexOffset, }: StandardTableContentProps<TItem>) => JSX.Element)>;
|
|
9
|
+
export declare const StandardTableRowList: React.MemoExoticComponent<(<TItem extends {}>({ items, colIndexOffset, rowIndexOffset, }: StandardTableContentProps<TItem>) => JSX.Element)>;
|
|
10
10
|
export {};
|
|
@@ -4,8 +4,8 @@ import { UseGridCellOptions, UseGridCellResult } from "../../grid-cell/hooks/Use
|
|
|
4
4
|
import { SortOrderIconVariant } from "../../table-ui/components/table/SortOrderIcon";
|
|
5
5
|
import { StandardTableOnKeyDownArgs } from "./StandardTableConfig";
|
|
6
6
|
import { TextSize } from "@stenajs-webui/core";
|
|
7
|
-
export
|
|
8
|
-
export
|
|
7
|
+
export type StandardTableColumnConfig<TItem, TItemValue, TColumnKey extends string> = StandardTableColumnOptions<TItem, TItemValue, TColumnKey> & StandardTableColumnOptionsWithNoGroups & ItemValueResolver<TItem, TItemValue>;
|
|
8
|
+
export type StandardTableColumnConfigWithGroups<TItem, TItemValue, TColumnKey extends string> = StandardTableColumnOptions<TItem, TItemValue, TColumnKey> & ItemValueResolver<TItem, TItemValue>;
|
|
9
9
|
export interface StandardTableColumnOptionsWithNoGroups {
|
|
10
10
|
/**
|
|
11
11
|
* Enable sticky behaviour to the left make elements scroll in behind this column.
|
|
@@ -125,16 +125,16 @@ export interface StandardTableColumnOptions<TItem, TItemValue, TColumnKey extend
|
|
|
125
125
|
*/
|
|
126
126
|
summaryCellColSpan?: number;
|
|
127
127
|
}
|
|
128
|
-
export
|
|
128
|
+
export type StandardTableSummaryTextProvider<TItem> = (arg: StandardTableSummaryTextProviderArgObject<TItem>) => string;
|
|
129
129
|
export interface StandardTableSummaryTextProviderArgObject<TItem> {
|
|
130
130
|
items: Array<TItem>;
|
|
131
131
|
}
|
|
132
|
-
export
|
|
132
|
+
export type StandardTableSummaryCellRenderer<TItem> = (arg: StandardTableSummaryCellRendererArgObject<TItem>) => ReactNode;
|
|
133
133
|
export interface StandardTableSummaryCellRendererArgObject<TItem> {
|
|
134
134
|
items: Array<TItem>;
|
|
135
135
|
text?: string;
|
|
136
136
|
}
|
|
137
|
-
export
|
|
137
|
+
export type StandardTableCellRenderer<TItemValue, TItem> = (arg: StandardTableCellRendererArgObject<TItemValue, TItem>) => ReactNode;
|
|
138
138
|
export interface StandardTableCellRendererArgObject<TItemValue, TItem> {
|
|
139
139
|
label: string;
|
|
140
140
|
value: TItemValue;
|
|
@@ -153,9 +153,9 @@ export interface StandardTableCellRendererArgObject<TItemValue, TItem> {
|
|
|
153
153
|
* Default renderer. This is defined in config, not for a specific column.
|
|
154
154
|
* Therefor, it can not know "value: TItemValue", since it has not been defined yet.
|
|
155
155
|
*/
|
|
156
|
-
export
|
|
157
|
-
export
|
|
156
|
+
export type DefaultStandardTableCellRenderer<TItem> = (arg: StandardTableCellRendererArgObject<unknown, TItem>) => ReactNode;
|
|
157
|
+
export type BackgroundResolver<TItem> = (item: TItem) => string | undefined;
|
|
158
158
|
export interface ItemValueResolver<TItem, TItemValue> {
|
|
159
159
|
itemValueResolver: (item: TItem) => TItemValue;
|
|
160
160
|
}
|
|
161
|
-
export declare const createColumnConfig: <TItem, TItemValue, TColumnKey extends string>(itemValueResolver: (item: TItem) => TItemValue, options?: StandardTableColumnOptions<TItem, TItemValue, TColumnKey>
|
|
161
|
+
export declare const createColumnConfig: <TItem, TItemValue, TColumnKey extends string>(itemValueResolver: (item: TItem) => TItemValue, options?: StandardTableColumnOptions<TItem, TItemValue, TColumnKey>) => StandardTableColumnConfig<TItem, TItemValue, TColumnKey>;
|
|
@@ -11,7 +11,7 @@ export interface StandardTableOnKeyDownArgs<TItem, TColumnKey extends string> {
|
|
|
11
11
|
columnId: TColumnKey;
|
|
12
12
|
item: TItem;
|
|
13
13
|
}
|
|
14
|
-
export
|
|
14
|
+
export type StandardTableConfig<TItem, TColumnKey extends string, TColumnGroupKey extends string = string> = StandardTableConfigWithGroups<TItem, TColumnKey, TColumnGroupKey> | StandardTableConfigWithNoGroups<TItem, TColumnKey>;
|
|
15
15
|
export interface StandardTableConfigWithGroups<TItem, TColumnKey extends string, TColumnGroupKey extends string = string> extends StandardTableConfigBase<TItem, TColumnKey> {
|
|
16
16
|
/**
|
|
17
17
|
* Configs for the columns available in the table.
|
|
@@ -167,4 +167,4 @@ export interface RowBackgroundResolverColorCombination {
|
|
|
167
167
|
background: string;
|
|
168
168
|
hoverBackground: string;
|
|
169
169
|
}
|
|
170
|
-
export
|
|
170
|
+
export type StickyColumnGroupVariant = "first" | "last" | "both";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { GroupConfigAndId } from "../features/column-groups/ColumnGroupFactory";
|
|
3
3
|
export declare const GroupConfigsAndIdsForRowsContext: import("react").Context<GroupConfigAndId<any>[]>;
|
|
4
|
-
export declare const useGroupConfigsAndIdsForRows: <TColumnKey extends string>() => GroupConfigAndId<TColumnKey
|
|
4
|
+
export declare const useGroupConfigsAndIdsForRows: <TColumnKey extends string>() => Array<GroupConfigAndId<TColumnKey>>;
|
|
5
5
|
export declare const useTotalNumColumnsForRows: () => number;
|
|
@@ -4,4 +4,4 @@ export interface GroupConfigAndId<TColumnKey extends string> {
|
|
|
4
4
|
groupId: string;
|
|
5
5
|
groupConfig: StandardTableColumnGroupConfig<TColumnKey>;
|
|
6
6
|
}
|
|
7
|
-
export declare const createGroupConfigAndIdsForRows: <TItem, TColumnKey extends string, TColumnGroupKey extends string>(columnGroups:
|
|
7
|
+
export declare const createGroupConfigAndIdsForRows: <TItem, TColumnKey extends string, TColumnGroupKey extends string>(columnGroups: StandardTableConfigWithGroups<TItem, TColumnKey, TColumnGroupKey>["columnGroups"] | undefined, columnGroupOrder: StandardTableConfigWithGroups<TItem, TColumnKey, TColumnGroupKey>["columnGroupOrder"] | undefined, columnOrder: StandardTableConfigWithNoGroups<TItem, TColumnKey>["columnOrder"] | undefined) => Array<GroupConfigAndId<TColumnKey>>;
|
package/dist/features/standard-table/features/column-index-per-column-id/ColumnIndexCalculator.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StandardTableConfig } from "../../config/StandardTableConfig";
|
|
2
|
-
export
|
|
2
|
+
export type ColumnIndexPerColumnId<TColumnKey extends string> = Record<TColumnKey, number>;
|
|
3
3
|
export interface ColumnIndexPerColumnIdCalculationResult<TColumnKey extends string> {
|
|
4
4
|
columnIndexPerColumnId: ColumnIndexPerColumnId<TColumnKey>;
|
|
5
5
|
numNavigableColumns: number;
|
package/dist/features/standard-table/features/sticky-columns/StickyColumnGroupOffsetCalculator.d.ts
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { StandardTableConfig, StandardTableConfigWithGroups } from "../../config/StandardTableConfig";
|
|
2
|
-
export
|
|
2
|
+
export type OffsetPerColumn<TColumnKey extends string> = Record<TColumnKey, string>;
|
|
3
3
|
/**
|
|
4
4
|
* This methods assumes that the config has already been validated to be correct.
|
|
5
5
|
* @param config
|
|
6
6
|
*/
|
|
7
|
-
export declare const calculateOffsetForColumnInStickyColumnGroups: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey
|
|
8
|
-
export declare const calculateOffsetForColumns: <TItem, TColumnKey extends string>(columnIds: TColumnKey
|
|
9
|
-
export declare const getColumnIdsForLeftSideStickyGroup: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey
|
|
10
|
-
export declare const getColumnIdsForRightSideStickyGroup: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey
|
|
7
|
+
export declare const calculateOffsetForColumnInStickyColumnGroups: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey>) => OffsetPerColumn<TColumnKey>;
|
|
8
|
+
export declare const calculateOffsetForColumns: <TItem, TColumnKey extends string>(columnIds: Array<TColumnKey>, columns: StandardTableConfig<TItem, TColumnKey>["columns"], includeOffsetForCheckboxAndExpand: boolean) => OffsetPerColumn<TColumnKey>;
|
|
9
|
+
export declare const getColumnIdsForLeftSideStickyGroup: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey>) => Array<TColumnKey>;
|
|
10
|
+
export declare const getColumnIdsForRightSideStickyGroup: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey>) => Array<TColumnKey>;
|
package/dist/features/standard-table/features/sticky-columns/StickyColumnGroupValidator.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { StandardTableConfig, StandardTableConfigWithGroups } from "../../config/StandardTableConfig";
|
|
2
|
-
export declare const ensureConfigHasValidSticky: <TItem, TColumnKey extends string>(config: StandardTableConfig<TItem, TColumnKey
|
|
3
|
-
export declare const ensureNoColumnsAreSticky: <TItem, TColumnKey extends string>(config: StandardTableConfig<TItem, TColumnKey
|
|
4
|
-
export declare const ensureAllColumnsInGroupHasFixedWidth: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey
|
|
2
|
+
export declare const ensureConfigHasValidSticky: <TItem extends {}, TColumnKey extends string>(config: StandardTableConfig<TItem, TColumnKey>) => void;
|
|
3
|
+
export declare const ensureNoColumnsAreSticky: <TItem extends {}, TColumnKey extends string>(config: StandardTableConfig<TItem, TColumnKey>) => void;
|
|
4
|
+
export declare const ensureAllColumnsInGroupHasFixedWidth: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey>, columnGroupIndex: number) => void;
|
package/dist/features/standard-table/features/sticky-columns/StickyPropsPerColumnCalculator.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { StandardTableConfig, StandardTableConfigWithGroups, StandardTableConfigWithNoGroups } from "../../config/StandardTableConfig";
|
|
2
2
|
import { StickyPropsPerColumn } from "./types";
|
|
3
|
-
export declare const getStickyPropsPerColumn: <TItem, TColumnKey extends string>(config: StandardTableConfig<TItem, TColumnKey
|
|
3
|
+
export declare const getStickyPropsPerColumn: <TItem, TColumnKey extends string>(config: StandardTableConfig<TItem, TColumnKey>) => StickyPropsPerColumn<TColumnKey>;
|
|
4
4
|
export declare const getStickyPropsPerColumnWithNoGroups: <TItem, TColumnKey extends string>(config: StandardTableConfigWithNoGroups<TItem, TColumnKey>) => StickyPropsPerColumn<TColumnKey>;
|
|
5
|
-
export declare const getStickyPropsPerColumnWithGroups: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey
|
|
5
|
+
export declare const getStickyPropsPerColumnWithGroups: <TItem, TColumnKey extends string>(config: StandardTableConfigWithGroups<TItem, TColumnKey>) => StickyPropsPerColumn<TColumnKey>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
1
|
+
export type StickyPropsPerColumn<TColumn extends string> = Record<TColumn, StickyCellProps>;
|
|
2
|
+
type StickyCellType = "column" | "first-group" | "last-group";
|
|
3
3
|
export interface StickyCellProps {
|
|
4
4
|
left: string | undefined;
|
|
5
5
|
right: string | undefined;
|
|
@@ -2,6 +2,6 @@ export interface ColumnIdAndColSpan<TColumnKey extends string> {
|
|
|
2
2
|
columnId: TColumnKey;
|
|
3
3
|
colSpan: number;
|
|
4
4
|
}
|
|
5
|
-
export declare const getColumnsLimitedWithColSpan: <TColumnKey extends string>(columnOrder: TColumnKey
|
|
6
|
-
summaryCellColSpan?: number
|
|
7
|
-
}>) => ColumnIdAndColSpan<TColumnKey
|
|
5
|
+
export declare const getColumnsLimitedWithColSpan: <TColumnKey extends string>(columnOrder: Array<TColumnKey>, columns: Record<TColumnKey, {
|
|
6
|
+
summaryCellColSpan?: number;
|
|
7
|
+
}>) => Array<ColumnIdAndColSpan<TColumnKey>>;
|
package/dist/features/standard-table/features/summary-row/components/StandardTableSummaryRow.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
interface StandardTableSummaryRowProps<TItem> {
|
|
2
|
+
interface StandardTableSummaryRowProps<TItem extends {}> {
|
|
3
3
|
items: Array<TItem>;
|
|
4
4
|
}
|
|
5
|
-
export declare const StandardTableSummaryRow: React.MemoExoticComponent<(<TItem>({ items, }: StandardTableSummaryRowProps<TItem>) => JSX.Element)>;
|
|
5
|
+
export declare const StandardTableSummaryRow: React.MemoExoticComponent<(<TItem extends {}>({ items, }: StandardTableSummaryRowProps<TItem>) => JSX.Element)>;
|
|
6
6
|
export {};
|
package/dist/features/standard-table/features/summary-row/components/SummaryRowSwitcher.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
interface SummaryRowSwitcherProps<TItem> {
|
|
2
|
+
interface SummaryRowSwitcherProps<TItem extends {}> {
|
|
3
3
|
items: Array<TItem>;
|
|
4
4
|
}
|
|
5
|
-
export declare const SummaryRowSwitcher: <TItem>({ items
|
|
5
|
+
export declare const SummaryRowSwitcher: <TItem extends {}>({ items }: SummaryRowSwitcherProps<TItem>) => JSX.Element | null;
|
|
6
6
|
export {};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { EntityCrudStatus, ModifiedFieldItemState } from "@stenajs-webui/redux";
|
|
2
2
|
import { StandardTableCellRenderer } from "../../../config/StandardTableColumnConfig";
|
|
3
|
-
export declare const createEditableTextCellWithStatus: <TItemValue, TItem>(warningOnEmpty?: string | ((item: TItem) => string)
|
|
3
|
+
export declare const createEditableTextCellWithStatus: <TItemValue, TItem>(warningOnEmpty?: string | ((item: TItem) => string), crudStatusProvider?: (item: TItem) => EntityCrudStatus | undefined, modifiedFieldProvider?: (item: TItem) => ModifiedFieldItemState | undefined) => StandardTableCellRenderer<TItemValue, TItem>;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
|
|
1
|
+
type ReducerIdSuffix = "selectedIds" | "expandedRows" | "sortOrder" | "fields";
|
|
2
2
|
export declare const getReducerIdFor: (reducerId: string, reducerIdSuffix: ReducerIdSuffix) => string;
|
|
3
3
|
export {};
|
|
@@ -11,5 +11,5 @@ export interface StandardTableStateFields {
|
|
|
11
11
|
lastSelectedId?: string;
|
|
12
12
|
}
|
|
13
13
|
export declare const createStandardTableInitialState: <TColumnKey extends string>(sortBy?: TColumnKey | undefined, desc?: boolean, selectedIds?: string[], expandedRows?: string[]) => StandardTableState<TColumnKey>;
|
|
14
|
-
export
|
|
15
|
-
export declare const createStandardTableReducer: <TColumnKey extends string>(reducerId: string, initialState?: Partial<StandardTableState<TColumnKey>>
|
|
14
|
+
export type StandardTableReducer<TColumnKey extends string> = Reducer<StandardTableState<TColumnKey>, StandardTableAction<TColumnKey>>;
|
|
15
|
+
export declare const createStandardTableReducer: <TColumnKey extends string>(reducerId: string, initialState?: Partial<StandardTableState<TColumnKey>>) => StandardTableReducer<TColumnKey>;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StandardTableOnKeyDownArgs } from "../config/StandardTableConfig";
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type StandardTableOnKeyDown<TItem, TColumnKey extends string> = (ev: React.KeyboardEvent<HTMLDivElement>, args: StandardTableOnKeyDownArgs<TItem, TColumnKey>) => void;
|
|
4
|
+
export type StandardTableOnSortOrderChange<TColumnKey extends string> = (sortOrder: TColumnKey, desc: boolean) => void;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { InternalStandardTableActions } from "../redux/StandardTableActionsAndSelectors";
|
|
2
2
|
import { EntityAction, ReducerIdGateAction, SelectedIdsAction, SortOrderAction } from "@stenajs-webui/redux";
|
|
3
3
|
import { StandardTableStateFields } from "../redux/StandardTableReducer";
|
|
4
|
-
export
|
|
4
|
+
export type StandardTableAction<TColumnKey extends string> = ReducerIdGateAction<SortOrderAction<TColumnKey>> | ReducerIdGateAction<SelectedIdsAction> | ReducerIdGateAction<EntityAction<StandardTableStateFields>>;
|
|
5
5
|
export interface StandardTableActions<TColumnKey extends string> {
|
|
6
6
|
setSelectedIds: (ids: Array<string>) => StandardTableAction<TColumnKey>;
|
|
7
7
|
clearSelection: () => StandardTableAction<TColumnKey>;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
export declare const filterItemsOnEnabledCheckboxes: <TItem>(checkboxDisabledResolver?: (
|
|
1
|
+
export type ItemFilterFunc<TItem> = (item: TItem) => boolean;
|
|
2
|
+
export declare const filterItemsOnEnabledCheckboxes: <TItem>(checkboxDisabledResolver?: (item: TItem) => boolean) => ItemFilterFunc<TItem>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { IconDefinition } from "@fortawesome/fontawesome-svg-core";
|
|
2
2
|
import * as React from "react";
|
|
3
|
-
export
|
|
4
|
-
export
|
|
3
|
+
export type SortOrderDirection = "up" | "down";
|
|
4
|
+
export type SortOrderIconVariant = "numeric" | "alpha" | "amount";
|
|
5
5
|
interface Props {
|
|
6
6
|
direction: SortOrderDirection;
|
|
7
7
|
iconVariant?: SortOrderIconVariant;
|