@fattureincloud/fic-design-system 0.7.30 → 0.7.32
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/components/editableInput/EditableInput.d.ts +12 -0
- package/dist/components/editableInput/components/CustomInput.d.ts +12 -0
- package/dist/components/editableInput/components/TextAreaPopup.d.ts +12 -0
- package/dist/components/editableInput/components/styled.d.ts +8 -0
- package/dist/components/editableInput/index.d.ts +2 -0
- package/dist/components/newTable/Table.d.ts +1 -3
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnItem/ColumnItem.d.ts +3 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts +5 -1
- package/dist/components/newTable/components/action/settings/ColumnsSettings/DraggableContent/DraggableContent.d.ts +5 -1
- package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts +5 -1
- package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts +4 -1
- package/dist/components/newTable/components/action/settings/Settings.d.ts +5 -1
- package/dist/components/newTable/components/bulkBar/styled.d.ts +1 -3
- package/dist/components/newTable/components/cell/customActionCell/CustomActionCell.d.ts +1 -2
- package/dist/components/newTable/components/cell/customCell/CustomCell.d.ts +1 -1
- package/dist/components/newTable/components/cell/hooks/useCellValues.d.ts +0 -1
- package/dist/components/newTable/components/header/Header.d.ts +9 -2
- package/dist/components/newTable/components/header/headerCell/ActionHeaderCell.d.ts +5 -1
- package/dist/components/newTable/components/header/headerCell/HeaderCell.d.ts +5 -2
- package/dist/components/newTable/components/header/hooks/useActionHeaderValues.d.ts +0 -1
- package/dist/components/newTable/types.d.ts +13 -6
- package/dist/components/newTable/utils.d.ts +7 -2
- package/dist/index.d.ts +2 -1
- package/dist/index.esm.js +6 -6
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface Props {
|
|
3
|
+
hover: boolean;
|
|
4
|
+
content: string | number | null;
|
|
5
|
+
unitSymbol?: string | undefined;
|
|
6
|
+
onChange: (text: string, rowID: number) => void;
|
|
7
|
+
rowId: number;
|
|
8
|
+
onOpen?: () => void;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
}
|
|
11
|
+
declare const EditableInput: ({ hover, content, unitSymbol, onChange, rowId, onOpen, onClose }: Props) => JSX.Element;
|
|
12
|
+
export default EditableInput;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface Props {
|
|
3
|
+
hover: boolean;
|
|
4
|
+
content: string | number | null;
|
|
5
|
+
unitSymbol?: string | undefined;
|
|
6
|
+
onChange: (text: string, rowID: number) => void;
|
|
7
|
+
rowId: number;
|
|
8
|
+
onOpen?: () => void;
|
|
9
|
+
onClose?: () => void;
|
|
10
|
+
}
|
|
11
|
+
declare const CustomInput: ({ hover, onChange, unitSymbol, content, rowId, onOpen, onClose }: Props) => JSX.Element;
|
|
12
|
+
export default CustomInput;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface Props {
|
|
3
|
+
content: string | number | null;
|
|
4
|
+
unitSymbol?: string | undefined;
|
|
5
|
+
onChange: (text: string, rowID: number) => void;
|
|
6
|
+
onBlur: () => void;
|
|
7
|
+
rowId: number;
|
|
8
|
+
onClose?: () => void;
|
|
9
|
+
focus: boolean;
|
|
10
|
+
}
|
|
11
|
+
declare const TextAreaPopup: ({ onChange, content, onBlur, rowId, onClose, focus }: Props) => JSX.Element;
|
|
12
|
+
export default TextAreaPopup;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const InputsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
3
|
+
export declare const TextAreaWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
4
|
+
export declare const StyledTextArea: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../form/label").LabelProps & import("../../form/textArea/types").TextAreaElementProps & import("react").RefAttributes<HTMLTextAreaElement>>, import("styled-components").DefaultTheme, {}, never>;
|
|
5
|
+
export declare const IconsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
+
export declare const StyledIcon: import("styled-components").StyledComponent<({ onClick, isDisabled, ...props }: import("../../icon").IconProps) => JSX.Element, import("styled-components").DefaultTheme, {
|
|
7
|
+
confirm?: boolean | undefined;
|
|
8
|
+
}, never>;
|
|
@@ -7,8 +7,6 @@ import { TableProps } from './types';
|
|
|
7
7
|
* @param {boolean} isSelectable Allow to select rows
|
|
8
8
|
* @param {function} onRowSelectionChange Callback called when rows selection changes
|
|
9
9
|
* @param {function} onSort Callback called on column sort change
|
|
10
|
-
* @param {number[]} favorites Array of favorites
|
|
11
|
-
* @param {function} onFavoritesChange Callback called on favorite change
|
|
12
10
|
* @param {number[]} toggles Array of toggles index
|
|
13
11
|
* @param {function} onTogglesChange Callback called on toggles change
|
|
14
12
|
* @param {RowSize} headerSize Set header height
|
|
@@ -31,5 +29,5 @@ import { TableProps } from './types';
|
|
|
31
29
|
* @param {function} onRowClick Callback called after a click on a row, returns the row
|
|
32
30
|
* @param {number} rowIdHighlight id of the row that will be highlighted
|
|
33
31
|
*/
|
|
34
|
-
declare const Table: <T>({ data, columns, isSelectable,
|
|
32
|
+
declare const Table: <T>({ data, columns, isSelectable, toggles, onTogglesChange, headerSize, isTogglesSortable, sortable, sortDescFirst, enableSettings, settingsDropdownConfig, rowActions, bulkActions, isLoading, allSelectedCTA, noPagination, pageSize: pageLength, listSize, paginationPreviousText, paginationNextText, onPaginationChange, uniqueId, onSort, renderEmptyState, onRowClick, bodyHeight, totalPages, rowIdHighlight, rowHighlightColor, rowSelection, onRowSelection, forceHideSettings, renderBulkActions, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, rowSize, }: TableProps<T>) => JSX.Element;
|
|
35
33
|
export default Table;
|
|
@@ -7,6 +7,8 @@ declare type ColumnItemProps<T> = {
|
|
|
7
7
|
};
|
|
8
8
|
};
|
|
9
9
|
onDragStart: (event: React.DragEvent<HTMLDivElement>, parent: HTMLDivElement) => void;
|
|
10
|
+
isRemovable: boolean;
|
|
11
|
+
onChangeTableSettings?: (key: string, state: boolean) => void;
|
|
10
12
|
} & Omit<React.HTMLProps<HTMLDivElement>, 'onDragStart'>;
|
|
11
|
-
declare const ColumnItem: <T>({ column, draggable, onDragStart, onDragOver, onDragEnd }: ColumnItemProps<T>) => JSX.Element;
|
|
13
|
+
declare const ColumnItem: <T>({ column, draggable, onDragStart, onDragOver, onDragEnd, isRemovable, onChangeTableSettings, }: ColumnItemProps<T>) => JSX.Element;
|
|
12
14
|
export default ColumnItem;
|
package/dist/components/newTable/components/action/settings/ColumnsSettings/ColumnsSettings.d.ts
CHANGED
|
@@ -1,8 +1,12 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Table } from '@tanstack/react-table';
|
|
3
|
+
import { onChangeTableSettings } from '../../../../types';
|
|
3
4
|
interface ColumnsSettingsProps<T> {
|
|
4
5
|
table: Table<T>;
|
|
5
6
|
visibleColumnsLabel: string;
|
|
7
|
+
notRemovableColumns?: string[];
|
|
8
|
+
preSettedColumns?: string[];
|
|
9
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
6
10
|
}
|
|
7
|
-
declare const ColumnsSettings: <T>({ table, visibleColumnsLabel }: ColumnsSettingsProps<T>) => JSX.Element;
|
|
11
|
+
declare const ColumnsSettings: <T>({ table, visibleColumnsLabel, notRemovableColumns, onChangeTableSettings, }: ColumnsSettingsProps<T>) => JSX.Element;
|
|
8
12
|
export default ColumnsSettings;
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Table } from '@tanstack/react-table';
|
|
3
|
+
import { onChangeTableSettings } from '../../../../../types';
|
|
3
4
|
interface DraggableContentProps<T> {
|
|
4
5
|
table: Table<T>;
|
|
6
|
+
preSettedColumns?: string[];
|
|
7
|
+
notRemovableColumns?: string[];
|
|
8
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
5
9
|
}
|
|
6
|
-
export declare const DraggableContent: <T>({ table }: DraggableContentProps<T>) => JSX.Element;
|
|
10
|
+
export declare const DraggableContent: <T>({ table, notRemovableColumns, onChangeTableSettings, }: DraggableContentProps<T>) => JSX.Element;
|
|
7
11
|
export {};
|
package/dist/components/newTable/components/action/settings/DropdownSettings/DropdownSettings.d.ts
CHANGED
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Header } from '@tanstack/react-table';
|
|
3
|
+
import { onChangeTableSettings } from '../../../../types';
|
|
3
4
|
interface DropdownSettingsProps<T> {
|
|
4
5
|
header: Header<T, unknown>;
|
|
6
|
+
notRemovableColumns?: string[];
|
|
7
|
+
dimensionRow?: number;
|
|
8
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
5
9
|
}
|
|
6
|
-
declare const DropdownSettings: <T>({ header }: DropdownSettingsProps<T>) => JSX.Element;
|
|
10
|
+
declare const DropdownSettings: <T>({ header, notRemovableColumns, dimensionRow, onChangeTableSettings, }: DropdownSettingsProps<T>) => JSX.Element;
|
|
7
11
|
export default DropdownSettings;
|
package/dist/components/newTable/components/action/settings/RowHeightSettings/RowHeightSettings.d.ts
CHANGED
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { onChangeTableSettings } from '../../../../types';
|
|
2
3
|
interface RowHeightSettingsProps {
|
|
3
4
|
isDisabled?: boolean;
|
|
4
5
|
rowHeightLabel: string;
|
|
5
6
|
unspecifiedRowsLabel: string;
|
|
6
7
|
smallRowsLabel: string;
|
|
7
8
|
largeRowsLabel: string;
|
|
9
|
+
dimensionRow?: number;
|
|
10
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
8
11
|
}
|
|
9
|
-
declare const RowHeightSettings: ({ rowHeightLabel, unspecifiedRowsLabel, smallRowsLabel, largeRowsLabel, isDisabled, }: RowHeightSettingsProps) => JSX.Element;
|
|
12
|
+
declare const RowHeightSettings: ({ rowHeightLabel, unspecifiedRowsLabel, smallRowsLabel, largeRowsLabel, isDisabled, dimensionRow, onChangeTableSettings, }: RowHeightSettingsProps) => JSX.Element;
|
|
10
13
|
export default RowHeightSettings;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Header } from '@tanstack/react-table';
|
|
3
|
+
import { onChangeTableSettings } from '../../../types';
|
|
3
4
|
interface SettingsProps<T> {
|
|
4
5
|
header: Header<T, unknown>;
|
|
5
6
|
onOpen?: (isOpen: boolean) => void;
|
|
6
7
|
onClose?: (isOpen: boolean) => void;
|
|
8
|
+
notRemovableColumns?: string[];
|
|
9
|
+
dimensionRow?: number;
|
|
10
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
7
11
|
}
|
|
8
|
-
declare const Settings: <T>({ header, onOpen, onClose }: SettingsProps<T>) => JSX.Element;
|
|
12
|
+
declare const Settings: <T>({ header, onOpen, onClose, notRemovableColumns, dimensionRow, onChangeTableSettings, }: SettingsProps<T>) => JSX.Element;
|
|
9
13
|
export default Settings;
|
|
@@ -3,8 +3,6 @@ export declare const BulkBarWrapper: import("styled-components").StyledComponent
|
|
|
3
3
|
allSelectedShown?: boolean | undefined;
|
|
4
4
|
}, never>;
|
|
5
5
|
export declare const BulkBarContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
6
|
-
export declare const AllSelectedCTAContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
|
|
7
|
-
shown?: boolean | undefined;
|
|
8
|
-
}, never>;
|
|
6
|
+
export declare const AllSelectedCTAContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
9
7
|
export declare const BulkActionsWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
|
|
10
8
|
export declare const SelectionCounter: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -4,11 +4,10 @@ import { ActionColumnDef, ActionType } from '../../../types';
|
|
|
4
4
|
interface Props<T> extends ActionColumnDef<T> {
|
|
5
5
|
row: Row<T>;
|
|
6
6
|
actionType: ActionType;
|
|
7
|
-
isFavorite?: boolean;
|
|
8
7
|
isToggled?: boolean;
|
|
9
8
|
column: Column<T, unknown>;
|
|
10
9
|
maxWidth?: number;
|
|
11
10
|
minWidth?: number;
|
|
12
11
|
}
|
|
13
|
-
declare const CustomActionCell: <T>({ actionType, row,
|
|
12
|
+
declare const CustomActionCell: <T>({ actionType, row, isToggled, onActionChange, rowActions, column, maxWidth, minWidth, }: Props<T>) => JSX.Element;
|
|
14
13
|
export default CustomActionCell;
|
|
@@ -8,5 +8,5 @@ declare type Props<CellProps> = {
|
|
|
8
8
|
rowSize?: RowSize;
|
|
9
9
|
onRowClick?: (row: Row<CellProps>) => void;
|
|
10
10
|
} & CustomCellProps & AccessorColumnDef<CellProps> & ActionColumnDef<CellProps> & AdditionalColumnDef<CellProps>;
|
|
11
|
-
declare const CustomCell: <CellProps>({ content, isEditable, tag, unitSymbol, headline, leadingIcon, avatar, actionType, row, rowSize, onActionChange,
|
|
11
|
+
declare const CustomCell: <CellProps>({ content, isEditable, tag, unitSymbol, headline, leadingIcon, avatar, actionType, row, rowSize, onActionChange, isToggled, hover, onChange, trailingMicroTag, minWidth, rowActions, context, onRowClick, maxWidth, align, disableClick, }: Props<CellProps>) => JSX.Element;
|
|
12
12
|
export default CustomCell;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { HeaderGroup } from '@tanstack/react-table';
|
|
3
|
-
import { OnSort, RowSize } from '../../types';
|
|
3
|
+
import { onChangeTableSettings, OnSort, RowSize } from '../../types';
|
|
4
4
|
interface HeaderProps<T> {
|
|
5
5
|
headerGroup: HeaderGroup<T>[];
|
|
6
6
|
headerSize?: RowSize;
|
|
@@ -8,6 +8,13 @@ interface HeaderProps<T> {
|
|
|
8
8
|
forceHideSettings: boolean;
|
|
9
9
|
rowSelection?: string[];
|
|
10
10
|
setRowSelection?: (e: string[]) => void;
|
|
11
|
+
preSettedTableSettings?: {
|
|
12
|
+
orderColumns?: string[];
|
|
13
|
+
dimensionRow?: number;
|
|
14
|
+
notVisibleColumns?: string[];
|
|
15
|
+
};
|
|
16
|
+
notRemovableColumns?: string[];
|
|
17
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
11
18
|
}
|
|
12
|
-
declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, }: HeaderProps<T>) => JSX.Element;
|
|
19
|
+
declare const Header: <T>({ headerGroup, headerSize, onSort, forceHideSettings, rowSelection, setRowSelection, preSettedTableSettings, onChangeTableSettings, notRemovableColumns, }: HeaderProps<T>) => JSX.Element;
|
|
13
20
|
export default Header;
|
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Header } from '@tanstack/react-table';
|
|
3
|
+
import { onChangeTableSettings } from '../../../types';
|
|
3
4
|
interface CustomHeaderCellProps<T> {
|
|
4
5
|
header: Header<T, unknown>;
|
|
5
6
|
onOpen?: (isOpen: boolean) => void;
|
|
6
7
|
forceHideSettings: boolean;
|
|
7
8
|
rowSelection?: string[];
|
|
8
9
|
setRowSelection?: (e: string[]) => void;
|
|
10
|
+
notRemovableColumns?: string[];
|
|
11
|
+
dimensionRow?: number;
|
|
12
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
9
13
|
}
|
|
10
|
-
declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, }: CustomHeaderCellProps<T>) => JSX.Element;
|
|
14
|
+
declare const ActionHeaderCell: <T>({ header, onOpen, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, }: CustomHeaderCellProps<T>) => JSX.Element;
|
|
11
15
|
export default ActionHeaderCell;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Header, SortDirection } from '@tanstack/react-table';
|
|
2
2
|
import { default as React } from 'react';
|
|
3
|
-
import { CustomSorted, OnSort, RowSize } from '../../../types';
|
|
3
|
+
import { CustomSorted, onChangeTableSettings, OnSort, RowSize } from '../../../types';
|
|
4
4
|
interface HeaderCellProps<T> {
|
|
5
5
|
header: Header<T, unknown>;
|
|
6
6
|
headerSize?: RowSize;
|
|
@@ -10,6 +10,9 @@ interface HeaderCellProps<T> {
|
|
|
10
10
|
forceHideSettings: boolean;
|
|
11
11
|
rowSelection?: string[];
|
|
12
12
|
setRowSelection?: (e: string[]) => void;
|
|
13
|
+
notRemovableColumns?: string[];
|
|
14
|
+
dimensionRow?: number;
|
|
15
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
13
16
|
}
|
|
14
|
-
declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, }: HeaderCellProps<T>) => JSX.Element;
|
|
17
|
+
declare const HeaderCell: <T>({ header, headerSize, onSort, customSorted, setCustomSorted, forceHideSettings, rowSelection, setRowSelection, notRemovableColumns, dimensionRow, onChangeTableSettings, }: HeaderCellProps<T>) => JSX.Element;
|
|
15
18
|
export default HeaderCell;
|
|
@@ -13,8 +13,6 @@ export interface TableProps<T> {
|
|
|
13
13
|
columns: ColumnsType<T>[];
|
|
14
14
|
isSelectable?: boolean;
|
|
15
15
|
onRowSelectionChange?: (data: T[]) => void;
|
|
16
|
-
favorites?: string[];
|
|
17
|
-
onFavoritesChange?: (favourites: string[]) => void;
|
|
18
16
|
toggles?: string[];
|
|
19
17
|
onTogglesChange?: (toggles: string[]) => void;
|
|
20
18
|
rowSize?: RowSize;
|
|
@@ -22,7 +20,6 @@ export interface TableProps<T> {
|
|
|
22
20
|
sortable?: boolean;
|
|
23
21
|
sortDescFirst?: boolean;
|
|
24
22
|
onSort?: OnSort<T>;
|
|
25
|
-
isFavoritesSortable?: boolean;
|
|
26
23
|
isTogglesSortable?: boolean;
|
|
27
24
|
rowActions?: RowActions<T>;
|
|
28
25
|
bulkActions?: BulkAction[];
|
|
@@ -46,6 +43,19 @@ export interface TableProps<T> {
|
|
|
46
43
|
rowSelection?: string[];
|
|
47
44
|
onRowSelection?: (e: string[]) => void;
|
|
48
45
|
forceHideSettings?: boolean;
|
|
46
|
+
preSettedTableSettings?: {
|
|
47
|
+
orderColumns?: string[];
|
|
48
|
+
dimensionRow?: number;
|
|
49
|
+
notVisibleColumns?: string[];
|
|
50
|
+
};
|
|
51
|
+
notRemovableColumns?: string[];
|
|
52
|
+
onChangeTableSettings?: onChangeTableSettings;
|
|
53
|
+
}
|
|
54
|
+
export declare type onChangeTableSettings = (key: keyof PreSettedTableSettings, valueChange: Pick<PreSettedTableSettings, 'orderColumns' | 'dimensionRow' | 'notVisibleColumns'>) => void;
|
|
55
|
+
export interface PreSettedTableSettings {
|
|
56
|
+
orderColumns?: string[];
|
|
57
|
+
dimensionRow?: number;
|
|
58
|
+
notVisibleColumns?: string[];
|
|
49
59
|
}
|
|
50
60
|
interface SettingsDropdownConfig {
|
|
51
61
|
settingsTooltip?: TooltipProps;
|
|
@@ -83,14 +93,12 @@ export declare type AccessorColumnDef<T> = InitalColumnDef<T> | ExtraColumnDef<T
|
|
|
83
93
|
export declare enum ActionType {
|
|
84
94
|
CHECKBOX = "checkbox",
|
|
85
95
|
TOGGLE = "toggle",
|
|
86
|
-
FAVORITE = "favorite",
|
|
87
96
|
ROW_ACTIONS = "row_actions",
|
|
88
97
|
SETTINGS = "settings"
|
|
89
98
|
}
|
|
90
99
|
export declare type ActionColumnDef<T> = {
|
|
91
100
|
onActionChange?: (id: string) => void;
|
|
92
101
|
actionType: ActionType;
|
|
93
|
-
favorites?: string[];
|
|
94
102
|
toggles?: string[];
|
|
95
103
|
enableSorting?: boolean;
|
|
96
104
|
enableSettings?: boolean;
|
|
@@ -138,7 +146,6 @@ export interface BasicCustomCell {
|
|
|
138
146
|
headline?: boolean;
|
|
139
147
|
content?: string | number;
|
|
140
148
|
tag?: TagProps;
|
|
141
|
-
isFavorite?: boolean;
|
|
142
149
|
isToggled?: boolean;
|
|
143
150
|
}
|
|
144
151
|
export declare type CustomCellProps = CustomCellWithIcon | CustomCellWithAvatar;
|
|
@@ -1,8 +1,13 @@
|
|
|
1
1
|
import { ColumnDef, SortDirection } from '@tanstack/react-table';
|
|
2
|
-
import { CellProps } from './types';
|
|
2
|
+
import { CellProps, RowSize } from './types';
|
|
3
3
|
import { TableProps } from './types';
|
|
4
4
|
interface ColumnsHelperProps<T> extends Omit<TableProps<T>, 'data' | 'uniqueId'> {
|
|
5
|
+
preSettedTableSettings?: {
|
|
6
|
+
orderColumns?: string[];
|
|
7
|
+
dimensionRow?: RowSize;
|
|
8
|
+
notVisibleColumns?: string[];
|
|
9
|
+
};
|
|
5
10
|
}
|
|
6
|
-
export declare const useColumnsHelper: <T>({ columns, isSelectable,
|
|
11
|
+
export declare const useColumnsHelper: <T>({ columns, isSelectable, toggles, isTogglesSortable, onTogglesChange, rowActions, enableSettings, settingsDropdownConfig, preSettedTableSettings, }: ColumnsHelperProps<T>) => ColumnDef<T, CellProps>[];
|
|
7
12
|
export declare const getNextSortingDirection: (direction?: false | SortDirection | undefined) => false | SortDirection;
|
|
8
13
|
export {};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import Spinner from './common/components/Spinner';
|
|
2
|
+
import { EditableInput } from './components/editableInput';
|
|
2
3
|
export { Body, Caption, Headline, Title1, Title2, Title3, Title4, Title5, Title6 } from './common/components/typography';
|
|
3
4
|
import { Accordion } from './components/accordions';
|
|
4
5
|
import { Avatar } from './components/avatar';
|
|
@@ -46,4 +47,4 @@ export { Segment, SegmentButton, SegmentButtonPalette, SegmentButtonProps } from
|
|
|
46
47
|
export { ShortcutTip, ShortcutTipProps, Tip, TipPalette, TipProps, TipType } from './components/tip';
|
|
47
48
|
export { bwColor } from './styles/types';
|
|
48
49
|
export { Card, CardColor, CardPalette, CardProps, CardElevation, CardType } from './components/card';
|
|
49
|
-
export { NewTable, Table, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, };
|
|
50
|
+
export { NewTable, Table, ColumnsType, ColumnDefType, CellProps, BulkAction, NewRowActions, RowAction, autocompleteYellow, paletteColor, Avatar, Button, ButtonProps, ButtonPalette, IconButton, IconButtonProps, IconButtonPalette, Icon, IconProps, IconPalette, iconColors, IconBackground, IconBackgroundPalette, TableProps, TableData, useTableValues, Row, Column, TablePalette, RowActions, ManualPagination, OnSelectionChange, OnSort, Checkbox, useCheckboxValue, CheckboxProps, CheckboxPalette, CheckboxStatus, Select, CreatableSelect, AsyncSelect, AsyncCreatableSelect, SelectProps, AsyncSelectProps, AsyncCreatableSelectProps, useSelectSimpleValue, isSimpleValue, simpleValue, CreatableSelectProps, useSelectValue, useSelectMultiValues, SelectPalette, SelectComponentsType, OptionType, PageEmptySet, Modal, ModalBody, ModalSearchable, StepModal, StepModalBody, StepModalCommonProps, StepModalFooter, StepModalFooterProps, StepModalHeader, StepModalHeaderProps, StepModalProps, Tooltip, TooltipProps, TooltipPalette, Accordion, Drawer, Radio, useRadioValue, RadioProps, RadioPalette, RadioStatus, RadioGroup, RadioGroupProps, RadioGroupOptions, InlineMessage, InlineMessageProps, InlineMessagePalette, InlineMessageType, Dropdown, DropdownItemProps, DropdownPalette, DropdownItemType, closeDropdownType, renderContentType, DropdownTabs, ScrollableTabs, TabsItem, Stepper, StepperProps, StepperPalette, ThemeProvider, Theme, Palette, GroupedList, ItemType, GroupType, Toast, ToastProps, toastPalette, ToastPalette, ToastType, ConfirmationModal, MicroTag, MicroTagProps, MicroTagPalette, Tag, TagProps, TagPalette, tagTypes, InputText, InputCode, InputTelephone, InputTextProps, InputCodeProps, InputTelephoneProps, InputTextPalette, UnitDropdownProps, DatePickerProps, DatePickerPalette, DatePicker, useFormattedDate, timeConversionOptions, InputHelper, InputHelperProps, InputHelperPalette, TextArea, TextAreaProps, TextAreaPalette, FileUploader, FileUploaderProps, FileUploaderPalette, FileRejection, fileUploaderOnDrop, Spinner, EditableInput, };
|