@carbon/react 1.76.0-rc.0 → 1.77.0-rc.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 (190) hide show
  1. package/.playwright/INTERNAL_AVT_REPORT_DO_NOT_USE.json +908 -873
  2. package/es/components/Button/Button.d.ts +9 -1
  3. package/es/components/Button/Button.js +8 -0
  4. package/es/components/CodeSnippet/CodeSnippet.d.ts +2 -2
  5. package/es/components/ComboBox/ComboBox.d.ts +2 -2
  6. package/es/components/ComboBox/ComboBox.js +36 -13
  7. package/es/components/ComboButton/index.js +1 -2
  8. package/es/components/ComposedModal/ComposedModal.js +1 -1
  9. package/es/components/ContentSwitcher/index.d.ts +0 -1
  10. package/es/components/ContextMenu/useContextMenu.d.ts +0 -1
  11. package/es/components/Copy/Copy.js +1 -1
  12. package/es/components/DataTable/DataTable.d.ts +12 -20
  13. package/es/components/DataTable/DataTable.js +1 -9
  14. package/es/components/DataTable/Table.js +1 -1
  15. package/es/components/DataTable/TableActionList.d.ts +1 -1
  16. package/es/components/DataTable/TableBody.js +1 -1
  17. package/es/components/DataTable/TableContext.d.ts +0 -1
  18. package/es/components/DataTable/TableHead.d.ts +1 -1
  19. package/es/components/DataTable/TableToolbarContent.d.ts +1 -1
  20. package/es/components/DatePicker/plugins/fixEventsPlugin.js +2 -2
  21. package/es/components/DatePickerInput/DatePickerInput.js +1 -1
  22. package/es/components/Dropdown/Dropdown.js +1 -2
  23. package/es/components/FluidForm/FormContext.d.ts +0 -1
  24. package/es/components/FluidTextInput/FluidTextInput.d.ts +8 -0
  25. package/es/components/FluidTextInput/FluidTextInput.js +8 -0
  26. package/es/components/Grid/CSSGrid.js +1 -1
  27. package/es/components/Grid/Grid.js +1 -1
  28. package/es/components/Grid/GridTypes.d.ts +0 -1
  29. package/es/components/Heading/index.d.ts +1 -1
  30. package/es/components/IconButton/index.d.ts +17 -1
  31. package/es/components/IconButton/index.js +20 -1
  32. package/es/components/InlineCheckbox/InlineCheckbox.js +1 -1
  33. package/es/components/InlineLoading/InlineLoading.d.ts +1 -1
  34. package/es/components/InlineLoading/InlineLoading.js +21 -7
  35. package/es/components/Menu/Menu.js +2 -2
  36. package/es/components/Menu/MenuContext.d.ts +1 -1
  37. package/es/components/MenuButton/index.d.ts +1 -1
  38. package/es/components/MenuButton/index.js +1 -2
  39. package/es/components/Modal/Modal.js +1 -1
  40. package/es/components/Modal/next/index.d.ts +175 -0
  41. package/es/components/MultiSelect/FilterableMultiSelect.d.ts +1 -1
  42. package/es/components/MultiSelect/FilterableMultiSelect.js +1 -2
  43. package/es/components/MultiSelect/MultiSelect.d.ts +1 -1
  44. package/es/components/MultiSelect/MultiSelect.js +1 -2
  45. package/es/components/Popover/index.js +2 -3
  46. package/es/components/PrimaryButton/PrimaryButton.d.ts +1 -1
  47. package/es/components/RadioTile/RadioTile.d.ts +1 -1
  48. package/es/components/SecondaryButton/SecondaryButton.d.ts +1 -1
  49. package/es/components/Slider/Slider.d.ts +1 -1
  50. package/es/components/Slider/Slider.js +1 -1
  51. package/es/components/Slider/index.d.ts +0 -1
  52. package/es/components/Tabs/Tabs.d.ts +3 -3
  53. package/es/components/Tabs/Tabs.js +4 -4
  54. package/es/components/Tag/DismissibleTag.d.ts +2 -2
  55. package/es/components/Tag/OperationalTag.d.ts +1 -1
  56. package/es/components/Tag/SelectableTag.d.ts +2 -2
  57. package/es/components/Text/index.d.ts +2 -2
  58. package/es/components/TextArea/TextArea.js +2 -1
  59. package/es/components/TextInput/PasswordInput.d.ts +1 -1
  60. package/es/components/Theme/index.d.ts +1 -1
  61. package/es/components/Tile/Tile.d.ts +1 -1
  62. package/es/components/Tile/Tile.js +1 -1
  63. package/es/components/Toggletip/index.d.ts +3 -3
  64. package/es/components/Toggletip/index.js +5 -4
  65. package/es/components/Tooltip/Tooltip.d.ts +17 -1
  66. package/es/components/Tooltip/Tooltip.js +12 -2
  67. package/es/components/TreeView/TreeNode.d.ts +27 -19
  68. package/es/components/TreeView/TreeNode.js +100 -31
  69. package/es/components/TreeView/TreeView.js +1 -1
  70. package/es/components/UIShell/Content.d.ts +9 -9
  71. package/es/components/UIShell/HeaderGlobalBar.d.ts +1 -1
  72. package/es/components/UIShell/HeaderMenu.d.ts +69 -25
  73. package/es/components/UIShell/HeaderMenuButton.d.ts +69 -27
  74. package/es/components/UIShell/HeaderMenuItem.d.ts +4 -3
  75. package/es/components/UIShell/HeaderMenuItem.js +1 -1
  76. package/es/components/UIShell/HeaderName.js +1 -1
  77. package/es/components/UIShell/HeaderNavigation.d.ts +69 -25
  78. package/es/components/UIShell/Link.d.ts +14 -11
  79. package/es/components/UIShell/Link.js +5 -6
  80. package/es/components/UIShell/SideNav.js +3 -3
  81. package/es/components/UIShell/SideNavLink.js +1 -1
  82. package/es/components/UIShell/SideNavMenuItem.d.ts +51 -3
  83. package/es/components/UIShell/SideNavMenuItem.js +6 -6
  84. package/es/components/UIShell/SwitcherItem.d.ts +2 -2
  85. package/es/components/UIShell/SwitcherItem.js +1 -1
  86. package/es/internal/PolymorphicProps.d.ts +0 -1
  87. package/es/internal/Selection.d.ts +38 -0
  88. package/es/internal/Selection.js +26 -113
  89. package/es/node_modules/es-toolkit/dist/compat/function/debounce.mjs.js +55 -0
  90. package/es/node_modules/es-toolkit/dist/compat/function/throttle.mjs.js +23 -0
  91. package/es/node_modules/es-toolkit/dist/function/debounce.mjs.js +70 -0
  92. package/es/tools/wrapComponent.d.ts +1 -1
  93. package/lib/components/Button/Button.d.ts +9 -1
  94. package/lib/components/Button/Button.js +8 -0
  95. package/lib/components/CodeSnippet/CodeSnippet.d.ts +2 -2
  96. package/lib/components/ComboBox/ComboBox.d.ts +2 -2
  97. package/lib/components/ComboBox/ComboBox.js +36 -13
  98. package/lib/components/ComboButton/index.js +1 -2
  99. package/lib/components/ComposedModal/ComposedModal.js +2 -2
  100. package/lib/components/ContentSwitcher/index.d.ts +0 -1
  101. package/lib/components/ContextMenu/useContextMenu.d.ts +0 -1
  102. package/lib/components/Copy/Copy.js +2 -2
  103. package/lib/components/DataTable/DataTable.d.ts +12 -20
  104. package/lib/components/DataTable/DataTable.js +1 -9
  105. package/lib/components/DataTable/Table.js +3 -3
  106. package/lib/components/DataTable/TableActionList.d.ts +1 -1
  107. package/lib/components/DataTable/TableBody.js +1 -1
  108. package/lib/components/DataTable/TableContext.d.ts +0 -1
  109. package/lib/components/DataTable/TableHead.d.ts +1 -1
  110. package/lib/components/DataTable/TableToolbarContent.d.ts +1 -1
  111. package/lib/components/DatePicker/plugins/fixEventsPlugin.js +2 -2
  112. package/lib/components/DatePickerInput/DatePickerInput.js +1 -1
  113. package/lib/components/Dropdown/Dropdown.js +1 -2
  114. package/lib/components/FluidForm/FormContext.d.ts +0 -1
  115. package/lib/components/FluidTextInput/FluidTextInput.d.ts +8 -0
  116. package/lib/components/FluidTextInput/FluidTextInput.js +8 -0
  117. package/lib/components/Grid/CSSGrid.js +1 -1
  118. package/lib/components/Grid/Grid.js +1 -1
  119. package/lib/components/Grid/GridTypes.d.ts +0 -1
  120. package/lib/components/Heading/index.d.ts +1 -1
  121. package/lib/components/IconButton/index.d.ts +17 -1
  122. package/lib/components/IconButton/index.js +20 -1
  123. package/lib/components/InlineCheckbox/InlineCheckbox.js +1 -1
  124. package/lib/components/InlineLoading/InlineLoading.d.ts +1 -1
  125. package/lib/components/InlineLoading/InlineLoading.js +20 -6
  126. package/lib/components/Menu/Menu.js +2 -2
  127. package/lib/components/Menu/MenuContext.d.ts +1 -1
  128. package/lib/components/MenuButton/index.d.ts +1 -1
  129. package/lib/components/MenuButton/index.js +1 -2
  130. package/lib/components/Modal/Modal.js +2 -2
  131. package/lib/components/Modal/next/index.d.ts +175 -0
  132. package/lib/components/MultiSelect/FilterableMultiSelect.d.ts +1 -1
  133. package/lib/components/MultiSelect/FilterableMultiSelect.js +1 -2
  134. package/lib/components/MultiSelect/MultiSelect.d.ts +1 -1
  135. package/lib/components/MultiSelect/MultiSelect.js +1 -2
  136. package/lib/components/Popover/index.js +2 -3
  137. package/lib/components/PrimaryButton/PrimaryButton.d.ts +1 -1
  138. package/lib/components/RadioTile/RadioTile.d.ts +1 -1
  139. package/lib/components/SecondaryButton/SecondaryButton.d.ts +1 -1
  140. package/lib/components/Slider/Slider.d.ts +1 -1
  141. package/lib/components/Slider/Slider.js +2 -2
  142. package/lib/components/Slider/index.d.ts +0 -1
  143. package/lib/components/Tabs/Tabs.d.ts +3 -3
  144. package/lib/components/Tabs/Tabs.js +6 -6
  145. package/lib/components/Tag/DismissibleTag.d.ts +2 -2
  146. package/lib/components/Tag/OperationalTag.d.ts +1 -1
  147. package/lib/components/Tag/SelectableTag.d.ts +2 -2
  148. package/lib/components/Text/index.d.ts +2 -2
  149. package/lib/components/TextArea/TextArea.js +2 -1
  150. package/lib/components/TextInput/PasswordInput.d.ts +1 -1
  151. package/lib/components/Theme/index.d.ts +1 -1
  152. package/lib/components/Tile/Tile.d.ts +1 -1
  153. package/lib/components/Tile/Tile.js +1 -1
  154. package/lib/components/Toggletip/index.d.ts +3 -3
  155. package/lib/components/Toggletip/index.js +5 -4
  156. package/lib/components/Tooltip/Tooltip.d.ts +17 -1
  157. package/lib/components/Tooltip/Tooltip.js +12 -2
  158. package/lib/components/TreeView/TreeNode.d.ts +27 -19
  159. package/lib/components/TreeView/TreeNode.js +100 -31
  160. package/lib/components/TreeView/TreeView.js +1 -1
  161. package/lib/components/UIShell/Content.d.ts +9 -9
  162. package/lib/components/UIShell/HeaderGlobalBar.d.ts +1 -1
  163. package/lib/components/UIShell/HeaderMenu.d.ts +69 -25
  164. package/lib/components/UIShell/HeaderMenuButton.d.ts +69 -27
  165. package/lib/components/UIShell/HeaderMenuItem.d.ts +4 -3
  166. package/lib/components/UIShell/HeaderMenuItem.js +1 -1
  167. package/lib/components/UIShell/HeaderName.js +1 -1
  168. package/lib/components/UIShell/HeaderNavigation.d.ts +69 -25
  169. package/lib/components/UIShell/Link.d.ts +14 -11
  170. package/lib/components/UIShell/Link.js +4 -4
  171. package/lib/components/UIShell/SideNav.js +3 -3
  172. package/lib/components/UIShell/SideNavLink.js +1 -1
  173. package/lib/components/UIShell/SideNavMenuItem.d.ts +51 -3
  174. package/lib/components/UIShell/SideNavMenuItem.js +6 -6
  175. package/lib/components/UIShell/SwitcherItem.d.ts +2 -2
  176. package/lib/components/UIShell/SwitcherItem.js +1 -1
  177. package/lib/internal/PolymorphicProps.d.ts +0 -1
  178. package/lib/internal/Selection.d.ts +38 -0
  179. package/lib/internal/Selection.js +24 -114
  180. package/lib/node_modules/es-toolkit/dist/compat/function/debounce.mjs.js +59 -0
  181. package/lib/node_modules/es-toolkit/dist/compat/function/throttle.mjs.js +27 -0
  182. package/lib/node_modules/es-toolkit/dist/function/debounce.mjs.js +74 -0
  183. package/lib/tools/wrapComponent.d.ts +1 -1
  184. package/package.json +10 -9
  185. package/es/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js +0 -896
  186. package/es/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js +0 -76
  187. package/es/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js +0 -139
  188. package/lib/node_modules/@floating-ui/core/dist/floating-ui.core.mjs.js +0 -909
  189. package/lib/node_modules/@floating-ui/dom/dist/floating-ui.dom.mjs.js +0 -80
  190. package/lib/node_modules/@floating-ui/utils/dist/floating-ui.utils.mjs.js +0 -163
@@ -1,76 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2023
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- import { offset, autoPlacement, shift, flip, size, hide as hide$1, arrow, inline, limitShift } from '../../core/dist/floating-ui.core.mjs.js';
9
-
10
- /**
11
- * Modifies the placement by translating the floating element along the
12
- * specified axes.
13
- * A number (shorthand for `mainAxis` or distance), or an axes configuration
14
- * object may be passed.
15
- * @see https://floating-ui.com/docs/offset
16
- */
17
- offset;
18
-
19
- /**
20
- * Optimizes the visibility of the floating element by choosing the placement
21
- * that has the most space available automatically, without needing to specify a
22
- * preferred placement. Alternative to `flip`.
23
- * @see https://floating-ui.com/docs/autoPlacement
24
- */
25
- autoPlacement;
26
-
27
- /**
28
- * Optimizes the visibility of the floating element by shifting it in order to
29
- * keep it in view when it will overflow the clipping boundary.
30
- * @see https://floating-ui.com/docs/shift
31
- */
32
- shift;
33
-
34
- /**
35
- * Optimizes the visibility of the floating element by flipping the `placement`
36
- * in order to keep it in view when the preferred placement(s) will overflow the
37
- * clipping boundary. Alternative to `autoPlacement`.
38
- * @see https://floating-ui.com/docs/flip
39
- */
40
- flip;
41
-
42
- /**
43
- * Provides data that allows you to change the size of the floating element —
44
- * for instance, prevent it from overflowing the clipping boundary or match the
45
- * width of the reference element.
46
- * @see https://floating-ui.com/docs/size
47
- */
48
- size;
49
-
50
- /**
51
- * Provides data to hide the floating element in applicable situations, such as
52
- * when it is not in the same clipping context as the reference element.
53
- * @see https://floating-ui.com/docs/hide
54
- */
55
- const hide = hide$1;
56
-
57
- /**
58
- * Provides data to position an inner element of the floating element so that it
59
- * appears centered to the reference element.
60
- * @see https://floating-ui.com/docs/arrow
61
- */
62
- arrow;
63
-
64
- /**
65
- * Provides improved positioning for inline reference elements that can span
66
- * over multiple lines, such as hyperlinks or range selections.
67
- * @see https://floating-ui.com/docs/inline
68
- */
69
- inline;
70
-
71
- /**
72
- * Built-in `limiter` that will stop `shift()` at a certain point.
73
- */
74
- limitShift;
75
-
76
- export { hide };
@@ -1,139 +0,0 @@
1
- /**
2
- * Copyright IBM Corp. 2016, 2023
3
- *
4
- * This source code is licensed under the Apache-2.0 license found in the
5
- * LICENSE file in the root directory of this source tree.
6
- */
7
-
8
- /**
9
- * Custom positioning reference element.
10
- * @see https://floating-ui.com/docs/virtual-elements
11
- */
12
-
13
- const sides = ['top', 'right', 'bottom', 'left'];
14
- const alignments = ['start', 'end'];
15
- const placements = /*#__PURE__*/sides.reduce((acc, side) => acc.concat(side, side + "-" + alignments[0], side + "-" + alignments[1]), []);
16
- const min = Math.min;
17
- const max = Math.max;
18
- const oppositeSideMap = {
19
- left: 'right',
20
- right: 'left',
21
- bottom: 'top',
22
- top: 'bottom'
23
- };
24
- const oppositeAlignmentMap = {
25
- start: 'end',
26
- end: 'start'
27
- };
28
- function clamp(start, value, end) {
29
- return max(start, min(value, end));
30
- }
31
- function evaluate(value, param) {
32
- return typeof value === 'function' ? value(param) : value;
33
- }
34
- function getSide(placement) {
35
- return placement.split('-')[0];
36
- }
37
- function getAlignment(placement) {
38
- return placement.split('-')[1];
39
- }
40
- function getOppositeAxis(axis) {
41
- return axis === 'x' ? 'y' : 'x';
42
- }
43
- function getAxisLength(axis) {
44
- return axis === 'y' ? 'height' : 'width';
45
- }
46
- function getSideAxis(placement) {
47
- return ['top', 'bottom'].includes(getSide(placement)) ? 'y' : 'x';
48
- }
49
- function getAlignmentAxis(placement) {
50
- return getOppositeAxis(getSideAxis(placement));
51
- }
52
- function getAlignmentSides(placement, rects, rtl) {
53
- if (rtl === void 0) {
54
- rtl = false;
55
- }
56
- const alignment = getAlignment(placement);
57
- const alignmentAxis = getAlignmentAxis(placement);
58
- const length = getAxisLength(alignmentAxis);
59
- let mainAlignmentSide = alignmentAxis === 'x' ? alignment === (rtl ? 'end' : 'start') ? 'right' : 'left' : alignment === 'start' ? 'bottom' : 'top';
60
- if (rects.reference[length] > rects.floating[length]) {
61
- mainAlignmentSide = getOppositePlacement(mainAlignmentSide);
62
- }
63
- return [mainAlignmentSide, getOppositePlacement(mainAlignmentSide)];
64
- }
65
- function getExpandedPlacements(placement) {
66
- const oppositePlacement = getOppositePlacement(placement);
67
- return [getOppositeAlignmentPlacement(placement), oppositePlacement, getOppositeAlignmentPlacement(oppositePlacement)];
68
- }
69
- function getOppositeAlignmentPlacement(placement) {
70
- return placement.replace(/start|end/g, alignment => oppositeAlignmentMap[alignment]);
71
- }
72
- function getSideList(side, isStart, rtl) {
73
- const lr = ['left', 'right'];
74
- const rl = ['right', 'left'];
75
- const tb = ['top', 'bottom'];
76
- const bt = ['bottom', 'top'];
77
- switch (side) {
78
- case 'top':
79
- case 'bottom':
80
- if (rtl) return isStart ? rl : lr;
81
- return isStart ? lr : rl;
82
- case 'left':
83
- case 'right':
84
- return isStart ? tb : bt;
85
- default:
86
- return [];
87
- }
88
- }
89
- function getOppositeAxisPlacements(placement, flipAlignment, direction, rtl) {
90
- const alignment = getAlignment(placement);
91
- let list = getSideList(getSide(placement), direction === 'start', rtl);
92
- if (alignment) {
93
- list = list.map(side => side + "-" + alignment);
94
- if (flipAlignment) {
95
- list = list.concat(list.map(getOppositeAlignmentPlacement));
96
- }
97
- }
98
- return list;
99
- }
100
- function getOppositePlacement(placement) {
101
- return placement.replace(/left|right|bottom|top/g, side => oppositeSideMap[side]);
102
- }
103
- function expandPaddingObject(padding) {
104
- return {
105
- top: 0,
106
- right: 0,
107
- bottom: 0,
108
- left: 0,
109
- ...padding
110
- };
111
- }
112
- function getPaddingObject(padding) {
113
- return typeof padding !== 'number' ? expandPaddingObject(padding) : {
114
- top: padding,
115
- right: padding,
116
- bottom: padding,
117
- left: padding
118
- };
119
- }
120
- function rectToClientRect(rect) {
121
- const {
122
- x,
123
- y,
124
- width,
125
- height
126
- } = rect;
127
- return {
128
- width,
129
- height,
130
- top: y,
131
- left: x,
132
- right: x + width,
133
- bottom: y + height,
134
- x,
135
- y
136
- };
137
- }
138
-
139
- export { alignments, clamp, evaluate, expandPaddingObject, getAlignment, getAlignmentAxis, getAlignmentSides, getAxisLength, getExpandedPlacements, getOppositeAlignmentPlacement, getOppositeAxis, getOppositeAxisPlacements, getOppositePlacement, getPaddingObject, getSide, getSideAxis, max, min, placements, rectToClientRect, sides };