carbon-react 106.2.2 → 106.3.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/__internal__/input/input-presentation.component.js +13 -0
- package/esm/__internal__/input/input.component.js +294 -0
- package/esm/__internal__/input-behaviour/input-behaviour.component.js +4 -0
- package/esm/__internal__/input-behaviour/input-group-behaviour.component.js +5 -0
- package/esm/__internal__/validation-message/validation-message.component.js +5 -0
- package/esm/__internal__/validations/validation-icon.component.js +41 -1
- package/esm/components/alert/alert.component.js +38 -252
- package/esm/components/alert/index.d.ts +1 -0
- package/esm/components/badge/badge.component.js +20 -60
- package/esm/components/button/button.component.js +760 -3310
- package/esm/components/carbon-provider/carbon-provider.component.js +48 -106
- package/esm/components/date/__internal__/utils.js +1 -1
- package/esm/components/date/date.component.js +3 -1
- package/esm/components/heading/heading.style.d.ts +2 -2
- package/esm/components/hr/hr.component.js +171 -1305
- package/esm/components/hr/index.d.ts +1 -0
- package/esm/components/inline-inputs/inline-inputs.component.js +35 -90
- package/esm/components/link/index.d.ts +1 -0
- package/esm/components/link/link.component.js +123 -1228
- package/esm/components/navigation-bar/index.d.ts +1 -0
- package/esm/components/navigation-bar/navigation-bar.component.js +1018 -10761
- package/esm/components/pager/pager.style.d.ts +1 -1
- package/esm/components/pod/pod.style.d.ts +1 -1
- package/esm/components/progress-tracker/progress-tracker.component.d.ts +4 -1
- package/esm/components/progress-tracker/progress-tracker.component.js +25 -2
- package/esm/components/progress-tracker/progress-tracker.config.d.ts +0 -1
- package/esm/components/progress-tracker/progress-tracker.config.js +1 -1
- package/esm/components/progress-tracker/progress-tracker.d.ts +5 -3
- package/esm/components/progress-tracker/progress-tracker.style.js +9 -7
- package/esm/components/radio-button/radio-button-svg.component.js +16 -29
- package/esm/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
- package/esm/components/tooltip/tooltip.component.js +85 -254
- package/esm/components/vertical-divider/index.d.ts +1 -0
- package/esm/components/vertical-divider/vertical-divider.component.d.ts +2 -2
- package/esm/components/vertical-divider/vertical-divider.component.js +328 -1406
- package/esm/components/vertical-divider/vertical-divider.style.d.ts +3 -3
- package/lib/__internal__/input/input-presentation.component.js +16 -0
- package/lib/__internal__/input/input.component.js +295 -0
- package/lib/__internal__/input-behaviour/input-behaviour.component.js +6 -1
- package/lib/__internal__/input-behaviour/input-group-behaviour.component.js +7 -1
- package/lib/__internal__/validation-message/validation-message.component.js +6 -0
- package/lib/__internal__/validations/validation-icon.component.js +39 -0
- package/lib/components/alert/alert.component.js +42 -143
- package/lib/components/alert/index.d.ts +1 -0
- package/lib/components/badge/badge.component.js +24 -50
- package/lib/components/button/button.component.js +768 -3378
- package/lib/components/carbon-provider/carbon-provider.component.js +54 -110
- package/lib/components/date/__internal__/utils.js +1 -1
- package/lib/components/date/date.component.js +3 -1
- package/lib/components/heading/heading.style.d.ts +2 -2
- package/lib/components/hr/hr.component.js +175 -676
- package/lib/components/hr/index.d.ts +1 -0
- package/lib/components/inline-inputs/inline-inputs.component.js +43 -137
- package/lib/components/link/index.d.ts +1 -0
- package/lib/components/link/link.component.js +142 -746
- package/lib/components/navigation-bar/index.d.ts +1 -0
- package/lib/components/navigation-bar/navigation-bar.component.js +1022 -5426
- package/lib/components/pager/pager.style.d.ts +1 -1
- package/lib/components/pod/pod.style.d.ts +1 -1
- package/lib/components/progress-tracker/progress-tracker.component.d.ts +4 -1
- package/lib/components/progress-tracker/progress-tracker.component.js +30 -2
- package/lib/components/progress-tracker/progress-tracker.config.d.ts +0 -1
- package/lib/components/progress-tracker/progress-tracker.config.js +3 -3
- package/lib/components/progress-tracker/progress-tracker.d.ts +5 -3
- package/lib/components/progress-tracker/progress-tracker.style.js +8 -6
- package/lib/components/radio-button/radio-button-svg.component.js +20 -38
- package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
- package/lib/components/tooltip/tooltip.component.js +98 -215
- package/lib/components/vertical-divider/index.d.ts +1 -0
- package/lib/components/vertical-divider/vertical-divider.component.d.ts +2 -2
- package/lib/components/vertical-divider/vertical-divider.component.js +334 -1457
- package/lib/components/vertical-divider/vertical-divider.style.d.ts +3 -3
- package/package.json +4 -3
|
@@ -1,141 +1,85 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
4
|
+
value: true
|
|
5
5
|
});
|
|
6
|
-
|
|
7
6
|
exports.default = exports.CarbonProvider = exports.NewValidationContext = void 0;
|
|
8
7
|
|
|
9
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
+
|
|
10
10
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
11
|
|
|
12
12
|
var _styledComponents = require("styled-components");
|
|
13
13
|
|
|
14
14
|
var _mint = _interopRequireDefault(require("../../style/themes/mint"));
|
|
15
15
|
|
|
16
|
-
var _carbonScopedTokensProvider = _interopRequireDefault(
|
|
17
|
-
require("../../style/design-tokens/carbon-scoped-tokens-provider")
|
|
18
|
-
);
|
|
16
|
+
var _carbonScopedTokensProvider = _interopRequireDefault(require("../../style/design-tokens/carbon-scoped-tokens-provider"));
|
|
19
17
|
|
|
20
|
-
function _interopRequireDefault(obj) {
|
|
21
|
-
return obj && obj.__esModule ? obj : { default: obj };
|
|
22
|
-
}
|
|
18
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
19
|
|
|
24
|
-
function _getRequireWildcardCache() {
|
|
25
|
-
if (typeof WeakMap !== "function") return null;
|
|
26
|
-
var cache = new WeakMap();
|
|
27
|
-
_getRequireWildcardCache = function () {
|
|
28
|
-
return cache;
|
|
29
|
-
};
|
|
30
|
-
return cache;
|
|
31
|
-
}
|
|
20
|
+
function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function () { return cache; }; return cache; }
|
|
32
21
|
|
|
33
|
-
function _interopRequireWildcard(obj) {
|
|
34
|
-
if (obj && obj.__esModule) {
|
|
35
|
-
return obj;
|
|
36
|
-
}
|
|
37
|
-
if (obj === null || (typeof obj !== "object" && typeof obj !== "function")) {
|
|
38
|
-
return { default: obj };
|
|
39
|
-
}
|
|
40
|
-
var cache = _getRequireWildcardCache();
|
|
41
|
-
if (cache && cache.has(obj)) {
|
|
42
|
-
return cache.get(obj);
|
|
43
|
-
}
|
|
44
|
-
var newObj = {};
|
|
45
|
-
var hasPropertyDescriptor =
|
|
46
|
-
Object.defineProperty && Object.getOwnPropertyDescriptor;
|
|
47
|
-
for (var key in obj) {
|
|
48
|
-
if (Object.prototype.hasOwnProperty.call(obj, key)) {
|
|
49
|
-
var desc = hasPropertyDescriptor
|
|
50
|
-
? Object.getOwnPropertyDescriptor(obj, key)
|
|
51
|
-
: null;
|
|
52
|
-
if (desc && (desc.get || desc.set)) {
|
|
53
|
-
Object.defineProperty(newObj, key, desc);
|
|
54
|
-
} else {
|
|
55
|
-
newObj[key] = obj[key];
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
newObj.default = obj;
|
|
60
|
-
if (cache) {
|
|
61
|
-
cache.set(obj, newObj);
|
|
62
|
-
}
|
|
63
|
-
return newObj;
|
|
64
|
-
}
|
|
22
|
+
function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
65
23
|
|
|
66
|
-
const NewValidationContext = /*#__PURE__*/
|
|
24
|
+
const NewValidationContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
67
25
|
exports.NewValidationContext = NewValidationContext;
|
|
68
26
|
|
|
69
27
|
const CarbonProvider = ({
|
|
70
28
|
children,
|
|
71
29
|
theme = _mint.default,
|
|
72
|
-
validationRedesignOptIn = false
|
|
73
|
-
}) =>
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
_carbonScopedTokensProvider.default,
|
|
81
|
-
null,
|
|
82
|
-
/*#__PURE__*/ _react.default.createElement(
|
|
83
|
-
NewValidationContext.Provider,
|
|
84
|
-
{
|
|
85
|
-
value: {
|
|
86
|
-
validationRedesignOptIn,
|
|
87
|
-
},
|
|
88
|
-
},
|
|
89
|
-
children
|
|
90
|
-
)
|
|
91
|
-
)
|
|
92
|
-
);
|
|
30
|
+
validationRedesignOptIn = false
|
|
31
|
+
}) => /*#__PURE__*/_react.default.createElement(_styledComponents.ThemeProvider, {
|
|
32
|
+
theme: theme
|
|
33
|
+
}, /*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, /*#__PURE__*/_react.default.createElement(NewValidationContext.Provider, {
|
|
34
|
+
value: {
|
|
35
|
+
validationRedesignOptIn
|
|
36
|
+
}
|
|
37
|
+
}, children)));
|
|
93
38
|
|
|
39
|
+
exports.CarbonProvider = CarbonProvider;
|
|
94
40
|
CarbonProvider.propTypes = {
|
|
95
|
-
children: _propTypes.default.node,
|
|
96
|
-
theme: _propTypes.default.shape({
|
|
97
|
-
colors: _propTypes.default.shape({
|
|
98
|
-
destructive: _propTypes.default.shape({
|
|
99
|
-
hover: _propTypes.default.string.isRequired
|
|
41
|
+
"children": _propTypes.default.node,
|
|
42
|
+
"theme": _propTypes.default.shape({
|
|
43
|
+
"colors": _propTypes.default.shape({
|
|
44
|
+
"destructive": _propTypes.default.shape({
|
|
45
|
+
"hover": _propTypes.default.string.isRequired
|
|
100
46
|
}),
|
|
101
|
-
error: _propTypes.default.string,
|
|
102
|
-
focus: _propTypes.default.string,
|
|
103
|
-
info: _propTypes.default.string,
|
|
104
|
-
loadingBarBackground: _propTypes.default.string,
|
|
105
|
-
placeholder: _propTypes.default.string,
|
|
106
|
-
primary: _propTypes.default.string,
|
|
107
|
-
secondary: _propTypes.default.string,
|
|
108
|
-
tertiary: _propTypes.default.string,
|
|
109
|
-
warning: _propTypes.default.string,
|
|
110
|
-
warningText: _propTypes.default.string,
|
|
111
|
-
white: _propTypes.default.oneOf(["#FFFFFF"])
|
|
47
|
+
"error": _propTypes.default.string,
|
|
48
|
+
"focus": _propTypes.default.string,
|
|
49
|
+
"info": _propTypes.default.string,
|
|
50
|
+
"loadingBarBackground": _propTypes.default.string,
|
|
51
|
+
"placeholder": _propTypes.default.string,
|
|
52
|
+
"primary": _propTypes.default.string,
|
|
53
|
+
"secondary": _propTypes.default.string,
|
|
54
|
+
"tertiary": _propTypes.default.string,
|
|
55
|
+
"warning": _propTypes.default.string,
|
|
56
|
+
"warningText": _propTypes.default.string,
|
|
57
|
+
"white": _propTypes.default.oneOf(["#FFFFFF"])
|
|
112
58
|
}),
|
|
113
|
-
compatibility: _propTypes.default.object,
|
|
114
|
-
disabled: _propTypes.default.shape({
|
|
115
|
-
background: _propTypes.default.string.isRequired
|
|
59
|
+
"compatibility": _propTypes.default.object,
|
|
60
|
+
"disabled": _propTypes.default.shape({
|
|
61
|
+
"background": _propTypes.default.string.isRequired
|
|
116
62
|
}),
|
|
117
|
-
name: _propTypes.default.string,
|
|
118
|
-
palette: _propTypes.default.shape({
|
|
119
|
-
blackOpacity: _propTypes.default.func.isRequired,
|
|
120
|
-
whiteOpacity: _propTypes.default.func.isRequired
|
|
121
|
-
}),
|
|
122
|
-
space: _propTypes.default.arrayOf(_propTypes.default.string),
|
|
123
|
-
spacing: _propTypes.default.number,
|
|
124
|
-
zIndex: _propTypes.default.shape({
|
|
125
|
-
aboveAll: _propTypes.default.number.isRequired,
|
|
126
|
-
fullScreenModal: _propTypes.default.number.isRequired,
|
|
127
|
-
header: _propTypes.default.number.isRequired,
|
|
128
|
-
modal: _propTypes.default.number.isRequired,
|
|
129
|
-
nav: _propTypes.default.number.isRequired,
|
|
130
|
-
notification: _propTypes.default.number.isRequired,
|
|
131
|
-
overlay: _propTypes.default.number.isRequired,
|
|
132
|
-
popover: _propTypes.default.number.isRequired,
|
|
133
|
-
smallOverlay: _propTypes.default.number.isRequired,
|
|
63
|
+
"name": _propTypes.default.string,
|
|
64
|
+
"palette": _propTypes.default.shape({
|
|
65
|
+
"blackOpacity": _propTypes.default.func.isRequired,
|
|
66
|
+
"whiteOpacity": _propTypes.default.func.isRequired
|
|
134
67
|
}),
|
|
68
|
+
"space": _propTypes.default.arrayOf(_propTypes.default.string),
|
|
69
|
+
"spacing": _propTypes.default.number,
|
|
70
|
+
"zIndex": _propTypes.default.shape({
|
|
71
|
+
"aboveAll": _propTypes.default.number.isRequired,
|
|
72
|
+
"fullScreenModal": _propTypes.default.number.isRequired,
|
|
73
|
+
"header": _propTypes.default.number.isRequired,
|
|
74
|
+
"modal": _propTypes.default.number.isRequired,
|
|
75
|
+
"nav": _propTypes.default.number.isRequired,
|
|
76
|
+
"notification": _propTypes.default.number.isRequired,
|
|
77
|
+
"overlay": _propTypes.default.number.isRequired,
|
|
78
|
+
"popover": _propTypes.default.number.isRequired,
|
|
79
|
+
"smallOverlay": _propTypes.default.number.isRequired
|
|
80
|
+
})
|
|
135
81
|
}),
|
|
136
|
-
validationRedesignOptIn: _propTypes.default.bool
|
|
82
|
+
"validationRedesignOptIn": _propTypes.default.bool
|
|
137
83
|
};
|
|
138
|
-
|
|
139
|
-
exports.CarbonProvider = CarbonProvider;
|
|
140
84
|
var _default = CarbonProvider;
|
|
141
|
-
exports.default = _default;
|
|
85
|
+
exports.default = _default;
|
|
@@ -97,7 +97,7 @@ function findMatchWithNoSeparators(valueString, formatString) {
|
|
|
97
97
|
const valueArray = makeSeparatedValues(indexArray, valueString);
|
|
98
98
|
|
|
99
99
|
if (checkForCompleteMatch(formatArray, valueArray)) {
|
|
100
|
-
return [formatArray.join("
|
|
100
|
+
return [formatArray.join(" "), valueArray.join(" ")];
|
|
101
101
|
}
|
|
102
102
|
|
|
103
103
|
return null;
|
|
@@ -144,8 +144,10 @@ const DateInput = ({
|
|
|
144
144
|
|
|
145
145
|
if ((0, _utils.isDateValid)(selectedDays)) {
|
|
146
146
|
event = buildCustomEvent(ev);
|
|
147
|
+
const currentValue = (0, _utils.checkISOFormatAndLength)(value) ? (0, _utils.formattedValue)(format, (0, _utils.parseISODate)(value)) : value;
|
|
148
|
+
const [, matchedValue] = (0, _utils.findMatchedFormatAndValue)(currentValue, formats);
|
|
147
149
|
|
|
148
|
-
if ((0, _utils.formattedValue)(format, selectedDays) !==
|
|
150
|
+
if ((0, _utils.formattedValue)(format, selectedDays) !== matchedValue) {
|
|
149
151
|
onChange(event);
|
|
150
152
|
}
|
|
151
153
|
} else {
|
|
@@ -5,9 +5,9 @@ export const StyledHeader: import("styled-components").StyledComponent<"div", an
|
|
|
5
5
|
export const StyledSeparator: import("styled-components").StyledComponent<"hr", any, {}, never>;
|
|
6
6
|
export const StyledHeaderHelp: import("styled-components").StyledComponent<typeof Help, any, {}, never>;
|
|
7
7
|
export const StyledHeadingTitle: import("styled-components").StyledComponent<typeof Typography, any, {}, never>;
|
|
8
|
-
export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr
|
|
8
|
+
export const StyledDivider: import("styled-components").StyledComponent<({ adaptiveMxBreakpoint, ml, mr, ...rest }: import("../hr").HrProps) => JSX.Element, any, {}, never>;
|
|
9
9
|
export const StyledHeaderContent: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
10
|
-
export const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link
|
|
10
|
+
export const StyledHeadingBackButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../link").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
|
|
11
11
|
export const StyledHeadingPills: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
12
12
|
import Icon from "../icon";
|
|
13
13
|
import Help from "../help";
|