carbon-react 110.4.1 → 110.5.2
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/esm/components/flat-table/flat-table-header/flat-table-header-utils.js +18 -0
- package/esm/components/flat-table/flat-table-header/flat-table-header.component.js +6 -1
- package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +7 -5
- package/esm/components/icon/icon.component.js +22 -9
- package/esm/components/message/index.d.ts +2 -1
- package/esm/components/message/message-content/message-content.component.d.ts +9 -0
- package/esm/components/message/message-content/message-content.component.js +4 -5
- package/esm/components/message/message-content/message-content.style.d.ts +2 -0
- package/esm/components/message/message-content/message-content.style.js +0 -3
- package/esm/components/message/message.component.d.ts +27 -0
- package/esm/components/message/message.component.js +169 -37
- package/esm/components/message/message.style.d.ts +8 -0
- package/esm/components/message/message.style.js +1 -8
- package/esm/components/message/type-icon/type-icon.component.d.ts +10 -0
- package/esm/components/message/type-icon/type-icon.component.js +4 -8
- package/esm/components/message/type-icon/type-icon.style.d.ts +9 -0
- package/esm/components/message/type-icon/type-icon.style.js +0 -10
- package/esm/components/search/search.component.js +28 -2
- package/esm/components/search/search.d.ts +3 -1
- package/esm/components/sidebar/__internal__/sidebar-header/index.d.ts +1 -0
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +9 -0
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +7 -18
- package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +2 -0
- package/esm/components/sidebar/index.d.ts +2 -1
- package/esm/components/sidebar/index.js +1 -2
- package/esm/components/sidebar/sidebar.component.d.ts +44 -0
- package/esm/components/sidebar/sidebar.component.js +187 -48
- package/esm/components/sidebar/sidebar.config.d.ts +11 -0
- package/esm/components/sidebar/sidebar.style.d.ts +8 -0
- package/esm/components/step-sequence/index.d.ts +4 -2
- package/esm/components/step-sequence/step-sequence-item/index.d.ts +2 -0
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts +19 -0
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.js +26 -41
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts +9 -0
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +18 -2
- package/esm/components/step-sequence/step-sequence.component.d.ts +13 -0
- package/esm/components/step-sequence/step-sequence.component.js +170 -18
- package/esm/components/step-sequence/step-sequence.config.d.ts +2 -0
- package/esm/components/step-sequence/step-sequence.style.d.ts +4 -0
- package/esm/components/tabs/__internal__/tab-title/tab-title.component.d.ts +4 -0
- package/esm/components/tabs/__internal__/tab-title/tab-title.component.js +34 -4
- package/esm/components/tabs/__internal__/tab-title/tab-title.d.ts +6 -0
- package/esm/components/tabs/__internal__/tab-title/tab-title.style.d.ts +4 -0
- package/lib/components/flat-table/flat-table-header/flat-table-header-utils.js +26 -0
- package/lib/components/flat-table/flat-table-header/flat-table-header.component.js +6 -0
- package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +10 -5
- package/lib/components/icon/icon.component.js +22 -8
- package/lib/components/message/index.d.ts +2 -1
- package/lib/components/message/message-content/message-content.component.d.ts +9 -0
- package/lib/components/message/message-content/message-content.component.js +5 -6
- package/lib/components/message/message-content/message-content.style.d.ts +2 -0
- package/lib/components/message/message-content/message-content.style.js +0 -4
- package/lib/components/message/message.component.d.ts +27 -0
- package/lib/components/message/message.component.js +170 -40
- package/lib/components/message/message.style.d.ts +8 -0
- package/lib/components/message/message.style.js +1 -9
- package/lib/components/message/type-icon/type-icon.component.d.ts +10 -0
- package/lib/components/message/type-icon/type-icon.component.js +4 -8
- package/lib/components/message/type-icon/type-icon.style.d.ts +9 -0
- package/lib/components/message/type-icon/type-icon.style.js +0 -13
- package/lib/components/search/search.component.js +28 -2
- package/lib/components/search/search.d.ts +3 -1
- package/lib/components/sidebar/__internal__/sidebar-header/index.d.ts +1 -0
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +9 -0
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +7 -19
- package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +2 -0
- package/lib/components/sidebar/index.d.ts +2 -1
- package/lib/components/sidebar/sidebar.component.d.ts +44 -0
- package/lib/components/sidebar/sidebar.component.js +187 -50
- package/lib/components/sidebar/sidebar.config.d.ts +11 -0
- package/lib/components/sidebar/sidebar.style.d.ts +8 -0
- package/lib/components/step-sequence/index.d.ts +4 -2
- package/lib/components/step-sequence/step-sequence-item/index.d.ts +2 -0
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts +19 -0
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js +30 -48
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts +9 -0
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +22 -3
- package/lib/components/step-sequence/step-sequence.component.d.ts +13 -0
- package/lib/components/step-sequence/step-sequence.component.js +171 -21
- package/lib/components/step-sequence/step-sequence.config.d.ts +2 -0
- package/lib/components/step-sequence/step-sequence.style.d.ts +4 -0
- package/lib/components/tabs/__internal__/tab-title/tab-title.component.d.ts +4 -0
- package/lib/components/tabs/__internal__/tab-title/tab-title.component.js +38 -4
- package/lib/components/tabs/__internal__/tab-title/tab-title.d.ts +6 -0
- package/lib/components/tabs/__internal__/tab-title/tab-title.style.d.ts +4 -0
- package/package.json +1 -1
- package/esm/components/message/message.d.ts +0 -29
- package/esm/components/sidebar/__internal__/sidebar-header/__definition__.js +0 -13
- package/esm/components/sidebar/sidebar.d.ts +0 -57
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item-content.style.js +0 -5
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item-hidden-label.style.js +0 -9
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item-indicator.style.js +0 -9
- package/esm/components/step-sequence/step-sequence-item/step-sequence-item.d.ts +0 -22
- package/esm/components/step-sequence/step-sequence.d.ts +0 -12
- package/lib/components/message/message.d.ts +0 -29
- package/lib/components/sidebar/__internal__/sidebar-header/__definition__.js +0 -25
- package/lib/components/sidebar/sidebar.d.ts +0 -57
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item-content.style.js +0 -16
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item-hidden-label.style.js +0 -20
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item-indicator.style.js +0 -20
- package/lib/components/step-sequence/step-sequence-item/step-sequence-item.d.ts +0 -22
- package/lib/components/step-sequence/step-sequence.d.ts +0 -12
|
@@ -3,47 +3,197 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.StepSequenceContext = void 0;
|
|
6
|
+
exports.default = exports.StepSequence = exports.StepSequenceContext = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
12
|
-
var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
|
|
13
|
-
|
|
14
12
|
var _stepSequence = _interopRequireDefault(require("./step-sequence.style"));
|
|
15
13
|
|
|
16
|
-
var _utils = require("../../style/utils");
|
|
17
|
-
|
|
18
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
15
|
|
|
20
16
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
17
|
|
|
22
|
-
const StepSequenceContext = /*#__PURE__*/_react.default.createContext({
|
|
18
|
+
const StepSequenceContext = /*#__PURE__*/_react.default.createContext({
|
|
19
|
+
orientation: "horizontal"
|
|
20
|
+
});
|
|
23
21
|
|
|
24
22
|
exports.StepSequenceContext = StepSequenceContext;
|
|
25
|
-
const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
|
|
26
23
|
|
|
27
|
-
const StepSequence =
|
|
24
|
+
const StepSequence = ({
|
|
25
|
+
children,
|
|
26
|
+
orientation = "horizontal",
|
|
27
|
+
...props
|
|
28
|
+
}) => {
|
|
28
29
|
return /*#__PURE__*/_react.default.createElement(_stepSequence.default, _extends({
|
|
29
|
-
"data-component": "step-sequence"
|
|
30
|
+
"data-component": "step-sequence",
|
|
31
|
+
orientation: orientation
|
|
30
32
|
}, props), /*#__PURE__*/_react.default.createElement(StepSequenceContext.Provider, {
|
|
31
33
|
value: {
|
|
32
|
-
orientation
|
|
34
|
+
orientation
|
|
33
35
|
}
|
|
34
|
-
},
|
|
36
|
+
}, children));
|
|
35
37
|
};
|
|
36
38
|
|
|
37
|
-
StepSequence
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
39
|
+
exports.StepSequence = StepSequence;
|
|
40
|
+
StepSequence.propTypes = {
|
|
41
|
+
"children": _propTypes.default.node,
|
|
42
|
+
"m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
43
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
44
|
+
"description": _propTypes.default.string,
|
|
45
|
+
"toString": _propTypes.default.func.isRequired,
|
|
46
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
47
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
48
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
49
|
+
"description": _propTypes.default.string,
|
|
50
|
+
"toString": _propTypes.default.func.isRequired,
|
|
51
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
52
|
+
}), _propTypes.default.string]),
|
|
53
|
+
"margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
54
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
55
|
+
"description": _propTypes.default.string,
|
|
56
|
+
"toString": _propTypes.default.func.isRequired,
|
|
57
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
58
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
59
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
60
|
+
"description": _propTypes.default.string,
|
|
61
|
+
"toString": _propTypes.default.func.isRequired,
|
|
62
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
63
|
+
}), _propTypes.default.string]),
|
|
64
|
+
"marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
65
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
66
|
+
"description": _propTypes.default.string,
|
|
67
|
+
"toString": _propTypes.default.func.isRequired,
|
|
68
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
69
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
70
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
71
|
+
"description": _propTypes.default.string,
|
|
72
|
+
"toString": _propTypes.default.func.isRequired,
|
|
73
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
74
|
+
}), _propTypes.default.string]),
|
|
75
|
+
"marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
76
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
77
|
+
"description": _propTypes.default.string,
|
|
78
|
+
"toString": _propTypes.default.func.isRequired,
|
|
79
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
80
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
81
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
82
|
+
"description": _propTypes.default.string,
|
|
83
|
+
"toString": _propTypes.default.func.isRequired,
|
|
84
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
85
|
+
}), _propTypes.default.string]),
|
|
86
|
+
"marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
87
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
88
|
+
"description": _propTypes.default.string,
|
|
89
|
+
"toString": _propTypes.default.func.isRequired,
|
|
90
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
91
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
92
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
93
|
+
"description": _propTypes.default.string,
|
|
94
|
+
"toString": _propTypes.default.func.isRequired,
|
|
95
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
96
|
+
}), _propTypes.default.string]),
|
|
97
|
+
"marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
98
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
99
|
+
"description": _propTypes.default.string,
|
|
100
|
+
"toString": _propTypes.default.func.isRequired,
|
|
101
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
102
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
103
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
104
|
+
"description": _propTypes.default.string,
|
|
105
|
+
"toString": _propTypes.default.func.isRequired,
|
|
106
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
107
|
+
}), _propTypes.default.string]),
|
|
108
|
+
"marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
109
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
110
|
+
"description": _propTypes.default.string,
|
|
111
|
+
"toString": _propTypes.default.func.isRequired,
|
|
112
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
113
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
114
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
115
|
+
"description": _propTypes.default.string,
|
|
116
|
+
"toString": _propTypes.default.func.isRequired,
|
|
117
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
118
|
+
}), _propTypes.default.string]),
|
|
119
|
+
"marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
120
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
121
|
+
"description": _propTypes.default.string,
|
|
122
|
+
"toString": _propTypes.default.func.isRequired,
|
|
123
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
124
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
125
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
126
|
+
"description": _propTypes.default.string,
|
|
127
|
+
"toString": _propTypes.default.func.isRequired,
|
|
128
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
129
|
+
}), _propTypes.default.string]),
|
|
130
|
+
"mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
131
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
132
|
+
"description": _propTypes.default.string,
|
|
133
|
+
"toString": _propTypes.default.func.isRequired,
|
|
134
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
135
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
136
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
137
|
+
"description": _propTypes.default.string,
|
|
138
|
+
"toString": _propTypes.default.func.isRequired,
|
|
139
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
140
|
+
}), _propTypes.default.string]),
|
|
141
|
+
"ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
142
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
143
|
+
"description": _propTypes.default.string,
|
|
144
|
+
"toString": _propTypes.default.func.isRequired,
|
|
145
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
146
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
147
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
148
|
+
"description": _propTypes.default.string,
|
|
149
|
+
"toString": _propTypes.default.func.isRequired,
|
|
150
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
151
|
+
}), _propTypes.default.string]),
|
|
152
|
+
"mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
153
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
154
|
+
"description": _propTypes.default.string,
|
|
155
|
+
"toString": _propTypes.default.func.isRequired,
|
|
156
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
157
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
158
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
159
|
+
"description": _propTypes.default.string,
|
|
160
|
+
"toString": _propTypes.default.func.isRequired,
|
|
161
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
162
|
+
}), _propTypes.default.string]),
|
|
163
|
+
"mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
164
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
165
|
+
"description": _propTypes.default.string,
|
|
166
|
+
"toString": _propTypes.default.func.isRequired,
|
|
167
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
168
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
169
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
170
|
+
"description": _propTypes.default.string,
|
|
171
|
+
"toString": _propTypes.default.func.isRequired,
|
|
172
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
173
|
+
}), _propTypes.default.string]),
|
|
174
|
+
"mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
175
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
176
|
+
"description": _propTypes.default.string,
|
|
177
|
+
"toString": _propTypes.default.func.isRequired,
|
|
178
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
179
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
180
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
181
|
+
"description": _propTypes.default.string,
|
|
182
|
+
"toString": _propTypes.default.func.isRequired,
|
|
183
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
184
|
+
}), _propTypes.default.string]),
|
|
185
|
+
"my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
|
|
186
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
187
|
+
"description": _propTypes.default.string,
|
|
188
|
+
"toString": _propTypes.default.func.isRequired,
|
|
189
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
190
|
+
}), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
|
|
191
|
+
"__@toStringTag": _propTypes.default.string.isRequired,
|
|
192
|
+
"description": _propTypes.default.string,
|
|
193
|
+
"toString": _propTypes.default.func.isRequired,
|
|
194
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
195
|
+
}), _propTypes.default.string]),
|
|
196
|
+
"orientation": _propTypes.default.oneOf(["horizontal", "vertical"])
|
|
47
197
|
};
|
|
48
198
|
var _default = StepSequence;
|
|
49
199
|
exports.default = _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = void 0;
|
|
6
|
+
exports.default = exports.TabTitleContext = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
9
|
|
|
@@ -21,6 +21,8 @@ var _icon = _interopRequireDefault(require("../../../icon"));
|
|
|
21
21
|
|
|
22
22
|
var _events = _interopRequireDefault(require("../../../../__internal__/utils/helpers/events"));
|
|
23
23
|
|
|
24
|
+
var _tooltipProvider = require("../../../../__internal__/tooltip-provider");
|
|
25
|
+
|
|
24
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
27
|
|
|
26
28
|
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
@@ -29,6 +31,10 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
|
|
|
29
31
|
|
|
30
32
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
33
|
|
|
34
|
+
const TabTitleContext = /*#__PURE__*/_react.default.createContext({});
|
|
35
|
+
|
|
36
|
+
exports.TabTitleContext = TabTitleContext;
|
|
37
|
+
|
|
32
38
|
const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
|
|
33
39
|
isTabSelected,
|
|
34
40
|
dataTabId,
|
|
@@ -59,6 +65,18 @@ const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
59
65
|
const isHref = !!href;
|
|
60
66
|
const hasAlternateStyling = alternateStyling || isInSidebar;
|
|
61
67
|
const hasFailedValidation = error || warning || info;
|
|
68
|
+
const [shouldShowTooltip, setShouldShowTooltip] = (0, _react.useState)(false);
|
|
69
|
+
const hasHover = (0, _react.useRef)(false);
|
|
70
|
+
|
|
71
|
+
const showTooltip = () => {
|
|
72
|
+
setShouldShowTooltip(true);
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
const hideTooltip = () => {
|
|
76
|
+
if ((ref === null || ref === void 0 ? void 0 : ref.current) !== document.activeElement && !hasHover.current) {
|
|
77
|
+
setShouldShowTooltip(false);
|
|
78
|
+
}
|
|
79
|
+
};
|
|
62
80
|
|
|
63
81
|
if (siblings && !keys.current.length) {
|
|
64
82
|
siblings.forEach(() => keys.current.push((0, _guid.default)()));
|
|
@@ -125,7 +143,13 @@ const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
125
143
|
return titlePosition === "before" ? [titleText, titleSiblings] : [titleSiblings, titleText];
|
|
126
144
|
};
|
|
127
145
|
|
|
128
|
-
return /*#__PURE__*/_react.default.createElement(
|
|
146
|
+
return /*#__PURE__*/_react.default.createElement(_tooltipProvider.TooltipProvider, {
|
|
147
|
+
tooltipVisible: shouldShowTooltip
|
|
148
|
+
}, /*#__PURE__*/_react.default.createElement(TabTitleContext.Provider, {
|
|
149
|
+
value: {
|
|
150
|
+
isInTab: true
|
|
151
|
+
}
|
|
152
|
+
}, /*#__PURE__*/_react.default.createElement(_tabTitle.StyledTabTitle, _extends({
|
|
129
153
|
ref: ref,
|
|
130
154
|
"aria-selected": isTabSelected,
|
|
131
155
|
"data-element": "select-tab",
|
|
@@ -148,7 +172,17 @@ const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
148
172
|
}, (0, _tags.default)("tab-header", tabTitleProps), {
|
|
149
173
|
onKeyDown: handleKeyDown,
|
|
150
174
|
onClick: handleClick,
|
|
151
|
-
size: size
|
|
175
|
+
size: size,
|
|
176
|
+
onMouseOver: () => {
|
|
177
|
+
hasHover.current = true;
|
|
178
|
+
showTooltip();
|
|
179
|
+
},
|
|
180
|
+
onMouseLeave: () => {
|
|
181
|
+
hasHover.current = false;
|
|
182
|
+
hideTooltip();
|
|
183
|
+
},
|
|
184
|
+
onFocus: showTooltip,
|
|
185
|
+
onBlur: hideTooltip
|
|
152
186
|
}), /*#__PURE__*/_react.default.createElement(_tabTitle.StyledTitleContent, {
|
|
153
187
|
error: error,
|
|
154
188
|
warning: warning,
|
|
@@ -187,7 +221,7 @@ const TabTitle = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
187
221
|
}))), !(hasFailedValidation || hasAlternateStyling) && isTabSelected && /*#__PURE__*/_react.default.createElement(_tabTitle.StyledSelectedIndicator, {
|
|
188
222
|
"data-element": "tab-selected-indicator",
|
|
189
223
|
position: position
|
|
190
|
-
}));
|
|
224
|
+
}))));
|
|
191
225
|
});
|
|
192
226
|
|
|
193
227
|
TabTitle.propTypes = {
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
|
|
3
|
+
export interface TabTitleContextProps {
|
|
4
|
+
isInTab?: boolean;
|
|
5
|
+
}
|
|
6
|
+
|
|
3
7
|
export interface TabTitleProps {
|
|
4
8
|
title: string;
|
|
5
9
|
id?: string;
|
|
@@ -34,6 +38,8 @@ export interface TabTitleProps {
|
|
|
34
38
|
) => void;
|
|
35
39
|
}
|
|
36
40
|
|
|
41
|
+
declare const TabTitleContext: React.Context<TabTitleContextProps>;
|
|
37
42
|
declare function TabTitle(props: TabTitleProps): JSX.Element;
|
|
38
43
|
|
|
44
|
+
export { TabTitleContext };
|
|
39
45
|
export default TabTitle;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export const StyledTabTitle: import("styled-components").StyledComponent<"button", any, {}, never>;
|
|
2
|
+
export const StyledTitleContent: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
3
|
+
export const StyledLayoutWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
4
|
+
export const StyledSelectedIndicator: import("styled-components").StyledComponent<"div", any, {}, never>;
|
package/package.json
CHANGED
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { MarginProps } from "styled-system";
|
|
3
|
-
|
|
4
|
-
export interface MessageProps extends MarginProps {
|
|
5
|
-
/** set content to component */
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
/** set custom class to component */
|
|
8
|
-
className?: string;
|
|
9
|
-
/** set custom aria label for message close button */
|
|
10
|
-
closeButtonAriaLabel?: string;
|
|
11
|
-
/** set custom id to component root */
|
|
12
|
-
id?: string;
|
|
13
|
-
/** function runs when user click dismiss button */
|
|
14
|
-
onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
|
|
15
|
-
/** show message component */
|
|
16
|
-
open?: boolean;
|
|
17
|
-
/** determines if the close icon is shown */
|
|
18
|
-
showCloseIcon?: boolean;
|
|
19
|
-
/** set message title */
|
|
20
|
-
title?: React.ReactNode;
|
|
21
|
-
/** set background to be invisible */
|
|
22
|
-
transparent?: boolean;
|
|
23
|
-
/** set type of message based on new DLS standard */
|
|
24
|
-
variant?: "error" | "info" | "success" | "warning";
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
declare function Message(props: MessageProps): JSX.Element;
|
|
28
|
-
|
|
29
|
-
export default Message;
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import SidebarHeader from ".";
|
|
2
|
-
import Definition from "./../../../../../demo/utils/definition";
|
|
3
|
-
let definition = new Definition("sidebar-header", SidebarHeader, {
|
|
4
|
-
description: "[content needed] Basic example of the component",
|
|
5
|
-
designerNotes: "[content needed] Basic designs description for the component",
|
|
6
|
-
propTypes: {
|
|
7
|
-
children: "Node"
|
|
8
|
-
},
|
|
9
|
-
propDescriptions: {
|
|
10
|
-
children: "This component supports children."
|
|
11
|
-
}
|
|
12
|
-
});
|
|
13
|
-
export default definition;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PaddingProps } from "styled-system";
|
|
3
|
-
|
|
4
|
-
export interface SidebarContextProps {
|
|
5
|
-
isInSidebar: boolean;
|
|
6
|
-
}
|
|
7
|
-
export interface SidebarProps extends PaddingProps {
|
|
8
|
-
/** Prop to specify the aria-describedby property of the component */
|
|
9
|
-
"aria-describedby"?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Prop to specify the aria-label of the component.
|
|
12
|
-
* To be used only when the title prop is not defined, and the component is not labelled by any internal element.
|
|
13
|
-
*/
|
|
14
|
-
"aria-label"?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Prop to specify the aria-labeledby property of the component
|
|
17
|
-
* To be used when the title prop is a custom React Node,
|
|
18
|
-
* or the component is labelled by an internal element other than the title.
|
|
19
|
-
*/
|
|
20
|
-
"aria-labelledby"?: string;
|
|
21
|
-
/** Modal content */
|
|
22
|
-
children?: React.ReactNode;
|
|
23
|
-
/** Determines if the Esc Key closes the modal */
|
|
24
|
-
disableEscKey?: boolean;
|
|
25
|
-
/** Set this prop to false to hide the translucent background when the dialog is open. */
|
|
26
|
-
enableBackgroundUI?: boolean;
|
|
27
|
-
/** Node that will be used as sidebar header. */
|
|
28
|
-
header?: React.ReactNode;
|
|
29
|
-
/** A custom close event handler */
|
|
30
|
-
onCancel?: (ev: React.KeyboardEvent<HTMLElement>) => void;
|
|
31
|
-
/** Sets the open state of the modal */
|
|
32
|
-
open: boolean;
|
|
33
|
-
/** Sets the position of sidebar, either left or right. */
|
|
34
|
-
position?: "left" | "right";
|
|
35
|
-
/** The ARIA role to be applied to the component container */
|
|
36
|
-
role?: string;
|
|
37
|
-
/** Sets the size of the sidebar when open. */
|
|
38
|
-
size?:
|
|
39
|
-
| "extra-small"
|
|
40
|
-
| "small"
|
|
41
|
-
| "medium-small"
|
|
42
|
-
| "medium"
|
|
43
|
-
| "medium-large"
|
|
44
|
-
| "large"
|
|
45
|
-
| "extra-large";
|
|
46
|
-
/** an optional array of refs to containers whose content should also be reachable by tabbing from the sidebar */
|
|
47
|
-
focusableContainers?: React.MutableRefObject<HTMLElement>[];
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
declare const SidebarContext: React.Context<SidebarContextProps>;
|
|
51
|
-
|
|
52
|
-
declare function Sidebar(
|
|
53
|
-
props: SidebarProps & React.RefAttributes<HTMLDivElement>
|
|
54
|
-
): JSX.Element;
|
|
55
|
-
|
|
56
|
-
export { SidebarContext };
|
|
57
|
-
export default Sidebar;
|
package/esm/components/step-sequence/step-sequence-item/step-sequence-item-hidden-label.style.js
DELETED
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import styled from "styled-components";
|
|
2
|
-
const StepSequenceItemHiddenLabelStyle = styled.span`
|
|
3
|
-
position: absolute !important;
|
|
4
|
-
height: 1px;
|
|
5
|
-
width: 1px;
|
|
6
|
-
overflow: hidden;
|
|
7
|
-
clip: rect(1px, 1px, 1px, 1px);
|
|
8
|
-
`;
|
|
9
|
-
export default StepSequenceItemHiddenLabelStyle;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
|
|
3
|
-
export interface StepSequenceItemProps {
|
|
4
|
-
/** Aria label */
|
|
5
|
-
ariaLabel?: string;
|
|
6
|
-
/** Hidden label to be displayed if item is complete */
|
|
7
|
-
hiddenCompleteLabel?: string;
|
|
8
|
-
/** Hidden label to be displayed if item is current */
|
|
9
|
-
hiddenCurrentLabel?: string;
|
|
10
|
-
/** Value to be displayed before text for uncomplete steps */
|
|
11
|
-
indicator: string;
|
|
12
|
-
/** Flag to hide the indicator for uncomplete steps */
|
|
13
|
-
hideIndicator?: boolean;
|
|
14
|
-
/** Status for the step */
|
|
15
|
-
status?: "complete" | "current" | "incomplete";
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
declare function StepSequenceItem(
|
|
19
|
-
props: React.PropsWithChildren<StepSequenceItemProps>
|
|
20
|
-
): JSX.Element;
|
|
21
|
-
|
|
22
|
-
export default StepSequenceItem;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
|
|
3
|
-
export interface StepSequenceProps {
|
|
4
|
-
/** The direction that step sequence items should be rendered */
|
|
5
|
-
orientation?: "horizontal" | "vertical";
|
|
6
|
-
}
|
|
7
|
-
|
|
8
|
-
declare function StepSequence(
|
|
9
|
-
props: React.PropsWithChildren<StepSequenceProps>
|
|
10
|
-
): JSX.Element;
|
|
11
|
-
|
|
12
|
-
export default StepSequence;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { MarginProps } from "styled-system";
|
|
3
|
-
|
|
4
|
-
export interface MessageProps extends MarginProps {
|
|
5
|
-
/** set content to component */
|
|
6
|
-
children?: React.ReactNode;
|
|
7
|
-
/** set custom class to component */
|
|
8
|
-
className?: string;
|
|
9
|
-
/** set custom aria label for message close button */
|
|
10
|
-
closeButtonAriaLabel?: string;
|
|
11
|
-
/** set custom id to component root */
|
|
12
|
-
id?: string;
|
|
13
|
-
/** function runs when user click dismiss button */
|
|
14
|
-
onDismiss?: React.MouseEventHandler<HTMLButtonElement>;
|
|
15
|
-
/** show message component */
|
|
16
|
-
open?: boolean;
|
|
17
|
-
/** determines if the close icon is shown */
|
|
18
|
-
showCloseIcon?: boolean;
|
|
19
|
-
/** set message title */
|
|
20
|
-
title?: React.ReactNode;
|
|
21
|
-
/** set background to be invisible */
|
|
22
|
-
transparent?: boolean;
|
|
23
|
-
/** set type of message based on new DLS standard */
|
|
24
|
-
variant?: "error" | "info" | "success" | "warning";
|
|
25
|
-
}
|
|
26
|
-
|
|
27
|
-
declare function Message(props: MessageProps): JSX.Element;
|
|
28
|
-
|
|
29
|
-
export default Message;
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _ = _interopRequireDefault(require("."));
|
|
9
|
-
|
|
10
|
-
var _definition = _interopRequireDefault(require("./../../../../../demo/utils/definition"));
|
|
11
|
-
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
|
-
let definition = new _definition.default("sidebar-header", _.default, {
|
|
15
|
-
description: "[content needed] Basic example of the component",
|
|
16
|
-
designerNotes: "[content needed] Basic designs description for the component",
|
|
17
|
-
propTypes: {
|
|
18
|
-
children: "Node"
|
|
19
|
-
},
|
|
20
|
-
propDescriptions: {
|
|
21
|
-
children: "This component supports children."
|
|
22
|
-
}
|
|
23
|
-
});
|
|
24
|
-
var _default = definition;
|
|
25
|
-
exports.default = _default;
|
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
import * as React from "react";
|
|
2
|
-
import { PaddingProps } from "styled-system";
|
|
3
|
-
|
|
4
|
-
export interface SidebarContextProps {
|
|
5
|
-
isInSidebar: boolean;
|
|
6
|
-
}
|
|
7
|
-
export interface SidebarProps extends PaddingProps {
|
|
8
|
-
/** Prop to specify the aria-describedby property of the component */
|
|
9
|
-
"aria-describedby"?: string;
|
|
10
|
-
/**
|
|
11
|
-
* Prop to specify the aria-label of the component.
|
|
12
|
-
* To be used only when the title prop is not defined, and the component is not labelled by any internal element.
|
|
13
|
-
*/
|
|
14
|
-
"aria-label"?: string;
|
|
15
|
-
/**
|
|
16
|
-
* Prop to specify the aria-labeledby property of the component
|
|
17
|
-
* To be used when the title prop is a custom React Node,
|
|
18
|
-
* or the component is labelled by an internal element other than the title.
|
|
19
|
-
*/
|
|
20
|
-
"aria-labelledby"?: string;
|
|
21
|
-
/** Modal content */
|
|
22
|
-
children?: React.ReactNode;
|
|
23
|
-
/** Determines if the Esc Key closes the modal */
|
|
24
|
-
disableEscKey?: boolean;
|
|
25
|
-
/** Set this prop to false to hide the translucent background when the dialog is open. */
|
|
26
|
-
enableBackgroundUI?: boolean;
|
|
27
|
-
/** Node that will be used as sidebar header. */
|
|
28
|
-
header?: React.ReactNode;
|
|
29
|
-
/** A custom close event handler */
|
|
30
|
-
onCancel?: (ev: React.KeyboardEvent<HTMLElement>) => void;
|
|
31
|
-
/** Sets the open state of the modal */
|
|
32
|
-
open: boolean;
|
|
33
|
-
/** Sets the position of sidebar, either left or right. */
|
|
34
|
-
position?: "left" | "right";
|
|
35
|
-
/** The ARIA role to be applied to the component container */
|
|
36
|
-
role?: string;
|
|
37
|
-
/** Sets the size of the sidebar when open. */
|
|
38
|
-
size?:
|
|
39
|
-
| "extra-small"
|
|
40
|
-
| "small"
|
|
41
|
-
| "medium-small"
|
|
42
|
-
| "medium"
|
|
43
|
-
| "medium-large"
|
|
44
|
-
| "large"
|
|
45
|
-
| "extra-large";
|
|
46
|
-
/** an optional array of refs to containers whose content should also be reachable by tabbing from the sidebar */
|
|
47
|
-
focusableContainers?: React.MutableRefObject<HTMLElement>[];
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
declare const SidebarContext: React.Context<SidebarContextProps>;
|
|
51
|
-
|
|
52
|
-
declare function Sidebar(
|
|
53
|
-
props: SidebarProps & React.RefAttributes<HTMLDivElement>
|
|
54
|
-
): JSX.Element;
|
|
55
|
-
|
|
56
|
-
export { SidebarContext };
|
|
57
|
-
export default Sidebar;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
|
-
const StepSequenceItemContentStyle = _styledComponents.default.span`
|
|
13
|
-
display: flex;
|
|
14
|
-
`;
|
|
15
|
-
var _default = StepSequenceItemContentStyle;
|
|
16
|
-
exports.default = _default;
|