@carbon/ibm-products 2.31.0 → 2.31.1
Sign up to get free protection for your applications and to get access to all the features.
- package/css/index-full-carbon.css +802 -517
- package/css/index-full-carbon.css.map +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 +48 -75
- 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 +802 -517
- package/css/index-without-carbon.css.map +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 +731 -458
- package/css/index.css.map +1 -1
- package/css/index.min.css +1 -1
- package/css/index.min.css.map +1 -1
- package/es/components/Decorator/Decorator.d.ts +1 -1
- package/es/components/Decorator/Decorator.js +16 -253
- package/es/components/DecoratorBase/DecoratorBase.d.ts +7 -0
- package/es/components/DecoratorBase/DecoratorBase.js +233 -0
- package/es/components/DecoratorBase/index.d.ts +1 -0
- package/{lib/components/Decorator → es/components/DecoratorBase}/utils.d.ts +1 -1
- package/es/components/{Decorator → DecoratorBase}/utils.js +19 -19
- package/es/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
- package/es/components/DecoratorDualButton/DecoratorDualButton.js +135 -0
- package/es/components/DecoratorDualButton/index.d.ts +1 -0
- package/es/components/DecoratorLink/DecoratorLink.d.ts +5 -0
- package/es/components/DecoratorLink/DecoratorLink.js +125 -0
- package/es/components/DecoratorLink/index.d.ts +1 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
- package/es/components/DecoratorSingleButton/DecoratorSingleButton.js +125 -0
- package/es/components/DecoratorSingleButton/index.d.ts +1 -0
- package/es/components/index.d.ts +3 -0
- package/es/global/js/hooks/useFocus.js +2 -1
- package/es/global/js/package-settings.d.ts +3 -0
- package/es/global/js/package-settings.js +3 -0
- package/es/index.js +3 -0
- package/es/settings.d.ts +3 -0
- package/lib/components/Decorator/Decorator.d.ts +1 -1
- package/lib/components/Decorator/Decorator.js +15 -253
- package/lib/components/DecoratorBase/DecoratorBase.d.ts +7 -0
- package/lib/components/DecoratorBase/DecoratorBase.js +242 -0
- package/lib/components/DecoratorBase/index.d.ts +1 -0
- package/{es/components/Decorator → lib/components/DecoratorBase}/utils.d.ts +1 -1
- package/lib/components/{Decorator → DecoratorBase}/utils.js +19 -19
- package/lib/components/DecoratorDualButton/DecoratorDualButton.d.ts +5 -0
- package/lib/components/DecoratorDualButton/DecoratorDualButton.js +141 -0
- package/lib/components/DecoratorDualButton/index.d.ts +1 -0
- package/lib/components/DecoratorLink/DecoratorLink.d.ts +5 -0
- package/lib/components/DecoratorLink/DecoratorLink.js +131 -0
- package/lib/components/DecoratorLink/index.d.ts +1 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.d.ts +5 -0
- package/lib/components/DecoratorSingleButton/DecoratorSingleButton.js +131 -0
- package/lib/components/DecoratorSingleButton/index.d.ts +1 -0
- package/lib/components/index.d.ts +3 -0
- package/lib/global/js/hooks/useFocus.js +2 -1
- package/lib/global/js/package-settings.d.ts +3 -0
- package/lib/global/js/package-settings.js +3 -0
- package/lib/index.js +15 -0
- package/lib/settings.d.ts +3 -0
- package/package.json +9 -9
- package/scss/components/Card/_card.scss +2 -2
- package/scss/components/Decorator/_decorator.scss +3 -380
- package/scss/components/DecoratorBase/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorBase/_decorator-base-mixins.scss +41 -0
- package/scss/components/DecoratorBase/_decorator-base.scss +146 -0
- package/scss/components/DecoratorBase/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorBase/_index.scss +8 -0
- package/scss/components/DecoratorDualButton/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorDualButton/_decorator-dual-button.scss +112 -0
- package/scss/components/DecoratorDualButton/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorDualButton/_index.scss +8 -0
- package/scss/components/DecoratorLink/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorLink/_decorator-link.scss +53 -0
- package/scss/components/DecoratorLink/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorLink/_index.scss +8 -0
- package/scss/components/DecoratorSingleButton/_carbon-imports.scss +9 -0
- package/scss/components/DecoratorSingleButton/_decorator-single-button.scss +117 -0
- package/scss/components/DecoratorSingleButton/_index-with-carbon.scss +9 -0
- package/scss/components/DecoratorSingleButton/_index.scss +8 -0
- package/scss/components/SidePanel/_side-panel.scss +1 -1
- package/scss/components/Tearsheet/_tearsheet.scss +1 -1
- package/scss/components/_index-with-carbon.scss +3 -0
- package/scss/components/_index.scss +3 -0
- /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
- /package/es/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
- /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.d.ts +0 -0
- /package/lib/components/{Decorator → DecoratorBase}/DecoratorIcon.js +0 -0
@@ -0,0 +1,135 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 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
|
+
|
8
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
9
|
+
import React__default from 'react';
|
10
|
+
import PropTypes from '../../node_modules/prop-types/index.js';
|
11
|
+
import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
|
12
|
+
import { prepareProps } from '../../global/js/utils/props-helper.js';
|
13
|
+
import { pkg } from '../../settings.js';
|
14
|
+
import { DecoratorBase } from '../DecoratorBase/DecoratorBase.js';
|
15
|
+
|
16
|
+
var componentName = 'DecoratorDualButton';
|
17
|
+
|
18
|
+
/**
|
19
|
+
* The DecoratorDualButton groups a key/value pair where the key and value each behave like a button.
|
20
|
+
*/
|
21
|
+
var DecoratorDualButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
22
|
+
var validProps = prepareProps(props, ['href', 'kind', 'onClick', 'onContextMenu']);
|
23
|
+
return /*#__PURE__*/React__default.createElement(DecoratorBase, _extends({
|
24
|
+
ref: ref
|
25
|
+
}, validProps, {
|
26
|
+
kind: "dual-button"
|
27
|
+
}, getDevtoolsProps(componentName)));
|
28
|
+
});
|
29
|
+
|
30
|
+
// Return a placeholder if not released and not enabled by feature flag
|
31
|
+
DecoratorDualButton = pkg.checkComponentEnabled(DecoratorDualButton, componentName);
|
32
|
+
|
33
|
+
// The display name of the component, used by React. Note that displayName
|
34
|
+
// is used in preference to relying on function.name.
|
35
|
+
DecoratorDualButton.displayName = componentName;
|
36
|
+
|
37
|
+
// The types and DocGen commentary for the component props,
|
38
|
+
// in alphabetical order (for consistency).
|
39
|
+
// See https://www.npmjs.com/package/prop-types#usage.
|
40
|
+
DecoratorDualButton.propTypes = {
|
41
|
+
/**
|
42
|
+
* Provide an optional class to be applied to the containing node.
|
43
|
+
*/
|
44
|
+
className: PropTypes.string,
|
45
|
+
/**
|
46
|
+
* `disabled` only applies if `kind` is "single-button" or "dual-button".
|
47
|
+
*/
|
48
|
+
disabled: PropTypes.bool,
|
49
|
+
/**
|
50
|
+
* Do not show the icon, regardless of score.
|
51
|
+
*/
|
52
|
+
hideIcon: PropTypes.bool,
|
53
|
+
/**
|
54
|
+
* The label for the data.
|
55
|
+
*/
|
56
|
+
label: PropTypes.string,
|
57
|
+
/**
|
58
|
+
* Optional callback function.
|
59
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
60
|
+
*/
|
61
|
+
onClickLabel: PropTypes.func,
|
62
|
+
/**
|
63
|
+
* Optional callback function.
|
64
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
65
|
+
*/
|
66
|
+
onClickValue: PropTypes.func,
|
67
|
+
/**
|
68
|
+
* Optional callback function.
|
69
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
70
|
+
*/
|
71
|
+
onContextMenuLabel: PropTypes.func,
|
72
|
+
/**
|
73
|
+
* Optional callback function.
|
74
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
75
|
+
*/
|
76
|
+
onContextMenuValue: PropTypes.func,
|
77
|
+
/**
|
78
|
+
* Used in conjunction with `scoreThresholds`, determines the color, shape, and type of magnitude of the icon.
|
79
|
+
*
|
80
|
+
* If you don't want to show the icon at all, set `hideIcon={true}`.
|
81
|
+
*/
|
82
|
+
score: PropTypes.number,
|
83
|
+
/**
|
84
|
+
* Used in conjunction with `score`, determines the color, shape, and type of magnitude of the icon.
|
85
|
+
*
|
86
|
+
* An array of 4 numbers determines the range of thresholds.
|
87
|
+
*
|
88
|
+
* Example using `[0, 4, 7, 10]`:
|
89
|
+
* <br/>- `<= 0` "Benign"
|
90
|
+
* <br/>- `1-3` "Low"
|
91
|
+
* <br/>- `4-6` "Medium"
|
92
|
+
* <br/>- `7-9` "High"
|
93
|
+
* <br/>- `>= 10` "Critical"
|
94
|
+
* <br/>- `NaN` "Unknown"
|
95
|
+
*/
|
96
|
+
scoreThresholds: PropTypes.arrayOf(PropTypes.number),
|
97
|
+
/**
|
98
|
+
* Optional callback function for building a more detailed descriptive text.
|
99
|
+
* Returns `score`, `scoreThresholds`, `magnitude`.
|
100
|
+
*
|
101
|
+
* Typical description is in the form of
|
102
|
+
* '"(magnitude)" magnitude: score (score) out of (last element of scoreThresholds array)'.
|
103
|
+
*
|
104
|
+
* E.g. `"Medium" magnitude: score 5 out of 10`.
|
105
|
+
*
|
106
|
+
* If not defined, the title will default to the `label` prop.
|
107
|
+
*/
|
108
|
+
setLabelTitle: PropTypes.func,
|
109
|
+
/**
|
110
|
+
* Styled smaller to better fit inline with text.
|
111
|
+
*/
|
112
|
+
small: PropTypes.bool,
|
113
|
+
/**
|
114
|
+
* Determines the theme of the component.
|
115
|
+
*/
|
116
|
+
theme: PropTypes.oneOf(['light', 'dark']),
|
117
|
+
/**
|
118
|
+
* If not defined, it will behave as `display:inline-block`.
|
119
|
+
*/
|
120
|
+
truncateValue: PropTypes.oneOfType([PropTypes.oneOf(['end', 'start']), PropTypes.shape({
|
121
|
+
maxLength: PropTypes.number,
|
122
|
+
front: PropTypes.number,
|
123
|
+
back: PropTypes.number
|
124
|
+
})]),
|
125
|
+
/**
|
126
|
+
* The value of the data.
|
127
|
+
*/
|
128
|
+
value: PropTypes.string.isRequired,
|
129
|
+
/**
|
130
|
+
* Overrides the default title for the Decorator's value.
|
131
|
+
*/
|
132
|
+
valueTitle: PropTypes.string
|
133
|
+
};
|
134
|
+
|
135
|
+
export { DecoratorDualButton };
|
@@ -0,0 +1 @@
|
|
1
|
+
export { DecoratorDualButton } from "./DecoratorDualButton";
|
@@ -0,0 +1,125 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 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
|
+
|
8
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
9
|
+
import React__default from 'react';
|
10
|
+
import PropTypes from '../../node_modules/prop-types/index.js';
|
11
|
+
import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
|
12
|
+
import { prepareProps } from '../../global/js/utils/props-helper.js';
|
13
|
+
import { pkg } from '../../settings.js';
|
14
|
+
import { DecoratorBase } from '../DecoratorBase/DecoratorBase.js';
|
15
|
+
|
16
|
+
var componentName = 'DecoratorLink';
|
17
|
+
|
18
|
+
/**
|
19
|
+
* The DecoratorLink groups a key/value pair to behave like a link.
|
20
|
+
*/
|
21
|
+
var DecoratorLink = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
22
|
+
var validProps = prepareProps(props, ['disabled', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
|
23
|
+
return /*#__PURE__*/React__default.createElement(DecoratorBase, _extends({
|
24
|
+
ref: ref
|
25
|
+
}, validProps, {
|
26
|
+
kind: "link"
|
27
|
+
}, getDevtoolsProps(componentName)));
|
28
|
+
});
|
29
|
+
|
30
|
+
// Return a placeholder if not released and not enabled by feature flag
|
31
|
+
DecoratorLink = pkg.checkComponentEnabled(DecoratorLink, componentName);
|
32
|
+
|
33
|
+
// The display name of the component, used by React. Note that displayName
|
34
|
+
// is used in preference to relying on function.name.
|
35
|
+
DecoratorLink.displayName = componentName;
|
36
|
+
|
37
|
+
// The types and DocGen commentary for the component props,
|
38
|
+
// in alphabetical order (for consistency).
|
39
|
+
// See https://www.npmjs.com/package/prop-types#usage.
|
40
|
+
DecoratorLink.propTypes = {
|
41
|
+
/**
|
42
|
+
* Provide an optional class to be applied to the containing node.
|
43
|
+
*/
|
44
|
+
className: PropTypes.string,
|
45
|
+
/**
|
46
|
+
* Do not show the icon, regardless of score.
|
47
|
+
*/
|
48
|
+
hideIcon: PropTypes.bool,
|
49
|
+
/**
|
50
|
+
* The component's URL.
|
51
|
+
*/
|
52
|
+
href: PropTypes.string.isRequired,
|
53
|
+
/**
|
54
|
+
* The label for the data.
|
55
|
+
*/
|
56
|
+
label: PropTypes.string,
|
57
|
+
/**
|
58
|
+
* Optional callback function.
|
59
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
60
|
+
*/
|
61
|
+
onClick: PropTypes.func,
|
62
|
+
/**
|
63
|
+
* Optional callback function.
|
64
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
65
|
+
*/
|
66
|
+
onContextMenu: PropTypes.func,
|
67
|
+
/**
|
68
|
+
* Used in conjunction with `scoreThresholds`, determines the color, shape, and type of magnitude of the icon.
|
69
|
+
*
|
70
|
+
* If you don't want to show the icon at all, set `hideIcon={true}`.
|
71
|
+
*/
|
72
|
+
score: PropTypes.number,
|
73
|
+
/**
|
74
|
+
* Used in conjunction with `score`, determines the color, shape, and type of magnitude of the icon.
|
75
|
+
*
|
76
|
+
* An array of 4 numbers determines the range of thresholds.
|
77
|
+
*
|
78
|
+
* Example using `[0, 4, 7, 10]`:
|
79
|
+
* <br/>- `<= 0` "Benign"
|
80
|
+
* <br/>- `1-3` "Low"
|
81
|
+
* <br/>- `4-6` "Medium"
|
82
|
+
* <br/>- `7-9` "High"
|
83
|
+
* <br/>- `>= 10` "Critical"
|
84
|
+
* <br/>- `NaN` "Unknown"
|
85
|
+
*/
|
86
|
+
scoreThresholds: PropTypes.arrayOf(PropTypes.number),
|
87
|
+
/**
|
88
|
+
* Optional callback function for building a more detailed descriptive text.
|
89
|
+
* Returns `score`, `scoreThresholds`, `magnitude`.
|
90
|
+
*
|
91
|
+
* Typical description is in the form of
|
92
|
+
* '"(magnitude)" magnitude: score (score) out of (last element of scoreThresholds array)'.
|
93
|
+
*
|
94
|
+
* E.g. `"Medium" magnitude: score 5 out of 10`.
|
95
|
+
*
|
96
|
+
* If not defined, the title will default to the `label` prop.
|
97
|
+
*/
|
98
|
+
setLabelTitle: PropTypes.func,
|
99
|
+
/**
|
100
|
+
* Styled smaller to better fit inline with text.
|
101
|
+
*/
|
102
|
+
small: PropTypes.bool,
|
103
|
+
/**
|
104
|
+
* Determines the theme of the component.
|
105
|
+
*/
|
106
|
+
theme: PropTypes.oneOf(['light', 'dark']),
|
107
|
+
/**
|
108
|
+
* If not defined, it will behave as `display:inline-block`.
|
109
|
+
*/
|
110
|
+
truncateValue: PropTypes.oneOfType([PropTypes.oneOf(['end', 'start']), PropTypes.shape({
|
111
|
+
maxLength: PropTypes.number,
|
112
|
+
front: PropTypes.number,
|
113
|
+
back: PropTypes.number
|
114
|
+
})]),
|
115
|
+
/**
|
116
|
+
* The value of the data.
|
117
|
+
*/
|
118
|
+
value: PropTypes.string.isRequired,
|
119
|
+
/**
|
120
|
+
* Overrides the default title for the Decorator's value.
|
121
|
+
*/
|
122
|
+
valueTitle: PropTypes.string
|
123
|
+
};
|
124
|
+
|
125
|
+
export { DecoratorLink };
|
@@ -0,0 +1 @@
|
|
1
|
+
export { DecoratorLink } from "./DecoratorLink";
|
@@ -0,0 +1,125 @@
|
|
1
|
+
/**
|
2
|
+
* Copyright IBM Corp. 2020, 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
|
+
|
8
|
+
import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
|
9
|
+
import React__default from 'react';
|
10
|
+
import PropTypes from '../../node_modules/prop-types/index.js';
|
11
|
+
import { getDevtoolsProps } from '../../global/js/utils/devtools.js';
|
12
|
+
import { prepareProps } from '../../global/js/utils/props-helper.js';
|
13
|
+
import { pkg } from '../../settings.js';
|
14
|
+
import { DecoratorBase } from '../DecoratorBase/DecoratorBase.js';
|
15
|
+
|
16
|
+
var componentName = 'DecoratorSingleButton';
|
17
|
+
|
18
|
+
/**
|
19
|
+
* The DecoratorSingleButton groups a key/value pair to behave like a button.
|
20
|
+
*/
|
21
|
+
var DecoratorSingleButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
|
22
|
+
var validProps = prepareProps(props, ['href', 'kind', 'onClickLabel', 'onClickValue', 'onContextMenuLabel', 'onContextMenuValue']);
|
23
|
+
return /*#__PURE__*/React__default.createElement(DecoratorBase, _extends({
|
24
|
+
ref: ref
|
25
|
+
}, validProps, {
|
26
|
+
kind: "single-button"
|
27
|
+
}, getDevtoolsProps(componentName)));
|
28
|
+
});
|
29
|
+
|
30
|
+
// Return a placeholder if not released and not enabled by feature flag
|
31
|
+
DecoratorSingleButton = pkg.checkComponentEnabled(DecoratorSingleButton, componentName);
|
32
|
+
|
33
|
+
// The display name of the component, used by React. Note that displayName
|
34
|
+
// is used in preference to relying on function.name.
|
35
|
+
DecoratorSingleButton.displayName = componentName;
|
36
|
+
|
37
|
+
// The types and DocGen commentary for the component props,
|
38
|
+
// in alphabetical order (for consistency).
|
39
|
+
// See https://www.npmjs.com/package/prop-types#usage.
|
40
|
+
DecoratorSingleButton.propTypes = {
|
41
|
+
/**
|
42
|
+
* Provide an optional class to be applied to the containing node.
|
43
|
+
*/
|
44
|
+
className: PropTypes.string,
|
45
|
+
/**
|
46
|
+
* `disabled` only applies if `kind` is "single-button" or "dual-button".
|
47
|
+
*/
|
48
|
+
disabled: PropTypes.bool,
|
49
|
+
/**
|
50
|
+
* Do not show the icon, regardless of score.
|
51
|
+
*/
|
52
|
+
hideIcon: PropTypes.bool,
|
53
|
+
/**
|
54
|
+
* The label for the data.
|
55
|
+
*/
|
56
|
+
label: PropTypes.string,
|
57
|
+
/**
|
58
|
+
* Optional callback function.
|
59
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
60
|
+
*/
|
61
|
+
onClick: PropTypes.func,
|
62
|
+
/**
|
63
|
+
* Optional callback function.
|
64
|
+
* Returns two objects: `event` and `{ score, label, value, magnitude }`
|
65
|
+
*/
|
66
|
+
onContextMenu: PropTypes.func,
|
67
|
+
/**
|
68
|
+
* Used in conjunction with `scoreThresholds`, determines the color, shape, and type of magnitude of the icon.
|
69
|
+
*
|
70
|
+
* If you don't want to show the icon at all, set `hideIcon={true}`.
|
71
|
+
*/
|
72
|
+
score: PropTypes.number,
|
73
|
+
/**
|
74
|
+
* Used in conjunction with `score`, determines the color, shape, and type of magnitude of the icon.
|
75
|
+
*
|
76
|
+
* An array of 4 numbers determines the range of thresholds.
|
77
|
+
*
|
78
|
+
* Example using `[0, 4, 7, 10]`:
|
79
|
+
* <br/>- `<= 0` "Benign"
|
80
|
+
* <br/>- `1-3` "Low"
|
81
|
+
* <br/>- `4-6` "Medium"
|
82
|
+
* <br/>- `7-9` "High"
|
83
|
+
* <br/>- `>= 10` "Critical"
|
84
|
+
* <br/>- `NaN` "Unknown"
|
85
|
+
*/
|
86
|
+
scoreThresholds: PropTypes.arrayOf(PropTypes.number),
|
87
|
+
/**
|
88
|
+
* Optional callback function for building a more detailed descriptive text.
|
89
|
+
* Returns `score`, `scoreThresholds`, `magnitude`.
|
90
|
+
*
|
91
|
+
* Typical description is in the form of
|
92
|
+
* '"(magnitude)" magnitude: score (score) out of (last element of scoreThresholds array)'.
|
93
|
+
*
|
94
|
+
* E.g. `"Medium" magnitude: score 5 out of 10`.
|
95
|
+
*
|
96
|
+
* If not defined, the title will default to the `label` prop.
|
97
|
+
*/
|
98
|
+
setLabelTitle: PropTypes.func,
|
99
|
+
/**
|
100
|
+
* Styled smaller to better fit inline with text.
|
101
|
+
*/
|
102
|
+
small: PropTypes.bool,
|
103
|
+
/**
|
104
|
+
* Determines the theme of the component.
|
105
|
+
*/
|
106
|
+
theme: PropTypes.oneOf(['light', 'dark']),
|
107
|
+
/**
|
108
|
+
* If not defined, it will behave as `display:inline-block`.
|
109
|
+
*/
|
110
|
+
truncateValue: PropTypes.oneOfType([PropTypes.oneOf(['end', 'start']), PropTypes.shape({
|
111
|
+
maxLength: PropTypes.number,
|
112
|
+
front: PropTypes.number,
|
113
|
+
back: PropTypes.number
|
114
|
+
})]),
|
115
|
+
/**
|
116
|
+
* The value of the data.
|
117
|
+
*/
|
118
|
+
value: PropTypes.string.isRequired,
|
119
|
+
/**
|
120
|
+
* Overrides the default title for the Decorator's value.
|
121
|
+
*/
|
122
|
+
valueTitle: PropTypes.string
|
123
|
+
};
|
124
|
+
|
125
|
+
export { DecoratorSingleButton };
|
@@ -0,0 +1 @@
|
|
1
|
+
export { DecoratorSingleButton } from "./DecoratorSingleButton";
|
package/es/components/index.d.ts
CHANGED
@@ -41,6 +41,9 @@ export { InterstitialScreenView } from "./InterstitialScreenView";
|
|
41
41
|
export { InterstitialScreenViewModule } from "./InterstitialScreenViewModule";
|
42
42
|
export { DelimitedList } from "./DelimitedList";
|
43
43
|
export { Decorator } from "./Decorator";
|
44
|
+
export { DecoratorLink } from "./DecoratorLink";
|
45
|
+
export { DecoratorSingleButton } from "./DecoratorSingleButton";
|
46
|
+
export { DecoratorDualButton } from "./DecoratorDualButton";
|
44
47
|
export { DescriptionList } from "./DescriptionList";
|
45
48
|
export { FullPageError } from "./FullPageError";
|
46
49
|
export { SearchBar } from "./SearchBar";
|
@@ -22,8 +22,9 @@ var useFocus = function useFocus(modalRef) {
|
|
22
22
|
var querySelect = "select".concat(notQuery);
|
23
23
|
var queryTextarea = "textarea".concat(notQuery);
|
24
24
|
var queryLink = "[href]".concat(notQuery);
|
25
|
+
var queryTabIndex = "[tabindex=\"0\"]".concat(notQuery);
|
25
26
|
// Final query
|
26
|
-
var query = "".concat(queryButton, ",").concat(queryLink, ",").concat(queryInput, ",").concat(querySelect, ",").concat(queryTextarea);
|
27
|
+
var query = "".concat(queryButton, ",").concat(queryLink, ",").concat(queryInput, ",").concat(querySelect, ",").concat(queryTextarea, ", ").concat(queryTabIndex);
|
27
28
|
var modalEl = modalRef === null || modalRef === void 0 ? void 0 : modalRef.current;
|
28
29
|
var getFocusable = useCallback(function () {
|
29
30
|
// Selecting all focusable elements based on the above conditions
|
@@ -91,6 +91,9 @@ declare namespace defaults {
|
|
91
91
|
let CoachmarkOverlayElements: boolean;
|
92
92
|
let CoachmarkStack: boolean;
|
93
93
|
let Decorator: boolean;
|
94
|
+
let DecoratorLink: boolean;
|
95
|
+
let DecoratorSingleButton: boolean;
|
96
|
+
let DecoratorDualButton: boolean;
|
94
97
|
let DescriptionList: boolean;
|
95
98
|
let SearchBar: boolean;
|
96
99
|
let UserAvatar: boolean;
|
@@ -93,6 +93,9 @@ var defaults = {
|
|
93
93
|
CoachmarkOverlayElements: false,
|
94
94
|
CoachmarkStack: false,
|
95
95
|
Decorator: false,
|
96
|
+
DecoratorLink: false,
|
97
|
+
DecoratorSingleButton: false,
|
98
|
+
DecoratorDualButton: false,
|
96
99
|
DescriptionList: false,
|
97
100
|
SearchBar: false,
|
98
101
|
UserAvatar: false,
|
package/es/index.js
CHANGED
@@ -106,6 +106,9 @@ export { InterstitialScreenView } from './components/InterstitialScreenView/Inte
|
|
106
106
|
export { InterstitialScreenViewModule } from './components/InterstitialScreenViewModule/InterstitialScreenViewModule.js';
|
107
107
|
export { DelimitedList } from './components/DelimitedList/DelimitedList.js';
|
108
108
|
export { Decorator } from './components/Decorator/Decorator.js';
|
109
|
+
export { DecoratorLink } from './components/DecoratorLink/DecoratorLink.js';
|
110
|
+
export { DecoratorSingleButton } from './components/DecoratorSingleButton/DecoratorSingleButton.js';
|
111
|
+
export { DecoratorDualButton } from './components/DecoratorDualButton/DecoratorDualButton.js';
|
109
112
|
export { DescriptionList } from './components/DescriptionList/DescriptionList.js';
|
110
113
|
export { FullPageError } from './components/FullPageError/FullPageError.js';
|
111
114
|
export { SearchBar } from './components/SearchBar/SearchBar.js';
|
package/es/settings.d.ts
CHANGED
@@ -77,6 +77,9 @@ export const pkg: {
|
|
77
77
|
CoachmarkOverlayElements: boolean;
|
78
78
|
CoachmarkStack: boolean;
|
79
79
|
Decorator: boolean;
|
80
|
+
DecoratorLink: boolean;
|
81
|
+
DecoratorSingleButton: boolean;
|
82
|
+
DecoratorDualButton: boolean;
|
80
83
|
DescriptionList: boolean;
|
81
84
|
SearchBar: boolean;
|
82
85
|
UserAvatar: boolean;
|
@@ -1,5 +1,5 @@
|
|
1
1
|
/**
|
2
|
-
* The Decorator groups a key/value pair
|
2
|
+
* The Decorator groups a key/value pair as a single element. This component is not interactive.
|
3
3
|
*/
|
4
4
|
export let Decorator: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
|
5
5
|
import React from 'react';
|