@carbon/ibm-products 1.6.1 → 1.9.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/index-full-carbon.css +224 -143
- package/css/index-full-carbon.css.map +1 -1
- package/css/index-full-carbon.min.css +3 -3
- package/css/index-full-carbon.min.css.map +1 -1
- package/css/index-without-carbon-released-only.css +1 -2
- 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 +178 -142
- package/css/index-without-carbon.css.map +1 -1
- package/css/index-without-carbon.min.css +3 -3
- package/css/index-without-carbon.min.css.map +1 -1
- package/css/index.css +178 -142
- package/css/index.css.map +1 -1
- package/css/index.min.css +3 -3
- package/css/index.min.css.map +1 -1
- package/es/components/APIKeyModal/APIKeyModal.js +10 -13
- package/es/components/ActionBar/ActionBar.js +0 -3
- package/es/components/ActionBar/ActionBarItem.js +2 -6
- package/es/components/ActionSet/ActionSet.js +11 -13
- package/es/components/AddSelect/AddSelect.js +121 -25
- package/es/components/AddSelect/AddSelectBreadcrumbs.js +5 -5
- package/es/components/AddSelect/AddSelectColumn.js +21 -0
- package/es/components/AddSelect/AddSelectList.js +68 -9
- package/es/components/AddSelect/AddSelectSidebar.js +43 -5
- package/es/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +0 -3
- package/es/components/ButtonMenu/ButtonMenu.js +6 -4
- package/es/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/es/components/Card/Card.js +31 -21
- package/es/components/Card/CardFooter.js +14 -10
- package/es/components/Card/CardHeader.js +8 -6
- package/es/components/Cascade/Cascade.js +5 -4
- package/es/components/ComboButton/ComboButton.js +0 -4
- package/es/components/ComboButton/ComboButtonItem/index.js +0 -5
- package/es/components/CreateFullPage/CreateFullPageStep.js +15 -8
- package/es/components/CreateModal/CreateModal.js +1 -4
- package/es/components/CreateTearsheet/CreateTearsheet.js +10 -11
- package/es/components/CreateTearsheet/CreateTearsheetStep.js +18 -14
- package/es/components/DataSpreadsheet/DataSpreadsheet.js +454 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetBody.js +322 -0
- package/es/components/DataSpreadsheet/DataSpreadsheetHeader.js +64 -0
- package/es/components/DataSpreadsheet/createActiveCellFn.js +45 -0
- package/es/components/DataSpreadsheet/createCellSelectionArea.js +45 -0
- package/es/components/DataSpreadsheet/generateData.js +47 -0
- package/es/components/DataSpreadsheet/getCellSize.js +30 -0
- package/es/components/{CancelableTextEdit → DataSpreadsheet}/index.js +2 -2
- package/es/components/EditSidePanel/EditSidePanel.js +9 -10
- package/es/components/EmptyStates/EmptyState.js +7 -6
- package/es/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +4 -8
- package/es/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +4 -8
- package/es/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +4 -8
- package/es/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +4 -8
- package/es/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +4 -8
- package/es/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +4 -8
- package/es/components/ExampleComponent/ExampleComponent.js +12 -13
- package/es/components/ExportModal/ExportModal.js +13 -9
- package/es/components/ExpressiveCard/ExpressiveCard.js +0 -8
- package/es/components/ImportModal/ImportModal.js +7 -5
- package/es/components/InlineEdit/InlineEdit.js +51 -46
- package/es/components/LoadingBar/LoadingBar.js +13 -17
- package/es/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -4
- package/es/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -5
- package/es/components/ModifiedTabs/ModifiedTabs.js +24 -18
- package/es/components/NotificationsPanel/NotificationsPanel.js +109 -86
- package/es/components/OptionsTile/OptionsTile.js +6 -9
- package/es/components/PageHeader/PageHeader.js +10 -7
- package/es/components/ProductiveCard/ProductiveCard.js +23 -12
- package/es/components/RemoveModal/RemoveModal.js +0 -3
- package/es/components/SidePanel/SidePanel.js +22 -17
- package/es/components/TagSet/TagSet.js +13 -9
- package/es/components/TagSet/TagSetModal.js +16 -12
- package/es/components/TagSet/TagSetOverflow.js +21 -13
- package/es/components/Tearsheet/Tearsheet.js +27 -18
- package/es/components/Tearsheet/TearsheetNarrow.js +18 -15
- package/es/components/Tearsheet/TearsheetShell.js +3 -4
- package/es/components/Toolbar/ToolbarButton.js +0 -3
- package/es/components/WebTerminal/WebTerminal.js +17 -18
- package/es/components/index.js +2 -2
- package/es/global/js/hooks/index.js +1 -0
- package/es/global/js/hooks/useActiveElement.js +27 -0
- package/es/global/js/package-settings.js +2 -1
- package/es/global/js/utils/DisplayBox.js +31 -0
- package/es/global/js/utils/Wrap.js +7 -5
- package/es/global/js/utils/deepCloneObject.js +26 -0
- package/es/global/js/utils/getScrollbarWidth.js +14 -0
- package/lib/components/APIKeyModal/APIKeyModal.js +10 -13
- package/lib/components/ActionBar/ActionBar.js +0 -3
- package/lib/components/ActionBar/ActionBarItem.js +2 -6
- package/lib/components/ActionSet/ActionSet.js +11 -13
- package/lib/components/AddSelect/AddSelect.js +119 -24
- package/lib/components/AddSelect/AddSelectBreadcrumbs.js +3 -4
- package/lib/components/AddSelect/AddSelectColumn.js +37 -0
- package/lib/components/AddSelect/AddSelectList.js +66 -9
- package/lib/components/AddSelect/AddSelectSidebar.js +43 -4
- package/lib/components/BreadcrumbWithOverflow/BreadcrumbWithOverflow.js +0 -3
- package/lib/components/ButtonMenu/ButtonMenu.js +6 -4
- package/lib/components/ButtonMenu/ButtonMenuItem.js +1 -2
- package/lib/components/Card/Card.js +31 -21
- package/lib/components/Card/CardFooter.js +14 -10
- package/lib/components/Card/CardHeader.js +8 -6
- package/lib/components/Cascade/Cascade.js +5 -4
- package/lib/components/ComboButton/ComboButton.js +0 -4
- package/lib/components/ComboButton/ComboButtonItem/index.js +0 -5
- package/lib/components/CreateFullPage/CreateFullPageStep.js +17 -14
- package/lib/components/CreateModal/CreateModal.js +1 -4
- package/lib/components/CreateTearsheet/CreateTearsheet.js +10 -11
- package/lib/components/CreateTearsheet/CreateTearsheetStep.js +20 -20
- package/lib/components/DataSpreadsheet/DataSpreadsheet.js +478 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetBody.js +349 -0
- package/lib/components/DataSpreadsheet/DataSpreadsheetHeader.js +80 -0
- package/lib/components/DataSpreadsheet/createActiveCellFn.js +56 -0
- package/lib/components/DataSpreadsheet/createCellSelectionArea.js +56 -0
- package/lib/components/DataSpreadsheet/generateData.js +58 -0
- package/lib/components/DataSpreadsheet/getCellSize.js +39 -0
- package/lib/components/DataSpreadsheet/index.js +13 -0
- package/lib/components/EditSidePanel/EditSidePanel.js +9 -10
- package/lib/components/EmptyStates/EmptyState.js +9 -8
- package/lib/components/EmptyStates/ErrorEmptyState/ErrorEmptyState.js +3 -7
- package/lib/components/EmptyStates/NoDataEmptyState/NoDataEmptyState.js +3 -7
- package/lib/components/EmptyStates/NoTagsEmptyState/NoTagsEmptyState.js +3 -7
- package/lib/components/EmptyStates/NotFoundEmptyState/NotFoundEmptyState.js +3 -7
- package/lib/components/EmptyStates/NotificationsEmptyState/NotificationsEmptyState.js +3 -7
- package/lib/components/EmptyStates/UnauthorizedEmptyState/UnauthorizedEmptyState.js +3 -7
- package/lib/components/ExampleComponent/ExampleComponent.js +12 -13
- package/lib/components/ExportModal/ExportModal.js +13 -9
- package/lib/components/ExpressiveCard/ExpressiveCard.js +0 -8
- package/lib/components/ImportModal/ImportModal.js +7 -5
- package/lib/components/InlineEdit/InlineEdit.js +51 -46
- package/lib/components/LoadingBar/LoadingBar.js +13 -17
- package/lib/components/ModifiedTabs/ModifiedTabLabelNew.js +0 -4
- package/lib/components/ModifiedTabs/ModifiedTabLabelWithClose.js +0 -5
- package/lib/components/ModifiedTabs/ModifiedTabs.js +24 -18
- package/lib/components/NotificationsPanel/NotificationsPanel.js +109 -86
- package/lib/components/OptionsTile/OptionsTile.js +6 -9
- package/lib/components/PageHeader/PageHeader.js +9 -6
- package/lib/components/ProductiveCard/ProductiveCard.js +24 -18
- package/lib/components/RemoveModal/RemoveModal.js +0 -3
- package/lib/components/SidePanel/SidePanel.js +22 -17
- package/lib/components/TagSet/TagSet.js +13 -9
- package/lib/components/TagSet/TagSetModal.js +17 -13
- package/lib/components/TagSet/TagSetOverflow.js +24 -19
- package/lib/components/Tearsheet/Tearsheet.js +26 -17
- package/lib/components/Tearsheet/TearsheetNarrow.js +18 -15
- package/lib/components/Tearsheet/TearsheetShell.js +2 -3
- package/lib/components/Toolbar/ToolbarButton.js +0 -3
- package/lib/components/WebTerminal/WebTerminal.js +17 -18
- package/lib/components/index.js +8 -8
- package/lib/global/js/hooks/index.js +8 -0
- package/lib/global/js/hooks/useActiveElement.js +39 -0
- package/lib/global/js/package-settings.js +2 -1
- package/lib/global/js/utils/DisplayBox.js +46 -0
- package/lib/global/js/utils/Wrap.js +7 -5
- package/lib/global/js/utils/deepCloneObject.js +37 -0
- package/lib/global/js/utils/getScrollbarWidth.js +23 -0
- package/package.json +18 -16
- package/scss/components/{CancelableTextEdit → ActionBar}/_storybook-styles.scss +2 -2
- package/scss/components/ActionSet/_storybook-styles.scss +1 -3
- package/scss/components/AddSelect/_add-select.scss +77 -1
- package/scss/components/BreadcrumbWithOverflow/_storybook-styles.scss +8 -0
- package/scss/components/ButtonSetWithOverflow/_storybook-styles.scss +8 -0
- package/scss/components/DataSpreadsheet/_data-spreadsheet.scss +120 -0
- package/scss/components/{CancelableTextEdit → DataSpreadsheet}/_index.scss +2 -2
- package/scss/components/DataSpreadsheet/_storybook-styles.scss +6 -0
- package/scss/components/InlineEdit/_inline-edit.scss +22 -8
- package/scss/components/InlineEdit/_storybook-styles.scss +1 -0
- package/scss/components/TagSet/_storybook-styles.scss +8 -0
- package/scss/components/Tearsheet/_tearsheet.scss +1 -2
- package/scss/components/_index.scss +1 -1
- package/scss/global/styles/_display-box.scss +62 -0
- package/es/components/CancelableTextEdit/CancelableTextEdit.js +0 -245
- package/lib/components/CancelableTextEdit/CancelableTextEdit.js +0 -265
- package/lib/components/CancelableTextEdit/index.js +0 -13
- package/scss/components/CancelableTextEdit/_cancelable-text-edit.scss +0 -212
|
@@ -24,16 +24,22 @@ var _settings = require("../../settings");
|
|
|
24
24
|
// LICENSE file in the root directory of this source tree.
|
|
25
25
|
//
|
|
26
26
|
var componentName = 'CardHeader';
|
|
27
|
+
var defaults = {
|
|
28
|
+
hasActions: false,
|
|
29
|
+
titleSize: 'default'
|
|
30
|
+
};
|
|
27
31
|
|
|
28
32
|
var CardHeader = function CardHeader(_ref) {
|
|
29
33
|
var _cx;
|
|
30
34
|
|
|
31
35
|
var actions = _ref.actions,
|
|
32
36
|
description = _ref.description,
|
|
33
|
-
hasActions = _ref.hasActions,
|
|
37
|
+
_ref$hasActions = _ref.hasActions,
|
|
38
|
+
hasActions = _ref$hasActions === void 0 ? defaults.hasActions : _ref$hasActions,
|
|
34
39
|
label = _ref.label,
|
|
35
40
|
title = _ref.title,
|
|
36
|
-
titleSize = _ref.titleSize
|
|
41
|
+
_ref$titleSize = _ref.titleSize,
|
|
42
|
+
titleSize = _ref$titleSize === void 0 ? defaults.titleSize : _ref$titleSize;
|
|
37
43
|
var blockClass = "".concat(_settings.pkg.prefix, "--card");
|
|
38
44
|
var headerClass = "".concat(blockClass, "__header");
|
|
39
45
|
var headerClasses = (0, _classnames.default)(headerClass, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(headerClass, "-label-only"), label && !title && !description), (0, _defineProperty2.default)(_cx, "".concat(headerClass, "-has-label"), !!label), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__title-lg"), titleSize === 'large'), _cx));
|
|
@@ -63,8 +69,4 @@ CardHeader.propTypes = {
|
|
|
63
69
|
title: _propTypes.default.string,
|
|
64
70
|
titleSize: _propTypes.default.oneOf(['default', 'large'])
|
|
65
71
|
};
|
|
66
|
-
CardHeader.defaultProps = {
|
|
67
|
-
hasActions: false,
|
|
68
|
-
titleSize: 'default'
|
|
69
|
-
};
|
|
70
72
|
CardHeader.displayName = componentName;
|
|
@@ -37,10 +37,14 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
|
|
|
37
37
|
|
|
38
38
|
var blockClass = "".concat(_settings.pkg.prefix, "--cascade");
|
|
39
39
|
var componentName = 'Cascade';
|
|
40
|
+
var defaults = {
|
|
41
|
+
grid: false
|
|
42
|
+
};
|
|
40
43
|
var Cascade = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
41
44
|
var children = _ref.children,
|
|
42
45
|
className = _ref.className,
|
|
43
|
-
grid = _ref.grid,
|
|
46
|
+
_ref$grid = _ref.grid,
|
|
47
|
+
grid = _ref$grid === void 0 ? defaults.grid : _ref$grid,
|
|
44
48
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
45
49
|
|
|
46
50
|
var props = _objectSpread(_objectSpread({}, rest), {}, {
|
|
@@ -103,7 +107,4 @@ Cascade.propTypes = {
|
|
|
103
107
|
* Check the documentation for additional clarification.
|
|
104
108
|
*/
|
|
105
109
|
grid: _propTypes.default.bool
|
|
106
|
-
};
|
|
107
|
-
Cascade.defaultProps = {
|
|
108
|
-
grid: false
|
|
109
110
|
};
|
|
@@ -122,8 +122,4 @@ ComboButton.propTypes = {
|
|
|
122
122
|
|
|
123
123
|
/** Provide the [props of the `OverflowMenu`](https://react.carbondesignsystem.com/?path=/docs/overflowmenu) */
|
|
124
124
|
overflowMenu: (0, _propTypes.shape)(_OverflowMenu.OverflowMenu.propTypes)
|
|
125
|
-
};
|
|
126
|
-
ComboButton.defaultProps = {
|
|
127
|
-
className: null,
|
|
128
|
-
overflowMenu: _OverflowMenu.OverflowMenu.defaultProps
|
|
129
125
|
};
|
|
@@ -9,10 +9,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
9
9
|
});
|
|
10
10
|
exports.CreateFullPageStep = void 0;
|
|
11
11
|
|
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
+
|
|
12
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
15
|
|
|
14
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
17
|
|
|
18
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
19
|
+
|
|
16
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
21
|
|
|
18
22
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -29,18 +33,18 @@ var _hooks = require("../../global/js/hooks");
|
|
|
29
33
|
|
|
30
34
|
var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole"));
|
|
31
35
|
|
|
36
|
+
var _excluded = ["children", "className", "subtitle", "description", "disableSubmit", "includeStep", "introStep", "title", "hasFieldset", "fieldsetLegendText", "onNext", "onMount", "secondaryLabel"];
|
|
37
|
+
|
|
32
38
|
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); }
|
|
33
39
|
|
|
34
40
|
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; }
|
|
35
41
|
|
|
36
|
-
/**
|
|
37
|
-
* Copyright IBM Corp. 2021, 2022
|
|
38
|
-
*
|
|
39
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
40
|
-
* LICENSE file in the root directory of this source tree.
|
|
41
|
-
*/
|
|
42
42
|
var componentName = 'CreateFullPageStep';
|
|
43
|
-
var blockClass = "".concat(_settings.pkg.prefix, "--create-full-page__step");
|
|
43
|
+
var blockClass = "".concat(_settings.pkg.prefix, "--create-full-page__step"); // Default values for props
|
|
44
|
+
|
|
45
|
+
var defaults = {
|
|
46
|
+
includeStep: true
|
|
47
|
+
};
|
|
44
48
|
var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
45
49
|
var _cx;
|
|
46
50
|
|
|
@@ -49,14 +53,16 @@ var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
|
|
|
49
53
|
subtitle = _ref.subtitle,
|
|
50
54
|
description = _ref.description,
|
|
51
55
|
disableSubmit = _ref.disableSubmit,
|
|
52
|
-
includeStep = _ref.includeStep,
|
|
56
|
+
_ref$includeStep = _ref.includeStep,
|
|
57
|
+
includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
|
|
53
58
|
introStep = _ref.introStep,
|
|
54
59
|
title = _ref.title,
|
|
55
60
|
hasFieldset = _ref.hasFieldset,
|
|
56
61
|
fieldsetLegendText = _ref.fieldsetLegendText,
|
|
57
62
|
onNext = _ref.onNext,
|
|
58
63
|
onMount = _ref.onMount,
|
|
59
|
-
secondaryLabel = _ref.secondaryLabel
|
|
64
|
+
secondaryLabel = _ref.secondaryLabel,
|
|
65
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
60
66
|
var stepsContext = (0, _react.useContext)(_CreateFullPage.StepsContext);
|
|
61
67
|
var stepNumber = (0, _react.useContext)(_CreateFullPage.StepNumberContext);
|
|
62
68
|
|
|
@@ -94,10 +100,10 @@ var CreateFullPageStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
|
|
|
94
100
|
stepsContext.setIsDisabled(disableSubmit);
|
|
95
101
|
}
|
|
96
102
|
}, [stepsContext, stepNumber, disableSubmit, onNext]);
|
|
97
|
-
return stepsContext ? /*#__PURE__*/_react.default.createElement("section", {
|
|
103
|
+
return stepsContext ? /*#__PURE__*/_react.default.createElement("section", (0, _extends2.default)({}, rest, {
|
|
98
104
|
className: (0, _classnames.default)(blockClass, className, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _cx)),
|
|
99
105
|
ref: ref
|
|
100
|
-
}, /*#__PURE__*/_react.default.createElement("h5", {
|
|
106
|
+
}), /*#__PURE__*/_react.default.createElement("h5", {
|
|
101
107
|
className: "".concat(blockClass, "-title")
|
|
102
108
|
}, title), subtitle && /*#__PURE__*/_react.default.createElement("h6", {
|
|
103
109
|
className: "".concat(blockClass, "-subtitle")
|
|
@@ -183,7 +189,4 @@ CreateFullPageStep.propTypes = {
|
|
|
183
189
|
* Sets the title text for a create full page step
|
|
184
190
|
*/
|
|
185
191
|
title: _propTypes.default.node.isRequired
|
|
186
|
-
};
|
|
187
|
-
CreateFullPageStep.defaultProps = {
|
|
188
|
-
includeStep: true
|
|
189
192
|
};
|
|
@@ -52,15 +52,21 @@ var StepsContext = /*#__PURE__*/(0, _react.createContext)(null); // This is a co
|
|
|
52
52
|
// to let it know what number it is in the sequence of steps
|
|
53
53
|
|
|
54
54
|
exports.StepsContext = StepsContext;
|
|
55
|
-
var StepNumberContext = /*#__PURE__*/(0, _react.createContext)(-1);
|
|
55
|
+
var StepNumberContext = /*#__PURE__*/(0, _react.createContext)(-1); // Default values for props
|
|
56
|
+
|
|
56
57
|
exports.StepNumberContext = StepNumberContext;
|
|
58
|
+
var defaults = {
|
|
59
|
+
verticalPosition: 'normal',
|
|
60
|
+
influencerWidth: 'narrow'
|
|
61
|
+
};
|
|
57
62
|
var CreateTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
58
63
|
var backButtonText = _ref.backButtonText,
|
|
59
64
|
cancelButtonText = _ref.cancelButtonText,
|
|
60
65
|
children = _ref.children,
|
|
61
66
|
className = _ref.className,
|
|
62
67
|
description = _ref.description,
|
|
63
|
-
influencerWidth = _ref.influencerWidth,
|
|
68
|
+
_ref$influencerWidth = _ref.influencerWidth,
|
|
69
|
+
influencerWidth = _ref$influencerWidth === void 0 ? defaults.influencerWidth : _ref$influencerWidth,
|
|
64
70
|
initialStep = _ref.initialStep,
|
|
65
71
|
label = _ref.label,
|
|
66
72
|
nextButtonText = _ref.nextButtonText,
|
|
@@ -69,7 +75,8 @@ var CreateTearsheet = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
|
69
75
|
open = _ref.open,
|
|
70
76
|
submitButtonText = _ref.submitButtonText,
|
|
71
77
|
title = _ref.title,
|
|
72
|
-
verticalPosition = _ref.verticalPosition,
|
|
78
|
+
_ref$verticalPosition = _ref.verticalPosition,
|
|
79
|
+
verticalPosition = _ref$verticalPosition === void 0 ? defaults.verticalPosition : _ref$verticalPosition,
|
|
73
80
|
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
74
81
|
|
|
75
82
|
var _useState = (0, _react.useState)([]),
|
|
@@ -335,12 +342,4 @@ CreateTearsheet.propTypes = {
|
|
|
335
342
|
* to allow an action bar navigation or breadcrumbs to also show through.
|
|
336
343
|
*/
|
|
337
344
|
verticalPosition: _propTypes.default.oneOf(['normal', 'lower'])
|
|
338
|
-
}; // Default values for component props. Default values are not required for
|
|
339
|
-
// props that are required, nor for props where the component can apply
|
|
340
|
-
// 'undefined' values reasonably. Default values should be provided when the
|
|
341
|
-
// component needs to make a choice or assumption when a prop is not supplied.
|
|
342
|
-
|
|
343
|
-
CreateTearsheet.defaultProps = {
|
|
344
|
-
verticalPosition: 'normal',
|
|
345
|
-
influencerWidth: 'narrow'
|
|
346
345
|
};
|
|
@@ -9,10 +9,14 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
9
9
|
});
|
|
10
10
|
exports.CreateTearsheetStep = void 0;
|
|
11
11
|
|
|
12
|
+
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
13
|
+
|
|
12
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
13
15
|
|
|
14
16
|
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
|
|
15
17
|
|
|
18
|
+
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
19
|
+
|
|
16
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
21
|
|
|
18
22
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -29,18 +33,19 @@ var _pconsole = _interopRequireDefault(require("../../global/js/utils/pconsole")
|
|
|
29
33
|
|
|
30
34
|
var _hooks = require("../../global/js/hooks");
|
|
31
35
|
|
|
36
|
+
var _excluded = ["children", "className", "description", "disableSubmit", "fieldsetLegendText", "hasFieldset", "includeStep", "introStep", "onNext", "onMount", "secondaryLabel", "subtitle", "title"];
|
|
37
|
+
|
|
32
38
|
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); }
|
|
33
39
|
|
|
34
40
|
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; }
|
|
35
41
|
|
|
36
|
-
/**
|
|
37
|
-
* Copyright IBM Corp. 2021, 2022
|
|
38
|
-
*
|
|
39
|
-
* This source code is licensed under the Apache-2.0 license found in the
|
|
40
|
-
* LICENSE file in the root directory of this source tree.
|
|
41
|
-
*/
|
|
42
42
|
var componentName = 'CreateTearsheetStep';
|
|
43
|
-
var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create__step");
|
|
43
|
+
var blockClass = "".concat(_settings.pkg.prefix, "--tearsheet-create__step"); // Default values for props
|
|
44
|
+
|
|
45
|
+
var defaults = {
|
|
46
|
+
hasFieldset: true,
|
|
47
|
+
includeStep: true
|
|
48
|
+
};
|
|
44
49
|
var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
|
|
45
50
|
var _cx;
|
|
46
51
|
|
|
@@ -49,14 +54,17 @@ var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
|
|
|
49
54
|
description = _ref.description,
|
|
50
55
|
disableSubmit = _ref.disableSubmit,
|
|
51
56
|
fieldsetLegendText = _ref.fieldsetLegendText,
|
|
52
|
-
hasFieldset = _ref.hasFieldset,
|
|
53
|
-
|
|
57
|
+
_ref$hasFieldset = _ref.hasFieldset,
|
|
58
|
+
hasFieldset = _ref$hasFieldset === void 0 ? defaults.hasFieldset : _ref$hasFieldset,
|
|
59
|
+
_ref$includeStep = _ref.includeStep,
|
|
60
|
+
includeStep = _ref$includeStep === void 0 ? defaults.includeStep : _ref$includeStep,
|
|
54
61
|
introStep = _ref.introStep,
|
|
55
62
|
onNext = _ref.onNext,
|
|
56
63
|
onMount = _ref.onMount,
|
|
57
64
|
secondaryLabel = _ref.secondaryLabel,
|
|
58
65
|
subtitle = _ref.subtitle,
|
|
59
|
-
title = _ref.title
|
|
66
|
+
title = _ref.title,
|
|
67
|
+
rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
60
68
|
var stepsContext = (0, _react.useContext)(_CreateTearsheet.StepsContext);
|
|
61
69
|
var stepNumber = (0, _react.useContext)(_CreateTearsheet.StepNumberContext);
|
|
62
70
|
|
|
@@ -95,10 +103,10 @@ var CreateTearsheetStep = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, re
|
|
|
95
103
|
stepsContext.setIsDisabled(disableSubmit);
|
|
96
104
|
}
|
|
97
105
|
}, [stepsContext, stepNumber, disableSubmit, onNext]);
|
|
98
|
-
return stepsContext ? /*#__PURE__*/_react.default.createElement("div", {
|
|
106
|
+
return stepsContext ? /*#__PURE__*/_react.default.createElement("div", (0, _extends2.default)({}, rest, {
|
|
99
107
|
className: (0, _classnames.default)(blockClass, className, (_cx = {}, (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--hidden-step"), stepNumber !== (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), (0, _defineProperty2.default)(_cx, "".concat(blockClass, "__step--visible-step"), stepNumber === (stepsContext === null || stepsContext === void 0 ? void 0 : stepsContext.currentStep)), _cx)),
|
|
100
108
|
ref: ref
|
|
101
|
-
}, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
|
|
109
|
+
}), /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Row, null, /*#__PURE__*/_react.default.createElement(_carbonComponentsReact.Column, {
|
|
102
110
|
xlg: 12,
|
|
103
111
|
lg: 12,
|
|
104
112
|
md: 8,
|
|
@@ -193,12 +201,4 @@ CreateTearsheetStep.propTypes = {
|
|
|
193
201
|
* Sets the title text for a tearsheet step
|
|
194
202
|
*/
|
|
195
203
|
title: _propTypes.default.node.isRequired
|
|
196
|
-
}; // Default values for component props. Default values are not required for
|
|
197
|
-
// props that are required, nor for props where the component can apply
|
|
198
|
-
// 'undefined' values reasonably. Default values should be provided when the
|
|
199
|
-
// component needs to make a choice or assumption when a prop is not supplied.
|
|
200
|
-
|
|
201
|
-
CreateTearsheetStep.defaultProps = {
|
|
202
|
-
hasFieldset: true,
|
|
203
|
-
includeStep: true
|
|
204
204
|
};
|