@carbon/ibm-products 1.40.0 → 1.41.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +39 -65
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +2 -2
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +1 -0
- package/css/index-without-carbon-released-only.css.map +1 -1
- package/css/index-without-carbon-released-only.min.css +1 -1
- package/css/index-without-carbon-released-only.min.css.map +1 -1
- package/css/index-without-carbon.css +39 -65
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +2 -2
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +39 -65
- package/css/index.css.map +1 -1
- package/css/index.min.css +2 -2
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyDownloader.js +21 -23
- package/es/components/APIKeyModal/APIKeyModal.js +43 -45
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/AddSelect/hooks/usePath.js +7 -1
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/es/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +8 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +8 -2
- package/es/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +1 -3
- package/es/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
- package/es/components/Datagrid/Datagrid/DatagridContent.js +18 -6
- package/es/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -3
- package/es/components/Datagrid/Datagrid/DatagridRow.js +2 -8
- package/es/components/Datagrid/Datagrid/DatagridVirtualBody.js +27 -8
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +11 -13
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +32 -32
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/TearsheetWrapper.js +51 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +6 -7
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +26 -36
- package/es/components/Datagrid/Datagrid.stories/index.js +1 -1
- package/es/components/Datagrid/useCustomizeColumns.js +13 -15
- package/es/components/Datagrid/useFiltering.js +0 -2
- package/es/components/Datagrid/useParentDimensions.js +3 -1
- package/es/components/Datagrid/utils/getArgTypes.js +5 -0
- package/es/components/Datagrid/utils/getInlineEditColumns.js +6 -1
- package/es/components/ImportModal/ImportModal.js +42 -44
- package/es/components/index.js +1 -1
- package/es/global/js/hooks/useCreateComponentFocus.js +31 -10
- package/es/global/js/hooks/useCreateComponentStepChange.js +73 -79
- package/es/global/js/utils/test-helper.js +12 -14
- package/es/global/js/utils/unwrap-if-fragment.js +1 -1
- package/lib/components/APIKeyModal/APIKeyDownloader.js +21 -23
- package/lib/components/APIKeyModal/APIKeyModal.js +43 -45
- package/lib/components/AddSelect/AddSelectBody.js +1 -1
- package/lib/components/AddSelect/hooks/usePath.js +6 -0
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +1 -1
- package/lib/components/ButtonSetWithOverflow/ButtonSetWithOverflow.js +1 -1
- package/lib/components/CreateFullPage/CreateFullPage.js +8 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +8 -2
- package/lib/components/CreateTearsheet/preview-components/MultiStepTearsheet.js +4 -2
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +1 -3
- package/lib/components/DataSpreadsheet/utils/handleCellDeletion.js +5 -4
- package/lib/components/Datagrid/Datagrid/DatagridContent.js +18 -6
- package/lib/components/Datagrid/Datagrid/DatagridEmptyBody.js +9 -3
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +2 -11
- package/lib/components/Datagrid/Datagrid/DatagridVirtualBody.js +27 -8
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Actions.js +7 -9
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/ButtonWrapper.js +6 -6
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/Columns.js +26 -24
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{CustomizeColumnsModal.js → CustomizeColumnsTearsheet.js} +26 -25
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/{ModalWrapper.js → TearsheetWrapper.js} +30 -33
- package/lib/components/Datagrid/Datagrid/addons/CustomizeColumns/index.js +3 -3
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +26 -36
- package/lib/components/Datagrid/Datagrid.stories/index.js +1 -1
- package/lib/components/Datagrid/useCustomizeColumns.js +7 -7
- package/lib/components/Datagrid/useFiltering.js +0 -2
- package/lib/components/Datagrid/useParentDimensions.js +3 -1
- package/lib/components/Datagrid/utils/getArgTypes.js +5 -0
- package/lib/components/Datagrid/utils/getInlineEditColumns.js +6 -1
- package/lib/components/ImportModal/ImportModal.js +42 -44
- package/lib/components/index.js +6 -0
- package/lib/global/js/hooks/useCreateComponentFocus.js +32 -10
- package/lib/global/js/hooks/useCreateComponentStepChange.js +73 -79
- package/lib/global/js/utils/test-helper.js +12 -14
- package/lib/global/js/utils/unwrap-if-fragment.js +1 -1
- package/package.json +10 -10
- package/scss/components/Datagrid/_storybook-styles.scss +7 -0
- package/scss/components/Datagrid/styles/_datagrid.scss +22 -0
- package/scss/components/Datagrid/styles/_draggableElement.scss +9 -8
- package/scss/components/Datagrid/styles/_index.scss +8 -8
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsTearsheet.scss +60 -0
- package/scss/components/FilterSummary/_filter-summary.scss +1 -0
- package/scss/components/Tearsheet/_tearsheet.scss +2 -0
- package/es/components/Datagrid/Datagrid/addons/CustomizeColumns/ModalWrapper.js +0 -56
- package/scss/components/Datagrid/styles/addons/_CustomizeColumnsModal.scss +0 -86
@@ -24,6 +24,13 @@ var _hooks = require("../../../global/js/hooks");
|
|
24
24
|
var _hooks2 = require("../../DataSpreadsheet/hooks");
|
25
25
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
26
26
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
27
|
+
/**
|
28
|
+
* Copyright IBM Corp. 2022, 2022
|
29
|
+
*
|
30
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
31
|
+
* LICENSE file in the root directory of this source tree.
|
32
|
+
*/
|
33
|
+
|
27
34
|
var TableContainer = _carbonComponentsReact.DataTable.TableContainer,
|
28
35
|
Table = _carbonComponentsReact.DataTable.Table;
|
29
36
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
@@ -39,7 +46,7 @@ var DatagridContent = function DatagridContent(_ref) {
|
|
39
46
|
withVirtualScroll = datagridState.withVirtualScroll,
|
40
47
|
DatagridPagination = datagridState.DatagridPagination,
|
41
48
|
isFetching = datagridState.isFetching,
|
42
|
-
|
49
|
+
CustomizeColumnsTearsheet = datagridState.CustomizeColumnsTearsheet,
|
43
50
|
leftPanel = datagridState.leftPanel,
|
44
51
|
fullHeightDatagrid = datagridState.fullHeightDatagrid,
|
45
52
|
_datagridState$vertic = datagridState.verticalAlign,
|
@@ -51,7 +58,8 @@ var DatagridContent = function DatagridContent(_ref) {
|
|
51
58
|
withInlineEdit = datagridState.withInlineEdit,
|
52
59
|
tableId = datagridState.tableId,
|
53
60
|
DatagridActions = datagridState.DatagridActions,
|
54
|
-
totalColumnsWidth = datagridState.totalColumnsWidth
|
61
|
+
totalColumnsWidth = datagridState.totalColumnsWidth,
|
62
|
+
gridRef = datagridState.gridRef;
|
55
63
|
var rows = DatagridPagination && datagridState.page || datagridState.rows;
|
56
64
|
var gridActive = state.gridActive,
|
57
65
|
editId = state.editId;
|
@@ -91,7 +99,7 @@ var DatagridContent = function DatagridContent(_ref) {
|
|
91
99
|
onFocus: withInlineEdit ? function () {
|
92
100
|
return (0, _handleGridFocus.handleGridFocus)(state, dispatch);
|
93
101
|
} : null
|
94
|
-
}), /*#__PURE__*/_react.default.createElement(_DatagridHead.default, datagridState), /*#__PURE__*/_react.default.createElement(_DatagridBody.default, (0, _extends2.default)({}, datagridState, {
|
102
|
+
}), !withVirtualScroll ? /*#__PURE__*/_react.default.createElement(_DatagridHead.default, datagridState) : null, /*#__PURE__*/_react.default.createElement(_DatagridBody.default, (0, _extends2.default)({}, datagridState, {
|
95
103
|
rows: rows
|
96
104
|
})));
|
97
105
|
};
|
@@ -126,7 +134,10 @@ var DatagridContent = function DatagridContent(_ref) {
|
|
126
134
|
className: "".concat(blockClass, "__datagridLeftPanel")
|
127
135
|
}, leftPanel.panelContent), withInlineEdit ? /*#__PURE__*/_react.default.createElement("div", {
|
128
136
|
ref: multiKeyTrackingRef
|
129
|
-
}, renderTable()) :
|
137
|
+
}, renderTable()) : withVirtualScroll ? /*#__PURE__*/_react.default.createElement("div", {
|
138
|
+
className: "".concat(blockClass, "__virtualScrollContainer"),
|
139
|
+
ref: gridRef
|
140
|
+
}, renderTable()) : renderTable())), (rows === null || rows === void 0 ? void 0 : rows.length) > 0 && !isFetching && DatagridPagination && /*#__PURE__*/_react.default.createElement(DatagridPagination, datagridState), CustomizeColumnsTearsheet && /*#__PURE__*/_react.default.createElement(CustomizeColumnsTearsheet, {
|
130
141
|
instance: datagridState
|
131
142
|
}));
|
132
143
|
};
|
@@ -137,7 +148,7 @@ DatagridContent.propTypes = {
|
|
137
148
|
withVirtualScroll: _propTypes.default.bool,
|
138
149
|
DatagridActions: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
|
139
150
|
DatagridPagination: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
|
140
|
-
|
151
|
+
CustomizeColumnsTearsheet: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
|
141
152
|
isFetching: _propTypes.default.bool,
|
142
153
|
leftPanel: _propTypes.default.object,
|
143
154
|
fullHeightDatagrid: _propTypes.default.bool,
|
@@ -150,6 +161,7 @@ DatagridContent.propTypes = {
|
|
150
161
|
page: _propTypes.default.arrayOf(_propTypes.default.object),
|
151
162
|
rows: _propTypes.default.arrayOf(_propTypes.default.object),
|
152
163
|
tableId: _propTypes.default.string,
|
153
|
-
totalColumnsWidth: _propTypes.default.number
|
164
|
+
totalColumnsWidth: _propTypes.default.number,
|
165
|
+
gridRef: _propTypes.default.object
|
154
166
|
})
|
155
167
|
};
|
@@ -30,7 +30,9 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
|
|
30
30
|
emptyStateSize = datagridState.emptyStateSize,
|
31
31
|
_datagridState$emptyS = datagridState.emptyStateType,
|
32
32
|
emptyStateType = _datagridState$emptyS === void 0 ? 'noData' : _datagridState$emptyS,
|
33
|
-
illustrationTheme = datagridState.illustrationTheme
|
33
|
+
illustrationTheme = datagridState.illustrationTheme,
|
34
|
+
emptyStateAction = datagridState.emptyStateAction,
|
35
|
+
emptyStateLink = datagridState.emptyStateLink;
|
34
36
|
return /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps(), {
|
35
37
|
className: "".concat(blockClass, "__empty-state-body")
|
36
38
|
}), /*#__PURE__*/_react.default.createElement(TableRow, null, /*#__PURE__*/_react.default.createElement(TableCell, {
|
@@ -39,12 +41,16 @@ var DatagridEmptyBody = function DatagridEmptyBody(datagridState) {
|
|
39
41
|
illustrationTheme: illustrationTheme,
|
40
42
|
size: emptyStateSize,
|
41
43
|
title: emptyStateTitle,
|
42
|
-
subtitle: emptyStateDescription
|
44
|
+
subtitle: emptyStateDescription,
|
45
|
+
action: emptyStateAction,
|
46
|
+
link: emptyStateLink
|
43
47
|
}), emptyStateType === 'noData' && /*#__PURE__*/_react.default.createElement(_EmptyStates.NoDataEmptyState, {
|
44
48
|
illustrationTheme: illustrationTheme,
|
45
49
|
size: emptyStateSize,
|
46
50
|
title: emptyStateTitle,
|
47
|
-
subtitle: emptyStateDescription
|
51
|
+
subtitle: emptyStateDescription,
|
52
|
+
action: emptyStateAction,
|
53
|
+
link: emptyStateLink
|
48
54
|
}))));
|
49
55
|
};
|
50
56
|
var _default = DatagridEmptyBody;
|
@@ -1,7 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
var _typeof = require("@babel/runtime/helpers/typeof");
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
6
5
|
value: true
|
7
6
|
});
|
@@ -9,17 +8,13 @@ exports.default = void 0;
|
|
9
8
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
10
9
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
11
10
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
12
|
-
var _react =
|
11
|
+
var _react = _interopRequireDefault(require("react"));
|
13
12
|
var _carbonComponentsReact = require("carbon-components-react");
|
14
13
|
var _layout = require("@carbon/layout");
|
15
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
16
15
|
var _commonColumnIds = require("../common-column-ids");
|
17
16
|
var _settings = require("../../../settings");
|
18
|
-
var _InlineEditContext = require("./addons/InlineEdit/InlineEditContext/InlineEditContext");
|
19
|
-
var _getCellIdAsObject = require("./addons/InlineEdit/InlineEditContext/getCellIdAsObject");
|
20
17
|
var _excluded = ["children"];
|
21
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
23
18
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
24
19
|
var TableRow = _carbonComponentsReact.DataTable.TableRow,
|
25
20
|
TableCell = _carbonComponentsReact.DataTable.TableCell;
|
@@ -37,10 +32,6 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
37
32
|
var row = datagridState.row,
|
38
33
|
rowSize = datagridState.rowSize,
|
39
34
|
withNestedRows = datagridState.withNestedRows;
|
40
|
-
var _useContext = (0, _react.useContext)(_InlineEditContext.InlineEditContext),
|
41
|
-
state = _useContext.state;
|
42
|
-
var activeCellId = state.activeCellId;
|
43
|
-
var activeCellObject = activeCellId && (0, _getCellIdAsObject.getCellIdAsObject)(activeCellId);
|
44
35
|
var getVisibleNestedRowCount = function getVisibleNestedRowCount(_ref) {
|
45
36
|
var isExpanded = _ref.isExpanded,
|
46
37
|
subRows = _ref.subRows;
|
@@ -54,7 +45,7 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
54
45
|
return size;
|
55
46
|
};
|
56
47
|
return /*#__PURE__*/_react.default.createElement(TableRow, (0, _extends2.default)({
|
57
|
-
className: (0, _classnames.default)("".concat(blockClass, "__carbon-row"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), (0, _defineProperty2.default)(_cx, "".concat(_settings.carbon.prefix, "--data-table--selected"), row.isSelected),
|
48
|
+
className: (0, _classnames.default)("".concat(blockClass, "__carbon-row"), (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), (0, _defineProperty2.default)(_cx, "".concat(_settings.carbon.prefix, "--data-table--selected"), row.isSelected), _cx))
|
58
49
|
}, row.getRowProps(), {
|
59
50
|
key: row.id,
|
60
51
|
onMouseEnter: function onMouseEnter(event) {
|
@@ -12,6 +12,8 @@ var _react = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _reactWindow = require("react-window");
|
13
13
|
var _carbonComponentsReact = require("carbon-components-react");
|
14
14
|
var _settings = require("../../../settings");
|
15
|
+
var _DatagridHead = _interopRequireDefault(require("./DatagridHead"));
|
16
|
+
var _layout = require("@carbon/layout");
|
15
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
16
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
17
19
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
@@ -32,6 +34,7 @@ var rowSizeMap = {
|
|
32
34
|
};
|
33
35
|
var defaultRowHeight = rowSizeMap.lg;
|
34
36
|
var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
|
37
|
+
var _gridRef$current, _gridRef$current2;
|
35
38
|
var getTableBodyProps = datagridState.getTableBodyProps,
|
36
39
|
rows = datagridState.rows,
|
37
40
|
prepareRow = datagridState.prepareRow,
|
@@ -45,7 +48,14 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
|
|
45
48
|
DatagridPagination = datagridState.DatagridPagination,
|
46
49
|
page = datagridState.page,
|
47
50
|
handleResize = datagridState.handleResize,
|
48
|
-
|
51
|
+
gridRef = datagridState.gridRef;
|
52
|
+
var syncScroll = function syncScroll(e) {
|
53
|
+
var virtualBody = e.target;
|
54
|
+
document.querySelector(".".concat(blockClass, "__head-warp")).scrollLeft = virtualBody.scrollLeft;
|
55
|
+
var spacerColumn = document.querySelector(".".concat(blockClass, "__head-warp thead th:last-child"));
|
56
|
+
spacerColumn.style.width = (0, _layout.px)(32 + (virtualBody.offsetWidth - virtualBody.clientWidth)); // scrollbar width to header column to fix header alignment
|
57
|
+
};
|
58
|
+
|
49
59
|
(0, _react.useEffect)(function () {
|
50
60
|
handleResize();
|
51
61
|
}, [handleResize]);
|
@@ -54,8 +64,16 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
|
|
54
64
|
listRef.current.resetAfterIndex(0);
|
55
65
|
}
|
56
66
|
var visibleRows = DatagridPagination && page || rows;
|
57
|
-
return /*#__PURE__*/_react.default.createElement(
|
58
|
-
|
67
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
68
|
+
className: "".concat(blockClass, "__head-warp"),
|
69
|
+
style: {
|
70
|
+
width: (_gridRef$current = gridRef.current) === null || _gridRef$current === void 0 ? void 0 : _gridRef$current.clientWidth,
|
71
|
+
overflow: 'hidden'
|
72
|
+
}
|
73
|
+
}, /*#__PURE__*/_react.default.createElement(_DatagridHead.default, datagridState)), /*#__PURE__*/_react.default.createElement(TableBody, (0, _extends2.default)({}, getTableBodyProps(), {
|
74
|
+
onScroll: function onScroll(e) {
|
75
|
+
return syncScroll(e);
|
76
|
+
}
|
59
77
|
}), /*#__PURE__*/_react.default.createElement(_reactWindow.VariableSizeList, {
|
60
78
|
height: virtualHeight || tableHeight,
|
61
79
|
itemCount: visibleRows.length,
|
@@ -66,20 +84,21 @@ var DatagridVirtualBody = function DatagridVirtualBody(datagridState) {
|
|
66
84
|
onScroll: onScroll,
|
67
85
|
innerRef: innerListRef,
|
68
86
|
ref: listRef,
|
69
|
-
className: "".concat(blockClass, "__virtual-scrollbar")
|
87
|
+
className: "".concat(blockClass, "__virtual-scrollbar"),
|
88
|
+
style: {
|
89
|
+
width: (_gridRef$current2 = gridRef.current) === null || _gridRef$current2 === void 0 ? void 0 : _gridRef$current2.clientWidth
|
90
|
+
}
|
70
91
|
}, function (_ref) {
|
71
92
|
var index = _ref.index,
|
72
93
|
style = _ref.style;
|
73
94
|
var row = visibleRows[index];
|
74
95
|
prepareRow(row);
|
75
96
|
return /*#__PURE__*/_react.default.createElement("div", {
|
76
|
-
style: _objectSpread(
|
77
|
-
overflow: withOverflowRow ? 'visible' : 'hidden'
|
78
|
-
})
|
97
|
+
style: _objectSpread({}, style)
|
79
98
|
}, row.RowRenderer(_objectSpread(_objectSpread({}, datagridState), {}, {
|
80
99
|
row: row
|
81
100
|
})));
|
82
|
-
}));
|
101
|
+
})));
|
83
102
|
};
|
84
103
|
var _default = DatagridVirtualBody;
|
85
104
|
exports.default = _default;
|
@@ -12,13 +12,11 @@ var React = _interopRequireWildcard(require("react"));
|
|
12
12
|
var _settings = require("../../../../../settings");
|
13
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
14
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
15
|
-
|
16
|
-
|
17
|
-
*
|
18
|
-
*
|
19
|
-
*
|
20
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
21
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
15
|
+
/**
|
16
|
+
* Copyright IBM Corp. 2022, 2022
|
17
|
+
*
|
18
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
19
|
+
* LICENSE file in the root directory of this source tree.
|
22
20
|
*/
|
23
21
|
|
24
22
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
@@ -27,11 +25,11 @@ var Actions = function Actions(_ref) {
|
|
27
25
|
setSearchText = _ref.setSearchText,
|
28
26
|
findColumnPlaceholderLabel = _ref.findColumnPlaceholderLabel;
|
29
27
|
return /*#__PURE__*/React.createElement("div", {
|
30
|
-
className: "".concat(blockClass, "__customize-columns-
|
28
|
+
className: "".concat(blockClass, "__customize-columns-tearsheet--actions")
|
31
29
|
}, /*#__PURE__*/React.createElement(_carbonComponentsReact.Search, {
|
32
30
|
placeholder: findColumnPlaceholderLabel,
|
33
31
|
value: searchText,
|
34
|
-
size: "
|
32
|
+
size: "xl",
|
35
33
|
labelText: findColumnPlaceholderLabel,
|
36
34
|
onChange: function onChange(e) {
|
37
35
|
// TODO: is it performant?
|
@@ -13,14 +13,14 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
13
13
|
var _iconsReact = require("@carbon/icons-react");
|
14
14
|
var _carbonComponentsReact = require("carbon-components-react");
|
15
15
|
var _settings = require("../../../../../settings");
|
16
|
-
var _excluded = ["onClick", "
|
16
|
+
var _excluded = ["onClick", "setIsTearsheetOpen", "isTearsheetOpen", "iconTooltipLabel"];
|
17
17
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
18
18
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
19
19
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
20
20
|
var ButtonWrapper = function ButtonWrapper(_ref) {
|
21
21
|
var _onClick = _ref.onClick,
|
22
|
-
|
23
|
-
|
22
|
+
setIsTearsheetOpen = _ref.setIsTearsheetOpen,
|
23
|
+
isTearsheetOpen = _ref.isTearsheetOpen,
|
24
24
|
_ref$iconTooltipLabel = _ref.iconTooltipLabel,
|
25
25
|
iconTooltipLabel = _ref$iconTooltipLabel === void 0 ? 'Customize columns' : _ref$iconTooltipLabel,
|
26
26
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
@@ -32,7 +32,7 @@ var ButtonWrapper = function ButtonWrapper(_ref) {
|
|
32
32
|
hasIconOnly: true,
|
33
33
|
"test-id": "".concat(blockClass, "__customize-columns-trigger"),
|
34
34
|
onClick: function onClick() {
|
35
|
-
|
35
|
+
setIsTearsheetOpen(!isTearsheetOpen);
|
36
36
|
if (typeof _onClick === 'function') {
|
37
37
|
_onClick();
|
38
38
|
}
|
@@ -41,9 +41,9 @@ var ButtonWrapper = function ButtonWrapper(_ref) {
|
|
41
41
|
};
|
42
42
|
ButtonWrapper.propTypes = {
|
43
43
|
iconTooltipLabel: _propTypes.default.string,
|
44
|
-
|
44
|
+
isTearsheetOpen: _propTypes.default.bool.isRequired,
|
45
45
|
onClick: _propTypes.default.func.isRequired,
|
46
|
-
|
46
|
+
setIsTearsheetOpen: _propTypes.default.func.isRequired
|
47
47
|
};
|
48
48
|
var _default = ButtonWrapper;
|
49
49
|
exports.default = _default;
|
@@ -17,13 +17,11 @@ var _settings = require("../../../../../settings");
|
|
17
17
|
var _DraggableElement = _interopRequireDefault(require("../../DraggableElement"));
|
18
18
|
var _common = require("./common");
|
19
19
|
var _classnames = _interopRequireDefault(require("classnames"));
|
20
|
-
|
21
|
-
|
22
|
-
*
|
23
|
-
*
|
24
|
-
*
|
25
|
-
* US Government Users Restricted Rights - Use, duplication or disclosure
|
26
|
-
* restricted by GSA ADP Schedule Contract with IBM Corp.
|
20
|
+
/**
|
21
|
+
* Copyright IBM Corp. 2022, 2022
|
22
|
+
*
|
23
|
+
* This source code is licensed under the Apache-2.0 license found in the
|
24
|
+
* LICENSE file in the root directory of this source tree.
|
27
25
|
*/
|
28
26
|
|
29
27
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
@@ -38,7 +36,6 @@ var getNextIndex = function getNextIndex(array, currentIndex, key) {
|
|
38
36
|
return newIndex;
|
39
37
|
};
|
40
38
|
var Columns = function Columns(_ref) {
|
41
|
-
var _classNames;
|
42
39
|
var getVisibleColumnsCount = _ref.getVisibleColumnsCount,
|
43
40
|
filterString = _ref.filterString,
|
44
41
|
columns = _ref.columns,
|
@@ -77,12 +74,7 @@ var Columns = function Columns(_ref) {
|
|
77
74
|
e.stopPropagation();
|
78
75
|
}
|
79
76
|
},
|
80
|
-
tabIndex: 0
|
81
|
-
onFocus: function onFocus(e) {
|
82
|
-
if (e.target === e.currentTarget) {
|
83
|
-
setFocusIndex(0);
|
84
|
-
}
|
85
|
-
}
|
77
|
+
tabIndex: 0
|
86
78
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
87
79
|
"aria-live": "assertive",
|
88
80
|
className: "".concat(blockClass, "__shared-ui--assistive-text")
|
@@ -91,7 +83,7 @@ var Columns = function Columns(_ref) {
|
|
91
83
|
className: "".concat(blockClass, "__shared-ui--assistive-text")
|
92
84
|
}, filterString.length === 0 ? assistiveTextInstructionsLabel : assistiveTextDisabledInstructionsLabel), /*#__PURE__*/_react.default.createElement("div", {
|
93
85
|
id: "".concat(blockClass, "__customize-columns-select-all"),
|
94
|
-
className: (0, _classnames.default)(
|
86
|
+
className: (0, _classnames.default)("".concat(blockClass, "__customize-columns-select-all"), (0, _defineProperty2.default)({}, "".concat(blockClass, "__customize-columns-select-all--selected"), getVisibleColumnsCount() > 0)),
|
95
87
|
selected: getVisibleColumnsCount() > 0
|
96
88
|
}, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Checkbox, {
|
97
89
|
wrapperClassName: "".concat(blockClass, "__customize-columns-checkbox-wrapper"),
|
@@ -105,6 +97,24 @@ var Columns = function Columns(_ref) {
|
|
105
97
|
})), columns.filter(function (colDef) {
|
106
98
|
return filterString.length === 0 || colDef.Header.props.title.toLowerCase().includes(filterString);
|
107
99
|
}).map(function (colDef, i) {
|
100
|
+
var searchString = new RegExp('(' + filterString + ')');
|
101
|
+
var res = filterString.length ? colDef.Header.props.title.toLowerCase().split(searchString) : null;
|
102
|
+
var firstWord = res !== null ? res[0] === '' ? res[1].charAt(0).toUpperCase() + res[1].substring(1) : res[0].charAt(0).toUpperCase() + res[0].substring(1) : null;
|
103
|
+
var highlightedText = res !== null ? res[0] === '' ? "<strong>".concat(firstWord, "</strong>") + res[2] : firstWord + "<strong>".concat(res[1], "</strong>") + res[2] : colDef.Header.props.title;
|
104
|
+
var listContents = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Checkbox, {
|
105
|
+
wrapperClassName: "".concat(blockClass, "__customize-columns-checkbox-wrapper"),
|
106
|
+
checked: (0, _common.isColumnVisible)(colDef),
|
107
|
+
onChange: onSelectColumn.bind(null, colDef),
|
108
|
+
id: "".concat(blockClass, "__customization-column-").concat(colDef.id),
|
109
|
+
labelText: colDef.Header.props.title,
|
110
|
+
title: colDef.Header.props.title,
|
111
|
+
className: "".concat(blockClass, "__customize-columns-checkbox"),
|
112
|
+
hideLabel: true
|
113
|
+
}), /*#__PURE__*/_react.default.createElement("div", {
|
114
|
+
dangerouslySetInnerHTML: {
|
115
|
+
__html: highlightedText
|
116
|
+
}
|
117
|
+
}));
|
108
118
|
return /*#__PURE__*/_react.default.createElement(_DraggableElement.default, {
|
109
119
|
key: colDef.id,
|
110
120
|
index: i,
|
@@ -132,15 +142,7 @@ var Columns = function Columns(_ref) {
|
|
132
142
|
}
|
133
143
|
},
|
134
144
|
selected: (0, _common.isColumnVisible)(colDef)
|
135
|
-
},
|
136
|
-
wrapperClassName: "".concat(blockClass, "__customize-columns-checkbox-wrapper"),
|
137
|
-
checked: (0, _common.isColumnVisible)(colDef),
|
138
|
-
onChange: onSelectColumn.bind(null, colDef),
|
139
|
-
id: "".concat(blockClass, "__customization-column-").concat(colDef.id),
|
140
|
-
labelText: colDef.Header.props.title,
|
141
|
-
title: colDef.Header.props.title,
|
142
|
-
className: "".concat(blockClass, "__customize-columns-checkbox")
|
143
|
-
}));
|
145
|
+
}, listContents);
|
144
146
|
}))));
|
145
147
|
};
|
146
148
|
Columns.propTypes = {
|
@@ -10,24 +10,24 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/de
|
|
10
10
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
11
11
|
var _react = _interopRequireWildcard(require("react"));
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
13
|
-
var _carbonComponentsReact = require("carbon-components-react");
|
14
13
|
var _common = require("./common");
|
15
14
|
var _Columns = _interopRequireDefault(require("./Columns"));
|
16
15
|
var _Actions = _interopRequireDefault(require("./Actions"));
|
17
16
|
var _settings = require("../../../../../settings");
|
17
|
+
var _Tearsheet = require("../../../../Tearsheet");
|
18
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
19
19
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
20
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
21
21
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
22
22
|
var blockClass = "".concat(_settings.pkg.prefix, "--datagrid");
|
23
|
-
var
|
23
|
+
var CustomizeColumnsTearsheet = function CustomizeColumnsTearsheet(_ref) {
|
24
24
|
var isOpen = _ref.isOpen,
|
25
|
-
|
25
|
+
setIsTearsheetOpen = _ref.setIsTearsheetOpen,
|
26
26
|
onSaveColumnPrefs = _ref.onSaveColumnPrefs,
|
27
27
|
columnDefinitions = _ref.columnDefinitions,
|
28
28
|
originalColumnDefinitions = _ref.originalColumnDefinitions,
|
29
|
-
_ref$
|
30
|
-
|
29
|
+
_ref$customizeTearshe = _ref.customizeTearsheetHeadingLabel,
|
30
|
+
customizeTearsheetHeadingLabel = _ref$customizeTearshe === void 0 ? 'Customize columns' : _ref$customizeTearshe,
|
31
31
|
_ref$primaryButtonTex = _ref.primaryButtonTextLabel,
|
32
32
|
primaryButtonTextLabel = _ref$primaryButtonTex === void 0 ? 'Save' : _ref$primaryButtonTex,
|
33
33
|
_ref$secondaryButtonT = _ref.secondaryButtonTextLabel,
|
@@ -81,10 +81,10 @@ var CustomizeColumnsModal = function CustomizeColumnsModal(_ref) {
|
|
81
81
|
isDirty = _useState10[0],
|
82
82
|
setIsDirty = _useState10[1];
|
83
83
|
var onRequestClose = function onRequestClose() {
|
84
|
-
|
84
|
+
setIsTearsheetOpen(false);
|
85
85
|
};
|
86
86
|
var onRequestSubmit = function onRequestSubmit() {
|
87
|
-
|
87
|
+
setIsTearsheetOpen(false);
|
88
88
|
var updatedColumns = columnObjects.map(function (colDef) {
|
89
89
|
return {
|
90
90
|
id: colDef.id,
|
@@ -120,21 +120,22 @@ var CustomizeColumnsModal = function CustomizeColumnsModal(_ref) {
|
|
120
120
|
setVisibleColumnsCount(getVisibleColumnsCount());
|
121
121
|
setTotalColumns(columnObjects.length);
|
122
122
|
}, [getVisibleColumnsCount, columnObjects.length]);
|
123
|
-
return /*#__PURE__*/_react.default.createElement(
|
124
|
-
className: "".concat(blockClass, "__customize-columns-
|
123
|
+
return /*#__PURE__*/_react.default.createElement(_Tearsheet.TearsheetNarrow, {
|
124
|
+
className: "".concat(blockClass, "__customize-columns-tearsheet"),
|
125
125
|
open: isOpen,
|
126
|
-
|
127
|
-
|
128
|
-
|
129
|
-
|
130
|
-
|
131
|
-
|
132
|
-
|
133
|
-
|
134
|
-
|
135
|
-
|
136
|
-
|
137
|
-
|
126
|
+
title: "".concat(customizeTearsheetHeadingLabel, " (").concat(visibleColumnsCount, "/").concat(totalColumns, ")"),
|
127
|
+
description: instructionsLabel,
|
128
|
+
actions: [{
|
129
|
+
kind: 'secondary',
|
130
|
+
label: secondaryButtonTextLabel,
|
131
|
+
onClick: onRequestClose
|
132
|
+
}, {
|
133
|
+
kind: 'primary',
|
134
|
+
label: primaryButtonTextLabel,
|
135
|
+
onClick: onRequestSubmit,
|
136
|
+
disabled: !isDirty
|
137
|
+
}]
|
138
|
+
}, /*#__PURE__*/_react.default.createElement(_Actions.default, {
|
138
139
|
columns: columnObjects,
|
139
140
|
originalColumnDefinitions: originalColumnDefinitions,
|
140
141
|
searchText: searchText,
|
@@ -159,11 +160,11 @@ var CustomizeColumnsModal = function CustomizeColumnsModal(_ref) {
|
|
159
160
|
selectAllLabel: selectAllLabel
|
160
161
|
}));
|
161
162
|
};
|
162
|
-
|
163
|
+
CustomizeColumnsTearsheet.propTypes = {
|
163
164
|
assistiveTextDisabledInstructionsLabel: _propTypes.default.string,
|
164
165
|
assistiveTextInstructionsLabel: _propTypes.default.string,
|
165
166
|
columnDefinitions: _propTypes.default.array.isRequired,
|
166
|
-
|
167
|
+
customizeTearsheetHeadingLabel: _propTypes.default.string,
|
167
168
|
findColumnPlaceholderLabel: _propTypes.default.string,
|
168
169
|
instructionsLabel: _propTypes.default.string,
|
169
170
|
isOpen: _propTypes.default.bool.isRequired,
|
@@ -173,7 +174,7 @@ CustomizeColumnsModal.propTypes = {
|
|
173
174
|
resetToDefaultLabel: _propTypes.default.string,
|
174
175
|
secondaryButtonTextLabel: _propTypes.default.string,
|
175
176
|
selectAllLabel: _propTypes.default.string,
|
176
|
-
|
177
|
+
setIsTearsheetOpen: _propTypes.default.func.isRequired
|
177
178
|
};
|
178
|
-
var _default =
|
179
|
+
var _default = CustomizeColumnsTearsheet;
|
179
180
|
exports.default = _default;
|
@@ -10,49 +10,46 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
|
|
10
10
|
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
11
11
|
var React = _interopRequireWildcard(require("react"));
|
12
12
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
13
|
-
var
|
14
|
-
var _excluded = ["onSaveColumnPrefs", "
|
13
|
+
var _CustomizeColumnsTearsheet = _interopRequireDefault(require("./CustomizeColumnsTearsheet"));
|
14
|
+
var _excluded = ["onSaveColumnPrefs", "isTearsheetOpen", "setIsTearsheetOpen", "labels"];
|
15
15
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
16
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
17
|
-
var
|
17
|
+
var TearsheetWrapper = function TearsheetWrapper(_ref) {
|
18
18
|
var instance = _ref.instance;
|
19
19
|
var _instance$customizeCo = instance.customizeColumnsProps,
|
20
20
|
_onSaveColumnPrefs = _instance$customizeCo.onSaveColumnPrefs,
|
21
|
-
|
22
|
-
|
21
|
+
isTearsheetOpen = _instance$customizeCo.isTearsheetOpen,
|
22
|
+
setIsTearsheetOpen = _instance$customizeCo.setIsTearsheetOpen,
|
23
23
|
labels = _instance$customizeCo.labels,
|
24
24
|
rest = (0, _objectWithoutProperties2.default)(_instance$customizeCo, _excluded);
|
25
|
-
|
26
|
-
|
27
|
-
|
28
|
-
|
29
|
-
|
30
|
-
|
31
|
-
|
32
|
-
|
33
|
-
|
34
|
-
|
25
|
+
return /*#__PURE__*/React.createElement(_CustomizeColumnsTearsheet.default, (0, _extends2.default)({}, rest, labels, {
|
26
|
+
isOpen: isTearsheetOpen,
|
27
|
+
setIsTearsheetOpen: setIsTearsheetOpen,
|
28
|
+
columnDefinitions: instance.allColumns,
|
29
|
+
originalColumnDefinitions: instance.columns,
|
30
|
+
onSaveColumnPrefs: function onSaveColumnPrefs(updatedColDefs) {
|
31
|
+
var hiddenIds = updatedColDefs.filter(function (colDef) {
|
32
|
+
return !colDef.isVisible;
|
33
|
+
}).map(function (colDef) {
|
34
|
+
return colDef.id;
|
35
|
+
});
|
36
|
+
instance.setHiddenColumns(hiddenIds);
|
37
|
+
if (typeof instance.setColumnOrder === 'function') {
|
38
|
+
instance.setColumnOrder(updatedColDefs.map(function (colDef) {
|
35
39
|
return colDef.id;
|
36
|
-
});
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
-
return colDef.id;
|
41
|
-
}));
|
42
|
-
} else {
|
43
|
-
// eslint-disable-next-line no-console
|
44
|
-
console.warn("Column order can not be updated. Did you forget to add 'useColumnOrder' in 'useDatagrid'");
|
45
|
-
}
|
46
|
-
if (typeof _onSaveColumnPrefs === 'function') {
|
47
|
-
_onSaveColumnPrefs(updatedColDefs);
|
48
|
-
}
|
40
|
+
}));
|
41
|
+
} else {
|
42
|
+
// eslint-disable-next-line no-console
|
43
|
+
console.warn("Column order can not be updated. Did you forget to add 'useColumnOrder' in 'useDatagrid'");
|
49
44
|
}
|
50
|
-
|
51
|
-
|
52
|
-
|
45
|
+
if (typeof _onSaveColumnPrefs === 'function') {
|
46
|
+
_onSaveColumnPrefs(updatedColDefs);
|
47
|
+
}
|
48
|
+
}
|
49
|
+
}));
|
53
50
|
};
|
54
|
-
|
51
|
+
TearsheetWrapper.propTypes = {
|
55
52
|
instance: _propTypes.default.object.isRequired
|
56
53
|
};
|
57
|
-
var _default =
|
54
|
+
var _default = TearsheetWrapper;
|
58
55
|
exports.default = _default;
|
@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
|
|
4
4
|
Object.defineProperty(exports, "__esModule", {
|
5
5
|
value: true
|
6
6
|
});
|
7
|
-
Object.defineProperty(exports, "
|
7
|
+
Object.defineProperty(exports, "CustomizeColumnsTearsheetWrapper", {
|
8
8
|
enumerable: true,
|
9
9
|
get: function get() {
|
10
|
-
return
|
10
|
+
return _TearsheetWrapper.default;
|
11
11
|
}
|
12
12
|
});
|
13
13
|
Object.defineProperty(exports, "ToggleButtonWrapper", {
|
@@ -16,5 +16,5 @@ Object.defineProperty(exports, "ToggleButtonWrapper", {
|
|
16
16
|
return _ButtonWrapper.default;
|
17
17
|
}
|
18
18
|
});
|
19
|
-
var
|
19
|
+
var _TearsheetWrapper = _interopRequireDefault(require("./TearsheetWrapper"));
|
20
20
|
var _ButtonWrapper = _interopRequireDefault(require("./ButtonWrapper"));
|