@carbon/ibm-products 2.43.2-canary.288 → 2.43.2-canary.290
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/es/components/Datagrid/index.d.ts +29 -22
- package/es/components/Datagrid/types/index.d.ts +5 -6
- package/es/components/Datagrid/useActionsColumn.js +1 -2
- package/es/components/Datagrid/useColumnCenterAlign.js +1 -2
- package/es/components/Datagrid/useColumnRightAlign.js +1 -2
- package/es/components/Datagrid/useCustomizeColumns.js +1 -2
- package/es/components/Datagrid/useDatagrid.js +1 -2
- package/es/components/Datagrid/useDisableSelectRows.js +1 -2
- package/es/components/Datagrid/useExpandedRow.js +1 -2
- package/es/components/Datagrid/useFiltering.js +1 -2
- package/es/components/Datagrid/useInfiniteScroll.js +1 -2
- package/es/components/Datagrid/useInlineEdit.js +1 -2
- package/es/components/Datagrid/useNestedRows.js +1 -2
- package/es/components/Datagrid/useOnRowClick.js +1 -2
- package/es/components/Datagrid/useRowIsMouseOver.js +1 -2
- package/es/components/Datagrid/useSelectAllToggle.js +1 -2
- package/es/components/Datagrid/useSelectRows.js +1 -2
- package/es/components/Datagrid/useSortableColumns.js +1 -2
- package/es/components/Datagrid/useStickyColumn.js +1 -2
- package/es/index.js +21 -21
- package/lib/components/Datagrid/index.d.ts +29 -22
- package/lib/components/Datagrid/types/index.d.ts +5 -6
- package/lib/components/Datagrid/useActionsColumn.js +1 -2
- package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
- package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
- package/lib/components/Datagrid/useCustomizeColumns.js +1 -2
- package/lib/components/Datagrid/useDatagrid.js +1 -2
- package/lib/components/Datagrid/useDisableSelectRows.js +1 -2
- package/lib/components/Datagrid/useExpandedRow.js +1 -2
- package/lib/components/Datagrid/useFiltering.js +1 -2
- package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
- package/lib/components/Datagrid/useInlineEdit.js +1 -2
- package/lib/components/Datagrid/useNestedRows.js +1 -2
- package/lib/components/Datagrid/useOnRowClick.js +1 -2
- package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
- package/lib/components/Datagrid/useSelectAllToggle.js +1 -2
- package/lib/components/Datagrid/useSelectRows.js +1 -2
- package/lib/components/Datagrid/useSortableColumns.js +1 -2
- package/lib/components/Datagrid/useStickyColumn.js +1 -2
- package/lib/index.js +48 -48
- package/package.json +2 -2
@@ -1,22 +1,29 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
export {
|
8
|
-
export { default as
|
9
|
-
export { default as
|
10
|
-
export { default as
|
11
|
-
export { default as
|
12
|
-
export { default as
|
13
|
-
export { default as
|
14
|
-
export { default as
|
15
|
-
export { default as
|
16
|
-
export { default as
|
17
|
-
export { default as
|
18
|
-
export { default as
|
19
|
-
export { default as
|
20
|
-
export { default as
|
21
|
-
export {
|
22
|
-
export {
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
export { Datagrid } from './Datagrid';
|
8
|
+
export { default as useDatagrid } from './useDatagrid';
|
9
|
+
export { default as useInfiniteScroll } from './useInfiniteScroll';
|
10
|
+
export { default as useNestedRows } from './useNestedRows';
|
11
|
+
export { default as useSelectRows } from './useSelectRows';
|
12
|
+
export { default as useExpandedRow } from './useExpandedRow';
|
13
|
+
export { default as useOnRowClick } from './useOnRowClick';
|
14
|
+
export { default as useSortableColumns } from './useSortableColumns';
|
15
|
+
export { default as useRowIsMouseOver } from './useRowIsMouseOver';
|
16
|
+
export { default as useColumnRightAlign } from './useColumnRightAlign';
|
17
|
+
export { default as useDisableSelectRows } from './useDisableSelectRows';
|
18
|
+
export { default as useStickyColumn } from './useStickyColumn';
|
19
|
+
export { default as useActionsColumn } from './useActionsColumn';
|
20
|
+
export { default as useCustomizeColumns } from './useCustomizeColumns';
|
21
|
+
export { default as useSelectAllWithToggle } from './useSelectAllToggle';
|
22
|
+
export { default as useColumnCenterAlign } from './useColumnCenterAlign';
|
23
|
+
export { default as useColumnOrder } from './useColumnOrder';
|
24
|
+
export { default as useInlineEdit } from './useInlineEdit';
|
25
|
+
export { default as useEditableCell } from './useEditableCell';
|
26
|
+
export { default as useFiltering } from './useFiltering';
|
27
|
+
export { getAutoSizedColumnWidth } from './utils/getAutoSizedColumnWidth';
|
28
|
+
export { useFilterContext } from './Datagrid/addons/Filtering/hooks';
|
29
|
+
export type { DataGridState } from './types';
|
@@ -11,9 +11,8 @@ import { RadioButtonProps } from '@carbon/react/lib/components/RadioButton/Radio
|
|
11
11
|
import { RadioButtonGroupProps } from '@carbon/react/lib/components/RadioButtonGroup/RadioButtonGroup';
|
12
12
|
import { CheckboxProps } from '@carbon/react/lib/components/Checkbox';
|
13
13
|
import { NumberInputProps } from '@carbon/react/lib/components/NumberInput/NumberInput';
|
14
|
-
import { TableRowProps } from 'react-table';
|
15
14
|
import React, { CSSProperties, ComponentType, FunctionComponent, JSXElementConstructor, MutableRefObject, ReactNode, TouchEventHandler } from 'react';
|
16
|
-
import { Cell, Column, ColumnInstance, FilterValue, Filters, HeaderGroup, Meta, Row, TableCommonProps, TableDispatch, TableInstance, TableState, TableToggleAllRowsSelectedProps, UseExpandedRowProps, UseFiltersInstanceProps, UsePaginationInstanceProps, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectRowProps, UseRowSelectState, UseSortByColumnProps, UseSortByOptions, UseTableHooks } from 'react-table';
|
15
|
+
import { Cell, Column, ColumnInstance, FilterValue, Filters, HeaderGroup, Meta, Row, TableCommonProps, TableDispatch, TableInstance, TableRowProps, TableState, TableToggleAllRowsSelectedProps, UseExpandedRowProps, UseFiltersInstanceProps, UsePaginationInstanceProps, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectRowProps, UseRowSelectState, UseSortByColumnProps, UseSortByOptions, UseTableHooks } from 'react-table';
|
17
16
|
import { CarbonIconType } from '@carbon/react/icons';
|
18
17
|
import { IconButton, type ButtonProps } from '@carbon/react';
|
19
18
|
import { TableBatchActionsProps } from '@carbon/react/lib/components/DataTable/TableBatchActions';
|
@@ -159,7 +158,7 @@ export interface RowAction {
|
|
159
158
|
disabled?: boolean;
|
160
159
|
onClick?: (...args: any[]) => void;
|
161
160
|
}
|
162
|
-
export interface DataGridState<T extends object = any> extends TableCommonProps, UsePaginationInstanceProps<T
|
161
|
+
export interface DataGridState<T extends object = any> extends TableCommonProps, Partial<UsePaginationInstanceProps<T>>, Omit<TableInstance<T>, 'state' | 'headers' | 'rows' | 'columns'>, Partial<Pick<UseFiltersInstanceProps<T>, 'setFilter' | 'setAllFilters'>>, UseRowSelectInstanceProps<T> {
|
163
162
|
withVirtualScroll?: boolean;
|
164
163
|
DatagridPagination?: JSXElementConstructor<any>;
|
165
164
|
isFetching?: boolean;
|
@@ -194,7 +193,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
|
|
194
193
|
emptyStateSize?: 'lg' | 'sm';
|
195
194
|
emptyStateType?: string;
|
196
195
|
illustrationTheme?: 'light' | 'dark';
|
197
|
-
emptyStateAction
|
196
|
+
emptyStateAction?: {
|
198
197
|
kind?: 'primary' | 'secondary' | 'tertiary';
|
199
198
|
renderIcon?: CarbonIconType;
|
200
199
|
onClick?: ButtonProps<any>['onClick'];
|
@@ -213,13 +212,13 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
|
|
213
212
|
setMouseOverRowIndex?: (arg: any) => void;
|
214
213
|
hideSelectAll?: boolean;
|
215
214
|
radio?: boolean;
|
216
|
-
onAllRowSelect
|
215
|
+
onAllRowSelect?: (rows: DatagridRow[], evt: any) => void;
|
217
216
|
selectAllToggle?: {
|
218
217
|
onSelectAllRows?: (args: any) => void;
|
219
218
|
labels?: Labels;
|
220
219
|
};
|
221
220
|
allPageRowsLabel?: string | object;
|
222
|
-
allRowsLabel
|
221
|
+
allRowsLabel?: string | object;
|
223
222
|
onSelectAllRows?: (val?: boolean) => void;
|
224
223
|
toolbarBatchActions?: ButtonProps<any>[];
|
225
224
|
setGlobalFilter?: (filterValue: FilterValue) => void;
|
@@ -143,6 +143,5 @@ var useActionsColumn = function useActionsColumn(hooks) {
|
|
143
143
|
hooks.useInstance.push(useStickyHeaderWidth);
|
144
144
|
hooks.useInstance.push(useAttachActionsOnInstance);
|
145
145
|
};
|
146
|
-
var useActionsColumn$1 = useActionsColumn;
|
147
146
|
|
148
|
-
export { useActionsColumn
|
147
|
+
export { useActionsColumn as default };
|
@@ -39,6 +39,5 @@ var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
|
|
39
39
|
};
|
40
40
|
hooks.visibleColumns.push(centerAlignedColumns);
|
41
41
|
};
|
42
|
-
var useColumnCenterAlign$1 = useColumnCenterAlign;
|
43
42
|
|
44
|
-
export { useColumnCenterAlign
|
43
|
+
export { useColumnCenterAlign as default };
|
@@ -40,6 +40,5 @@ var useColumnRightAlign = function useColumnRightAlign(hooks) {
|
|
40
40
|
};
|
41
41
|
hooks.visibleColumns.push(rightAlignedColumns);
|
42
42
|
};
|
43
|
-
var useColumnRightAlign$1 = useColumnRightAlign;
|
44
43
|
|
45
|
-
export { useColumnRightAlign
|
44
|
+
export { useColumnRightAlign as default };
|
@@ -47,6 +47,5 @@ var useDatagrid = function useDatagrid(params) {
|
|
47
47
|
})].concat(defaultPlugins, plugins, defaultEndPlugins, _toConsumableArray(clientEndPlugins)));
|
48
48
|
return tableState;
|
49
49
|
};
|
50
|
-
var useDatagrid$1 = useDatagrid;
|
51
50
|
|
52
|
-
export { useDatagrid
|
51
|
+
export { useDatagrid as default };
|
@@ -96,6 +96,5 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
|
|
96
96
|
};
|
97
97
|
hooks.getToggleAllPageRowsSelectedProps.push(getToggleAllPageRowsSelectedProps);
|
98
98
|
};
|
99
|
-
var useDisableSelectRows$1 = useDisableSelectRows;
|
100
99
|
|
101
|
-
export { useDisableSelectRows
|
100
|
+
export { useDisableSelectRows as default };
|
@@ -89,6 +89,5 @@ var Header = function Header(gridState) {
|
|
89
89
|
};
|
90
90
|
return /*#__PURE__*/React__default.createElement(SelectAllWithToggle, props);
|
91
91
|
};
|
92
|
-
var useSelectAllToggle$1 = useSelectAllToggle;
|
93
92
|
|
94
|
-
export { useSelectAllToggle
|
93
|
+
export { useSelectAllToggle as default };
|
@@ -166,6 +166,5 @@ var useSortableColumns = function useSortableColumns(hooks) {
|
|
166
166
|
hooks.visibleColumns.push(sortableVisibleColumns);
|
167
167
|
hooks.useInstance.push(sortInstanceProps);
|
168
168
|
};
|
169
|
-
var useSortableColumns$1 = useSortableColumns;
|
170
169
|
|
171
|
-
export { useSortableColumns
|
170
|
+
export { useSortableColumns as default, getNewSortOrder };
|
@@ -192,6 +192,5 @@ var hasVertScroll = function hasVertScroll(element) {
|
|
192
192
|
clientHeight = element.clientHeight;
|
193
193
|
return scrollHeight > clientHeight;
|
194
194
|
};
|
195
|
-
var useStickyColumn$1 = useStickyColumn;
|
196
195
|
|
197
|
-
export { useStickyColumn
|
196
|
+
export { useStickyColumn as default };
|
package/es/index.js
CHANGED
@@ -46,6 +46,27 @@ export { EditSidePanel } from './components/EditSidePanel/EditSidePanel.js';
|
|
46
46
|
export { OptionsTile } from './components/OptionsTile/OptionsTile.js';
|
47
47
|
export { EditInPlace } from './components/EditInPlace/EditInPlace.js';
|
48
48
|
export { DataSpreadsheet } from './components/DataSpreadsheet/DataSpreadsheet.js';
|
49
|
+
export { Datagrid } from './components/Datagrid/Datagrid/Datagrid.js';
|
50
|
+
export { default as useDatagrid } from './components/Datagrid/useDatagrid.js';
|
51
|
+
export { default as useInfiniteScroll } from './components/Datagrid/useInfiniteScroll.js';
|
52
|
+
export { default as useNestedRows } from './components/Datagrid/useNestedRows.js';
|
53
|
+
export { default as useSelectRows } from './components/Datagrid/useSelectRows.js';
|
54
|
+
export { default as useExpandedRow } from './components/Datagrid/useExpandedRow.js';
|
55
|
+
export { default as useOnRowClick } from './components/Datagrid/useOnRowClick.js';
|
56
|
+
export { default as useSortableColumns } from './components/Datagrid/useSortableColumns.js';
|
57
|
+
export { default as useRowIsMouseOver } from './components/Datagrid/useRowIsMouseOver.js';
|
58
|
+
export { default as useColumnRightAlign } from './components/Datagrid/useColumnRightAlign.js';
|
59
|
+
export { default as useDisableSelectRows } from './components/Datagrid/useDisableSelectRows.js';
|
60
|
+
export { default as useStickyColumn } from './components/Datagrid/useStickyColumn.js';
|
61
|
+
export { default as useActionsColumn } from './components/Datagrid/useActionsColumn.js';
|
62
|
+
export { default as useCustomizeColumns } from './components/Datagrid/useCustomizeColumns.js';
|
63
|
+
export { default as useSelectAllWithToggle } from './components/Datagrid/useSelectAllToggle.js';
|
64
|
+
export { default as useColumnCenterAlign } from './components/Datagrid/useColumnCenterAlign.js';
|
65
|
+
export { useColumnOrder } from 'react-table';
|
66
|
+
export { default as useInlineEdit } from './components/Datagrid/useInlineEdit.js';
|
67
|
+
export { default as useEditableCell } from './components/Datagrid/useEditableCell.js';
|
68
|
+
export { default as useFiltering } from './components/Datagrid/useFiltering.js';
|
69
|
+
export { getAutoSizedColumnWidth } from './components/Datagrid/utils/getAutoSizedColumnWidth.js';
|
49
70
|
export { EditTearsheetNarrow } from './components/EditTearsheetNarrow/EditTearsheetNarrow.js';
|
50
71
|
export { EditFullPage } from './components/EditFullPage/EditFullPage.js';
|
51
72
|
export { EditUpdateCards } from './components/EditUpdateCards/EditUpdateCards.js';
|
@@ -74,7 +95,6 @@ export { SearchBar } from './components/SearchBar/SearchBar.js';
|
|
74
95
|
export { TagOverflow } from './components/TagOverflow/TagOverflow.js';
|
75
96
|
export { GetStartedCard } from './components/GetStartedCard/GetStartedCard.js';
|
76
97
|
export { FeatureFlags as unstable_FeatureFlags, useFeatureFlag as unstable_useFeatureFlag, useFeatureFlags as unstable_useFeatureFlags } from './components/FeatureFlags/index.js';
|
77
|
-
export { useColumnOrder } from 'react-table';
|
78
98
|
export { usePrefix } from './global/js/hooks/usePrefix.js';
|
79
99
|
export { ActionBar } from './components/ActionBar/ActionBar.js';
|
80
100
|
export { EmptyState } from './components/EmptyStates/EmptyState.js';
|
@@ -88,26 +108,6 @@ export { UnauthorizedEmptyState } from './components/EmptyStates/UnauthorizedEmp
|
|
88
108
|
export { HTTPError403 } from './components/HTTPErrors/HTTPError403/HTTPError403.js';
|
89
109
|
export { HTTPError404 } from './components/HTTPErrors/HTTPError404/HTTPError404.js';
|
90
110
|
export { HTTPErrorOther } from './components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js';
|
91
|
-
export { Datagrid } from './components/Datagrid/Datagrid/Datagrid.js';
|
92
|
-
export { default as useDatagrid } from './components/Datagrid/useDatagrid.js';
|
93
|
-
export { default as useInfiniteScroll } from './components/Datagrid/useInfiniteScroll.js';
|
94
|
-
export { default as useNestedRows } from './components/Datagrid/useNestedRows.js';
|
95
|
-
export { default as useSelectRows } from './components/Datagrid/useSelectRows.js';
|
96
|
-
export { default as useExpandedRow } from './components/Datagrid/useExpandedRow.js';
|
97
|
-
export { default as useOnRowClick } from './components/Datagrid/useOnRowClick.js';
|
98
|
-
export { default as useSortableColumns } from './components/Datagrid/useSortableColumns.js';
|
99
|
-
export { default as useRowIsMouseOver } from './components/Datagrid/useRowIsMouseOver.js';
|
100
|
-
export { default as useColumnRightAlign } from './components/Datagrid/useColumnRightAlign.js';
|
101
|
-
export { default as useDisableSelectRows } from './components/Datagrid/useDisableSelectRows.js';
|
102
|
-
export { default as useStickyColumn } from './components/Datagrid/useStickyColumn.js';
|
103
|
-
export { default as useActionsColumn } from './components/Datagrid/useActionsColumn.js';
|
104
|
-
export { default as useCustomizeColumns } from './components/Datagrid/useCustomizeColumns.js';
|
105
|
-
export { default as useSelectAllWithToggle } from './components/Datagrid/useSelectAllToggle.js';
|
106
|
-
export { default as useColumnCenterAlign } from './components/Datagrid/useColumnCenterAlign.js';
|
107
|
-
export { default as useInlineEdit } from './components/Datagrid/useInlineEdit.js';
|
108
|
-
export { default as useEditableCell } from './components/Datagrid/useEditableCell.js';
|
109
|
-
export { default as useFiltering } from './components/Datagrid/useFiltering.js';
|
110
|
-
export { getAutoSizedColumnWidth } from './components/Datagrid/utils/getAutoSizedColumnWidth.js';
|
111
111
|
export { default as useFilterContext } from './components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js';
|
112
112
|
export { EditTearsheet } from './components/EditTearsheet/EditTearsheet.js';
|
113
113
|
export { EditTearsheetForm } from './components/EditTearsheet/EditTearsheetForm.js';
|
@@ -1,22 +1,29 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
export {
|
8
|
-
export { default as
|
9
|
-
export { default as
|
10
|
-
export { default as
|
11
|
-
export { default as
|
12
|
-
export { default as
|
13
|
-
export { default as
|
14
|
-
export { default as
|
15
|
-
export { default as
|
16
|
-
export { default as
|
17
|
-
export { default as
|
18
|
-
export { default as
|
19
|
-
export { default as
|
20
|
-
export { default as
|
21
|
-
export {
|
22
|
-
export {
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 2023
|
3
|
+
*
|
4
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
5
|
+
* LICENSE file in the root directory of this source tree.
|
6
|
+
*/
|
7
|
+
export { Datagrid } from './Datagrid';
|
8
|
+
export { default as useDatagrid } from './useDatagrid';
|
9
|
+
export { default as useInfiniteScroll } from './useInfiniteScroll';
|
10
|
+
export { default as useNestedRows } from './useNestedRows';
|
11
|
+
export { default as useSelectRows } from './useSelectRows';
|
12
|
+
export { default as useExpandedRow } from './useExpandedRow';
|
13
|
+
export { default as useOnRowClick } from './useOnRowClick';
|
14
|
+
export { default as useSortableColumns } from './useSortableColumns';
|
15
|
+
export { default as useRowIsMouseOver } from './useRowIsMouseOver';
|
16
|
+
export { default as useColumnRightAlign } from './useColumnRightAlign';
|
17
|
+
export { default as useDisableSelectRows } from './useDisableSelectRows';
|
18
|
+
export { default as useStickyColumn } from './useStickyColumn';
|
19
|
+
export { default as useActionsColumn } from './useActionsColumn';
|
20
|
+
export { default as useCustomizeColumns } from './useCustomizeColumns';
|
21
|
+
export { default as useSelectAllWithToggle } from './useSelectAllToggle';
|
22
|
+
export { default as useColumnCenterAlign } from './useColumnCenterAlign';
|
23
|
+
export { default as useColumnOrder } from './useColumnOrder';
|
24
|
+
export { default as useInlineEdit } from './useInlineEdit';
|
25
|
+
export { default as useEditableCell } from './useEditableCell';
|
26
|
+
export { default as useFiltering } from './useFiltering';
|
27
|
+
export { getAutoSizedColumnWidth } from './utils/getAutoSizedColumnWidth';
|
28
|
+
export { useFilterContext } from './Datagrid/addons/Filtering/hooks';
|
29
|
+
export type { DataGridState } from './types';
|
@@ -11,9 +11,8 @@ import { RadioButtonProps } from '@carbon/react/lib/components/RadioButton/Radio
|
|
11
11
|
import { RadioButtonGroupProps } from '@carbon/react/lib/components/RadioButtonGroup/RadioButtonGroup';
|
12
12
|
import { CheckboxProps } from '@carbon/react/lib/components/Checkbox';
|
13
13
|
import { NumberInputProps } from '@carbon/react/lib/components/NumberInput/NumberInput';
|
14
|
-
import { TableRowProps } from 'react-table';
|
15
14
|
import React, { CSSProperties, ComponentType, FunctionComponent, JSXElementConstructor, MutableRefObject, ReactNode, TouchEventHandler } from 'react';
|
16
|
-
import { Cell, Column, ColumnInstance, FilterValue, Filters, HeaderGroup, Meta, Row, TableCommonProps, TableDispatch, TableInstance, TableState, TableToggleAllRowsSelectedProps, UseExpandedRowProps, UseFiltersInstanceProps, UsePaginationInstanceProps, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectRowProps, UseRowSelectState, UseSortByColumnProps, UseSortByOptions, UseTableHooks } from 'react-table';
|
15
|
+
import { Cell, Column, ColumnInstance, FilterValue, Filters, HeaderGroup, Meta, Row, TableCommonProps, TableDispatch, TableInstance, TableRowProps, TableState, TableToggleAllRowsSelectedProps, UseExpandedRowProps, UseFiltersInstanceProps, UsePaginationInstanceProps, UseResizeColumnsColumnProps, UseResizeColumnsOptions, UseResizeColumnsState, UseRowSelectInstanceProps, UseRowSelectRowProps, UseRowSelectState, UseSortByColumnProps, UseSortByOptions, UseTableHooks } from 'react-table';
|
17
16
|
import { CarbonIconType } from '@carbon/react/icons';
|
18
17
|
import { IconButton, type ButtonProps } from '@carbon/react';
|
19
18
|
import { TableBatchActionsProps } from '@carbon/react/lib/components/DataTable/TableBatchActions';
|
@@ -159,7 +158,7 @@ export interface RowAction {
|
|
159
158
|
disabled?: boolean;
|
160
159
|
onClick?: (...args: any[]) => void;
|
161
160
|
}
|
162
|
-
export interface DataGridState<T extends object = any> extends TableCommonProps, UsePaginationInstanceProps<T
|
161
|
+
export interface DataGridState<T extends object = any> extends TableCommonProps, Partial<UsePaginationInstanceProps<T>>, Omit<TableInstance<T>, 'state' | 'headers' | 'rows' | 'columns'>, Partial<Pick<UseFiltersInstanceProps<T>, 'setFilter' | 'setAllFilters'>>, UseRowSelectInstanceProps<T> {
|
163
162
|
withVirtualScroll?: boolean;
|
164
163
|
DatagridPagination?: JSXElementConstructor<any>;
|
165
164
|
isFetching?: boolean;
|
@@ -194,7 +193,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
|
|
194
193
|
emptyStateSize?: 'lg' | 'sm';
|
195
194
|
emptyStateType?: string;
|
196
195
|
illustrationTheme?: 'light' | 'dark';
|
197
|
-
emptyStateAction
|
196
|
+
emptyStateAction?: {
|
198
197
|
kind?: 'primary' | 'secondary' | 'tertiary';
|
199
198
|
renderIcon?: CarbonIconType;
|
200
199
|
onClick?: ButtonProps<any>['onClick'];
|
@@ -213,13 +212,13 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
|
|
213
212
|
setMouseOverRowIndex?: (arg: any) => void;
|
214
213
|
hideSelectAll?: boolean;
|
215
214
|
radio?: boolean;
|
216
|
-
onAllRowSelect
|
215
|
+
onAllRowSelect?: (rows: DatagridRow[], evt: any) => void;
|
217
216
|
selectAllToggle?: {
|
218
217
|
onSelectAllRows?: (args: any) => void;
|
219
218
|
labels?: Labels;
|
220
219
|
};
|
221
220
|
allPageRowsLabel?: string | object;
|
222
|
-
allRowsLabel
|
221
|
+
allRowsLabel?: string | object;
|
223
222
|
onSelectAllRows?: (val?: boolean) => void;
|
224
223
|
toolbarBatchActions?: ButtonProps<any>[];
|
225
224
|
setGlobalFilter?: (filterValue: FilterValue) => void;
|
@@ -147,6 +147,5 @@ var useActionsColumn = function useActionsColumn(hooks) {
|
|
147
147
|
hooks.useInstance.push(useStickyHeaderWidth);
|
148
148
|
hooks.useInstance.push(useAttachActionsOnInstance);
|
149
149
|
};
|
150
|
-
var useActionsColumn$1 = useActionsColumn;
|
151
150
|
|
152
|
-
exports.default = useActionsColumn
|
151
|
+
exports.default = useActionsColumn;
|
@@ -43,6 +43,5 @@ var useColumnCenterAlign = function useColumnCenterAlign(hooks) {
|
|
43
43
|
};
|
44
44
|
hooks.visibleColumns.push(centerAlignedColumns);
|
45
45
|
};
|
46
|
-
var useColumnCenterAlign$1 = useColumnCenterAlign;
|
47
46
|
|
48
|
-
exports.default = useColumnCenterAlign
|
47
|
+
exports.default = useColumnCenterAlign;
|
@@ -44,6 +44,5 @@ var useColumnRightAlign = function useColumnRightAlign(hooks) {
|
|
44
44
|
};
|
45
45
|
hooks.visibleColumns.push(rightAlignedColumns);
|
46
46
|
};
|
47
|
-
var useColumnRightAlign$1 = useColumnRightAlign;
|
48
47
|
|
49
|
-
exports.default = useColumnRightAlign
|
48
|
+
exports.default = useColumnRightAlign;
|
@@ -51,6 +51,5 @@ var useDatagrid = function useDatagrid(params) {
|
|
51
51
|
})].concat(defaultPlugins, plugins, defaultEndPlugins, _rollupPluginBabelHelpers.toConsumableArray(clientEndPlugins)));
|
52
52
|
return tableState;
|
53
53
|
};
|
54
|
-
var useDatagrid$1 = useDatagrid;
|
55
54
|
|
56
|
-
exports.default = useDatagrid
|
55
|
+
exports.default = useDatagrid;
|
@@ -100,6 +100,5 @@ var updatePageSelectAll = function updatePageSelectAll(hooks) {
|
|
100
100
|
};
|
101
101
|
hooks.getToggleAllPageRowsSelectedProps.push(getToggleAllPageRowsSelectedProps);
|
102
102
|
};
|
103
|
-
var useDisableSelectRows$1 = useDisableSelectRows;
|
104
103
|
|
105
|
-
exports.default = useDisableSelectRows
|
104
|
+
exports.default = useDisableSelectRows;
|
@@ -93,6 +93,5 @@ var Header = function Header(gridState) {
|
|
93
93
|
};
|
94
94
|
return /*#__PURE__*/React.createElement(DatagridSelectAllWithToggle.default, props);
|
95
95
|
};
|
96
|
-
var useSelectAllToggle$1 = useSelectAllToggle;
|
97
96
|
|
98
|
-
exports.default = useSelectAllToggle
|
97
|
+
exports.default = useSelectAllToggle;
|
@@ -170,7 +170,6 @@ var useSortableColumns = function useSortableColumns(hooks) {
|
|
170
170
|
hooks.visibleColumns.push(sortableVisibleColumns);
|
171
171
|
hooks.useInstance.push(sortInstanceProps);
|
172
172
|
};
|
173
|
-
var useSortableColumns$1 = useSortableColumns;
|
174
173
|
|
175
|
-
exports.default = useSortableColumns
|
174
|
+
exports.default = useSortableColumns;
|
176
175
|
exports.getNewSortOrder = getNewSortOrder;
|
@@ -196,6 +196,5 @@ var hasVertScroll = function hasVertScroll(element) {
|
|
196
196
|
clientHeight = element.clientHeight;
|
197
197
|
return scrollHeight > clientHeight;
|
198
198
|
};
|
199
|
-
var useStickyColumn$1 = useStickyColumn;
|
200
199
|
|
201
|
-
exports.default = useStickyColumn
|
200
|
+
exports.default = useStickyColumn;
|
package/lib/index.js
CHANGED
@@ -48,6 +48,27 @@ var EditSidePanel = require('./components/EditSidePanel/EditSidePanel.js');
|
|
48
48
|
var OptionsTile = require('./components/OptionsTile/OptionsTile.js');
|
49
49
|
var EditInPlace = require('./components/EditInPlace/EditInPlace.js');
|
50
50
|
var DataSpreadsheet = require('./components/DataSpreadsheet/DataSpreadsheet.js');
|
51
|
+
var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
|
52
|
+
var useDatagrid = require('./components/Datagrid/useDatagrid.js');
|
53
|
+
var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
|
54
|
+
var useNestedRows = require('./components/Datagrid/useNestedRows.js');
|
55
|
+
var useSelectRows = require('./components/Datagrid/useSelectRows.js');
|
56
|
+
var useExpandedRow = require('./components/Datagrid/useExpandedRow.js');
|
57
|
+
var useOnRowClick = require('./components/Datagrid/useOnRowClick.js');
|
58
|
+
var useSortableColumns = require('./components/Datagrid/useSortableColumns.js');
|
59
|
+
var useRowIsMouseOver = require('./components/Datagrid/useRowIsMouseOver.js');
|
60
|
+
var useColumnRightAlign = require('./components/Datagrid/useColumnRightAlign.js');
|
61
|
+
var useDisableSelectRows = require('./components/Datagrid/useDisableSelectRows.js');
|
62
|
+
var useStickyColumn = require('./components/Datagrid/useStickyColumn.js');
|
63
|
+
var useActionsColumn = require('./components/Datagrid/useActionsColumn.js');
|
64
|
+
var useCustomizeColumns = require('./components/Datagrid/useCustomizeColumns.js');
|
65
|
+
var useSelectAllToggle = require('./components/Datagrid/useSelectAllToggle.js');
|
66
|
+
var useColumnCenterAlign = require('./components/Datagrid/useColumnCenterAlign.js');
|
67
|
+
var reactTable = require('react-table');
|
68
|
+
var useInlineEdit = require('./components/Datagrid/useInlineEdit.js');
|
69
|
+
var useEditableCell = require('./components/Datagrid/useEditableCell.js');
|
70
|
+
var useFiltering = require('./components/Datagrid/useFiltering.js');
|
71
|
+
var getAutoSizedColumnWidth = require('./components/Datagrid/utils/getAutoSizedColumnWidth.js');
|
51
72
|
var EditTearsheetNarrow = require('./components/EditTearsheetNarrow/EditTearsheetNarrow.js');
|
52
73
|
var EditFullPage = require('./components/EditFullPage/EditFullPage.js');
|
53
74
|
var EditUpdateCards = require('./components/EditUpdateCards/EditUpdateCards.js');
|
@@ -76,7 +97,6 @@ var SearchBar = require('./components/SearchBar/SearchBar.js');
|
|
76
97
|
var TagOverflow = require('./components/TagOverflow/TagOverflow.js');
|
77
98
|
var GetStartedCard = require('./components/GetStartedCard/GetStartedCard.js');
|
78
99
|
var index = require('./components/FeatureFlags/index.js');
|
79
|
-
var reactTable = require('react-table');
|
80
100
|
var usePrefix = require('./global/js/hooks/usePrefix.js');
|
81
101
|
var ActionBar = require('./components/ActionBar/ActionBar.js');
|
82
102
|
var EmptyState = require('./components/EmptyStates/EmptyState.js');
|
@@ -90,26 +110,6 @@ var UnauthorizedEmptyState = require('./components/EmptyStates/UnauthorizedEmpty
|
|
90
110
|
var HTTPError403 = require('./components/HTTPErrors/HTTPError403/HTTPError403.js');
|
91
111
|
var HTTPError404 = require('./components/HTTPErrors/HTTPError404/HTTPError404.js');
|
92
112
|
var HTTPErrorOther = require('./components/HTTPErrors/HTTPErrorOther/HTTPErrorOther.js');
|
93
|
-
var Datagrid = require('./components/Datagrid/Datagrid/Datagrid.js');
|
94
|
-
var useDatagrid = require('./components/Datagrid/useDatagrid.js');
|
95
|
-
var useInfiniteScroll = require('./components/Datagrid/useInfiniteScroll.js');
|
96
|
-
var useNestedRows = require('./components/Datagrid/useNestedRows.js');
|
97
|
-
var useSelectRows = require('./components/Datagrid/useSelectRows.js');
|
98
|
-
var useExpandedRow = require('./components/Datagrid/useExpandedRow.js');
|
99
|
-
var useOnRowClick = require('./components/Datagrid/useOnRowClick.js');
|
100
|
-
var useSortableColumns = require('./components/Datagrid/useSortableColumns.js');
|
101
|
-
var useRowIsMouseOver = require('./components/Datagrid/useRowIsMouseOver.js');
|
102
|
-
var useColumnRightAlign = require('./components/Datagrid/useColumnRightAlign.js');
|
103
|
-
var useDisableSelectRows = require('./components/Datagrid/useDisableSelectRows.js');
|
104
|
-
var useStickyColumn = require('./components/Datagrid/useStickyColumn.js');
|
105
|
-
var useActionsColumn = require('./components/Datagrid/useActionsColumn.js');
|
106
|
-
var useCustomizeColumns = require('./components/Datagrid/useCustomizeColumns.js');
|
107
|
-
var useSelectAllToggle = require('./components/Datagrid/useSelectAllToggle.js');
|
108
|
-
var useColumnCenterAlign = require('./components/Datagrid/useColumnCenterAlign.js');
|
109
|
-
var useInlineEdit = require('./components/Datagrid/useInlineEdit.js');
|
110
|
-
var useEditableCell = require('./components/Datagrid/useEditableCell.js');
|
111
|
-
var useFiltering = require('./components/Datagrid/useFiltering.js');
|
112
|
-
var getAutoSizedColumnWidth = require('./components/Datagrid/utils/getAutoSizedColumnWidth.js');
|
113
113
|
var useFilterContext = require('./components/Datagrid/Datagrid/addons/Filtering/hooks/useFilterContext.js');
|
114
114
|
var EditTearsheet = require('./components/EditTearsheet/EditTearsheet.js');
|
115
115
|
var EditTearsheetForm = require('./components/EditTearsheet/EditTearsheetForm.js');
|
@@ -295,6 +295,33 @@ Object.defineProperty(exports, 'DataSpreadsheet', {
|
|
295
295
|
enumerable: true,
|
296
296
|
get: function () { return DataSpreadsheet.DataSpreadsheet; }
|
297
297
|
});
|
298
|
+
Object.defineProperty(exports, 'Datagrid', {
|
299
|
+
enumerable: true,
|
300
|
+
get: function () { return Datagrid.Datagrid; }
|
301
|
+
});
|
302
|
+
exports.useDatagrid = useDatagrid.default;
|
303
|
+
exports.useInfiniteScroll = useInfiniteScroll.default;
|
304
|
+
exports.useNestedRows = useNestedRows.default;
|
305
|
+
exports.useSelectRows = useSelectRows.default;
|
306
|
+
exports.useExpandedRow = useExpandedRow.default;
|
307
|
+
exports.useOnRowClick = useOnRowClick.default;
|
308
|
+
exports.useSortableColumns = useSortableColumns.default;
|
309
|
+
exports.useRowIsMouseOver = useRowIsMouseOver.default;
|
310
|
+
exports.useColumnRightAlign = useColumnRightAlign.default;
|
311
|
+
exports.useDisableSelectRows = useDisableSelectRows.default;
|
312
|
+
exports.useStickyColumn = useStickyColumn.default;
|
313
|
+
exports.useActionsColumn = useActionsColumn.default;
|
314
|
+
exports.useCustomizeColumns = useCustomizeColumns.default;
|
315
|
+
exports.useSelectAllWithToggle = useSelectAllToggle.default;
|
316
|
+
exports.useColumnCenterAlign = useColumnCenterAlign.default;
|
317
|
+
Object.defineProperty(exports, 'useColumnOrder', {
|
318
|
+
enumerable: true,
|
319
|
+
get: function () { return reactTable.useColumnOrder; }
|
320
|
+
});
|
321
|
+
exports.useInlineEdit = useInlineEdit.default;
|
322
|
+
exports.useEditableCell = useEditableCell.default;
|
323
|
+
exports.useFiltering = useFiltering.default;
|
324
|
+
exports.getAutoSizedColumnWidth = getAutoSizedColumnWidth.getAutoSizedColumnWidth;
|
298
325
|
Object.defineProperty(exports, 'EditTearsheetNarrow', {
|
299
326
|
enumerable: true,
|
300
327
|
get: function () { return EditTearsheetNarrow.EditTearsheetNarrow; }
|
@@ -406,10 +433,6 @@ Object.defineProperty(exports, 'GetStartedCard', {
|
|
406
433
|
exports.unstable_FeatureFlags = index.FeatureFlags;
|
407
434
|
exports.unstable_useFeatureFlag = index.useFeatureFlag;
|
408
435
|
exports.unstable_useFeatureFlags = index.useFeatureFlags;
|
409
|
-
Object.defineProperty(exports, 'useColumnOrder', {
|
410
|
-
enumerable: true,
|
411
|
-
get: function () { return reactTable.useColumnOrder; }
|
412
|
-
});
|
413
436
|
exports.usePrefix = usePrefix.usePrefix;
|
414
437
|
Object.defineProperty(exports, 'ActionBar', {
|
415
438
|
enumerable: true,
|
@@ -459,29 +482,6 @@ Object.defineProperty(exports, 'HTTPErrorOther', {
|
|
459
482
|
enumerable: true,
|
460
483
|
get: function () { return HTTPErrorOther.HTTPErrorOther; }
|
461
484
|
});
|
462
|
-
Object.defineProperty(exports, 'Datagrid', {
|
463
|
-
enumerable: true,
|
464
|
-
get: function () { return Datagrid.Datagrid; }
|
465
|
-
});
|
466
|
-
exports.useDatagrid = useDatagrid.default;
|
467
|
-
exports.useInfiniteScroll = useInfiniteScroll.default;
|
468
|
-
exports.useNestedRows = useNestedRows.default;
|
469
|
-
exports.useSelectRows = useSelectRows.default;
|
470
|
-
exports.useExpandedRow = useExpandedRow.default;
|
471
|
-
exports.useOnRowClick = useOnRowClick.default;
|
472
|
-
exports.useSortableColumns = useSortableColumns.default;
|
473
|
-
exports.useRowIsMouseOver = useRowIsMouseOver.default;
|
474
|
-
exports.useColumnRightAlign = useColumnRightAlign.default;
|
475
|
-
exports.useDisableSelectRows = useDisableSelectRows.default;
|
476
|
-
exports.useStickyColumn = useStickyColumn.default;
|
477
|
-
exports.useActionsColumn = useActionsColumn.default;
|
478
|
-
exports.useCustomizeColumns = useCustomizeColumns.default;
|
479
|
-
exports.useSelectAllWithToggle = useSelectAllToggle.default;
|
480
|
-
exports.useColumnCenterAlign = useColumnCenterAlign.default;
|
481
|
-
exports.useInlineEdit = useInlineEdit.default;
|
482
|
-
exports.useEditableCell = useEditableCell.default;
|
483
|
-
exports.useFiltering = useFiltering.default;
|
484
|
-
exports.getAutoSizedColumnWidth = getAutoSizedColumnWidth.getAutoSizedColumnWidth;
|
485
485
|
exports.useFilterContext = useFilterContext.default;
|
486
486
|
Object.defineProperty(exports, 'EditTearsheet', {
|
487
487
|
enumerable: true,
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "2.43.2-canary.
|
4
|
+
"version": "2.43.2-canary.290+977e27960",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -120,5 +120,5 @@
|
|
120
120
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
121
121
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
122
122
|
},
|
123
|
-
"gitHead": "
|
123
|
+
"gitHead": "977e279608be3d7151a4f6b58d7006dfbdd7fec3"
|
124
124
|
}
|