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.
Files changed (102) hide show
  1. package/esm/components/flat-table/flat-table-header/flat-table-header-utils.js +18 -0
  2. package/esm/components/flat-table/flat-table-header/flat-table-header.component.js +6 -1
  3. package/esm/components/flat-table/flat-table-header/flat-table-header.style.js +7 -5
  4. package/esm/components/icon/icon.component.js +22 -9
  5. package/esm/components/message/index.d.ts +2 -1
  6. package/esm/components/message/message-content/message-content.component.d.ts +9 -0
  7. package/esm/components/message/message-content/message-content.component.js +4 -5
  8. package/esm/components/message/message-content/message-content.style.d.ts +2 -0
  9. package/esm/components/message/message-content/message-content.style.js +0 -3
  10. package/esm/components/message/message.component.d.ts +27 -0
  11. package/esm/components/message/message.component.js +169 -37
  12. package/esm/components/message/message.style.d.ts +8 -0
  13. package/esm/components/message/message.style.js +1 -8
  14. package/esm/components/message/type-icon/type-icon.component.d.ts +10 -0
  15. package/esm/components/message/type-icon/type-icon.component.js +4 -8
  16. package/esm/components/message/type-icon/type-icon.style.d.ts +9 -0
  17. package/esm/components/message/type-icon/type-icon.style.js +0 -10
  18. package/esm/components/search/search.component.js +28 -2
  19. package/esm/components/search/search.d.ts +3 -1
  20. package/esm/components/sidebar/__internal__/sidebar-header/index.d.ts +1 -0
  21. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +9 -0
  22. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +7 -18
  23. package/esm/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +2 -0
  24. package/esm/components/sidebar/index.d.ts +2 -1
  25. package/esm/components/sidebar/index.js +1 -2
  26. package/esm/components/sidebar/sidebar.component.d.ts +44 -0
  27. package/esm/components/sidebar/sidebar.component.js +187 -48
  28. package/esm/components/sidebar/sidebar.config.d.ts +11 -0
  29. package/esm/components/sidebar/sidebar.style.d.ts +8 -0
  30. package/esm/components/step-sequence/index.d.ts +4 -2
  31. package/esm/components/step-sequence/step-sequence-item/index.d.ts +2 -0
  32. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts +19 -0
  33. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.component.js +26 -41
  34. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts +9 -0
  35. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.style.js +18 -2
  36. package/esm/components/step-sequence/step-sequence.component.d.ts +13 -0
  37. package/esm/components/step-sequence/step-sequence.component.js +170 -18
  38. package/esm/components/step-sequence/step-sequence.config.d.ts +2 -0
  39. package/esm/components/step-sequence/step-sequence.style.d.ts +4 -0
  40. package/esm/components/tabs/__internal__/tab-title/tab-title.component.d.ts +4 -0
  41. package/esm/components/tabs/__internal__/tab-title/tab-title.component.js +34 -4
  42. package/esm/components/tabs/__internal__/tab-title/tab-title.d.ts +6 -0
  43. package/esm/components/tabs/__internal__/tab-title/tab-title.style.d.ts +4 -0
  44. package/lib/components/flat-table/flat-table-header/flat-table-header-utils.js +26 -0
  45. package/lib/components/flat-table/flat-table-header/flat-table-header.component.js +6 -0
  46. package/lib/components/flat-table/flat-table-header/flat-table-header.style.js +10 -5
  47. package/lib/components/icon/icon.component.js +22 -8
  48. package/lib/components/message/index.d.ts +2 -1
  49. package/lib/components/message/message-content/message-content.component.d.ts +9 -0
  50. package/lib/components/message/message-content/message-content.component.js +5 -6
  51. package/lib/components/message/message-content/message-content.style.d.ts +2 -0
  52. package/lib/components/message/message-content/message-content.style.js +0 -4
  53. package/lib/components/message/message.component.d.ts +27 -0
  54. package/lib/components/message/message.component.js +170 -40
  55. package/lib/components/message/message.style.d.ts +8 -0
  56. package/lib/components/message/message.style.js +1 -9
  57. package/lib/components/message/type-icon/type-icon.component.d.ts +10 -0
  58. package/lib/components/message/type-icon/type-icon.component.js +4 -8
  59. package/lib/components/message/type-icon/type-icon.style.d.ts +9 -0
  60. package/lib/components/message/type-icon/type-icon.style.js +0 -13
  61. package/lib/components/search/search.component.js +28 -2
  62. package/lib/components/search/search.d.ts +3 -1
  63. package/lib/components/sidebar/__internal__/sidebar-header/index.d.ts +1 -0
  64. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.d.ts +9 -0
  65. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.component.js +7 -19
  66. package/lib/components/sidebar/__internal__/sidebar-header/sidebar-header.style.d.ts +2 -0
  67. package/lib/components/sidebar/index.d.ts +2 -1
  68. package/lib/components/sidebar/sidebar.component.d.ts +44 -0
  69. package/lib/components/sidebar/sidebar.component.js +187 -50
  70. package/lib/components/sidebar/sidebar.config.d.ts +11 -0
  71. package/lib/components/sidebar/sidebar.style.d.ts +8 -0
  72. package/lib/components/step-sequence/index.d.ts +4 -2
  73. package/lib/components/step-sequence/step-sequence-item/index.d.ts +2 -0
  74. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.d.ts +19 -0
  75. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.component.js +30 -48
  76. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.d.ts +9 -0
  77. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.style.js +22 -3
  78. package/lib/components/step-sequence/step-sequence.component.d.ts +13 -0
  79. package/lib/components/step-sequence/step-sequence.component.js +171 -21
  80. package/lib/components/step-sequence/step-sequence.config.d.ts +2 -0
  81. package/lib/components/step-sequence/step-sequence.style.d.ts +4 -0
  82. package/lib/components/tabs/__internal__/tab-title/tab-title.component.d.ts +4 -0
  83. package/lib/components/tabs/__internal__/tab-title/tab-title.component.js +38 -4
  84. package/lib/components/tabs/__internal__/tab-title/tab-title.d.ts +6 -0
  85. package/lib/components/tabs/__internal__/tab-title/tab-title.style.d.ts +4 -0
  86. package/package.json +1 -1
  87. package/esm/components/message/message.d.ts +0 -29
  88. package/esm/components/sidebar/__internal__/sidebar-header/__definition__.js +0 -13
  89. package/esm/components/sidebar/sidebar.d.ts +0 -57
  90. package/esm/components/step-sequence/step-sequence-item/step-sequence-item-content.style.js +0 -5
  91. package/esm/components/step-sequence/step-sequence-item/step-sequence-item-hidden-label.style.js +0 -9
  92. package/esm/components/step-sequence/step-sequence-item/step-sequence-item-indicator.style.js +0 -9
  93. package/esm/components/step-sequence/step-sequence-item/step-sequence-item.d.ts +0 -22
  94. package/esm/components/step-sequence/step-sequence.d.ts +0 -12
  95. package/lib/components/message/message.d.ts +0 -29
  96. package/lib/components/sidebar/__internal__/sidebar-header/__definition__.js +0 -25
  97. package/lib/components/sidebar/sidebar.d.ts +0 -57
  98. package/lib/components/step-sequence/step-sequence-item/step-sequence-item-content.style.js +0 -16
  99. package/lib/components/step-sequence/step-sequence-item/step-sequence-item-hidden-label.style.js +0 -20
  100. package/lib/components/step-sequence/step-sequence-item/step-sequence-item-indicator.style.js +0 -20
  101. package/lib/components/step-sequence/step-sequence-item/step-sequence-item.d.ts +0 -22
  102. 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 = props => {
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: props.orientation
34
+ orientation
33
35
  }
34
- }, props.children));
36
+ }, children));
35
37
  };
36
38
 
37
- StepSequence.propTypes = { ...marginPropTypes,
38
-
39
- /** Step sequence items to be rendered */
40
- children: _propTypes.default.node,
41
-
42
- /** The direction that step sequence items should be rendered */
43
- orientation: _propTypes.default.oneOf(["horizontal", "vertical"])
44
- };
45
- StepSequence.defaultProps = {
46
- orientation: "horizontal"
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;
@@ -0,0 +1,2 @@
1
+ export declare const STEP_SEQUENCE_STEPS: string[];
2
+ export declare const STEP_SEQUENCE_ORIENTATION: string[];
@@ -0,0 +1,4 @@
1
+ declare const StepSequenceStyle: import("styled-components").StyledComponent<"ol", any, {
2
+ orientation: "horizontal" | "vertical";
3
+ }, never>;
4
+ export default StepSequenceStyle;
@@ -0,0 +1,4 @@
1
+ export const TabTitleContext: React.Context<{}>;
2
+ export default TabTitle;
3
+ import React from "react";
4
+ declare const TabTitle: React.ForwardRefExoticComponent<React.RefAttributes<any>>;
@@ -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(_tabTitle.StyledTabTitle, _extends({
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,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "110.4.1",
3
+ "version": "110.5.2",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "engineStrict": true,
6
6
  "engines": {
@@ -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;
@@ -1,5 +0,0 @@
1
- import styled from "styled-components";
2
- const StepSequenceItemContentStyle = styled.span`
3
- display: flex;
4
- `;
5
- export default StepSequenceItemContentStyle;
@@ -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,9 +0,0 @@
1
- import styled from "styled-components";
2
- const StepSequenceItemIndicatorStyle = styled.span`
3
- display: block;
4
- min-width: 16px;
5
- height: 16px;
6
- margin-right: 8px;
7
- text-align: center;
8
- `;
9
- export default StepSequenceItemIndicatorStyle;
@@ -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;