@carbon/ibm-products 2.43.2-canary.125 → 2.43.2-canary.127
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +1 -1
- package/css/index-full-carbon.min.css +1 -1
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +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 +1 -1
- package/css/index-without-carbon.min.css +1 -1
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/index.d.ts +2 -1
- package/es/components/AboutModal/AboutModal.d.ts +1 -2
- package/es/components/AboutModal/index.d.ts +8 -1
- package/es/components/ActionSet/ActionSet.d.ts +1 -2
- package/es/components/ActionSet/ActionSet.js +2 -2
- package/es/components/ActionSet/index.d.ts +8 -1
- package/es/components/AddSelect/AddSelectBody.js +1 -1
- package/es/components/AddSelect/index.d.ts +2 -1
- package/es/components/Carousel/index.d.ts +9 -2
- package/es/components/Cascade/Cascade.d.ts +1 -2
- package/es/components/Cascade/Cascade.js +2 -2
- package/es/components/Cascade/index.d.ts +2 -1
- package/es/components/Checklist/Checklist.d.ts +2 -2
- package/es/components/Checklist/Checklist.js +6 -6
- package/es/components/Checklist/index.d.ts +8 -1
- package/es/components/Coachmark/Coachmark.d.ts +1 -2
- package/es/components/Coachmark/Coachmark.js +5 -5
- package/es/components/Coachmark/index.d.ts +10 -3
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.d.ts +2 -3
- package/es/components/CoachmarkBeacon/CoachmarkBeacon.js +3 -2
- package/es/components/CoachmarkBeacon/index.d.ts +8 -1
- package/es/components/CoachmarkButton/CoachmarkButton.d.ts +1 -2
- package/es/components/CoachmarkButton/CoachmarkButton.js +4 -2
- package/es/components/CoachmarkButton/index.d.ts +8 -1
- package/es/components/CoachmarkFixed/CoachmarkFixed.d.ts +1 -2
- package/es/components/CoachmarkFixed/CoachmarkFixed.js +6 -5
- package/es/components/CoachmarkFixed/index.d.ts +8 -1
- package/es/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts +1 -2
- package/es/components/CoachmarkOverlayElement/index.d.ts +8 -1
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +1 -2
- package/es/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +7 -4
- package/es/components/CoachmarkOverlayElements/index.d.ts +8 -1
- package/es/components/ComboButton/ComboButton.d.ts +1 -1
- package/es/components/ComboButton/ComboButton.js +4 -4
- package/es/components/ComboButton/index.d.ts +9 -2
- package/es/components/CreateFullPage/CreateFullPage.d.ts +1 -1
- package/es/components/CreateFullPage/CreateFullPage.js +5 -5
- package/es/components/CreateFullPage/index.d.ts +9 -2
- package/es/components/CreateModal/CreateModal.d.ts +2 -3
- package/es/components/CreateModal/CreateModal.js +1 -1
- package/es/components/CreateModal/index.d.ts +2 -1
- package/es/components/CreateSidePanel/index.d.ts +7 -1
- package/es/components/CreateTearsheet/CreateTearsheet.d.ts +2 -2
- package/es/components/CreateTearsheet/CreateTearsheet.js +4 -4
- package/es/components/CreateTearsheet/index.d.ts +10 -3
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +1 -1
- package/es/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/es/components/CreateTearsheetNarrow/index.d.ts +8 -1
- package/es/components/DataSpreadsheet/DataSpreadsheet.d.ts +3 -4
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +11 -10
- package/es/components/DataSpreadsheet/index.d.ts +8 -1
- package/es/components/Datagrid/Datagrid/DatagridRow.js +7 -5
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/es/components/Datagrid/Datagrid/addons/stateReducer.d.ts +7 -0
- package/es/components/Datagrid/Datagrid/addons/stateReducer.js +70 -27
- package/es/components/Datagrid/types/index.d.ts +2 -0
- package/es/components/Datagrid/useNestedRowExpander.js +65 -16
- package/es/components/Datagrid/useRowRenderer.js +44 -2
- package/es/components/DelimitedList/DelimitedList.d.ts +1 -2
- package/es/components/DelimitedList/index.d.ts +8 -1
- package/es/components/EditFullPage/EditFullPage.d.ts +1 -2
- package/es/components/EditFullPage/index.d.ts +8 -1
- package/es/components/EditInPlace/EditInPlace.d.ts +1 -1
- package/es/components/EditInPlace/EditInPlace.js +3 -3
- package/es/components/EditInPlace/index.d.ts +8 -1
- package/es/components/EditSidePanel/EditSidePanel.d.ts +2 -3
- package/es/components/EditSidePanel/EditSidePanel.js +2 -2
- package/es/components/EditSidePanel/index.d.ts +8 -1
- package/es/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +1 -2
- package/es/components/EditTearsheetNarrow/index.d.ts +8 -1
- package/es/components/EditUpdateCards/EditUpdateCards.d.ts +1 -1
- package/es/components/EditUpdateCards/EditUpdateCards.js +1 -0
- package/es/components/EditUpdateCards/index.d.ts +8 -1
- package/es/components/ExportModal/ExportModal.d.ts +3 -3
- package/es/components/ExportModal/ExportModal.js +3 -3
- package/es/components/ExportModal/index.d.ts +2 -1
- package/es/components/ExpressiveCard/ExpressiveCard.d.ts +1 -1
- package/es/components/ExpressiveCard/ExpressiveCard.js +1 -1
- package/es/components/ExpressiveCard/index.d.ts +2 -1
- package/es/components/Guidebanner/Guidebanner.js +2 -1
- package/es/components/InterstitialScreen/InterstitialScreen.js +1 -0
- package/es/components/MultiAddSelect/MultiAddSelect.js +1 -1
- package/es/components/SidePanel/SidePanel.js +1 -1
- package/es/components/SingleAddSelect/SingleAddSelect.js +1 -1
- package/es/components/Tearsheet/Tearsheet.js +1 -1
- package/es/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/es/components/Tearsheet/TearsheetShell.js +1 -1
- package/lib/components/APIKeyModal/index.d.ts +2 -1
- package/lib/components/AboutModal/AboutModal.d.ts +1 -2
- package/lib/components/AboutModal/index.d.ts +8 -1
- package/lib/components/ActionSet/ActionSet.d.ts +1 -2
- package/lib/components/ActionSet/ActionSet.js +2 -2
- package/lib/components/ActionSet/index.d.ts +8 -1
- package/lib/components/AddSelect/index.d.ts +2 -1
- package/lib/components/Carousel/index.d.ts +9 -2
- package/lib/components/Cascade/Cascade.d.ts +1 -2
- package/lib/components/Cascade/Cascade.js +2 -2
- package/lib/components/Cascade/index.d.ts +2 -1
- package/lib/components/Checklist/Checklist.d.ts +2 -2
- package/lib/components/Checklist/Checklist.js +6 -6
- package/lib/components/Checklist/index.d.ts +8 -1
- package/lib/components/Coachmark/Coachmark.d.ts +1 -2
- package/lib/components/Coachmark/Coachmark.js +5 -5
- package/lib/components/Coachmark/index.d.ts +10 -3
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.d.ts +2 -3
- package/lib/components/CoachmarkBeacon/CoachmarkBeacon.js +3 -2
- package/lib/components/CoachmarkBeacon/index.d.ts +8 -1
- package/lib/components/CoachmarkButton/CoachmarkButton.d.ts +1 -2
- package/lib/components/CoachmarkButton/CoachmarkButton.js +4 -2
- package/lib/components/CoachmarkButton/index.d.ts +8 -1
- package/lib/components/CoachmarkFixed/CoachmarkFixed.d.ts +1 -2
- package/lib/components/CoachmarkFixed/CoachmarkFixed.js +6 -5
- package/lib/components/CoachmarkFixed/index.d.ts +8 -1
- package/lib/components/CoachmarkOverlayElement/CoachmarkOverlayElement.d.ts +1 -2
- package/lib/components/CoachmarkOverlayElement/index.d.ts +8 -1
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.d.ts +1 -2
- package/lib/components/CoachmarkOverlayElements/CoachmarkOverlayElements.js +7 -4
- package/lib/components/CoachmarkOverlayElements/index.d.ts +8 -1
- package/lib/components/ComboButton/ComboButton.d.ts +1 -1
- package/lib/components/ComboButton/ComboButton.js +5 -5
- package/lib/components/ComboButton/index.d.ts +9 -2
- package/lib/components/CreateFullPage/CreateFullPage.d.ts +1 -1
- package/lib/components/CreateFullPage/CreateFullPage.js +5 -5
- package/lib/components/CreateFullPage/index.d.ts +9 -2
- package/lib/components/CreateModal/CreateModal.d.ts +2 -3
- package/lib/components/CreateModal/CreateModal.js +1 -1
- package/lib/components/CreateModal/index.d.ts +2 -1
- package/lib/components/CreateSidePanel/index.d.ts +7 -1
- package/lib/components/CreateTearsheet/CreateTearsheet.d.ts +2 -2
- package/lib/components/CreateTearsheet/CreateTearsheet.js +4 -4
- package/lib/components/CreateTearsheet/index.d.ts +10 -3
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.d.ts +1 -1
- package/lib/components/CreateTearsheetNarrow/CreateTearsheetNarrow.js +2 -2
- package/lib/components/CreateTearsheetNarrow/index.d.ts +8 -1
- package/lib/components/DataSpreadsheet/DataSpreadsheet.d.ts +3 -4
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +11 -10
- package/lib/components/DataSpreadsheet/index.d.ts +8 -1
- package/lib/components/Datagrid/Datagrid/DatagridRow.js +7 -5
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterFlyout.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/Filtering/FilterPanel.js +1 -1
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.d.ts +7 -0
- package/lib/components/Datagrid/Datagrid/addons/stateReducer.js +70 -26
- package/lib/components/Datagrid/types/index.d.ts +2 -0
- package/lib/components/Datagrid/useNestedRowExpander.js +64 -15
- package/lib/components/Datagrid/useRowRenderer.js +44 -2
- package/lib/components/DelimitedList/DelimitedList.d.ts +1 -2
- package/lib/components/DelimitedList/index.d.ts +8 -1
- package/lib/components/EditFullPage/EditFullPage.d.ts +1 -2
- package/lib/components/EditFullPage/index.d.ts +8 -1
- package/lib/components/EditInPlace/EditInPlace.d.ts +1 -1
- package/lib/components/EditInPlace/EditInPlace.js +3 -3
- package/lib/components/EditInPlace/index.d.ts +8 -1
- package/lib/components/EditSidePanel/EditSidePanel.d.ts +2 -3
- package/lib/components/EditSidePanel/EditSidePanel.js +2 -2
- package/lib/components/EditSidePanel/index.d.ts +8 -1
- package/lib/components/EditTearsheetNarrow/EditTearsheetNarrow.d.ts +1 -2
- package/lib/components/EditTearsheetNarrow/index.d.ts +8 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.d.ts +1 -1
- package/lib/components/EditUpdateCards/EditUpdateCards.js +1 -0
- package/lib/components/EditUpdateCards/index.d.ts +8 -1
- package/lib/components/ExportModal/ExportModal.d.ts +3 -3
- package/lib/components/ExportModal/ExportModal.js +3 -3
- package/lib/components/ExportModal/index.d.ts +2 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.d.ts +1 -1
- package/lib/components/ExpressiveCard/ExpressiveCard.js +1 -1
- package/lib/components/ExpressiveCard/index.d.ts +2 -1
- package/lib/components/Guidebanner/Guidebanner.js +2 -1
- package/lib/components/InterstitialScreen/InterstitialScreen.js +1 -0
- package/lib/components/MultiAddSelect/MultiAddSelect.js +1 -1
- package/lib/components/SidePanel/SidePanel.js +1 -1
- package/lib/components/SingleAddSelect/SingleAddSelect.js +1 -1
- package/lib/components/Tearsheet/Tearsheet.js +1 -1
- package/lib/components/Tearsheet/TearsheetNarrow.js +1 -1
- package/lib/components/Tearsheet/TearsheetShell.js +1 -1
- package/package.json +2 -2
- package/scss/components/Datagrid/styles/_useNestedRows.scss +1 -1
@@ -7,12 +7,12 @@
|
|
7
7
|
|
8
8
|
import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
import React__default from 'react';
|
10
|
+
import { Form } from '@carbon/react';
|
10
11
|
import PropTypes from '../../node_modules/prop-types/index.js';
|
12
|
+
import { TearsheetNarrow } from '../Tearsheet/TearsheetNarrow.js';
|
11
13
|
import cx from 'classnames';
|
12
|
-
import { Form } from '@carbon/react';
|
13
14
|
import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
|
14
15
|
import { pkg } from '../../settings.js';
|
15
|
-
import { TearsheetNarrow } from '../Tearsheet/TearsheetNarrow.js';
|
16
16
|
import uuidv4 from '../../global/js/utils/uuidv4.js';
|
17
17
|
|
18
18
|
var _excluded = ["children", "className", "description", "disableSubmit", "formDescription", "formTitle", "label", "open", "onRequestClose", "onRequestSubmit", "primaryButtonText", "secondaryButtonText", "selectorPrimaryFocus", "title", "verticalPosition"];
|
@@ -1 +1,8 @@
|
|
1
|
-
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2021, 2021
|
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 { CreateTearsheetNarrow } from './CreateTearsheetNarrow';
|
8
|
+
export type { CreateTearsheetNarrowProps } from './CreateTearsheetNarrow';
|
@@ -4,10 +4,10 @@
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
|
-
import React from 'react';
|
8
|
-
import { Column } from 'react-table';
|
9
7
|
import { Size, Theme } from './types';
|
10
|
-
|
8
|
+
import { Column } from 'react-table';
|
9
|
+
import React from 'react';
|
10
|
+
export interface DataSpreadsheetProps {
|
11
11
|
/**
|
12
12
|
* Specifies the cell height
|
13
13
|
*/
|
@@ -94,4 +94,3 @@ interface DataSpreadsheetProps {
|
|
94
94
|
* DataSpreadsheet: used to organize and display large amounts of structured data, separated by columns and rows in a grid-like format.
|
95
95
|
*/
|
96
96
|
export declare let DataSpreadsheet: React.ForwardRefExoticComponent<DataSpreadsheetProps & React.RefAttributes<HTMLDivElement>>;
|
97
|
-
export {};
|
@@ -6,24 +6,24 @@
|
|
6
6
|
*/
|
7
7
|
|
8
8
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, defineProperty as _defineProperty, typeof as _typeof, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
9
|
-
import React__default, { useRef, useState, useMemo, useCallback, useEffect } from 'react';
|
10
9
|
import { useTable, useBlockLayout, useColumnOrder } from 'react-table';
|
11
|
-
import
|
12
|
-
import cx from 'classnames';
|
13
|
-
import { pkg } from '../../settings.js';
|
10
|
+
import React__default, { useRef, useState, useMemo, useCallback, useEffect } from 'react';
|
14
11
|
import { DataSpreadsheetBody } from './DataSpreadsheetBody.js';
|
15
12
|
import { DataSpreadsheetHeader } from './DataSpreadsheetHeader.js';
|
16
|
-
import
|
17
|
-
import { getScrollbarWidth } from '../../global/js/utils/getScrollbarWidth.js';
|
18
|
-
import uuidv4 from '../../global/js/utils/uuidv4.js';
|
19
|
-
import { deepCloneObject } from '../../global/js/utils/deepCloneObject.js';
|
13
|
+
import PropTypes from '../../node_modules/prop-types/index.js';
|
20
14
|
import { createActiveCellFn } from './utils/createActiveCellFn.js';
|
15
|
+
import cx from 'classnames';
|
16
|
+
import { deepCloneObject } from '../../global/js/utils/deepCloneObject.js';
|
21
17
|
import { getCellSize } from './utils/getCellSize.js';
|
18
|
+
import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
|
19
|
+
import { getScrollbarWidth } from '../../global/js/utils/getScrollbarWidth.js';
|
20
|
+
import { handleEditSubmit } from './utils/handleEditSubmit.js';
|
22
21
|
import { handleHeaderCellSelection } from './utils/handleHeaderCellSelection.js';
|
22
|
+
import { handleKeyPress } from './utils/commonEventHandlers.js';
|
23
|
+
import { pkg } from '../../settings.js';
|
23
24
|
import { removeCellSelections } from './utils/removeCellSelections.js';
|
24
25
|
import { selectAllCells } from './utils/selectAllCells.js';
|
25
|
-
import
|
26
|
-
import { handleKeyPress } from './utils/commonEventHandlers.js';
|
26
|
+
import uuidv4 from '../../global/js/utils/uuidv4.js';
|
27
27
|
import { useActiveElement } from '../../global/js/hooks/useActiveElement.js';
|
28
28
|
import { usePreviousValue } from '../../global/js/hooks/usePreviousValue.js';
|
29
29
|
import { useMultipleKeyTracking } from './hooks/useMultipleKeyTracking.js';
|
@@ -33,6 +33,7 @@ import { useMoveActiveCell } from './hooks/useMoveActiveCell.js';
|
|
33
33
|
import { useSpreadsheetEdit } from './hooks/useSpreadsheetEdit.js';
|
34
34
|
|
35
35
|
var _excluded = ["cellSize", "className", "columns", "data", "defaultEmptyRowCount", "onDataUpdate", "onColDrag", "id", "onActiveCellChange", "onSelectionAreaChange", "renderRowHeader", "renderRowHeaderDirection", "disableColumnSwapping", "readOnlyTable", "selectAllAriaLabel", "spreadsheetAriaLabel", "theme", "totalVisibleColumns"];
|
36
|
+
|
36
37
|
// The block part of our conventional BEM class names (blockClass__E--M).
|
37
38
|
var blockClass = "".concat(pkg.prefix, "--data-spreadsheet");
|
38
39
|
var componentName = 'DataSpreadsheet';
|
@@ -1 +1,8 @@
|
|
1
|
-
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2022, 2022
|
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 { DataSpreadsheet } from './DataSpreadsheet';
|
8
|
+
export type { DataSpreadsheetProps } from './DataSpreadsheet';
|
@@ -40,7 +40,8 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
40
40
|
withMouseHover = datagridState.withMouseHover,
|
41
41
|
setMouseOverRowIndex = datagridState.setMouseOverRowIndex,
|
42
42
|
headers = datagridState.headers,
|
43
|
-
visibleColumns = datagridState.visibleColumns
|
43
|
+
visibleColumns = datagridState.visibleColumns,
|
44
|
+
getAsyncSubRows = datagridState.getAsyncSubRows;
|
44
45
|
var getVisibleNestedRowCount = function getVisibleNestedRowCount(_ref) {
|
45
46
|
var isExpanded = _ref.isExpanded,
|
46
47
|
subRows = _ref.subRows;
|
@@ -117,15 +118,16 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
117
118
|
var _r$original;
|
118
119
|
return /*#__PURE__*/isValidElement(r === null || r === void 0 || (_r$original = r.original) === null || _r$original === void 0 ? void 0 : _r$original.slug);
|
119
120
|
});
|
120
|
-
var rowClassNames = cx("".concat(blockClass, "__carbon-row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug)));
|
121
|
+
var rowClassNames = cx("".concat(blockClass, "__carbon-row"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__carbon-row-expanded"), row.isExpanded), "".concat(blockClass, "__carbon-row-expandable"), row.canExpand), "".concat(blockClass, "__carbon-row-expandable--async"), getAsyncSubRows && row.depth > 0), "".concat(carbon.prefix, "--data-table--selected"), row.isSelected), "".concat(blockClass, "__slug--row"), /*#__PURE__*/isValidElement(row === null || row === void 0 || (_row$original = row.original) === null || _row$original === void 0 ? void 0 : _row$original.slug)));
|
121
122
|
var withActionsColumn = headers ? !!headers.filter(function (header) {
|
122
123
|
return header.isAction;
|
123
124
|
}).length : false;
|
125
|
+
var rowKey = !row.isSkeleton ? key : row.skeletonKey;
|
124
126
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
|
125
|
-
key: key
|
127
|
+
key: "".concat(rowKey, "__").concat(key, "__row--fragment")
|
126
128
|
}, /*#__PURE__*/React__default.createElement(TableRow, _extends({}, rowProps, {
|
127
129
|
className: cx(rowClassNames, className),
|
128
|
-
key:
|
130
|
+
key: rowKey,
|
129
131
|
onMouseEnter: hoverHandler,
|
130
132
|
onMouseLeave: handleMouseLeave,
|
131
133
|
onFocus: hoverHandler,
|
@@ -164,7 +166,7 @@ var DatagridRow = function DatagridRow(datagridState) {
|
|
164
166
|
style.flex = lastVisibleFlexStyle;
|
165
167
|
}
|
166
168
|
return /*#__PURE__*/React__default.createElement(TableCell, _extends({
|
167
|
-
className: cx("".concat(blockClass, "__cell"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), row.canExpand && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), columnClassname)
|
169
|
+
className: cx("".concat(blockClass, "__cell"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__expandable-row-cell"), (row.canExpand || getAsyncSubRows) && index === 0), "".concat(blockClass, "__expandable-row-cell--is-expanded"), row.isExpanded && index === 0), "".concat(blockClass, "__slug--cell"), associatedHeader && associatedHeader.length && /*#__PURE__*/isValidElement((_associatedHeader$ = associatedHeader[0]) === null || _associatedHeader$ === void 0 ? void 0 : _associatedHeader$.slug)), columnClassname)
|
168
170
|
}, restProps, {
|
169
171
|
style: style,
|
170
172
|
key: cell.column.id
|
@@ -10,6 +10,7 @@ import { BATCH, INSTANT, FLYOUT, CLEAR_FILTERS } from './constants.js';
|
|
10
10
|
import { usePrefix, IconButton } from '@carbon/react';
|
11
11
|
import React__default, { useState, useRef, useEffect } from 'react';
|
12
12
|
import { breakpoints, px } from '@carbon/layout';
|
13
|
+
import { ActionSet } from '../../../../ActionSet/ActionSet.js';
|
13
14
|
import { Filter } from '@carbon/react/icons';
|
14
15
|
import PropTypes from '../../../../../node_modules/prop-types/index.js';
|
15
16
|
import cx from 'classnames';
|
@@ -19,7 +20,6 @@ import useShouldDisableButtons from './hooks/useShouldDisableButtons.js';
|
|
19
20
|
import { useWindowResize } from '../../../../../global/js/hooks/useWindowResize.js';
|
20
21
|
import { useClickOutside } from '../../../../../global/js/hooks/useClickOutside.js';
|
21
22
|
import useSubscribeToEventEmitter from './hooks/useSubscribeToEventEmitter.js';
|
22
|
-
import { ActionSet } from '../../../../ActionSet/ActionSet.js';
|
23
23
|
|
24
24
|
var _Filter;
|
25
25
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
@@ -11,13 +11,13 @@ import { PANEL, BATCH, CLEAR_FILTERS, INSTANT } from './constants.js';
|
|
11
11
|
import React__default, { useState, useContext, useRef, useMemo, useEffect } from 'react';
|
12
12
|
import { panelVariants, innerContainerVariants, actionSetVariants } from './motion/variants.js';
|
13
13
|
import { motion, useReducedMotion } from 'framer-motion';
|
14
|
+
import { ActionSet } from '../../../../ActionSet/ActionSet.js';
|
14
15
|
import { Close } from '@carbon/react/icons';
|
15
16
|
import { FilterContext } from './FilterProvider.js';
|
16
17
|
import PropTypes from '../../../../../node_modules/prop-types/index.js';
|
17
18
|
import cx from 'classnames';
|
18
19
|
import { pkg } from '../../../../../settings.js';
|
19
20
|
import { rem } from '@carbon/layout';
|
20
|
-
import { ActionSet } from '../../../../ActionSet/ActionSet.js';
|
21
21
|
import useFilters from './hooks/useFilters.js';
|
22
22
|
import useShouldDisableButtons from './hooks/useShouldDisableButtons.js';
|
23
23
|
import useSubscribeToEventEmitter from './hooks/useSubscribeToEventEmitter.js';
|
@@ -14,4 +14,11 @@ export function handleSelectAllRowData({ dispatch, rows, getRowId, indeterminate
|
|
14
14
|
indeterminate: any;
|
15
15
|
isChecked: any;
|
16
16
|
}): any;
|
17
|
+
export function handleDynamicRowCheck({ dispatch, status, rowId, depth, index, }: {
|
18
|
+
dispatch: any;
|
19
|
+
status: any;
|
20
|
+
rowId: any;
|
21
|
+
depth: any;
|
22
|
+
index: any;
|
23
|
+
}): any;
|
17
24
|
export function stateReducer(newState: any, action: any): any;
|
@@ -14,6 +14,7 @@ var COLUMN_RESIZE_END = 'columnDoneResizing';
|
|
14
14
|
var INIT = 'init';
|
15
15
|
var TOGGLE_ROW_SELECTED = 'toggleRowSelected';
|
16
16
|
var TOGGLE_ALL_ROWS_SELECTED = 'toggleAllRowsSelected';
|
17
|
+
var DYNAMIC_ROW_CHECK = 'dynamicRowCheck';
|
17
18
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
18
19
|
var handleColumnResizeEndEvent = function handleColumnResizeEndEvent(dispatch, onColResizeEnd, headerId, isKeyEvent) {
|
19
20
|
dispatch({
|
@@ -77,15 +78,57 @@ var handleSelectAllRowData = function handleSelectAllRowData(_ref2) {
|
|
77
78
|
}
|
78
79
|
});
|
79
80
|
};
|
81
|
+
var handleDynamicRowCheck = function handleDynamicRowCheck(_ref3) {
|
82
|
+
var dispatch = _ref3.dispatch,
|
83
|
+
status = _ref3.status,
|
84
|
+
rowId = _ref3.rowId,
|
85
|
+
depth = _ref3.depth,
|
86
|
+
index = _ref3.index;
|
87
|
+
return dispatch({
|
88
|
+
type: DYNAMIC_ROW_CHECK,
|
89
|
+
payload: {
|
90
|
+
status: status,
|
91
|
+
rowId: rowId,
|
92
|
+
depth: depth,
|
93
|
+
index: index
|
94
|
+
}
|
95
|
+
});
|
96
|
+
};
|
80
97
|
var stateReducer = function stateReducer(newState, action) {
|
81
98
|
switch (action.type) {
|
99
|
+
case DYNAMIC_ROW_CHECK:
|
100
|
+
{
|
101
|
+
var _action$payload = action.payload,
|
102
|
+
status = _action$payload.status,
|
103
|
+
rowId = _action$payload.rowId,
|
104
|
+
depth = _action$payload.depth,
|
105
|
+
index = _action$payload.index;
|
106
|
+
if (status === 'start') {
|
107
|
+
var skeletonRow = function skeletonRow(id) {
|
108
|
+
return {
|
109
|
+
isSkeleton: true,
|
110
|
+
values: 'skeleton',
|
111
|
+
id: id,
|
112
|
+
depth: depth,
|
113
|
+
index: index,
|
114
|
+
skeletonKey: "".concat(id, "__skeleton")
|
115
|
+
};
|
116
|
+
};
|
117
|
+
return _objectSpread2(_objectSpread2({}, newState), {}, {
|
118
|
+
dynamicRowSkeleton: skeletonRow(rowId)
|
119
|
+
});
|
120
|
+
}
|
121
|
+
return _objectSpread2(_objectSpread2({}, newState), {}, {
|
122
|
+
dynamicRowSkeleton: null
|
123
|
+
});
|
124
|
+
}
|
82
125
|
case TOGGLE_ALL_ROWS_SELECTED:
|
83
126
|
{
|
84
|
-
var
|
85
|
-
rows =
|
86
|
-
getRowId =
|
87
|
-
indeterminate =
|
88
|
-
isChecked =
|
127
|
+
var _ref4 = action.payload || {},
|
128
|
+
rows = _ref4.rows,
|
129
|
+
getRowId = _ref4.getRowId,
|
130
|
+
indeterminate = _ref4.indeterminate,
|
131
|
+
isChecked = _ref4.isChecked;
|
89
132
|
var newSelectedRowIds = {};
|
90
133
|
if (rows) {
|
91
134
|
var newSelectedRowData = {};
|
@@ -107,10 +150,10 @@ var stateReducer = function stateReducer(newState, action) {
|
|
107
150
|
}
|
108
151
|
case TOGGLE_ROW_SELECTED:
|
109
152
|
{
|
110
|
-
var
|
111
|
-
rowData =
|
112
|
-
_isChecked =
|
113
|
-
_getRowId =
|
153
|
+
var _ref5 = action.payload || {},
|
154
|
+
rowData = _ref5.rowData,
|
155
|
+
_isChecked = _ref5.isChecked,
|
156
|
+
_getRowId = _ref5.getRowId;
|
114
157
|
if (!rowData) {
|
115
158
|
return;
|
116
159
|
}
|
@@ -121,9 +164,9 @@ var stateReducer = function stateReducer(newState, action) {
|
|
121
164
|
}
|
122
165
|
if (rowData && !_isChecked) {
|
123
166
|
var newData = _objectSpread2({}, newState.selectedRowData);
|
124
|
-
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (
|
125
|
-
var
|
126
|
-
key =
|
167
|
+
var dataWithRemovedRow = Object.fromEntries(Object.entries(newData).filter(function (_ref6) {
|
168
|
+
var _ref7 = _slicedToArray(_ref6, 1),
|
169
|
+
key = _ref7[0];
|
127
170
|
return parseInt(key) !== parseInt(_getRowId(rowData.original, rowData.index));
|
128
171
|
}));
|
129
172
|
return _objectSpread2(_objectSpread2({}, newState), {}, {
|
@@ -140,27 +183,27 @@ var stateReducer = function stateReducer(newState, action) {
|
|
140
183
|
}
|
141
184
|
case COLUMN_RESIZE_START:
|
142
185
|
{
|
143
|
-
var
|
144
|
-
headerId =
|
186
|
+
var _ref8 = action.payload || {},
|
187
|
+
headerId = _ref8.headerId;
|
145
188
|
return _objectSpread2(_objectSpread2({}, newState), {}, {
|
146
189
|
isResizing: headerId
|
147
190
|
});
|
148
191
|
}
|
149
192
|
case COLUMN_RESIZING:
|
150
193
|
{
|
151
|
-
var
|
152
|
-
_headerId =
|
153
|
-
newWidth =
|
154
|
-
defaultWidth =
|
194
|
+
var _ref9 = action.payload || {},
|
195
|
+
_headerId = _ref9.headerId,
|
196
|
+
newWidth = _ref9.newWidth,
|
197
|
+
defaultWidth = _ref9.defaultWidth;
|
155
198
|
var newColumnWidth = {};
|
156
199
|
if (typeof _headerId === 'undefined') {
|
157
200
|
return _objectSpread2({}, newState);
|
158
201
|
}
|
159
202
|
newColumnWidth[_headerId] = newWidth;
|
160
|
-
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (
|
161
|
-
var
|
162
|
-
|
163
|
-
var value =
|
203
|
+
var cleanedWidths = Object.fromEntries(Object.entries(newState.columnResizing.columnWidths).filter(function (_ref10) {
|
204
|
+
var _ref11 = _slicedToArray(_ref10, 2);
|
205
|
+
_ref11[0];
|
206
|
+
var value = _ref11[1];
|
164
207
|
return !isNaN(value);
|
165
208
|
}));
|
166
209
|
var headerIdArray = newState.columnResizing.headerIdWidths || [];
|
@@ -175,10 +218,10 @@ var stateReducer = function stateReducer(newState, action) {
|
|
175
218
|
}
|
176
219
|
case COLUMN_RESIZE_END:
|
177
220
|
{
|
178
|
-
var
|
179
|
-
onColResizeEnd =
|
180
|
-
_headerId2 =
|
181
|
-
isKeyEvent =
|
221
|
+
var _ref12 = action.payload || {},
|
222
|
+
onColResizeEnd = _ref12.onColResizeEnd,
|
223
|
+
_headerId2 = _ref12.headerId,
|
224
|
+
isKeyEvent = _ref12.isKeyEvent;
|
182
225
|
var currentColumn = {};
|
183
226
|
currentColumn[_headerId2] = newState.columnResizing.columnWidths[_headerId2];
|
184
227
|
var allChangedColumns = newState.columnResizing.columnWidths;
|
@@ -204,4 +247,4 @@ var stateReducer = function stateReducer(newState, action) {
|
|
204
247
|
}
|
205
248
|
};
|
206
249
|
|
207
|
-
export { handleColumnResizeEndEvent, handleColumnResizingEvent, handleSelectAllRowData, handleToggleRowSelected, stateReducer };
|
250
|
+
export { handleColumnResizeEndEvent, handleColumnResizingEvent, handleDynamicRowCheck, handleSelectAllRowData, handleToggleRowSelected, stateReducer };
|
@@ -120,6 +120,7 @@ export interface DatagridRow<T extends object = any> extends Omit<Row<T>, 'cells
|
|
120
120
|
cells: Array<DataGridCell>;
|
121
121
|
isSkeleton?: boolean;
|
122
122
|
hasExpanded?: boolean;
|
123
|
+
skeletonKey?: string;
|
123
124
|
}
|
124
125
|
export interface DataGridHeader<T extends object = any> extends ColumnInstance, UseResizeColumnsColumnProps<T>, UseSortByColumnProps<T> {
|
125
126
|
className(className: any, arg1: {
|
@@ -245,6 +246,7 @@ export interface DataGridState<T extends object = any> extends TableCommonProps,
|
|
245
246
|
expandedContentHeight?: number;
|
246
247
|
onRowExpand?: (row: DatagridRow, event: React.MouseEvent<HTMLElement>) => void;
|
247
248
|
ExpandedRowContentComponent?: JSXElementConstructor<any>;
|
249
|
+
getAsyncSubRows?: (row: DatagridRow) => void;
|
248
250
|
}
|
249
251
|
export interface DataGridData {
|
250
252
|
instance?: DataGridTableInstance;
|
@@ -5,12 +5,13 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
|
8
|
-
import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
8
|
+
import { toConsumableArray as _toConsumableArray, objectSpread2 as _objectSpread2, extends as _extends, defineProperty as _defineProperty, asyncToGenerator as _asyncToGenerator, regeneratorRuntime as _regeneratorRuntime } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
9
9
|
import React__default, { useRef } from 'react';
|
10
10
|
import { ChevronRight } from '@carbon/react/icons';
|
11
11
|
import cx from 'classnames';
|
12
12
|
import { pkg, carbon } from '../../settings.js';
|
13
13
|
import { useFocusRowExpander } from './useFocusRowExpander.js';
|
14
|
+
import { handleDynamicRowCheck } from './Datagrid/addons/stateReducer.js';
|
14
15
|
|
15
16
|
var blockClass = "".concat(pkg.prefix, "--datagrid");
|
16
17
|
var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
@@ -25,26 +26,74 @@ var useNestedRowExpander = function useNestedRowExpander(hooks) {
|
|
25
26
|
blockClass: blockClass,
|
26
27
|
activeElement: typeof document !== 'undefined' && document.activeElement
|
27
28
|
});
|
28
|
-
var visibleColumns = function visibleColumns(columns) {
|
29
|
+
var visibleColumns = function visibleColumns(columns, state) {
|
30
|
+
var _ref = state.instance || {},
|
31
|
+
getAsyncSubRows = _ref.getAsyncSubRows,
|
32
|
+
dispatch = _ref.dispatch,
|
33
|
+
tableState = _ref.state;
|
34
|
+
var fetchingDynamicSubRows = !!tableState.dynamicRowSkeleton;
|
29
35
|
var expanderColumn = {
|
30
36
|
id: 'expander',
|
31
|
-
Cell: function Cell(
|
32
|
-
var row =
|
37
|
+
Cell: function Cell(_ref2) {
|
38
|
+
var row = _ref2.row;
|
33
39
|
var expanderButtonProps = _objectSpread2(_objectSpread2({}, row.getToggleRowExpandedProps()), {}, {
|
34
|
-
|
35
|
-
|
36
|
-
|
37
|
-
|
38
|
-
|
39
|
-
|
40
|
+
disabled: getAsyncSubRows && fetchingDynamicSubRows,
|
41
|
+
onClick: function () {
|
42
|
+
var _onClick = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(event) {
|
43
|
+
return _regeneratorRuntime().wrap(function _callee$(_context) {
|
44
|
+
while (1) switch (_context.prev = _context.next) {
|
45
|
+
case 0:
|
46
|
+
// Prevents `onRowClick` from being called if `useOnRowClick` is included
|
47
|
+
event.stopPropagation();
|
48
|
+
row.toggleRowExpanded();
|
49
|
+
lastExpandedRowIndex.current = row.id;
|
50
|
+
if (row.isExpanded) {
|
51
|
+
_context.next = 14;
|
52
|
+
break;
|
53
|
+
}
|
54
|
+
_context.prev = 4;
|
55
|
+
handleDynamicRowCheck({
|
56
|
+
dispatch: dispatch,
|
57
|
+
status: 'start',
|
58
|
+
rowId: row.id,
|
59
|
+
depth: row.depth,
|
60
|
+
index: row.index
|
61
|
+
});
|
62
|
+
_context.next = 8;
|
63
|
+
return getAsyncSubRows === null || getAsyncSubRows === void 0 ? void 0 : getAsyncSubRows(row);
|
64
|
+
case 8:
|
65
|
+
handleDynamicRowCheck({
|
66
|
+
dispatch: dispatch,
|
67
|
+
status: 'finish',
|
68
|
+
rowId: row.id
|
69
|
+
});
|
70
|
+
_context.next = 14;
|
71
|
+
break;
|
72
|
+
case 11:
|
73
|
+
_context.prev = 11;
|
74
|
+
_context.t0 = _context["catch"](4);
|
75
|
+
console.log({
|
76
|
+
error: _context.t0
|
77
|
+
});
|
78
|
+
case 14:
|
79
|
+
case "end":
|
80
|
+
return _context.stop();
|
81
|
+
}
|
82
|
+
}, _callee, null, [[4, 11]]);
|
83
|
+
}));
|
84
|
+
function onClick(_x) {
|
85
|
+
return _onClick.apply(this, arguments);
|
86
|
+
}
|
87
|
+
return onClick;
|
88
|
+
}()
|
40
89
|
});
|
41
|
-
var
|
42
|
-
|
43
|
-
expanderButtonTitleExpanded =
|
44
|
-
|
45
|
-
expanderButtonTitleCollapsed =
|
90
|
+
var _ref3 = (tempState === null || tempState === void 0 ? void 0 : tempState.current) || {},
|
91
|
+
_ref3$expanderButtonT = _ref3.expanderButtonTitleExpanded,
|
92
|
+
expanderButtonTitleExpanded = _ref3$expanderButtonT === void 0 ? 'Collapse row' : _ref3$expanderButtonT,
|
93
|
+
_ref3$expanderButtonT2 = _ref3.expanderButtonTitleCollapsed,
|
94
|
+
expanderButtonTitleCollapsed = _ref3$expanderButtonT2 === void 0 ? 'Expand row' : _ref3$expanderButtonT2;
|
46
95
|
var expanderTitle = row.isExpanded ? expanderButtonTitleExpanded : expanderButtonTitleCollapsed;
|
47
|
-
return row.canExpand && /*#__PURE__*/React__default.createElement("button", _extends({
|
96
|
+
return (row.canExpand || getAsyncSubRows) && /*#__PURE__*/React__default.createElement("button", _extends({
|
48
97
|
type: "button",
|
49
98
|
"aria-label": expanderTitle,
|
50
99
|
className: cx("".concat(blockClass, "__row-expander"), "".concat(carbon.prefix, "--btn"), "".concat(carbon.prefix, "--btn--ghost"))
|
@@ -5,18 +5,60 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
|
8
|
+
import { toConsumableArray as _toConsumableArray } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
8
9
|
import DatagridRow from './Datagrid/DatagridRow.js';
|
9
10
|
|
10
11
|
var useRowRenderer = function useRowRenderer(hooks) {
|
11
12
|
var useInstance = function useInstance(instance) {
|
12
|
-
var
|
13
|
+
var _newRows;
|
14
|
+
var rows = instance.rows,
|
15
|
+
state = instance.state;
|
16
|
+
var newRows = null;
|
17
|
+
if (state !== null && state !== void 0 && state.dynamicRowSkeleton) {
|
18
|
+
var _state$dynamicRowSkel;
|
19
|
+
var depthIndexArray = state === null || state === void 0 || (_state$dynamicRowSkel = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel === void 0 ? void 0 : _state$dynamicRowSkel.id.split('').filter(function (r) {
|
20
|
+
return r !== '.';
|
21
|
+
});
|
22
|
+
if (depthIndexArray.length > 1) {
|
23
|
+
var subRows;
|
24
|
+
var finalRow;
|
25
|
+
// This will find the subRow that requested to find dynamic rows
|
26
|
+
// and will apply the skeleton row after that row
|
27
|
+
depthIndexArray.map(function (depthIndex, index) {
|
28
|
+
if (index === 0) {
|
29
|
+
subRows = rows[depthIndex].subRows;
|
30
|
+
return;
|
31
|
+
}
|
32
|
+
if (depthIndexArray.length - 1 === index) {
|
33
|
+
finalRow = subRows.find(function (r) {
|
34
|
+
return r.index === parseInt(depthIndex);
|
35
|
+
});
|
36
|
+
subRows.splice(finalRow.index + 1, 0, state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton); // + 1 because we want to add the skeleton row after the row initiating the dynamic request
|
37
|
+
return;
|
38
|
+
}
|
39
|
+
var foundRow = subRows.find(function (r) {
|
40
|
+
return r.index === parseInt(depthIndex);
|
41
|
+
});
|
42
|
+
subRows = foundRow.subRows;
|
43
|
+
});
|
44
|
+
}
|
45
|
+
var rootRowIndexWithDynamicRow = rows.findIndex(function (r) {
|
46
|
+
var _state$dynamicRowSkel2;
|
47
|
+
return r.id === (state === null || state === void 0 || (_state$dynamicRowSkel2 = state.dynamicRowSkeleton) === null || _state$dynamicRowSkel2 === void 0 ? void 0 : _state$dynamicRowSkel2.id);
|
48
|
+
});
|
49
|
+
if (rootRowIndexWithDynamicRow > -1) {
|
50
|
+
newRows = [].concat(_toConsumableArray(rows.slice(0, rootRowIndexWithDynamicRow + 1)), [// + 1 because we want to add the skeleton row after the row initiating the dynamic request
|
51
|
+
state === null || state === void 0 ? void 0 : state.dynamicRowSkeleton], _toConsumableArray(rows.slice(rootRowIndexWithDynamicRow + 1)));
|
52
|
+
}
|
53
|
+
}
|
54
|
+
newRows = (_newRows = newRows) !== null && _newRows !== void 0 ? _newRows : rows;
|
13
55
|
var addRowRenderer = function addRowRenderer(row) {
|
14
56
|
return Object.assign(row, {
|
15
57
|
RowRenderer: DatagridRow,
|
16
58
|
subRows: (row.subRows || []).map(addRowRenderer)
|
17
59
|
});
|
18
60
|
};
|
19
|
-
var rowsWithRenderer =
|
61
|
+
var rowsWithRenderer = newRows.map(addRowRenderer);
|
20
62
|
Object.assign(instance, {
|
21
63
|
rows: rowsWithRenderer
|
22
64
|
});
|
@@ -5,7 +5,7 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
import React, { PropsWithChildren } from 'react';
|
8
|
-
interface DelimitedListProps extends PropsWithChildren {
|
8
|
+
export interface DelimitedListProps extends PropsWithChildren {
|
9
9
|
/**
|
10
10
|
* Provide an optional class to be applied to the containing node.
|
11
11
|
*/
|
@@ -28,4 +28,3 @@ interface DelimitedListProps extends PropsWithChildren {
|
|
28
28
|
* comma-separated values.
|
29
29
|
*/
|
30
30
|
export declare let DelimitedList: React.ForwardRefExoticComponent<DelimitedListProps & React.RefAttributes<HTMLDivElement>>;
|
31
|
-
export {};
|
@@ -1 +1,8 @@
|
|
1
|
-
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2024, 2024
|
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 { DelimitedList } from './DelimitedList';
|
8
|
+
export type { DelimitedListProps } from './DelimitedList';
|
@@ -5,7 +5,7 @@
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
7
|
import React, { ReactNode } from 'react';
|
8
|
-
interface EditFullPageProps {
|
8
|
+
export interface EditFullPageProps {
|
9
9
|
/**
|
10
10
|
* Provide an optional class to be applied to the containing node.
|
11
11
|
*/
|
@@ -20,4 +20,3 @@ interface EditFullPageProps {
|
|
20
20
|
* See usage guidance for further details.
|
21
21
|
*/
|
22
22
|
export declare let EditFullPage: React.ForwardRefExoticComponent<EditFullPageProps & React.RefAttributes<HTMLDivElement>>;
|
23
|
-
export {};
|
@@ -1 +1,8 @@
|
|
1
|
-
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2022, 2022
|
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 { EditFullPage } from './EditFullPage';
|
8
|
+
export type { EditFullPageProps } from './EditFullPage';
|
@@ -6,12 +6,12 @@
|
|
6
6
|
*/
|
7
7
|
|
8
8
|
import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, typeof as _typeof, extends as _extends, defineProperty as _defineProperty, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
9
|
+
import { WarningFilled, Close, Checkmark, Edit } from '@carbon/react/icons';
|
9
10
|
import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
|
11
|
+
import { pkg, carbon } from '../../settings.js';
|
10
12
|
import { IconButton } from '@carbon/react';
|
11
|
-
import cx from 'classnames';
|
12
13
|
import PropTypes from '../../node_modules/prop-types/index.js';
|
13
|
-
import
|
14
|
-
import { pkg, carbon } from '../../settings.js';
|
14
|
+
import cx from 'classnames';
|
15
15
|
import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
|
16
16
|
|
17
17
|
var _Close, _Checkmark, _Edit;
|
@@ -1 +1,8 @@
|
|
1
|
-
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2022, 2022
|
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 { EditInPlace } from './EditInPlace';
|
8
|
+
export type { EditInplaceProps } from './EditInPlace';
|
@@ -4,9 +4,9 @@
|
|
4
4
|
* This source code is licensed under the Apache-2.0 license found in the
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
6
6
|
*/
|
7
|
-
import React, { ReactNode } from 'react';
|
8
7
|
import '../../global/js/utils/props-helper';
|
9
|
-
|
8
|
+
import React, { ReactNode } from 'react';
|
9
|
+
export interface EditSidePanelProps {
|
10
10
|
/**
|
11
11
|
* Sets the body content of the create side panel
|
12
12
|
*/
|
@@ -92,4 +92,3 @@ interface EditSidePanelProps {
|
|
92
92
|
* Use with medium complexity edits if the user needs page context.
|
93
93
|
*/
|
94
94
|
export declare let EditSidePanel: React.ForwardRefExoticComponent<EditSidePanelProps & React.RefAttributes<HTMLDivElement>>;
|
95
|
-
export {};
|