@carbon/ibm-products 2.43.2-canary.93 → 2.43.2-canary.94
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.
|
@@ -1,5 +1,64 @@
|
|
|
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
|
+
import React, { PropsWithChildren, ReactNode } from 'react';
|
|
8
|
+
import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
|
|
9
|
+
type MetaData = {
|
|
10
|
+
id?: string;
|
|
11
|
+
icon?: () => void | object;
|
|
12
|
+
iconDescription?: string;
|
|
13
|
+
};
|
|
14
|
+
interface GetStartedCardProps extends PropsWithChildren {
|
|
15
|
+
/**
|
|
16
|
+
* Provide an optional class to be applied to the containing node.
|
|
17
|
+
*/
|
|
18
|
+
className?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Optional if the card should be disabled
|
|
21
|
+
*/
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Provides the action icon that's displayed at the footer of the card
|
|
25
|
+
*/
|
|
26
|
+
footerActionIcon: () => void | object;
|
|
27
|
+
/**
|
|
28
|
+
* Optional label for the top of the card
|
|
29
|
+
*/
|
|
30
|
+
label?: string | object | ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* Optional media content like an image to be placed in the card
|
|
33
|
+
*/
|
|
34
|
+
media?: ReactNode;
|
|
35
|
+
/**
|
|
36
|
+
* Icons that are displayed on the card showing the time and skill needed
|
|
37
|
+
*/
|
|
38
|
+
metadata: MetaData[];
|
|
39
|
+
/**
|
|
40
|
+
* Provides the callback for a clickable card
|
|
41
|
+
*/
|
|
42
|
+
onClick?: () => void;
|
|
43
|
+
/**
|
|
44
|
+
* Provides the icon that's displayed at the top of the card
|
|
45
|
+
*/
|
|
46
|
+
pictogram?: CarbonIconType;
|
|
47
|
+
/**
|
|
48
|
+
* Provides number for card for tasks in a sequential order
|
|
49
|
+
*/
|
|
50
|
+
sequence?: number;
|
|
51
|
+
/**
|
|
52
|
+
* Provides the status that's displayed at the top of the card
|
|
53
|
+
*/
|
|
54
|
+
status?: 'complete' | 'incomplete';
|
|
55
|
+
/**
|
|
56
|
+
* Title that's displayed at the top of the card
|
|
57
|
+
*/
|
|
58
|
+
title?: string | object | ReactNode;
|
|
59
|
+
}
|
|
1
60
|
/**
|
|
2
61
|
* GetStartedCard a card with icon, number, and media variants
|
|
3
62
|
*/
|
|
4
|
-
export let GetStartedCard: React.ForwardRefExoticComponent<React.RefAttributes<
|
|
5
|
-
|
|
63
|
+
export declare let GetStartedCard: React.ForwardRefExoticComponent<GetStartedCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
export {};
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
* LICENSE file in the root directory of this source tree.
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
|
-
import { extends as _extends,
|
|
8
|
+
import { extends as _extends, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
|
9
9
|
import React__default from 'react';
|
|
10
10
|
import PropTypes from '../../node_modules/prop-types/index.js';
|
|
11
11
|
import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
|
|
@@ -13,16 +13,14 @@ import { pkg } from '../../settings.js';
|
|
|
13
13
|
import { Card } from '../Card/Card.js';
|
|
14
14
|
|
|
15
15
|
var componentName = 'GetStartedCard';
|
|
16
|
-
|
|
17
16
|
/**
|
|
18
17
|
* GetStartedCard a card with icon, number, and media variants
|
|
19
18
|
*/
|
|
20
|
-
var GetStartedCard = /*#__PURE__*/React__default.forwardRef(function (
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
getStarted: true
|
|
24
|
-
|
|
25
|
-
}, rest, getDevtoolsProps(componentName)));
|
|
19
|
+
var GetStartedCard = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
|
20
|
+
return /*#__PURE__*/React__default.createElement(Card, _extends({}, _objectSpread2(_objectSpread2({}, props), {}, {
|
|
21
|
+
ref: ref,
|
|
22
|
+
getStarted: true
|
|
23
|
+
}), getDevtoolsProps(componentName)));
|
|
26
24
|
});
|
|
27
25
|
|
|
28
26
|
// Return a placeholder if not released and not enabled by feature flag
|
|
@@ -40,6 +38,7 @@ GetStartedCard.propTypes = {
|
|
|
40
38
|
/**
|
|
41
39
|
* Provides the action icon that's displayed at the footer of the card
|
|
42
40
|
*/
|
|
41
|
+
/**@ts-ignore */
|
|
43
42
|
footerActionIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
44
43
|
/**
|
|
45
44
|
* Optional label for the top of the card
|
|
@@ -52,6 +51,7 @@ GetStartedCard.propTypes = {
|
|
|
52
51
|
/**
|
|
53
52
|
* Icons that are displayed on the card showing the time and skill needed
|
|
54
53
|
*/
|
|
54
|
+
/**@ts-ignore */
|
|
55
55
|
metadata: PropTypes.arrayOf(PropTypes.shape({
|
|
56
56
|
id: PropTypes.string,
|
|
57
57
|
icon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
@@ -64,6 +64,7 @@ GetStartedCard.propTypes = {
|
|
|
64
64
|
/**
|
|
65
65
|
* Provides the icon that's displayed at the top of the card
|
|
66
66
|
*/
|
|
67
|
+
/**@ts-ignore */
|
|
67
68
|
pictogram: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
|
|
68
69
|
/**
|
|
69
70
|
* Provides number for card for tasks in a sequential order
|
|
@@ -1,5 +1,64 @@
|
|
|
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
|
+
import React, { PropsWithChildren, ReactNode } from 'react';
|
|
8
|
+
import { CarbonIconType } from '@carbon/icons-react/lib/CarbonIcon';
|
|
9
|
+
type MetaData = {
|
|
10
|
+
id?: string;
|
|
11
|
+
icon?: () => void | object;
|
|
12
|
+
iconDescription?: string;
|
|
13
|
+
};
|
|
14
|
+
interface GetStartedCardProps extends PropsWithChildren {
|
|
15
|
+
/**
|
|
16
|
+
* Provide an optional class to be applied to the containing node.
|
|
17
|
+
*/
|
|
18
|
+
className?: string;
|
|
19
|
+
/**
|
|
20
|
+
* Optional if the card should be disabled
|
|
21
|
+
*/
|
|
22
|
+
disabled?: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Provides the action icon that's displayed at the footer of the card
|
|
25
|
+
*/
|
|
26
|
+
footerActionIcon: () => void | object;
|
|
27
|
+
/**
|
|
28
|
+
* Optional label for the top of the card
|
|
29
|
+
*/
|
|
30
|
+
label?: string | object | ReactNode;
|
|
31
|
+
/**
|
|
32
|
+
* Optional media content like an image to be placed in the card
|
|
33
|
+
*/
|
|
34
|
+
media?: ReactNode;
|
|
35
|
+
/**
|
|
36
|
+
* Icons that are displayed on the card showing the time and skill needed
|
|
37
|
+
*/
|
|
38
|
+
metadata: MetaData[];
|
|
39
|
+
/**
|
|
40
|
+
* Provides the callback for a clickable card
|
|
41
|
+
*/
|
|
42
|
+
onClick?: () => void;
|
|
43
|
+
/**
|
|
44
|
+
* Provides the icon that's displayed at the top of the card
|
|
45
|
+
*/
|
|
46
|
+
pictogram?: CarbonIconType;
|
|
47
|
+
/**
|
|
48
|
+
* Provides number for card for tasks in a sequential order
|
|
49
|
+
*/
|
|
50
|
+
sequence?: number;
|
|
51
|
+
/**
|
|
52
|
+
* Provides the status that's displayed at the top of the card
|
|
53
|
+
*/
|
|
54
|
+
status?: 'complete' | 'incomplete';
|
|
55
|
+
/**
|
|
56
|
+
* Title that's displayed at the top of the card
|
|
57
|
+
*/
|
|
58
|
+
title?: string | object | ReactNode;
|
|
59
|
+
}
|
|
1
60
|
/**
|
|
2
61
|
* GetStartedCard a card with icon, number, and media variants
|
|
3
62
|
*/
|
|
4
|
-
export let GetStartedCard: React.ForwardRefExoticComponent<React.RefAttributes<
|
|
5
|
-
|
|
63
|
+
export declare let GetStartedCard: React.ForwardRefExoticComponent<GetStartedCardProps & React.RefAttributes<HTMLDivElement>>;
|
|
64
|
+
export {};
|
|
@@ -21,16 +21,14 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
|
|
|
21
21
|
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
22
22
|
|
|
23
23
|
var componentName = 'GetStartedCard';
|
|
24
|
-
|
|
25
24
|
/**
|
|
26
25
|
* GetStartedCard a card with icon, number, and media variants
|
|
27
26
|
*/
|
|
28
|
-
exports.GetStartedCard = /*#__PURE__*/React__default["default"].forwardRef(function (
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
getStarted: true
|
|
32
|
-
|
|
33
|
-
}, rest, devtools.getDevtoolsProps(componentName)));
|
|
27
|
+
exports.GetStartedCard = /*#__PURE__*/React__default["default"].forwardRef(function (props, ref) {
|
|
28
|
+
return /*#__PURE__*/React__default["default"].createElement(Card.Card, _rollupPluginBabelHelpers["extends"]({}, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props), {}, {
|
|
29
|
+
ref: ref,
|
|
30
|
+
getStarted: true
|
|
31
|
+
}), devtools.getDevtoolsProps(componentName)));
|
|
34
32
|
});
|
|
35
33
|
|
|
36
34
|
// Return a placeholder if not released and not enabled by feature flag
|
|
@@ -48,6 +46,7 @@ exports.GetStartedCard.propTypes = {
|
|
|
48
46
|
/**
|
|
49
47
|
* Provides the action icon that's displayed at the footer of the card
|
|
50
48
|
*/
|
|
49
|
+
/**@ts-ignore */
|
|
51
50
|
footerActionIcon: index["default"].oneOfType([index["default"].func, index["default"].object]),
|
|
52
51
|
/**
|
|
53
52
|
* Optional label for the top of the card
|
|
@@ -60,6 +59,7 @@ exports.GetStartedCard.propTypes = {
|
|
|
60
59
|
/**
|
|
61
60
|
* Icons that are displayed on the card showing the time and skill needed
|
|
62
61
|
*/
|
|
62
|
+
/**@ts-ignore */
|
|
63
63
|
metadata: index["default"].arrayOf(index["default"].shape({
|
|
64
64
|
id: index["default"].string,
|
|
65
65
|
icon: index["default"].oneOfType([index["default"].func, index["default"].object]),
|
|
@@ -72,6 +72,7 @@ exports.GetStartedCard.propTypes = {
|
|
|
72
72
|
/**
|
|
73
73
|
* Provides the icon that's displayed at the top of the card
|
|
74
74
|
*/
|
|
75
|
+
/**@ts-ignore */
|
|
75
76
|
pictogram: index["default"].oneOfType([index["default"].func, index["default"].object]),
|
|
76
77
|
/**
|
|
77
78
|
* Provides number for card for tasks in a sequential order
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@carbon/ibm-products",
|
|
3
3
|
"description": "Carbon for IBM Products",
|
|
4
|
-
"version": "2.43.2-canary.
|
|
4
|
+
"version": "2.43.2-canary.94+7731b3ccc",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"main": "lib/index.js",
|
|
7
7
|
"module": "es/index.js",
|
|
@@ -120,5 +120,5 @@
|
|
|
120
120
|
"react": "^16.8.6 || ^17.0.1 || ^18.2.0",
|
|
121
121
|
"react-dom": "^16.8.6 || ^17.0.1 || ^18.2.0"
|
|
122
122
|
},
|
|
123
|
-
"gitHead": "
|
|
123
|
+
"gitHead": "7731b3cccc30dea90b96a6811759a75c554a0729"
|
|
124
124
|
}
|