@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.
Files changed (41) hide show
  1. package/es/components/Datagrid/index.d.ts +29 -22
  2. package/es/components/Datagrid/types/index.d.ts +5 -6
  3. package/es/components/Datagrid/useActionsColumn.js +1 -2
  4. package/es/components/Datagrid/useColumnCenterAlign.js +1 -2
  5. package/es/components/Datagrid/useColumnRightAlign.js +1 -2
  6. package/es/components/Datagrid/useCustomizeColumns.js +1 -2
  7. package/es/components/Datagrid/useDatagrid.js +1 -2
  8. package/es/components/Datagrid/useDisableSelectRows.js +1 -2
  9. package/es/components/Datagrid/useExpandedRow.js +1 -2
  10. package/es/components/Datagrid/useFiltering.js +1 -2
  11. package/es/components/Datagrid/useInfiniteScroll.js +1 -2
  12. package/es/components/Datagrid/useInlineEdit.js +1 -2
  13. package/es/components/Datagrid/useNestedRows.js +1 -2
  14. package/es/components/Datagrid/useOnRowClick.js +1 -2
  15. package/es/components/Datagrid/useRowIsMouseOver.js +1 -2
  16. package/es/components/Datagrid/useSelectAllToggle.js +1 -2
  17. package/es/components/Datagrid/useSelectRows.js +1 -2
  18. package/es/components/Datagrid/useSortableColumns.js +1 -2
  19. package/es/components/Datagrid/useStickyColumn.js +1 -2
  20. package/es/index.js +21 -21
  21. package/lib/components/Datagrid/index.d.ts +29 -22
  22. package/lib/components/Datagrid/types/index.d.ts +5 -6
  23. package/lib/components/Datagrid/useActionsColumn.js +1 -2
  24. package/lib/components/Datagrid/useColumnCenterAlign.js +1 -2
  25. package/lib/components/Datagrid/useColumnRightAlign.js +1 -2
  26. package/lib/components/Datagrid/useCustomizeColumns.js +1 -2
  27. package/lib/components/Datagrid/useDatagrid.js +1 -2
  28. package/lib/components/Datagrid/useDisableSelectRows.js +1 -2
  29. package/lib/components/Datagrid/useExpandedRow.js +1 -2
  30. package/lib/components/Datagrid/useFiltering.js +1 -2
  31. package/lib/components/Datagrid/useInfiniteScroll.js +1 -2
  32. package/lib/components/Datagrid/useInlineEdit.js +1 -2
  33. package/lib/components/Datagrid/useNestedRows.js +1 -2
  34. package/lib/components/Datagrid/useOnRowClick.js +1 -2
  35. package/lib/components/Datagrid/useRowIsMouseOver.js +1 -2
  36. package/lib/components/Datagrid/useSelectAllToggle.js +1 -2
  37. package/lib/components/Datagrid/useSelectRows.js +1 -2
  38. package/lib/components/Datagrid/useSortableColumns.js +1 -2
  39. package/lib/components/Datagrid/useStickyColumn.js +1 -2
  40. package/lib/index.js +48 -48
  41. package/package.json +2 -2
@@ -1,22 +1,29 @@
1
- export { Datagrid } from "./Datagrid";
2
- export { default as useDatagrid } from "./useDatagrid";
3
- export { default as useInfiniteScroll } from "./useInfiniteScroll";
4
- export { default as useNestedRows } from "./useNestedRows";
5
- export { default as useSelectRows } from "./useSelectRows";
6
- export { default as useExpandedRow } from "./useExpandedRow";
7
- export { default as useOnRowClick } from "./useOnRowClick";
8
- export { default as useSortableColumns } from "./useSortableColumns";
9
- export { default as useRowIsMouseOver } from "./useRowIsMouseOver";
10
- export { default as useColumnRightAlign } from "./useColumnRightAlign";
11
- export { default as useDisableSelectRows } from "./useDisableSelectRows";
12
- export { default as useStickyColumn } from "./useStickyColumn";
13
- export { default as useActionsColumn } from "./useActionsColumn";
14
- export { default as useCustomizeColumns } from "./useCustomizeColumns";
15
- export { default as useSelectAllWithToggle } from "./useSelectAllToggle";
16
- export { default as useColumnCenterAlign } from "./useColumnCenterAlign";
17
- export { default as useColumnOrder } from "./useColumnOrder";
18
- export { default as useInlineEdit } from "./useInlineEdit";
19
- export { default as useEditableCell } from "./useEditableCell";
20
- export { default as useFiltering } from "./useFiltering";
21
- export { getAutoSizedColumnWidth } from "./utils/getAutoSizedColumnWidth";
22
- export { useFilterContext } from "./Datagrid/addons/Filtering/hooks";
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>, Omit<TableInstance<T>, 'state' | 'headers' | 'rows' | 'columns'>, Omit<UseFiltersInstanceProps<T>, 'rows'>, UseRowSelectInstanceProps<T>, Pick<UseRowSelectInstanceProps<T>, 'toggleAllRowsSelected'> {
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: (rows: DatagridRow[], evt: any) => void;
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: string | object;
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$1 as default };
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$1 as default };
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$1 as default };
44
+ export { useColumnRightAlign as default };
@@ -36,6 +36,5 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
36
36
  });
37
37
  });
38
38
  };
39
- var useCustomizeColumns$1 = useCustomizeColumns;
40
39
 
41
- export { useCustomizeColumns$1 as default };
40
+ export { useCustomizeColumns 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$1 as default };
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$1 as default };
100
+ export { useDisableSelectRows as default };
@@ -43,6 +43,5 @@ var useExpandedRow = function useExpandedRow(hooks) {
43
43
  };
44
44
  hooks.useInstance.push(useInstance);
45
45
  };
46
- var useExpandedRow$1 = useExpandedRow;
47
46
 
48
- export { useExpandedRow$1 as default };
47
+ export { useExpandedRow as default };
@@ -103,6 +103,5 @@ var useFiltering = function useFiltering(hooks) {
103
103
  });
104
104
  });
105
105
  };
106
- var useFiltering$1 = useFiltering;
107
106
 
108
- export { useFiltering$1 as default, exactText };
107
+ export { useFiltering as default, exactText };
@@ -52,6 +52,5 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
52
52
  };
53
53
  hooks.useInstance.push(useInstance);
54
54
  };
55
- var useInfiniteScroll$1 = useInfiniteScroll;
56
55
 
57
- export { useInfiniteScroll$1 as default };
56
+ export { useInfiniteScroll as default };
@@ -67,6 +67,5 @@ var useInlineEdit = function useInlineEdit(hooks) {
67
67
  });
68
68
  });
69
69
  };
70
- var useInlineEdit$1 = useInlineEdit;
71
70
 
72
- export { useInlineEdit$1 as default };
71
+ export { useInlineEdit as default };
@@ -94,6 +94,5 @@ var useNestedRows = function useNestedRows(hooks) {
94
94
  };
95
95
  hooks.useInstance.push(useInstance);
96
96
  };
97
- var useNestedRows$1 = useNestedRows;
98
97
 
99
- export { useNestedRows$1 as default };
98
+ export { useNestedRows as default };
@@ -61,6 +61,5 @@ var useOnRowClick = function useOnRowClick(hooks) {
61
61
  };
62
62
  hooks.useInstance.push(useInstance);
63
63
  };
64
- var useOnRowClick$1 = useOnRowClick;
65
64
 
66
- export { useOnRowClick$1 as default };
65
+ export { useOnRowClick as default };
@@ -48,6 +48,5 @@ var useDebounce = function useDebounce(fn, wait) {
48
48
  useCallback(debounce(fn, wait), [])
49
49
  );
50
50
  };
51
- var useRowIsMouseOver$1 = useRowIsMouseOver;
52
51
 
53
- export { useRowIsMouseOver$1 as default };
52
+ export { useRowIsMouseOver 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$1 as default };
93
+ export { useSelectAllToggle as default };
@@ -156,6 +156,5 @@ var SelectRow = function SelectRow(datagridState) {
156
156
  disabled: selectDisabled
157
157
  }));
158
158
  };
159
- var useSelectRows$1 = useSelectRows;
160
159
 
161
- export { useSelectRows$1 as default };
160
+ export { useSelectRows 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$1 as default, getNewSortOrder };
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$1 as default };
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
- export { Datagrid } from "./Datagrid";
2
- export { default as useDatagrid } from "./useDatagrid";
3
- export { default as useInfiniteScroll } from "./useInfiniteScroll";
4
- export { default as useNestedRows } from "./useNestedRows";
5
- export { default as useSelectRows } from "./useSelectRows";
6
- export { default as useExpandedRow } from "./useExpandedRow";
7
- export { default as useOnRowClick } from "./useOnRowClick";
8
- export { default as useSortableColumns } from "./useSortableColumns";
9
- export { default as useRowIsMouseOver } from "./useRowIsMouseOver";
10
- export { default as useColumnRightAlign } from "./useColumnRightAlign";
11
- export { default as useDisableSelectRows } from "./useDisableSelectRows";
12
- export { default as useStickyColumn } from "./useStickyColumn";
13
- export { default as useActionsColumn } from "./useActionsColumn";
14
- export { default as useCustomizeColumns } from "./useCustomizeColumns";
15
- export { default as useSelectAllWithToggle } from "./useSelectAllToggle";
16
- export { default as useColumnCenterAlign } from "./useColumnCenterAlign";
17
- export { default as useColumnOrder } from "./useColumnOrder";
18
- export { default as useInlineEdit } from "./useInlineEdit";
19
- export { default as useEditableCell } from "./useEditableCell";
20
- export { default as useFiltering } from "./useFiltering";
21
- export { getAutoSizedColumnWidth } from "./utils/getAutoSizedColumnWidth";
22
- export { useFilterContext } from "./Datagrid/addons/Filtering/hooks";
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>, Omit<TableInstance<T>, 'state' | 'headers' | 'rows' | 'columns'>, Omit<UseFiltersInstanceProps<T>, 'rows'>, UseRowSelectInstanceProps<T>, Pick<UseRowSelectInstanceProps<T>, 'toggleAllRowsSelected'> {
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: (rows: DatagridRow[], evt: any) => void;
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: string | object;
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$1;
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$1;
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$1;
48
+ exports.default = useColumnRightAlign;
@@ -59,6 +59,5 @@ var useCustomizeColumns = function useCustomizeColumns(hooks) {
59
59
  });
60
60
  });
61
61
  };
62
- var useCustomizeColumns$1 = useCustomizeColumns;
63
62
 
64
- exports.default = useCustomizeColumns$1;
63
+ exports.default = useCustomizeColumns;
@@ -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$1;
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$1;
104
+ exports.default = useDisableSelectRows;
@@ -47,6 +47,5 @@ var useExpandedRow = function useExpandedRow(hooks) {
47
47
  };
48
48
  hooks.useInstance.push(useInstance);
49
49
  };
50
- var useExpandedRow$1 = useExpandedRow;
51
50
 
52
- exports.default = useExpandedRow$1;
51
+ exports.default = useExpandedRow;
@@ -107,7 +107,6 @@ var useFiltering = function useFiltering(hooks) {
107
107
  });
108
108
  });
109
109
  };
110
- var useFiltering$1 = useFiltering;
111
110
 
112
- exports.default = useFiltering$1;
111
+ exports.default = useFiltering;
113
112
  exports.exactText = exactText;
@@ -56,6 +56,5 @@ var useInfiniteScroll = function useInfiniteScroll(hooks) {
56
56
  };
57
57
  hooks.useInstance.push(useInstance);
58
58
  };
59
- var useInfiniteScroll$1 = useInfiniteScroll;
60
59
 
61
- exports.default = useInfiniteScroll$1;
60
+ exports.default = useInfiniteScroll;
@@ -71,6 +71,5 @@ var useInlineEdit = function useInlineEdit(hooks) {
71
71
  });
72
72
  });
73
73
  };
74
- var useInlineEdit$1 = useInlineEdit;
75
74
 
76
- exports.default = useInlineEdit$1;
75
+ exports.default = useInlineEdit;
@@ -98,6 +98,5 @@ var useNestedRows = function useNestedRows(hooks) {
98
98
  };
99
99
  hooks.useInstance.push(useInstance);
100
100
  };
101
- var useNestedRows$1 = useNestedRows;
102
101
 
103
- exports.default = useNestedRows$1;
102
+ exports.default = useNestedRows;
@@ -65,6 +65,5 @@ var useOnRowClick = function useOnRowClick(hooks) {
65
65
  };
66
66
  hooks.useInstance.push(useInstance);
67
67
  };
68
- var useOnRowClick$1 = useOnRowClick;
69
68
 
70
- exports.default = useOnRowClick$1;
69
+ exports.default = useOnRowClick;
@@ -52,6 +52,5 @@ var useDebounce = function useDebounce(fn, wait) {
52
52
  React.useCallback(debounce(fn, wait), [])
53
53
  );
54
54
  };
55
- var useRowIsMouseOver$1 = useRowIsMouseOver;
56
55
 
57
- exports.default = useRowIsMouseOver$1;
56
+ exports.default = useRowIsMouseOver;
@@ -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$1;
97
+ exports.default = useSelectAllToggle;
@@ -160,6 +160,5 @@ var SelectRow = function SelectRow(datagridState) {
160
160
  disabled: selectDisabled
161
161
  }));
162
162
  };
163
- var useSelectRows$1 = useSelectRows;
164
163
 
165
- exports.default = useSelectRows$1;
164
+ exports.default = useSelectRows;
@@ -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$1;
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$1;
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.288+8030367c4",
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": "8030367c4fe90f9ff84db06935553a289518c2e8"
123
+ "gitHead": "977e279608be3d7151a4f6b58d7006dfbdd7fec3"
124
124
  }