carbon-react 142.8.0 → 142.9.0

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.
@@ -69,8 +69,7 @@ export const ValidationIcon = ({
69
69
  setTriggeredByIcon(false);
70
70
  if (onBlur) onBlur(e);
71
71
  },
72
- isPartOfInput: isPartOfInput,
73
- "data-role": `validation-icon-${validationType}`
72
+ isPartOfInput: isPartOfInput
74
73
  }, filterStyledSystemMarginProps(rest)), /*#__PURE__*/React.createElement(Icon, {
75
74
  "aria-describedby": validationTooltipId.current,
76
75
  key: `${validationType}-icon`,
@@ -1,5 +1,5 @@
1
1
  /// <reference types="jest" />
2
2
  export declare const setupMatchMediaMock: () => void;
3
3
  export declare const mockMatchMedia: (matches: boolean) => {
4
- removeEventListener: jest.Mock<any, any>;
4
+ removeEventListener: jest.Mock<any, any, any>;
5
5
  };
@@ -76,6 +76,13 @@ const Submenu = /*#__PURE__*/React.forwardRef(({
76
76
  }
77
77
  startCharacterTimeout();
78
78
  }, [startCharacterTimeout]);
79
+ useEffect(() => {
80
+ return () => {
81
+ if (characterTimer.current) {
82
+ clearTimeout(characterTimer.current);
83
+ }
84
+ };
85
+ }, []);
79
86
  const openSubmenu = useCallback(() => {
80
87
  setSubmenuOpen(true);
81
88
  setOpenSubmenuId(submenuId.current);
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
2
  import { BoxProps } from "../../box";
3
- export interface FlexTileContainerProps extends Pick<BoxProps, "columnGap"> {
3
+ export interface FlexTileContainerProps extends Pick<BoxProps, "columnGap" | "overflow"> {
4
4
  /** The child elements of FlexTileContainer need to be FlexTileCell components. */
5
5
  children: React.ReactNode;
6
6
  }
7
- export declare const FlexTileContainer: ({ children, columnGap, }: FlexTileContainerProps) => JSX.Element;
7
+ export declare const FlexTileContainer: ({ children, columnGap, overflow, }: FlexTileContainerProps) => JSX.Element;
8
8
  export default FlexTileContainer;
@@ -3,7 +3,8 @@ import PropTypes from "prop-types";
3
3
  import Box from "../../box";
4
4
  const FlexTileContainer = ({
5
5
  children,
6
- columnGap = 2
6
+ columnGap = 2,
7
+ overflow = "hidden"
7
8
  }) => {
8
9
  if (!children) {
9
10
  return /*#__PURE__*/React.createElement(React.Fragment, null);
@@ -16,7 +17,7 @@ const FlexTileContainer = ({
16
17
  flexWrap: "wrap",
17
18
  columnGap: columnGap,
18
19
  justifyContent: "flex-start",
19
- overflow: "hidden",
20
+ overflow: overflow,
20
21
  width: "100%",
21
22
  "data-component": "flex-tile-container"
22
23
  }, children);
@@ -24,7 +25,108 @@ const FlexTileContainer = ({
24
25
  if (process.env.NODE_ENV !== "production") {
25
26
  FlexTileContainer.propTypes = {
26
27
  "children": PropTypes.node,
27
- "columnGap": PropTypes.oneOfType([PropTypes.number, PropTypes.string])
28
+ "columnGap": PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
29
+ "overflow": PropTypes.oneOfType([PropTypes.oneOf(["-moz-hidden-unscrollable", "-moz-initial", "auto", "clip", "hidden", "inherit", "initial", "revert-layer", "revert", "scroll", "unset", "visible"]), PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.oneOf(["-moz-hidden-unscrollable", "-moz-initial", "auto", "clip", "hidden", "inherit", "initial", "revert-layer", "revert", "scroll", "unset", "visible", null]), PropTypes.shape({
30
+ "__@iterator": PropTypes.func.isRequired,
31
+ "anchor": PropTypes.func.isRequired,
32
+ "at": PropTypes.func.isRequired,
33
+ "big": PropTypes.func.isRequired,
34
+ "blink": PropTypes.func.isRequired,
35
+ "bold": PropTypes.func.isRequired,
36
+ "charAt": PropTypes.func.isRequired,
37
+ "charCodeAt": PropTypes.func.isRequired,
38
+ "codePointAt": PropTypes.func.isRequired,
39
+ "concat": PropTypes.func.isRequired,
40
+ "endsWith": PropTypes.func.isRequired,
41
+ "fixed": PropTypes.func.isRequired,
42
+ "fontcolor": PropTypes.func.isRequired,
43
+ "fontsize": PropTypes.func.isRequired,
44
+ "includes": PropTypes.func.isRequired,
45
+ "indexOf": PropTypes.func.isRequired,
46
+ "italics": PropTypes.func.isRequired,
47
+ "lastIndexOf": PropTypes.func.isRequired,
48
+ "length": PropTypes.number.isRequired,
49
+ "link": PropTypes.func.isRequired,
50
+ "localeCompare": PropTypes.func.isRequired,
51
+ "match": PropTypes.func.isRequired,
52
+ "matchAll": PropTypes.func.isRequired,
53
+ "normalize": PropTypes.func.isRequired,
54
+ "padEnd": PropTypes.func.isRequired,
55
+ "padStart": PropTypes.func.isRequired,
56
+ "repeat": PropTypes.func.isRequired,
57
+ "replace": PropTypes.func.isRequired,
58
+ "search": PropTypes.func.isRequired,
59
+ "slice": PropTypes.func.isRequired,
60
+ "small": PropTypes.func.isRequired,
61
+ "split": PropTypes.func.isRequired,
62
+ "startsWith": PropTypes.func.isRequired,
63
+ "strike": PropTypes.func.isRequired,
64
+ "sub": PropTypes.func.isRequired,
65
+ "substr": PropTypes.func.isRequired,
66
+ "substring": PropTypes.func.isRequired,
67
+ "sup": PropTypes.func.isRequired,
68
+ "toLocaleLowerCase": PropTypes.func.isRequired,
69
+ "toLocaleUpperCase": PropTypes.func.isRequired,
70
+ "toLowerCase": PropTypes.func.isRequired,
71
+ "toString": PropTypes.func.isRequired,
72
+ "toUpperCase": PropTypes.func.isRequired,
73
+ "trim": PropTypes.func.isRequired,
74
+ "trimEnd": PropTypes.func.isRequired,
75
+ "trimLeft": PropTypes.func.isRequired,
76
+ "trimRight": PropTypes.func.isRequired,
77
+ "trimStart": PropTypes.func.isRequired,
78
+ "valueOf": PropTypes.func.isRequired
79
+ })])), PropTypes.object, PropTypes.shape({
80
+ "__@iterator": PropTypes.func.isRequired,
81
+ "anchor": PropTypes.func.isRequired,
82
+ "at": PropTypes.func.isRequired,
83
+ "big": PropTypes.func.isRequired,
84
+ "blink": PropTypes.func.isRequired,
85
+ "bold": PropTypes.func.isRequired,
86
+ "charAt": PropTypes.func.isRequired,
87
+ "charCodeAt": PropTypes.func.isRequired,
88
+ "codePointAt": PropTypes.func.isRequired,
89
+ "concat": PropTypes.func.isRequired,
90
+ "endsWith": PropTypes.func.isRequired,
91
+ "fixed": PropTypes.func.isRequired,
92
+ "fontcolor": PropTypes.func.isRequired,
93
+ "fontsize": PropTypes.func.isRequired,
94
+ "includes": PropTypes.func.isRequired,
95
+ "indexOf": PropTypes.func.isRequired,
96
+ "italics": PropTypes.func.isRequired,
97
+ "lastIndexOf": PropTypes.func.isRequired,
98
+ "length": PropTypes.number.isRequired,
99
+ "link": PropTypes.func.isRequired,
100
+ "localeCompare": PropTypes.func.isRequired,
101
+ "match": PropTypes.func.isRequired,
102
+ "matchAll": PropTypes.func.isRequired,
103
+ "normalize": PropTypes.func.isRequired,
104
+ "padEnd": PropTypes.func.isRequired,
105
+ "padStart": PropTypes.func.isRequired,
106
+ "repeat": PropTypes.func.isRequired,
107
+ "replace": PropTypes.func.isRequired,
108
+ "search": PropTypes.func.isRequired,
109
+ "slice": PropTypes.func.isRequired,
110
+ "small": PropTypes.func.isRequired,
111
+ "split": PropTypes.func.isRequired,
112
+ "startsWith": PropTypes.func.isRequired,
113
+ "strike": PropTypes.func.isRequired,
114
+ "sub": PropTypes.func.isRequired,
115
+ "substr": PropTypes.func.isRequired,
116
+ "substring": PropTypes.func.isRequired,
117
+ "sup": PropTypes.func.isRequired,
118
+ "toLocaleLowerCase": PropTypes.func.isRequired,
119
+ "toLocaleUpperCase": PropTypes.func.isRequired,
120
+ "toLowerCase": PropTypes.func.isRequired,
121
+ "toString": PropTypes.func.isRequired,
122
+ "toUpperCase": PropTypes.func.isRequired,
123
+ "trim": PropTypes.func.isRequired,
124
+ "trimEnd": PropTypes.func.isRequired,
125
+ "trimLeft": PropTypes.func.isRequired,
126
+ "trimRight": PropTypes.func.isRequired,
127
+ "trimStart": PropTypes.func.isRequired,
128
+ "valueOf": PropTypes.func.isRequired
129
+ })])
28
130
  };
29
131
  }
30
132
  export { FlexTileContainer };
@@ -78,8 +78,7 @@ const ValidationIcon = ({
78
78
  setTriggeredByIcon(false);
79
79
  if (onBlur) onBlur(e);
80
80
  },
81
- isPartOfInput: isPartOfInput,
82
- "data-role": `validation-icon-${validationType}`
81
+ isPartOfInput: isPartOfInput
83
82
  }, (0, _utils.filterStyledSystemMarginProps)(rest)), /*#__PURE__*/_react.default.createElement(_icon.default, {
84
83
  "aria-describedby": validationTooltipId.current,
85
84
  key: `${validationType}-icon`,
@@ -1,5 +1,5 @@
1
1
  /// <reference types="jest" />
2
2
  export declare const setupMatchMediaMock: () => void;
3
3
  export declare const mockMatchMedia: (matches: boolean) => {
4
- removeEventListener: jest.Mock<any, any>;
4
+ removeEventListener: jest.Mock<any, any, any>;
5
5
  };
@@ -85,6 +85,13 @@ const Submenu = /*#__PURE__*/_react.default.forwardRef(({
85
85
  }
86
86
  startCharacterTimeout();
87
87
  }, [startCharacterTimeout]);
88
+ (0, _react.useEffect)(() => {
89
+ return () => {
90
+ if (characterTimer.current) {
91
+ clearTimeout(characterTimer.current);
92
+ }
93
+ };
94
+ }, []);
88
95
  const openSubmenu = (0, _react.useCallback)(() => {
89
96
  setSubmenuOpen(true);
90
97
  setOpenSubmenuId(submenuId.current);
@@ -1,8 +1,8 @@
1
1
  import React from "react";
2
2
  import { BoxProps } from "../../box";
3
- export interface FlexTileContainerProps extends Pick<BoxProps, "columnGap"> {
3
+ export interface FlexTileContainerProps extends Pick<BoxProps, "columnGap" | "overflow"> {
4
4
  /** The child elements of FlexTileContainer need to be FlexTileCell components. */
5
5
  children: React.ReactNode;
6
6
  }
7
- export declare const FlexTileContainer: ({ children, columnGap, }: FlexTileContainerProps) => JSX.Element;
7
+ export declare const FlexTileContainer: ({ children, columnGap, overflow, }: FlexTileContainerProps) => JSX.Element;
8
8
  export default FlexTileContainer;
@@ -10,7 +10,8 @@ var _box = _interopRequireDefault(require("../../box"));
10
10
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
11
  const FlexTileContainer = ({
12
12
  children,
13
- columnGap = 2
13
+ columnGap = 2,
14
+ overflow = "hidden"
14
15
  }) => {
15
16
  if (!children) {
16
17
  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
@@ -23,7 +24,7 @@ const FlexTileContainer = ({
23
24
  flexWrap: "wrap",
24
25
  columnGap: columnGap,
25
26
  justifyContent: "flex-start",
26
- overflow: "hidden",
27
+ overflow: overflow,
27
28
  width: "100%",
28
29
  "data-component": "flex-tile-container"
29
30
  }, children);
@@ -32,7 +33,108 @@ exports.FlexTileContainer = FlexTileContainer;
32
33
  if (process.env.NODE_ENV !== "production") {
33
34
  FlexTileContainer.propTypes = {
34
35
  "children": _propTypes.default.node,
35
- "columnGap": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string])
36
+ "columnGap": _propTypes.default.oneOfType([_propTypes.default.number, _propTypes.default.string]),
37
+ "overflow": _propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-hidden-unscrollable", "-moz-initial", "auto", "clip", "hidden", "inherit", "initial", "revert-layer", "revert", "scroll", "unset", "visible"]), _propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf(["-moz-hidden-unscrollable", "-moz-initial", "auto", "clip", "hidden", "inherit", "initial", "revert-layer", "revert", "scroll", "unset", "visible", null]), _propTypes.default.shape({
38
+ "__@iterator": _propTypes.default.func.isRequired,
39
+ "anchor": _propTypes.default.func.isRequired,
40
+ "at": _propTypes.default.func.isRequired,
41
+ "big": _propTypes.default.func.isRequired,
42
+ "blink": _propTypes.default.func.isRequired,
43
+ "bold": _propTypes.default.func.isRequired,
44
+ "charAt": _propTypes.default.func.isRequired,
45
+ "charCodeAt": _propTypes.default.func.isRequired,
46
+ "codePointAt": _propTypes.default.func.isRequired,
47
+ "concat": _propTypes.default.func.isRequired,
48
+ "endsWith": _propTypes.default.func.isRequired,
49
+ "fixed": _propTypes.default.func.isRequired,
50
+ "fontcolor": _propTypes.default.func.isRequired,
51
+ "fontsize": _propTypes.default.func.isRequired,
52
+ "includes": _propTypes.default.func.isRequired,
53
+ "indexOf": _propTypes.default.func.isRequired,
54
+ "italics": _propTypes.default.func.isRequired,
55
+ "lastIndexOf": _propTypes.default.func.isRequired,
56
+ "length": _propTypes.default.number.isRequired,
57
+ "link": _propTypes.default.func.isRequired,
58
+ "localeCompare": _propTypes.default.func.isRequired,
59
+ "match": _propTypes.default.func.isRequired,
60
+ "matchAll": _propTypes.default.func.isRequired,
61
+ "normalize": _propTypes.default.func.isRequired,
62
+ "padEnd": _propTypes.default.func.isRequired,
63
+ "padStart": _propTypes.default.func.isRequired,
64
+ "repeat": _propTypes.default.func.isRequired,
65
+ "replace": _propTypes.default.func.isRequired,
66
+ "search": _propTypes.default.func.isRequired,
67
+ "slice": _propTypes.default.func.isRequired,
68
+ "small": _propTypes.default.func.isRequired,
69
+ "split": _propTypes.default.func.isRequired,
70
+ "startsWith": _propTypes.default.func.isRequired,
71
+ "strike": _propTypes.default.func.isRequired,
72
+ "sub": _propTypes.default.func.isRequired,
73
+ "substr": _propTypes.default.func.isRequired,
74
+ "substring": _propTypes.default.func.isRequired,
75
+ "sup": _propTypes.default.func.isRequired,
76
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
77
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
78
+ "toLowerCase": _propTypes.default.func.isRequired,
79
+ "toString": _propTypes.default.func.isRequired,
80
+ "toUpperCase": _propTypes.default.func.isRequired,
81
+ "trim": _propTypes.default.func.isRequired,
82
+ "trimEnd": _propTypes.default.func.isRequired,
83
+ "trimLeft": _propTypes.default.func.isRequired,
84
+ "trimRight": _propTypes.default.func.isRequired,
85
+ "trimStart": _propTypes.default.func.isRequired,
86
+ "valueOf": _propTypes.default.func.isRequired
87
+ })])), _propTypes.default.object, _propTypes.default.shape({
88
+ "__@iterator": _propTypes.default.func.isRequired,
89
+ "anchor": _propTypes.default.func.isRequired,
90
+ "at": _propTypes.default.func.isRequired,
91
+ "big": _propTypes.default.func.isRequired,
92
+ "blink": _propTypes.default.func.isRequired,
93
+ "bold": _propTypes.default.func.isRequired,
94
+ "charAt": _propTypes.default.func.isRequired,
95
+ "charCodeAt": _propTypes.default.func.isRequired,
96
+ "codePointAt": _propTypes.default.func.isRequired,
97
+ "concat": _propTypes.default.func.isRequired,
98
+ "endsWith": _propTypes.default.func.isRequired,
99
+ "fixed": _propTypes.default.func.isRequired,
100
+ "fontcolor": _propTypes.default.func.isRequired,
101
+ "fontsize": _propTypes.default.func.isRequired,
102
+ "includes": _propTypes.default.func.isRequired,
103
+ "indexOf": _propTypes.default.func.isRequired,
104
+ "italics": _propTypes.default.func.isRequired,
105
+ "lastIndexOf": _propTypes.default.func.isRequired,
106
+ "length": _propTypes.default.number.isRequired,
107
+ "link": _propTypes.default.func.isRequired,
108
+ "localeCompare": _propTypes.default.func.isRequired,
109
+ "match": _propTypes.default.func.isRequired,
110
+ "matchAll": _propTypes.default.func.isRequired,
111
+ "normalize": _propTypes.default.func.isRequired,
112
+ "padEnd": _propTypes.default.func.isRequired,
113
+ "padStart": _propTypes.default.func.isRequired,
114
+ "repeat": _propTypes.default.func.isRequired,
115
+ "replace": _propTypes.default.func.isRequired,
116
+ "search": _propTypes.default.func.isRequired,
117
+ "slice": _propTypes.default.func.isRequired,
118
+ "small": _propTypes.default.func.isRequired,
119
+ "split": _propTypes.default.func.isRequired,
120
+ "startsWith": _propTypes.default.func.isRequired,
121
+ "strike": _propTypes.default.func.isRequired,
122
+ "sub": _propTypes.default.func.isRequired,
123
+ "substr": _propTypes.default.func.isRequired,
124
+ "substring": _propTypes.default.func.isRequired,
125
+ "sup": _propTypes.default.func.isRequired,
126
+ "toLocaleLowerCase": _propTypes.default.func.isRequired,
127
+ "toLocaleUpperCase": _propTypes.default.func.isRequired,
128
+ "toLowerCase": _propTypes.default.func.isRequired,
129
+ "toString": _propTypes.default.func.isRequired,
130
+ "toUpperCase": _propTypes.default.func.isRequired,
131
+ "trim": _propTypes.default.func.isRequired,
132
+ "trimEnd": _propTypes.default.func.isRequired,
133
+ "trimLeft": _propTypes.default.func.isRequired,
134
+ "trimRight": _propTypes.default.func.isRequired,
135
+ "trimStart": _propTypes.default.func.isRequired,
136
+ "valueOf": _propTypes.default.func.isRequired
137
+ })])
36
138
  };
37
139
  }
38
140
  var _default = exports.default = FlexTileContainer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "142.8.0",
3
+ "version": "142.9.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",
@@ -11,8 +11,8 @@
11
11
  "scripts": {
12
12
  "start": "node ./scripts/check_node_version.mjs && cross-env storybook dev -p 9001 -c .storybook",
13
13
  "start:debug-theme": "cross-env STORYBOOK_DEBUG_THEME=true npm run start",
14
- "test": "jest --config=./jest.config.json",
15
- "test-update": "jest --config=./jest.config.json --updateSnapshot",
14
+ "test": "jest --config=./jest.config.ts",
15
+ "test-update": "jest --config=./jest.config.ts --updateSnapshot",
16
16
  "format": "prettier --write './{src,playwright}/**/*.{js,jsx,ts,tsx}'",
17
17
  "lint": "eslint ./src ./playwright",
18
18
  "build": "node ./scripts/build.js",
@@ -90,7 +90,7 @@
90
90
  "@storybook/theming": "^8.2.6",
91
91
  "@storybook/types": "^8.2.6",
92
92
  "@testing-library/dom": "^9.0.0",
93
- "@testing-library/jest-dom": "^5.16.5",
93
+ "@testing-library/jest-dom": "^6.5.0",
94
94
  "@testing-library/react": "^12.1.5",
95
95
  "@testing-library/react-hooks": "^8.0.1",
96
96
  "@testing-library/user-event": "^14.5.1",
@@ -99,7 +99,7 @@
99
99
  "@types/enzyme": "3.10.13",
100
100
  "@types/glob": "^8.1.0",
101
101
  "@types/invariant": "^2.2.37",
102
- "@types/jest": "^27.5.0",
102
+ "@types/jest": "^29.5.0",
103
103
  "@types/lodash": "^4.14.202",
104
104
  "@types/node": "^20.9.0",
105
105
  "@types/react": "^17.0.59",
@@ -149,11 +149,12 @@
149
149
  "file-loader": "^6.2.0",
150
150
  "fs-extra": "^10.1.0",
151
151
  "husky": "^8.0.3",
152
- "jest": "^27.5.1",
152
+ "jest": "^29.5.0",
153
153
  "jest-canvas-mock": "^2.5.2",
154
- "jest-environment-jsdom": "^27.5.1",
154
+ "jest-environment-jsdom": "^29.5.0",
155
155
  "jest-fetch-mock": "^3.0.3",
156
156
  "jest-styled-components": "^6.3.4",
157
+ "jsdom": "^21.1.0",
157
158
  "jsdom-testing-mocks": "^1.11.0",
158
159
  "lint-staged": "^11.2.6",
159
160
  "mockdate": "^2.0.5",
@@ -205,7 +206,8 @@
205
206
  },
206
207
  "overrides": {
207
208
  "playwright-core": "$@playwright/experimental-ct-react17",
208
- "@testing-library/dom": "$@testing-library/dom"
209
+ "@testing-library/dom": "$@testing-library/dom",
210
+ "jsdom": "$jsdom"
209
211
  },
210
212
  "config": {
211
213
  "commitizen": {