carbon-react 147.10.0 → 148.0.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.
Files changed (189) hide show
  1. package/esm/__internal__/checkable-input/checkable-input.component.js +9 -4
  2. package/esm/__internal__/checkable-input/hidden-checkable-input.component.js +9 -4
  3. package/esm/__internal__/input/input.component.js +9 -4
  4. package/esm/__internal__/radio-button-mapper/radio-button-mapper.component.js +1 -1
  5. package/esm/__internal__/utils/helpers/events/composedPath.d.ts +1 -1
  6. package/esm/__internal__/utils/helpers/events/events.d.ts +1 -1
  7. package/esm/components/accordion/accordion.component.js +1 -1
  8. package/esm/components/action-popover/action-popover-menu/action-popover-menu.component.js +1 -6
  9. package/esm/components/action-popover/action-popover.component.js +7 -2
  10. package/esm/components/advanced-color-picker/advanced-color-picker.component.d.ts +2 -2
  11. package/esm/components/advanced-color-picker/advanced-color-picker.component.js +1 -1
  12. package/esm/components/anchor-navigation/anchor-navigation.component.js +1 -1
  13. package/esm/components/box/box.component.js +1 -1
  14. package/esm/components/breadcrumbs/crumb/crumb.component.d.ts +1 -1
  15. package/esm/components/breadcrumbs/crumb/crumb.component.js +5 -1
  16. package/esm/components/breadcrumbs/crumb/crumb.style.d.ts +2 -2
  17. package/esm/components/button-toggle/button-toggle-group/button-toggle-group.component.js +1 -3
  18. package/esm/components/checkbox/checkbox.component.js +9 -4
  19. package/esm/components/content/content.style.js +2 -2
  20. package/esm/components/date/date.component.js +40 -60
  21. package/esm/components/decimal/decimal.component.js +10 -5
  22. package/esm/components/dialog/dialog.component.d.ts +1 -1
  23. package/esm/components/dialog-full-screen/dialog-full-screen.component.d.ts +1 -1
  24. package/esm/components/draggable/draggable-container.component.js +4 -1
  25. package/esm/components/drawer/drawer.component.js +1 -1
  26. package/esm/components/duelling-picklist/picklist-group/picklist-group.component.js +3 -0
  27. package/esm/components/grouped-character/grouped-character.component.js +9 -4
  28. package/esm/components/heading/heading.style.d.ts +1 -1
  29. package/esm/components/help/help.component.js +1 -1
  30. package/esm/components/hr/hr.component.d.ts +0 -1
  31. package/esm/components/image/image.style.d.ts +1 -1
  32. package/esm/components/link/link.component.d.ts +1 -3
  33. package/esm/components/link/link.component.js +5 -5
  34. package/esm/components/link/link.style.js +7 -4
  35. package/esm/components/loader-star/internal/star.component.d.ts +0 -1
  36. package/esm/components/loader-star/loader-star.component.d.ts +0 -1
  37. package/esm/components/menu/__internal__/menu.context.d.ts +1 -0
  38. package/esm/components/menu/__internal__/submenu/submenu.component.d.ts +1 -1
  39. package/esm/components/menu/__internal__/submenu/submenu.component.js +14 -37
  40. package/esm/components/menu/__internal__/submenu/submenu.context.d.ts +1 -2
  41. package/esm/components/menu/__internal__/submenu/submenu.style.js +0 -11
  42. package/esm/components/menu/menu-item/menu-item.component.js +39 -46
  43. package/esm/components/menu/menu-item/menu-item.style.d.ts +2 -2
  44. package/esm/components/menu/menu-item/menu-item.style.js +65 -83
  45. package/esm/components/menu/menu.component.js +1 -0
  46. package/esm/components/modal/modal.component.d.ts +1 -1
  47. package/esm/components/multi-action-button/multi-action-button.component.js +8 -4
  48. package/esm/components/number/number.component.js +9 -4
  49. package/esm/components/pager/pager.component.js +1 -1
  50. package/esm/components/pager/pager.style.d.ts +1 -1
  51. package/esm/components/pages/pages.component.js +1 -1
  52. package/esm/components/popover-container/popover-container.component.d.ts +1 -1
  53. package/esm/components/portrait/portrait.component.d.ts +2 -1
  54. package/esm/components/profile/profile.style.d.ts +1 -1
  55. package/esm/components/radio-button/radio-button.component.js +9 -4
  56. package/esm/components/radio-button/radio-button.style.d.ts +1 -1
  57. package/esm/components/search/search.component.js +0 -1
  58. package/esm/components/select/__internal__/select-list/select-list.component.d.ts +9 -8
  59. package/esm/components/select/__internal__/select-list/select-list.component.js +34 -66
  60. package/esm/components/select/__internal__/select-list/select-list.style.js +9 -3
  61. package/esm/components/select/__internal__/select-textbox/select-textbox.component.d.ts +1 -1
  62. package/esm/components/select/__internal__/select-textbox/select-textbox.component.js +10 -5
  63. package/esm/components/select/filterable-select/filterable-select.component.js +16 -13
  64. package/esm/components/select/multi-select/multi-select.component.js +12 -7
  65. package/esm/components/select/option/option.component.d.ts +6 -5
  66. package/esm/components/select/option/option.component.js +10 -5
  67. package/esm/components/select/option-row/option-row.component.d.ts +2 -2
  68. package/esm/components/select/simple-select/simple-select.component.d.ts +0 -7
  69. package/esm/components/select/simple-select/simple-select.component.js +12 -7
  70. package/esm/components/sidebar/sidebar.component.d.ts +1 -1
  71. package/esm/components/simple-color-picker/simple-color-picker.component.js +3 -6
  72. package/esm/components/split-button/split-button.component.js +8 -4
  73. package/esm/components/step-flow/step-flow.component.js +0 -1
  74. package/esm/components/switch/switch.component.js +9 -4
  75. package/esm/components/tabs/__internal__/tab-title/tab-title.component.js +2 -11
  76. package/esm/components/tabs/tab/tab.component.d.ts +3 -3
  77. package/esm/components/tabs/tabs.component.js +15 -25
  78. package/esm/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
  79. package/esm/components/textarea/textarea.component.js +9 -4
  80. package/esm/components/textbox/textbox.component.js +9 -4
  81. package/esm/components/tile/flex-tile-cell/flex-tile-cell.component.js +1 -1
  82. package/esm/components/tile/flex-tile-divider/flex-tile-divider.component.d.ts +0 -1
  83. package/esm/components/time/time.component.js +0 -1
  84. package/esm/components/toast/toast.style.d.ts +3 -3
  85. package/esm/components/typography/typography.style.d.ts +2 -2
  86. package/esm/components/vertical-divider/vertical-divider.component.d.ts +0 -1
  87. package/esm/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.d.ts +1 -1
  88. package/esm/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js +1 -2
  89. package/esm/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.d.ts +1 -1
  90. package/esm/hooks/__internal__/useCharacterCount/useCharacterCount.d.ts +0 -1
  91. package/esm/hooks/__internal__/useChildButtons/useChildButtons.d.ts +1 -1
  92. package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.d.ts +1 -1
  93. package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js +2 -2
  94. package/esm/hooks/__internal__/useStableCallback/useStableCallback.d.ts +1 -1
  95. package/lib/__internal__/checkable-input/checkable-input.component.js +9 -4
  96. package/lib/__internal__/checkable-input/hidden-checkable-input.component.js +9 -4
  97. package/lib/__internal__/input/input.component.js +9 -4
  98. package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.js +1 -1
  99. package/lib/__internal__/utils/helpers/events/composedPath.d.ts +1 -1
  100. package/lib/__internal__/utils/helpers/events/events.d.ts +1 -1
  101. package/lib/components/accordion/accordion.component.js +1 -1
  102. package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.js +1 -6
  103. package/lib/components/action-popover/action-popover.component.js +7 -2
  104. package/lib/components/advanced-color-picker/advanced-color-picker.component.d.ts +2 -2
  105. package/lib/components/advanced-color-picker/advanced-color-picker.component.js +1 -1
  106. package/lib/components/anchor-navigation/anchor-navigation.component.js +1 -1
  107. package/lib/components/box/box.component.js +1 -1
  108. package/lib/components/breadcrumbs/crumb/crumb.component.d.ts +1 -1
  109. package/lib/components/breadcrumbs/crumb/crumb.component.js +5 -1
  110. package/lib/components/breadcrumbs/crumb/crumb.style.d.ts +2 -2
  111. package/lib/components/button-toggle/button-toggle-group/button-toggle-group.component.js +1 -3
  112. package/lib/components/checkbox/checkbox.component.js +9 -4
  113. package/lib/components/content/content.style.js +2 -2
  114. package/lib/components/date/date.component.js +40 -60
  115. package/lib/components/decimal/decimal.component.js +10 -5
  116. package/lib/components/dialog/dialog.component.d.ts +1 -1
  117. package/lib/components/dialog-full-screen/dialog-full-screen.component.d.ts +1 -1
  118. package/lib/components/draggable/draggable-container.component.js +4 -1
  119. package/lib/components/drawer/drawer.component.js +1 -1
  120. package/lib/components/duelling-picklist/picklist-group/picklist-group.component.js +3 -0
  121. package/lib/components/grouped-character/grouped-character.component.js +9 -4
  122. package/lib/components/heading/heading.style.d.ts +1 -1
  123. package/lib/components/help/help.component.js +1 -1
  124. package/lib/components/hr/hr.component.d.ts +0 -1
  125. package/lib/components/image/image.style.d.ts +1 -1
  126. package/lib/components/link/link.component.d.ts +1 -3
  127. package/lib/components/link/link.component.js +5 -5
  128. package/lib/components/link/link.style.js +7 -4
  129. package/lib/components/loader-star/internal/star.component.d.ts +0 -1
  130. package/lib/components/loader-star/loader-star.component.d.ts +0 -1
  131. package/lib/components/menu/__internal__/menu.context.d.ts +1 -0
  132. package/lib/components/menu/__internal__/submenu/submenu.component.d.ts +1 -1
  133. package/lib/components/menu/__internal__/submenu/submenu.component.js +14 -37
  134. package/lib/components/menu/__internal__/submenu/submenu.context.d.ts +1 -2
  135. package/lib/components/menu/__internal__/submenu/submenu.style.js +0 -11
  136. package/lib/components/menu/menu-item/menu-item.component.js +38 -45
  137. package/lib/components/menu/menu-item/menu-item.style.d.ts +2 -2
  138. package/lib/components/menu/menu-item/menu-item.style.js +65 -83
  139. package/lib/components/menu/menu.component.js +1 -0
  140. package/lib/components/modal/modal.component.d.ts +1 -1
  141. package/lib/components/multi-action-button/multi-action-button.component.js +8 -4
  142. package/lib/components/number/number.component.js +9 -4
  143. package/lib/components/pager/pager.component.js +1 -1
  144. package/lib/components/pager/pager.style.d.ts +1 -1
  145. package/lib/components/pages/pages.component.js +1 -1
  146. package/lib/components/popover-container/popover-container.component.d.ts +1 -1
  147. package/lib/components/portrait/portrait.component.d.ts +2 -1
  148. package/lib/components/profile/profile.style.d.ts +1 -1
  149. package/lib/components/radio-button/radio-button.component.js +9 -4
  150. package/lib/components/radio-button/radio-button.style.d.ts +1 -1
  151. package/lib/components/search/search.component.js +0 -1
  152. package/lib/components/select/__internal__/select-list/select-list.component.d.ts +9 -8
  153. package/lib/components/select/__internal__/select-list/select-list.component.js +34 -66
  154. package/lib/components/select/__internal__/select-list/select-list.style.js +9 -3
  155. package/lib/components/select/__internal__/select-textbox/select-textbox.component.d.ts +1 -1
  156. package/lib/components/select/__internal__/select-textbox/select-textbox.component.js +10 -5
  157. package/lib/components/select/filterable-select/filterable-select.component.js +16 -13
  158. package/lib/components/select/multi-select/multi-select.component.js +12 -7
  159. package/lib/components/select/option/option.component.d.ts +6 -5
  160. package/lib/components/select/option/option.component.js +10 -5
  161. package/lib/components/select/option-row/option-row.component.d.ts +2 -2
  162. package/lib/components/select/simple-select/simple-select.component.d.ts +0 -7
  163. package/lib/components/select/simple-select/simple-select.component.js +12 -7
  164. package/lib/components/sidebar/sidebar.component.d.ts +1 -1
  165. package/lib/components/simple-color-picker/simple-color-picker.component.js +3 -6
  166. package/lib/components/split-button/split-button.component.js +8 -4
  167. package/lib/components/step-flow/step-flow.component.js +0 -1
  168. package/lib/components/switch/switch.component.js +9 -4
  169. package/lib/components/tabs/__internal__/tab-title/tab-title.component.js +2 -11
  170. package/lib/components/tabs/tab/tab.component.d.ts +3 -3
  171. package/lib/components/tabs/tabs.component.js +15 -25
  172. package/lib/components/text-editor/__internal__/editor-link/editor-link.style.d.ts +1 -1
  173. package/lib/components/textarea/textarea.component.js +9 -4
  174. package/lib/components/textbox/textbox.component.js +9 -4
  175. package/lib/components/tile/flex-tile-cell/flex-tile-cell.component.js +1 -1
  176. package/lib/components/tile/flex-tile-divider/flex-tile-divider.component.d.ts +0 -1
  177. package/lib/components/time/time.component.js +0 -1
  178. package/lib/components/toast/toast.style.d.ts +3 -3
  179. package/lib/components/typography/typography.style.d.ts +2 -2
  180. package/lib/components/vertical-divider/vertical-divider.component.d.ts +0 -1
  181. package/lib/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.d.ts +1 -1
  182. package/lib/components/vertical-menu/vertical-menu-full-screen/vertical-menu-full-screen.component.js +1 -2
  183. package/lib/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.d.ts +1 -1
  184. package/lib/hooks/__internal__/useCharacterCount/useCharacterCount.d.ts +0 -1
  185. package/lib/hooks/__internal__/useChildButtons/useChildButtons.d.ts +1 -1
  186. package/lib/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.d.ts +1 -1
  187. package/lib/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js +2 -2
  188. package/lib/hooks/__internal__/useStableCallback/useStableCallback.d.ts +1 -1
  189. package/package.json +31 -36
@@ -8,7 +8,7 @@ declare const useChildButtons: (toggleButtonRef: React.RefObject<HTMLButtonEleme
8
8
  wrapperProps: {
9
9
  "data-element": string;
10
10
  role: string;
11
- onKeyDown: (ev: any) => void;
11
+ onKeyDown: (ev: import("react").KeyboardEvent<HTMLElement>) => void;
12
12
  minWidth: number;
13
13
  ref: import("react").RefObject<HTMLUListElement>;
14
14
  };
@@ -1,2 +1,2 @@
1
- declare const _default: (mainControlRef: React.RefObject<HTMLButtonElement>, getButtonChildren: () => NodeListOf<HTMLButtonElement>, hide: () => void, isOpen: boolean) => (ev: any) => void;
1
+ declare const _default: (mainControlRef: React.RefObject<HTMLButtonElement>, getButtonChildren: () => NodeListOf<HTMLButtonElement>, hide: () => void, isOpen: boolean) => (ev: React.KeyboardEvent<HTMLElement>) => void;
2
2
  export default _default;
@@ -13,9 +13,9 @@ var _default = (mainControlRef, getButtonChildren, hide, isOpen) => {
13
13
  hide();
14
14
  mainControlRef.current?.focus();
15
15
  }, [hide, mainControlRef]);
16
- const handleEscapeKey = (0, _react.useCallback)(e => {
16
+ const handleEscapeKey = (0, _react.useCallback)(ev => {
17
17
  /* istanbul ignore else */
18
- if (_events.default.isEscKey(e)) {
18
+ if (_events.default.isEscKey(ev)) {
19
19
  refocusMainControl();
20
20
  }
21
21
  }, [refocusMainControl]);
@@ -1,2 +1,2 @@
1
- export declare function useStableCallback(callback?: (...args: unknown[]) => unknown): ((...args: any[]) => unknown) | undefined;
1
+ export declare function useStableCallback(callback?: (...args: unknown[]) => unknown): ((...args: unknown[]) => unknown) | undefined;
2
2
  export default useStableCallback;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "147.10.0",
3
+ "version": "148.0.0",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",
@@ -47,12 +47,12 @@
47
47
  "peerDependencies": {
48
48
  "@sage/design-tokens": "^4.17.0",
49
49
  "draft-js": "^0.11.7",
50
- "react": "^17.0.2",
51
- "react-dom": "^17.0.2",
50
+ "react": "^17.0.2 || ^18.0.0",
51
+ "react-dom": "^17.0.2 || ^18.0.0",
52
52
  "styled-components": "^4.4.1"
53
53
  },
54
54
  "devDependencies": {
55
- "@axe-core/playwright": "~4.10.0",
55
+ "@axe-core/playwright": "~4.10.1",
56
56
  "@babel/cli": "^7.23.4",
57
57
  "@babel/core": "^7.23.3",
58
58
  "@babel/eslint-parser": "^7.23.3",
@@ -67,31 +67,30 @@
67
67
  "@commitlint/cli": "^17.6.3",
68
68
  "@commitlint/config-conventional": "^17.6.3",
69
69
  "@dotenvx/dotenvx": "^1.25.1",
70
- "@playwright/experimental-ct-react17": "~1.47.0",
70
+ "@playwright/experimental-ct-react": "~1.47.0",
71
71
  "@playwright/test": "~1.47.0",
72
72
  "@sage/design-tokens": "~4.29.0",
73
73
  "@semantic-release/changelog": "^6.0.3",
74
74
  "@semantic-release/exec": "^6.0.3",
75
75
  "@semantic-release/git": "^10.0.1",
76
- "@storybook/addon-a11y": "^8.3.3",
77
- "@storybook/addon-actions": "^8.3.3",
78
- "@storybook/addon-controls": "^8.3.3",
79
- "@storybook/addon-docs": "^8.3.3",
80
- "@storybook/addon-toolbars": "^8.3.3",
81
- "@storybook/addon-viewport": "^8.3.3",
76
+ "@storybook/addon-a11y": "^8.4.7",
77
+ "@storybook/addon-actions": "^8.4.7",
78
+ "@storybook/addon-controls": "^8.4.7",
79
+ "@storybook/addon-docs": "^8.4.7",
80
+ "@storybook/addon-toolbars": "^8.4.7",
81
+ "@storybook/addon-viewport": "^8.4.7",
82
82
  "@storybook/addon-webpack5-compiler-babel": "^3.0.3",
83
- "@storybook/components": "^8.3.3",
84
- "@storybook/manager-api": "^8.3.3",
85
- "@storybook/preview-api": "^8.3.3",
86
- "@storybook/react": "^8.3.3",
87
- "@storybook/react-webpack5": "^8.3.3",
88
- "@storybook/theming": "^8.3.3",
89
- "@storybook/types": "^8.3.3",
90
- "@testing-library/dom": "^9.0.0",
91
- "@testing-library/jest-dom": "^6.5.0",
92
- "@testing-library/react": "^12.1.5",
93
- "@testing-library/react-hooks": "^8.0.1",
94
- "@testing-library/user-event": "^14.5.1",
83
+ "@storybook/components": "^8.4.7",
84
+ "@storybook/manager-api": "^8.4.7",
85
+ "@storybook/preview-api": "^8.4.7",
86
+ "@storybook/react": "^8.4.7",
87
+ "@storybook/react-webpack5": "^8.4.7",
88
+ "@storybook/theming": "^8.4.7",
89
+ "@storybook/types": "^8.4.7",
90
+ "@testing-library/dom": "^10.4.0",
91
+ "@testing-library/jest-dom": "^6.6.3",
92
+ "@testing-library/react": "^16.1.0",
93
+ "@testing-library/user-event": "^14.5.2",
95
94
  "@types/crypto-js": "^4.2.1",
96
95
  "@types/draft-js": "^0.11.10",
97
96
  "@types/glob": "^8.1.0",
@@ -99,10 +98,9 @@
99
98
  "@types/jest": "^29.5.0",
100
99
  "@types/lodash": "^4.14.202",
101
100
  "@types/node": "^20.9.0",
102
- "@types/react": "^17.0.59",
103
- "@types/react-dom": "^17.0.20",
101
+ "@types/react": "^18.3.1",
102
+ "@types/react-dom": "^18.3.1",
104
103
  "@types/react-is": "^17.0.4",
105
- "@types/react-test-renderer": "^17.0.2",
106
104
  "@types/react-transition-group": "^4.4.9",
107
105
  "@types/sinon": "^17.0.3",
108
106
  "@types/sprintf-js": "^1.1.4",
@@ -110,7 +108,6 @@
110
108
  "@types/uuid": "^8.3.4",
111
109
  "@typescript-eslint/eslint-plugin": "^5.59.5",
112
110
  "@typescript-eslint/parser": "^5.59.5",
113
- "axe-core": "^4.8.2",
114
111
  "babel-jest": "^29.7.0",
115
112
  "babel-plugin-dev-expression": "^0.2.3",
116
113
  "browserslist": "^4.22.1",
@@ -156,16 +153,15 @@
156
153
  "node-fetch": "^3.3.2",
157
154
  "prettier": "~3.3.3",
158
155
  "raf": "^3.4.1",
159
- "react": "^17.0.2",
160
- "react-dom": "^17.0.2",
156
+ "react": "^18.3.1",
157
+ "react-dom": "^18.3.1",
161
158
  "react-markdown": "^8.0.7",
162
- "react-test-renderer": "^17.0.2",
163
159
  "remark-gfm": "^4.0.0",
164
160
  "rimraf": "^3.0.2",
165
161
  "semantic-release": "^24.2.3",
166
162
  "semver": "^7.5.4",
167
163
  "sprintf-js": "^1.1.3",
168
- "storybook": "^8.3.3",
164
+ "storybook": "^8.4.7",
169
165
  "styled-components": "^4.4.1",
170
166
  "typescript": "~4.7.0",
171
167
  "typescript-to-proptypes": "^2.2.1",
@@ -177,7 +173,7 @@
177
173
  "@floating-ui/dom": "~1.2.9",
178
174
  "@floating-ui/react-dom": "~1.3.0",
179
175
  "@styled-system/prop-types": "^5.1.5",
180
- "@tanstack/react-virtual": "3.10.1",
176
+ "@tanstack/react-virtual": "^3.11.2",
181
177
  "@types/styled-system": "^5.1.22",
182
178
  "chalk": "^4.1.2",
183
179
  "classnames": "~2.3.2",
@@ -189,15 +185,14 @@
189
185
  "polished": "^4.2.2",
190
186
  "prop-types": "^15.8.1",
191
187
  "react-day-picker": "^9.3.2",
192
- "react-dnd": "^15.1.2",
193
- "react-dnd-html5-backend": "^15.1.3",
188
+ "react-dnd": "^16.0.1",
189
+ "react-dnd-html5-backend": "^16.0.1",
194
190
  "react-is": "^17.0.2",
195
191
  "react-transition-group": "^4.4.5",
196
192
  "styled-system": "^5.1.5"
197
193
  },
198
194
  "overrides": {
199
- "playwright-core": "$@playwright/experimental-ct-react17",
200
- "@testing-library/dom": "$@testing-library/dom",
195
+ "playwright-core": "$@playwright/experimental-ct-react",
201
196
  "jsdom": "$jsdom"
202
197
  },
203
198
  "config": {