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.
Files changed (73) hide show
  1. package/esm/__internal__/input/input-presentation.component.js +13 -0
  2. package/esm/__internal__/input/input.component.js +294 -0
  3. package/esm/__internal__/input-behaviour/input-behaviour.component.js +4 -0
  4. package/esm/__internal__/input-behaviour/input-group-behaviour.component.js +5 -0
  5. package/esm/__internal__/validation-message/validation-message.component.js +5 -0
  6. package/esm/__internal__/validations/validation-icon.component.js +41 -1
  7. package/esm/components/alert/alert.component.js +38 -252
  8. package/esm/components/alert/index.d.ts +1 -0
  9. package/esm/components/badge/badge.component.js +20 -60
  10. package/esm/components/button/button.component.js +760 -3310
  11. package/esm/components/carbon-provider/carbon-provider.component.js +48 -106
  12. package/esm/components/date/__internal__/utils.js +1 -1
  13. package/esm/components/date/date.component.js +3 -1
  14. package/esm/components/heading/heading.style.d.ts +2 -2
  15. package/esm/components/hr/hr.component.js +171 -1305
  16. package/esm/components/hr/index.d.ts +1 -0
  17. package/esm/components/inline-inputs/inline-inputs.component.js +35 -90
  18. package/esm/components/link/index.d.ts +1 -0
  19. package/esm/components/link/link.component.js +123 -1228
  20. package/esm/components/navigation-bar/index.d.ts +1 -0
  21. package/esm/components/navigation-bar/navigation-bar.component.js +1018 -10761
  22. package/esm/components/pager/pager.style.d.ts +1 -1
  23. package/esm/components/pod/pod.style.d.ts +1 -1
  24. package/esm/components/progress-tracker/progress-tracker.component.d.ts +4 -1
  25. package/esm/components/progress-tracker/progress-tracker.component.js +25 -2
  26. package/esm/components/progress-tracker/progress-tracker.config.d.ts +0 -1
  27. package/esm/components/progress-tracker/progress-tracker.config.js +1 -1
  28. package/esm/components/progress-tracker/progress-tracker.d.ts +5 -3
  29. package/esm/components/progress-tracker/progress-tracker.style.js +9 -7
  30. package/esm/components/radio-button/radio-button-svg.component.js +16 -29
  31. package/esm/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
  32. package/esm/components/tooltip/tooltip.component.js +85 -254
  33. package/esm/components/vertical-divider/index.d.ts +1 -0
  34. package/esm/components/vertical-divider/vertical-divider.component.d.ts +2 -2
  35. package/esm/components/vertical-divider/vertical-divider.component.js +328 -1406
  36. package/esm/components/vertical-divider/vertical-divider.style.d.ts +3 -3
  37. package/lib/__internal__/input/input-presentation.component.js +16 -0
  38. package/lib/__internal__/input/input.component.js +295 -0
  39. package/lib/__internal__/input-behaviour/input-behaviour.component.js +6 -1
  40. package/lib/__internal__/input-behaviour/input-group-behaviour.component.js +7 -1
  41. package/lib/__internal__/validation-message/validation-message.component.js +6 -0
  42. package/lib/__internal__/validations/validation-icon.component.js +39 -0
  43. package/lib/components/alert/alert.component.js +42 -143
  44. package/lib/components/alert/index.d.ts +1 -0
  45. package/lib/components/badge/badge.component.js +24 -50
  46. package/lib/components/button/button.component.js +768 -3378
  47. package/lib/components/carbon-provider/carbon-provider.component.js +54 -110
  48. package/lib/components/date/__internal__/utils.js +1 -1
  49. package/lib/components/date/date.component.js +3 -1
  50. package/lib/components/heading/heading.style.d.ts +2 -2
  51. package/lib/components/hr/hr.component.js +175 -676
  52. package/lib/components/hr/index.d.ts +1 -0
  53. package/lib/components/inline-inputs/inline-inputs.component.js +43 -137
  54. package/lib/components/link/index.d.ts +1 -0
  55. package/lib/components/link/link.component.js +142 -746
  56. package/lib/components/navigation-bar/index.d.ts +1 -0
  57. package/lib/components/navigation-bar/navigation-bar.component.js +1022 -5426
  58. package/lib/components/pager/pager.style.d.ts +1 -1
  59. package/lib/components/pod/pod.style.d.ts +1 -1
  60. package/lib/components/progress-tracker/progress-tracker.component.d.ts +4 -1
  61. package/lib/components/progress-tracker/progress-tracker.component.js +30 -2
  62. package/lib/components/progress-tracker/progress-tracker.config.d.ts +0 -1
  63. package/lib/components/progress-tracker/progress-tracker.config.js +3 -3
  64. package/lib/components/progress-tracker/progress-tracker.d.ts +5 -3
  65. package/lib/components/progress-tracker/progress-tracker.style.js +8 -6
  66. package/lib/components/radio-button/radio-button-svg.component.js +20 -38
  67. package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
  68. package/lib/components/tooltip/tooltip.component.js +98 -215
  69. package/lib/components/vertical-divider/index.d.ts +1 -0
  70. package/lib/components/vertical-divider/vertical-divider.component.d.ts +2 -2
  71. package/lib/components/vertical-divider/vertical-divider.component.js +334 -1457
  72. package/lib/components/vertical-divider/vertical-divider.style.d.ts +3 -3
  73. 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__*/ (0, _react.createContext)({});
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
- /*#__PURE__*/ _react.default.createElement(
75
- _styledComponents.ThemeProvider,
76
- {
77
- theme: theme,
78
- },
79
- /*#__PURE__*/ _react.default.createElement(
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("."), valueArray.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) !== value) {
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/hr.component").HrProps) => JSX.Element, any, {}, never>;
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/link.component").LinkProps & import("react").RefAttributes<HTMLLinkElement | HTMLButtonElement>>, any, {}, never>;
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";