@carbon/ibm-products 2.42.1-canary.3 → 2.42.1-canary.7
Sign up to get free protection for your applications and to get access to all the features.
- package/es/components/Carousel/Carousel.d.ts +1 -1
- package/es/components/Carousel/Carousel.js +1 -1
- package/es/components/Coachmark/CoachmarkDragbar.d.ts +1 -1
- package/es/components/Coachmark/CoachmarkDragbar.js +1 -1
- package/es/components/Coachmark/CoachmarkHeader.d.ts +1 -1
- package/es/components/Coachmark/CoachmarkHeader.js +1 -1
- package/es/components/Coachmark/CoachmarkOverlay.d.ts +1 -1
- package/es/components/Coachmark/CoachmarkOverlay.js +1 -1
- package/es/components/Coachmark/CoachmarkTagline.d.ts +1 -1
- package/es/components/Coachmark/CoachmarkTagline.js +1 -1
- package/es/components/CoachmarkStack/CoachmarkStackHome.d.ts +1 -1
- package/es/components/CoachmarkStack/CoachmarkStackHome.js +2 -2
- package/es/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +1 -1
- package/es/components/InterstitialScreenView/InterstitialScreenView.d.ts +1 -1
- package/es/components/InterstitialScreenView/InterstitialScreenView.js +1 -1
- package/es/components/SidePanel/SidePanel.d.ts +2 -2
- package/es/components/SidePanel/SidePanel.js +5 -3
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts +1 -1
- package/es/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
- package/es/global/js/package-settings.js +2 -2
- package/lib/components/Carousel/Carousel.d.ts +1 -1
- package/lib/components/Carousel/Carousel.js +1 -1
- package/lib/components/Coachmark/CoachmarkDragbar.d.ts +1 -1
- package/lib/components/Coachmark/CoachmarkDragbar.js +1 -1
- package/lib/components/Coachmark/CoachmarkHeader.d.ts +1 -1
- package/lib/components/Coachmark/CoachmarkHeader.js +1 -1
- package/lib/components/Coachmark/CoachmarkOverlay.d.ts +1 -1
- package/lib/components/Coachmark/CoachmarkOverlay.js +1 -1
- package/lib/components/Coachmark/CoachmarkTagline.d.ts +1 -1
- package/lib/components/Coachmark/CoachmarkTagline.js +1 -1
- package/lib/components/CoachmarkStack/CoachmarkStackHome.d.ts +1 -1
- package/lib/components/CoachmarkStack/CoachmarkStackHome.js +2 -2
- package/lib/components/Datagrid/Datagrid/addons/InlineEdit/InlineEditCell/InlineEditCell.js +1 -1
- package/lib/components/InterstitialScreenView/InterstitialScreenView.d.ts +1 -1
- package/lib/components/InterstitialScreenView/InterstitialScreenView.js +1 -1
- package/lib/components/SidePanel/SidePanel.d.ts +2 -2
- package/lib/components/SidePanel/SidePanel.js +5 -3
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.d.ts +1 -1
- package/lib/components/SteppedAnimatedMedia/SteppedAnimatedMedia.js +1 -1
- package/lib/global/js/package-settings.js +2 -2
- package/package.json +2 -2
- package/scss/components/NonLinearReading/_non-linear-reading.scss +1 -1
@@ -47,7 +47,7 @@ export interface CarouselProps {
|
|
47
47
|
[key: string]: any;
|
48
48
|
}
|
49
49
|
/**
|
50
|
-
* The Carousel acts as a scaffold for other
|
50
|
+
* The Carousel acts as a scaffold for other Onboarding content.
|
51
51
|
*
|
52
52
|
* This component is not intended for general use.
|
53
53
|
*
|
@@ -38,7 +38,7 @@ interface CoachmarkDragbarProps {
|
|
38
38
|
}
|
39
39
|
/**
|
40
40
|
* DO NOT USE. This component is for the exclusive use
|
41
|
-
* of other
|
41
|
+
* of other Onboarding components.
|
42
42
|
*/
|
43
43
|
export declare let CoachmarkDragbar: React.ForwardRefExoticComponent<Omit<CoachmarkDragbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
44
44
|
export {};
|
@@ -33,7 +33,7 @@ var defaults = {
|
|
33
33
|
};
|
34
34
|
/**
|
35
35
|
* DO NOT USE. This component is for the exclusive use
|
36
|
-
* of other
|
36
|
+
* of other Onboarding components.
|
37
37
|
*/
|
38
38
|
var CoachmarkDragbar = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
39
39
|
var a11yKeyboardHandler = _ref.a11yKeyboardHandler,
|
@@ -25,7 +25,7 @@ interface CoachmarkHeaderProps {
|
|
25
25
|
}
|
26
26
|
/**
|
27
27
|
* DO NOT USE. This component is for the exclusive use
|
28
|
-
* of other
|
28
|
+
* of other Onboarding components.
|
29
29
|
*/
|
30
30
|
export declare let CoachmarkHeader: React.ForwardRefExoticComponent<CoachmarkHeaderProps & React.RefAttributes<HTMLElement>>;
|
31
31
|
export {};
|
@@ -28,7 +28,7 @@ var defaults = {
|
|
28
28
|
};
|
29
29
|
/**
|
30
30
|
* DO NOT USE. This component is for the exclusive use
|
31
|
-
* of other
|
31
|
+
* of other Onboarding components.
|
32
32
|
*/
|
33
33
|
var CoachmarkHeader = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
34
34
|
var _ref$closeIconDescrip = _ref.closeIconDescription,
|
@@ -40,7 +40,7 @@ interface CoachmarkOverlayProps {
|
|
40
40
|
}
|
41
41
|
/**
|
42
42
|
* DO NOT USE. This component is for the exclusive use
|
43
|
-
* of other
|
43
|
+
* of other Onboarding components.
|
44
44
|
*/
|
45
45
|
export declare let CoachmarkOverlay: React.ForwardRefExoticComponent<Omit<CoachmarkOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
46
46
|
export {};
|
@@ -32,7 +32,7 @@ var defaults = {
|
|
32
32
|
};
|
33
33
|
/**
|
34
34
|
* DO NOT USE. This component is for the exclusive use
|
35
|
-
* of other
|
35
|
+
* of other Onboarding components.
|
36
36
|
*/
|
37
37
|
var CoachmarkOverlay = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
38
38
|
var children = _ref.children,
|
@@ -25,7 +25,7 @@ interface CoachmarkTaglineProps {
|
|
25
25
|
}
|
26
26
|
/**
|
27
27
|
* DO NOT USE. This component is for the exclusive use
|
28
|
-
* of other
|
28
|
+
* of other Onboarding components.
|
29
29
|
*/
|
30
30
|
export declare let CoachmarkTagline: React.ForwardRefExoticComponent<CoachmarkTaglineProps & React.RefAttributes<HTMLDivElement>>;
|
31
31
|
export {};
|
@@ -28,7 +28,7 @@ var defaults = {
|
|
28
28
|
};
|
29
29
|
/**
|
30
30
|
* DO NOT USE. This component is for the exclusive use
|
31
|
-
* of other
|
31
|
+
* of other Onboarding components.
|
32
32
|
*/
|
33
33
|
var CoachmarkTagline = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
34
34
|
var _ref$closeIconDescrip = _ref.closeIconDescription,
|
@@ -30,7 +30,7 @@ var componentName = 'CoachmarkStackHome';
|
|
30
30
|
|
31
31
|
/**
|
32
32
|
* DO NOT USE. This component is for the exclusive use
|
33
|
-
* of other
|
33
|
+
* of other Onboarding components.
|
34
34
|
*/
|
35
35
|
var CoachmarkStackHome = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
36
36
|
var _document$querySelect;
|
@@ -58,7 +58,7 @@ var CoachmarkStackHome = /*#__PURE__*/forwardRef(function (_ref, ref) {
|
|
58
58
|
}, 100);
|
59
59
|
}, [isOpen]);
|
60
60
|
if (!navLinkLabels) {
|
61
|
-
return pconsole.warn("".concat(componentName, " is
|
61
|
+
return pconsole.warn("".concat(componentName, " is an Onboarding internal component and is not intended for general use."));
|
62
62
|
}
|
63
63
|
var portalNode = portalTarget ? (_document$querySelect = document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('body') : document.querySelector('body');
|
64
64
|
return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", _extends({}, rest, {
|
@@ -445,7 +445,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
445
445
|
"data-inline-type": type,
|
446
446
|
onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
|
447
447
|
onKeyDown: !nonEditCell ? handleKeyDown : null,
|
448
|
-
className: cx("".concat(blockClass, "__inline-edit--outer-cell-button"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue)), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
|
448
|
+
className: cx("".concat(blockClass, "__inline-edit--outer-cell-button"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
|
449
449
|
}, !nonEditCell && !disabledCell && renderRegularCell(), (!inEditMode || disabledCell) && /*#__PURE__*/React__default.createElement(InlineEditButton, {
|
450
450
|
isActiveCell: cellId === activeCellId,
|
451
451
|
renderIcon: setRenderIcon(),
|
@@ -20,7 +20,7 @@ interface InterstitialScreenViewProps extends PropsWithChildren {
|
|
20
20
|
stepTitle: string;
|
21
21
|
}
|
22
22
|
/**
|
23
|
-
*
|
23
|
+
* An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
|
24
24
|
*/
|
25
25
|
export declare let InterstitialScreenView: React.ForwardRefExoticComponent<InterstitialScreenViewProps & React.RefAttributes<HTMLDivElement>>;
|
26
26
|
export {};
|
@@ -21,7 +21,7 @@ var _excluded = ["children", "className", "stepTitle"];
|
|
21
21
|
var blockClass = "".concat(pkg.prefix, "--interstitial-screen-view");
|
22
22
|
var componentName = 'InterstitialScreenView';
|
23
23
|
/**
|
24
|
-
*
|
24
|
+
* An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
|
25
25
|
*/
|
26
26
|
var InterstitialScreenView = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
27
27
|
var children = _ref.children,
|
@@ -11,7 +11,7 @@ type SidePanelBaseProps = {
|
|
11
11
|
/**
|
12
12
|
* Sets the action toolbar buttons
|
13
13
|
*/
|
14
|
-
actionToolbarButtons?: ButtonProps[];
|
14
|
+
actionToolbarButtons?: ButtonProps<any>[];
|
15
15
|
/**
|
16
16
|
* The primary actions to be shown in the side panel. Each action is
|
17
17
|
* specified as an object that will render expressive Buttons. Any Button
|
@@ -20,7 +20,7 @@ type SidePanelBaseProps = {
|
|
20
20
|
*
|
21
21
|
* See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
|
22
22
|
*/
|
23
|
-
actions?: ButtonProps[];
|
23
|
+
actions?: ButtonProps<any>[];
|
24
24
|
/**
|
25
25
|
* Determines if the title will animate on scroll
|
26
26
|
*/
|
@@ -323,12 +323,12 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
323
323
|
if (primeFocusEl) {
|
324
324
|
primeFocusEl === null || primeFocusEl === void 0 || primeFocusEl.focus();
|
325
325
|
}
|
326
|
-
} else {
|
326
|
+
} else if (!slideIn) {
|
327
327
|
firstElement === null || firstElement === void 0 || firstElement.focus();
|
328
328
|
}
|
329
329
|
}, 0);
|
330
330
|
}
|
331
|
-
}, [animationComplete, firstElement, open, selectorPrimaryFocus]);
|
331
|
+
}, [animationComplete, firstElement, open, selectorPrimaryFocus, slideIn]);
|
332
332
|
var primaryActionContainerClassNames = cx(["".concat(blockClass, "__actions-container"), _defineProperty({}, "".concat(blockClass, "__actions-container--condensed"), condensedActions)]);
|
333
333
|
var mainPanelClassNames = cx([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-slug"), slug), "".concat(blockClass, "--condensed-actions"), condensedActions), "".concat(blockClass, "--has-overlay"), includeOverlay)]);
|
334
334
|
var renderTitle = function renderTitle() {
|
@@ -448,7 +448,7 @@ var SidePanel = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
|
448
448
|
placement: placement,
|
449
449
|
shouldReduceMotion: shouldReduceMotion
|
450
450
|
},
|
451
|
-
onKeyDown: keyDownListener
|
451
|
+
onKeyDown: slideIn ? undefined : keyDownListener
|
452
452
|
}), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, renderHeader(), renderMain()), /*#__PURE__*/React__default.createElement(MotionActionSet, {
|
453
453
|
actions: actions !== null && actions !== void 0 ? actions : [],
|
454
454
|
className: primaryActionContainerClassNames,
|
@@ -471,6 +471,7 @@ SidePanel.propTypes = {
|
|
471
471
|
/**
|
472
472
|
* Sets the action toolbar buttons
|
473
473
|
*/
|
474
|
+
/**@ts-ignore */
|
474
475
|
actionToolbarButtons: PropTypes.arrayOf(PropTypes.shape({
|
475
476
|
label: PropTypes.string,
|
476
477
|
leading: PropTypes.bool,
|
@@ -504,6 +505,7 @@ SidePanel.propTypes = {
|
|
504
505
|
label: PropTypes.string,
|
505
506
|
loading: PropTypes.bool,
|
506
507
|
// we duplicate this Button prop to improve the DocGen here
|
508
|
+
/**@ts-ignore */
|
507
509
|
onClick: Button.propTypes.onClick
|
508
510
|
})))]),
|
509
511
|
/**
|
@@ -20,7 +20,7 @@ interface SteppedAnimatedMediaProps {
|
|
20
20
|
playStep?: number;
|
21
21
|
}
|
22
22
|
/**
|
23
|
-
* The SteppedAnimatedMedia is
|
23
|
+
* The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
|
24
24
|
*/
|
25
25
|
export declare const SteppedAnimatedMedia: React.ForwardRefExoticComponent<SteppedAnimatedMediaProps & React.RefAttributes<HTMLDivElement>>;
|
26
26
|
export {};
|
@@ -27,7 +27,7 @@ var defaults = {
|
|
27
27
|
playStep: 0
|
28
28
|
};
|
29
29
|
/**
|
30
|
-
* The SteppedAnimatedMedia is
|
30
|
+
* The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
|
31
31
|
*/
|
32
32
|
var SteppedAnimatedMedia = /*#__PURE__*/React__default.forwardRef(function (_ref, ref) {
|
33
33
|
var className = _ref.className,
|
@@ -98,7 +98,7 @@ var defaults = {
|
|
98
98
|
GetStartedCard: false,
|
99
99
|
/* new component flags here - comment used by generate CLI */
|
100
100
|
|
101
|
-
//
|
101
|
+
// Onboarding components not yet reviewed and released:
|
102
102
|
Coachmark: false,
|
103
103
|
CoachmarkBeacon: false,
|
104
104
|
CoachmarkButton: false,
|
@@ -118,7 +118,7 @@ var defaults = {
|
|
118
118
|
UserAvatar: false,
|
119
119
|
/* new component flags here - comment used by generate CLI */
|
120
120
|
|
121
|
-
//
|
121
|
+
// Onboarding components not yet reviewed and released:
|
122
122
|
EmptyStateV2: false,
|
123
123
|
Guidebanner: false,
|
124
124
|
GuidebannerElement: false,
|
@@ -47,7 +47,7 @@ export interface CarouselProps {
|
|
47
47
|
[key: string]: any;
|
48
48
|
}
|
49
49
|
/**
|
50
|
-
* The Carousel acts as a scaffold for other
|
50
|
+
* The Carousel acts as a scaffold for other Onboarding content.
|
51
51
|
*
|
52
52
|
* This component is not intended for general use.
|
53
53
|
*
|
@@ -38,7 +38,7 @@ interface CoachmarkDragbarProps {
|
|
38
38
|
}
|
39
39
|
/**
|
40
40
|
* DO NOT USE. This component is for the exclusive use
|
41
|
-
* of other
|
41
|
+
* of other Onboarding components.
|
42
42
|
*/
|
43
43
|
export declare let CoachmarkDragbar: React.ForwardRefExoticComponent<Omit<CoachmarkDragbarProps, "ref"> & React.RefAttributes<HTMLElement>>;
|
44
44
|
export {};
|
@@ -42,7 +42,7 @@ var defaults = {
|
|
42
42
|
};
|
43
43
|
/**
|
44
44
|
* DO NOT USE. This component is for the exclusive use
|
45
|
-
* of other
|
45
|
+
* of other Onboarding components.
|
46
46
|
*/
|
47
47
|
exports.CoachmarkDragbar = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
48
48
|
var a11yKeyboardHandler = _ref.a11yKeyboardHandler,
|
@@ -25,7 +25,7 @@ interface CoachmarkHeaderProps {
|
|
25
25
|
}
|
26
26
|
/**
|
27
27
|
* DO NOT USE. This component is for the exclusive use
|
28
|
-
* of other
|
28
|
+
* of other Onboarding components.
|
29
29
|
*/
|
30
30
|
export declare let CoachmarkHeader: React.ForwardRefExoticComponent<CoachmarkHeaderProps & React.RefAttributes<HTMLElement>>;
|
31
31
|
export {};
|
@@ -37,7 +37,7 @@ var defaults = {
|
|
37
37
|
};
|
38
38
|
/**
|
39
39
|
* DO NOT USE. This component is for the exclusive use
|
40
|
-
* of other
|
40
|
+
* of other Onboarding components.
|
41
41
|
*/
|
42
42
|
exports.CoachmarkHeader = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
43
43
|
var _ref$closeIconDescrip = _ref.closeIconDescription,
|
@@ -40,7 +40,7 @@ interface CoachmarkOverlayProps {
|
|
40
40
|
}
|
41
41
|
/**
|
42
42
|
* DO NOT USE. This component is for the exclusive use
|
43
|
-
* of other
|
43
|
+
* of other Onboarding components.
|
44
44
|
*/
|
45
45
|
export declare let CoachmarkOverlay: React.ForwardRefExoticComponent<Omit<CoachmarkOverlayProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
46
46
|
export {};
|
@@ -41,7 +41,7 @@ var defaults = {
|
|
41
41
|
};
|
42
42
|
/**
|
43
43
|
* DO NOT USE. This component is for the exclusive use
|
44
|
-
* of other
|
44
|
+
* of other Onboarding components.
|
45
45
|
*/
|
46
46
|
exports.CoachmarkOverlay = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
47
47
|
var children = _ref.children,
|
@@ -25,7 +25,7 @@ interface CoachmarkTaglineProps {
|
|
25
25
|
}
|
26
26
|
/**
|
27
27
|
* DO NOT USE. This component is for the exclusive use
|
28
|
-
* of other
|
28
|
+
* of other Onboarding components.
|
29
29
|
*/
|
30
30
|
export declare let CoachmarkTagline: React.ForwardRefExoticComponent<CoachmarkTaglineProps & React.RefAttributes<HTMLDivElement>>;
|
31
31
|
export {};
|
@@ -37,7 +37,7 @@ var defaults = {
|
|
37
37
|
};
|
38
38
|
/**
|
39
39
|
* DO NOT USE. This component is for the exclusive use
|
40
|
-
* of other
|
40
|
+
* of other Onboarding components.
|
41
41
|
*/
|
42
42
|
exports.CoachmarkTagline = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
43
43
|
var _ref$closeIconDescrip = _ref.closeIconDescription,
|
@@ -39,7 +39,7 @@ var componentName = 'CoachmarkStackHome';
|
|
39
39
|
|
40
40
|
/**
|
41
41
|
* DO NOT USE. This component is for the exclusive use
|
42
|
-
* of other
|
42
|
+
* of other Onboarding components.
|
43
43
|
*/
|
44
44
|
exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
45
45
|
var _document$querySelect;
|
@@ -67,7 +67,7 @@ exports.CoachmarkStackHome = /*#__PURE__*/React.forwardRef(function (_ref, ref)
|
|
67
67
|
}, 100);
|
68
68
|
}, [isOpen]);
|
69
69
|
if (!navLinkLabels) {
|
70
|
-
return pconsole["default"].warn("".concat(componentName, " is
|
70
|
+
return pconsole["default"].warn("".concat(componentName, " is an Onboarding internal component and is not intended for general use."));
|
71
71
|
}
|
72
72
|
var portalNode = portalTarget ? (_document$querySelect = document.querySelector(portalTarget)) !== null && _document$querySelect !== void 0 ? _document$querySelect : document.querySelector('body') : document.querySelector('body');
|
73
73
|
return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
|
@@ -454,7 +454,7 @@ var InlineEditCell = function InlineEditCell(_ref) {
|
|
454
454
|
"data-inline-type": type,
|
455
455
|
onClick: !nonEditCell ? handleInlineCellClick : addActiveState,
|
456
456
|
onKeyDown: !nonEditCell ? handleKeyDown : null,
|
457
|
-
className: cx__default["default"]("".concat(blockClass, "__inline-edit--outer-cell-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue)), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
|
457
|
+
className: cx__default["default"]("".concat(blockClass, "__inline-edit--outer-cell-button"), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__inline-edit--outer-cell-button--").concat(rowSize), rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--lg"), !rowSize), "".concat(blockClass, "__inline-edit--outer-cell-button--invalid"), inEditMode && (config === null || config === void 0 || (_config$validator = config.validator) === null || _config$validator === void 0 ? void 0 : _config$validator.call(config, cellValue))), "".concat(blockClass, "__static--outer-cell"), !disabledCell))
|
458
458
|
}, !nonEditCell && !disabledCell && renderRegularCell(), (!inEditMode || disabledCell) && /*#__PURE__*/React__default["default"].createElement(InlineEditButton.InlineEditButton, {
|
459
459
|
isActiveCell: cellId === activeCellId,
|
460
460
|
renderIcon: setRenderIcon(),
|
@@ -20,7 +20,7 @@ interface InterstitialScreenViewProps extends PropsWithChildren {
|
|
20
20
|
stepTitle: string;
|
21
21
|
}
|
22
22
|
/**
|
23
|
-
*
|
23
|
+
* An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
|
24
24
|
*/
|
25
25
|
export declare let InterstitialScreenView: React.ForwardRefExoticComponent<InterstitialScreenViewProps & React.RefAttributes<HTMLDivElement>>;
|
26
26
|
export {};
|
@@ -30,7 +30,7 @@ var _excluded = ["children", "className", "stepTitle"];
|
|
30
30
|
var blockClass = "".concat(settings.pkg.prefix, "--interstitial-screen-view");
|
31
31
|
var componentName = 'InterstitialScreenView';
|
32
32
|
/**
|
33
|
-
*
|
33
|
+
* An Onboarding component intended to be used as the child elements of the InterstitialScreen component.
|
34
34
|
*/
|
35
35
|
exports.InterstitialScreenView = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
36
36
|
var children = _ref.children,
|
@@ -11,7 +11,7 @@ type SidePanelBaseProps = {
|
|
11
11
|
/**
|
12
12
|
* Sets the action toolbar buttons
|
13
13
|
*/
|
14
|
-
actionToolbarButtons?: ButtonProps[];
|
14
|
+
actionToolbarButtons?: ButtonProps<any>[];
|
15
15
|
/**
|
16
16
|
* The primary actions to be shown in the side panel. Each action is
|
17
17
|
* specified as an object that will render expressive Buttons. Any Button
|
@@ -20,7 +20,7 @@ type SidePanelBaseProps = {
|
|
20
20
|
*
|
21
21
|
* See https://react.carbondesignsystem.com/?path=/docs/components-button--default#component-api
|
22
22
|
*/
|
23
|
-
actions?: ButtonProps[];
|
23
|
+
actions?: ButtonProps<any>[];
|
24
24
|
/**
|
25
25
|
* Determines if the title will animate on scroll
|
26
26
|
*/
|
@@ -332,12 +332,12 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
332
332
|
if (primeFocusEl) {
|
333
333
|
primeFocusEl === null || primeFocusEl === void 0 || primeFocusEl.focus();
|
334
334
|
}
|
335
|
-
} else {
|
335
|
+
} else if (!slideIn) {
|
336
336
|
firstElement === null || firstElement === void 0 || firstElement.focus();
|
337
337
|
}
|
338
338
|
}, 0);
|
339
339
|
}
|
340
|
-
}, [animationComplete, firstElement, open, selectorPrimaryFocus]);
|
340
|
+
}, [animationComplete, firstElement, open, selectorPrimaryFocus, slideIn]);
|
341
341
|
var primaryActionContainerClassNames = cx__default["default"](["".concat(blockClass, "__actions-container"), _rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "__actions-container--condensed"), condensedActions)]);
|
342
342
|
var mainPanelClassNames = cx__default["default"]([blockClass, className, "".concat(blockClass), "".concat(blockClass, "--").concat(size), _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, "".concat(blockClass, "--right-placement"), placement === 'right'), "".concat(blockClass, "--left-placement"), placement === 'left'), "".concat(blockClass, "--slide-in"), slideIn), "".concat(blockClass, "--has-slug"), slug), "".concat(blockClass, "--condensed-actions"), condensedActions), "".concat(blockClass, "--has-overlay"), includeOverlay)]);
|
343
343
|
var renderTitle = function renderTitle() {
|
@@ -457,7 +457,7 @@ exports.SidePanel = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
457
457
|
placement: placement,
|
458
458
|
shouldReduceMotion: shouldReduceMotion
|
459
459
|
},
|
460
|
-
onKeyDown: keyDownListener
|
460
|
+
onKeyDown: slideIn ? undefined : keyDownListener
|
461
461
|
}), /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, renderHeader(), renderMain()), /*#__PURE__*/React__default["default"].createElement(MotionActionSet, {
|
462
462
|
actions: actions !== null && actions !== void 0 ? actions : [],
|
463
463
|
className: primaryActionContainerClassNames,
|
@@ -480,6 +480,7 @@ exports.SidePanel.propTypes = {
|
|
480
480
|
/**
|
481
481
|
* Sets the action toolbar buttons
|
482
482
|
*/
|
483
|
+
/**@ts-ignore */
|
483
484
|
actionToolbarButtons: index["default"].arrayOf(index["default"].shape({
|
484
485
|
label: index["default"].string,
|
485
486
|
leading: index["default"].bool,
|
@@ -513,6 +514,7 @@ exports.SidePanel.propTypes = {
|
|
513
514
|
label: index["default"].string,
|
514
515
|
loading: index["default"].bool,
|
515
516
|
// we duplicate this Button prop to improve the DocGen here
|
517
|
+
/**@ts-ignore */
|
516
518
|
onClick: react.Button.propTypes.onClick
|
517
519
|
})))]),
|
518
520
|
/**
|
@@ -20,7 +20,7 @@ interface SteppedAnimatedMediaProps {
|
|
20
20
|
playStep?: number;
|
21
21
|
}
|
22
22
|
/**
|
23
|
-
* The SteppedAnimatedMedia is
|
23
|
+
* The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
|
24
24
|
*/
|
25
25
|
export declare const SteppedAnimatedMedia: React.ForwardRefExoticComponent<SteppedAnimatedMediaProps & React.RefAttributes<HTMLDivElement>>;
|
26
26
|
export {};
|
@@ -38,7 +38,7 @@ var defaults = {
|
|
38
38
|
playStep: 0
|
39
39
|
};
|
40
40
|
/**
|
41
|
-
* The SteppedAnimatedMedia is
|
41
|
+
* The SteppedAnimatedMedia is an Onboarding internal component and is not intended for general use.
|
42
42
|
*/
|
43
43
|
var SteppedAnimatedMedia = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
|
44
44
|
var className = _ref.className,
|
@@ -102,7 +102,7 @@ var defaults = {
|
|
102
102
|
GetStartedCard: false,
|
103
103
|
/* new component flags here - comment used by generate CLI */
|
104
104
|
|
105
|
-
//
|
105
|
+
// Onboarding components not yet reviewed and released:
|
106
106
|
Coachmark: false,
|
107
107
|
CoachmarkBeacon: false,
|
108
108
|
CoachmarkButton: false,
|
@@ -122,7 +122,7 @@ var defaults = {
|
|
122
122
|
UserAvatar: false,
|
123
123
|
/* new component flags here - comment used by generate CLI */
|
124
124
|
|
125
|
-
//
|
125
|
+
// Onboarding components not yet reviewed and released:
|
126
126
|
EmptyStateV2: false,
|
127
127
|
Guidebanner: false,
|
128
128
|
GuidebannerElement: false,
|
package/package.json
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
{
|
2
2
|
"name": "@carbon/ibm-products",
|
3
3
|
"description": "Carbon for IBM Products",
|
4
|
-
"version": "2.42.1-canary.
|
4
|
+
"version": "2.42.1-canary.7+793b7d211",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "lib/index.js",
|
7
7
|
"module": "es/index.js",
|
@@ -121,5 +121,5 @@
|
|
121
121
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
122
122
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
123
123
|
},
|
124
|
-
"gitHead": "
|
124
|
+
"gitHead": "793b7d211624906e2dea5e39fa5995572b3c1628"
|
125
125
|
}
|
@@ -104,7 +104,7 @@ $block-class: #{c4p-settings.$pkg-prefix}--non-linear-reading;
|
|
104
104
|
padding: $spacing-03 $spacing-04;
|
105
105
|
border-left: to-rem(1.25px) solid $text-primary;
|
106
106
|
margin: $spacing-02 0;
|
107
|
-
//
|
107
|
+
// Onboarding does not always use Carbon defaults/tokens
|
108
108
|
// stylelint-disable-next-line carbon/motion-duration-use, carbon/motion-easing-use
|
109
109
|
animation: fade 600ms;
|
110
110
|
|