carbon-react 143.0.2 → 143.2.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.
- package/esm/__internal__/checkable-input/checkable-input.component.js +51 -1
- package/esm/__internal__/checkable-input/hidden-checkable-input.component.js +51 -1
- package/esm/__internal__/input/input.component.js +51 -1
- package/esm/__internal__/popover/popover.component.js +1 -1
- package/esm/__internal__/radio-button-mapper/radio-button-mapper.component.js +1 -1
- package/esm/__internal__/utils/helpers/events/composedPath.js +2 -2
- package/esm/__internal__/utils/helpers/guid/index.js +2 -2
- package/esm/components/action-popover/action-popover-item/action-popover-item.component.js +1 -1
- package/esm/components/action-popover/action-popover-menu/action-popover-menu.component.js +2 -2
- package/esm/components/button/button-types.style.js +2 -2
- package/esm/components/checkbox/checkbox.component.js +51 -1
- package/esm/components/date/date.component.js +51 -1
- package/esm/components/decimal/decimal.component.js +51 -1
- package/esm/components/duelling-picklist/duelling-picklist.component.js +1 -1
- package/esm/components/flat-table/__internal__/build-position-map.js +2 -2
- package/esm/components/flat-table/__internal__/use-table-cell.js +2 -2
- package/esm/components/form/required-fields-indicator/required-fields-indicator.component.js +2 -2
- package/esm/components/grouped-character/grouped-character.component.js +51 -1
- package/esm/components/number/number.component.js +51 -1
- package/esm/components/pill/pill.style.config.js +2 -2
- package/esm/components/portal/portal.js +1 -1
- package/esm/components/preview/preview.component.js +1 -1
- package/esm/components/radio-button/radio-button.component.js +51 -1
- package/esm/components/select/__internal__/select-list/select-list.component.js +1 -1
- package/esm/components/select/__internal__/select-textbox/select-textbox.component.js +51 -1
- package/esm/components/select/filterable-select/filterable-select.component.js +51 -1
- package/esm/components/select/multi-select/multi-select.component.js +52 -2
- package/esm/components/select/option/option.component.js +51 -1
- package/esm/components/select/simple-select/simple-select.component.js +51 -1
- package/esm/components/switch/switch.component.js +51 -1
- package/esm/components/text-editor/text-editor.component.js +1 -1
- package/esm/components/textarea/textarea.component.js +51 -1
- package/esm/components/textbox/textbox.component.js +51 -1
- package/esm/components/tile/__internal__/compute-content-padding.js +2 -2
- package/esm/components/tile-select/tile-select-group/tile-select-group.component.js +1 -1
- package/esm/hooks/__internal__/useClickAwayListener/useClickAwayListener.js +2 -2
- package/esm/hooks/__internal__/useFocusPortalContent/useFocusPortalContent.js +2 -2
- package/esm/hooks/__internal__/useFormSpacing/add-form-spacing/index.js +2 -2
- package/esm/hooks/__internal__/useFormSpacing/index.js +2 -2
- package/esm/hooks/__internal__/useMenuKeyboardNavigation/useMenuKeyboardNavigation.js +2 -2
- package/esm/hooks/__internal__/useResizeObserver/useResizeObserver.js +1 -1
- package/esm/hooks/__internal__/useUniqueId/index.js +2 -2
- package/esm/style/design-tokens/generate-css-variables.util.js +2 -2
- package/esm/style/themes/base/base-theme.config.js +2 -2
- package/esm/style/themes/none/none-theme.config.js +2 -2
- package/esm/style/utils/add-focus-styling.js +2 -2
- package/esm/style/utils/add-hex-symbols.js +1 -1
- package/esm/style/utils/at-opacity.js +2 -2
- package/esm/style/utils/color.js +2 -2
- package/esm/style/utils/element-sizing.js +2 -2
- package/esm/style/utils/get-color-value.js +2 -2
- package/esm/style/utils/mix.js +2 -2
- package/esm/style/utils/shade.js +1 -1
- package/esm/style/utils/tint.js +1 -1
- package/lib/__internal__/checkable-input/checkable-input.component.js +51 -1
- package/lib/__internal__/checkable-input/hidden-checkable-input.component.js +51 -1
- package/lib/__internal__/input/input.component.js +51 -1
- package/lib/__internal__/popover/popover.component.js +1 -1
- package/lib/__internal__/radio-button-mapper/radio-button-mapper.component.js +1 -1
- package/lib/components/action-popover/action-popover-item/action-popover-item.component.js +1 -1
- package/lib/components/action-popover/action-popover-menu/action-popover-menu.component.js +2 -2
- package/lib/components/checkbox/checkbox.component.js +51 -1
- package/lib/components/date/date.component.js +51 -1
- package/lib/components/decimal/decimal.component.js +51 -1
- package/lib/components/duelling-picklist/duelling-picklist.component.js +1 -1
- package/lib/components/grouped-character/grouped-character.component.js +51 -1
- package/lib/components/number/number.component.js +51 -1
- package/lib/components/portal/portal.js +1 -1
- package/lib/components/preview/preview.component.js +1 -1
- package/lib/components/radio-button/radio-button.component.js +51 -1
- package/lib/components/select/__internal__/select-list/select-list.component.js +1 -1
- package/lib/components/select/__internal__/select-textbox/select-textbox.component.js +51 -1
- package/lib/components/select/filterable-select/filterable-select.component.js +51 -1
- package/lib/components/select/multi-select/multi-select.component.js +52 -2
- package/lib/components/select/option/option.component.js +51 -1
- package/lib/components/select/simple-select/simple-select.component.js +51 -1
- package/lib/components/switch/switch.component.js +51 -1
- package/lib/components/text-editor/text-editor.component.js +1 -1
- package/lib/components/textarea/textarea.component.js +51 -1
- package/lib/components/textbox/textbox.component.js +51 -1
- package/lib/components/tile-select/tile-select-group/tile-select-group.component.js +1 -1
- package/lib/hooks/__internal__/useResizeObserver/useResizeObserver.js +1 -1
- package/package.json +20 -16
|
@@ -2,7 +2,7 @@ import { useCallback } from "react";
|
|
|
2
2
|
import Events from "../../../__internal__/utils/helpers/events";
|
|
3
3
|
import { defaultFocusableSelectors } from "../../../__internal__/focus-trap/focus-trap-utils";
|
|
4
4
|
import useModalManager from "../useModalManager";
|
|
5
|
-
export default (
|
|
5
|
+
export default (mainControlRef, getButtonChildren, hide, isOpen) => {
|
|
6
6
|
const refocusMainControl = useCallback(() => {
|
|
7
7
|
hide();
|
|
8
8
|
mainControlRef.current?.focus();
|
|
@@ -66,4 +66,4 @@ export default ((mainControlRef, getButtonChildren, hide, isOpen) => {
|
|
|
66
66
|
}
|
|
67
67
|
}, [hide, refocusMainControl, mainControlRef, getButtonChildren]);
|
|
68
68
|
return handleKeyDown;
|
|
69
|
-
}
|
|
69
|
+
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { useRef, useLayoutEffect } from "react";
|
|
2
|
-
export default function useResizeObserver(
|
|
2
|
+
export default function useResizeObserver(/** Reference to the resizable HTML element */
|
|
3
3
|
ref, /** Callback meant to be executed on element resize */
|
|
4
4
|
onResize, /** Flag to indicate whether hook should be disabled */
|
|
5
5
|
disabled) {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { useRef } from "react";
|
|
2
2
|
import createGuid from "../../../__internal__/utils/helpers/guid";
|
|
3
|
-
export default (
|
|
3
|
+
export default (id, name) => {
|
|
4
4
|
const createdId = useRef(createGuid());
|
|
5
5
|
const createdName = useRef(createGuid());
|
|
6
6
|
return [id || createdId.current, name || createdName.current];
|
|
7
|
-
}
|
|
7
|
+
};
|
|
@@ -7,9 +7,9 @@
|
|
|
7
7
|
*
|
|
8
8
|
*/
|
|
9
9
|
|
|
10
|
-
export default (
|
|
10
|
+
export default (theme, roundedCornersOptOut) => Object.entries(theme).map(([key, value]) => {
|
|
11
11
|
if (roundedCornersOptOut && key.startsWith("borderRadius") && key !== "borderRadiusCircle") {
|
|
12
12
|
return `--${key}: 0px;`;
|
|
13
13
|
}
|
|
14
14
|
return `--${key}: ${value};`;
|
|
15
|
-
}).join("\r\n")
|
|
15
|
+
}).join("\r\n");
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import tokens from "@sage/design-tokens/js/base/common";
|
|
2
2
|
export const space = ["var(--spacing000)", "var(--spacing100)", "var(--spacing200)", "var(--spacing300)", "var(--spacing400)", "var(--spacing500)", "var(--spacing600)", "var(--spacing700)", "var(--spacing800)", "var(--spacing900)", "var(--spacing1000)"];
|
|
3
|
-
export default
|
|
3
|
+
export default palette => {
|
|
4
4
|
return {
|
|
5
5
|
name: "base",
|
|
6
6
|
palette,
|
|
@@ -55,4 +55,4 @@ export default (palette => {
|
|
|
55
55
|
};
|
|
56
56
|
}
|
|
57
57
|
};
|
|
58
|
-
}
|
|
58
|
+
};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export default (
|
|
1
|
+
export default (inset = false) => {
|
|
2
2
|
let focusStyling = "0px 0px 0px var(--borderWidth300) var(--colorsSemanticFocus500), 0px 0px 0px var(--borderWidth600) var(--colorsUtilityYin090)";
|
|
3
3
|
if (inset) {
|
|
4
4
|
focusStyling = "inset 0px 0px 0px var(--borderWidth300) var(--colorsUtilityYin090), inset 0px 0px 0px var(--borderWidth600) var(--colorsSemanticFocus500)";
|
|
@@ -10,4 +10,4 @@ export default ((inset = false) => {
|
|
|
10
10
|
|
|
11
11
|
outline: transparent 3px solid;
|
|
12
12
|
`;
|
|
13
|
-
}
|
|
13
|
+
};
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* some given opactiy and returns the base color at that
|
|
4
4
|
* opacity.
|
|
5
5
|
*/
|
|
6
|
-
export default
|
|
6
|
+
export default base => {
|
|
7
7
|
const rgb = base?.match(/[^#]{2}/g)?.map(pair => parseInt(pair, 16));
|
|
8
8
|
return opacity => `rgba(${rgb?.join(",")},${opacity})`;
|
|
9
|
-
}
|
|
9
|
+
};
|
package/esm/style/utils/color.js
CHANGED
|
@@ -6,10 +6,10 @@ import { layout } from "styled-system";
|
|
|
6
6
|
* That's why the purpose of this function is to pass only the `width` and `height` props to the `layout` function.
|
|
7
7
|
*/
|
|
8
8
|
|
|
9
|
-
export default (
|
|
9
|
+
export default ({
|
|
10
10
|
width,
|
|
11
11
|
height
|
|
12
12
|
}) => layout({
|
|
13
13
|
width,
|
|
14
14
|
height
|
|
15
|
-
})
|
|
15
|
+
});
|
package/esm/style/utils/mix.js
CHANGED
|
@@ -10,7 +10,7 @@ const processHexes = (...hexes) => {
|
|
|
10
10
|
/**
|
|
11
11
|
* A Javascript implementation of the Sass `mix` mixin.
|
|
12
12
|
*/
|
|
13
|
-
export default (
|
|
13
|
+
export default (inputColorA, inputColorB, weight = 50) => {
|
|
14
14
|
const [colorA, colorB] = processHexes(inputColorA, inputColorB);
|
|
15
15
|
const colorAPairs = colorA.match(/.{1,2}/g);
|
|
16
16
|
const colorBPairs = colorB.match(/.{1,2}/g);
|
|
@@ -24,4 +24,4 @@ export default ((inputColorA, inputColorB, weight = 50) => {
|
|
|
24
24
|
return acc + combination.padStart(2, "0");
|
|
25
25
|
}, "").toUpperCase();
|
|
26
26
|
return `#${hex}`;
|
|
27
|
-
}
|
|
27
|
+
};
|
package/esm/style/utils/shade.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import mix from "./mix";
|
|
2
|
-
export default
|
|
2
|
+
export default color => weight => mix("000000", color, weight);
|
package/esm/style/utils/tint.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import mix from "./mix";
|
|
2
|
-
export default
|
|
2
|
+
export default color => weight => mix("FFFFFF", color, weight);
|
|
@@ -175,7 +175,57 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
175
175
|
"aria-valuetext": _propTypes.default.string,
|
|
176
176
|
"ariaDescribedBy": _propTypes.default.string,
|
|
177
177
|
"ariaLabelledBy": _propTypes.default.string,
|
|
178
|
-
"autoCapitalize": _propTypes.default.
|
|
178
|
+
"autoCapitalize": _propTypes.default.oneOfType([_propTypes.default.oneOf(["characters", "none", "off", "on", "sentences", "words"]), _propTypes.default.shape({
|
|
179
|
+
"__@iterator": _propTypes.default.func.isRequired,
|
|
180
|
+
"anchor": _propTypes.default.func.isRequired,
|
|
181
|
+
"at": _propTypes.default.func.isRequired,
|
|
182
|
+
"big": _propTypes.default.func.isRequired,
|
|
183
|
+
"blink": _propTypes.default.func.isRequired,
|
|
184
|
+
"bold": _propTypes.default.func.isRequired,
|
|
185
|
+
"charAt": _propTypes.default.func.isRequired,
|
|
186
|
+
"charCodeAt": _propTypes.default.func.isRequired,
|
|
187
|
+
"codePointAt": _propTypes.default.func.isRequired,
|
|
188
|
+
"concat": _propTypes.default.func.isRequired,
|
|
189
|
+
"endsWith": _propTypes.default.func.isRequired,
|
|
190
|
+
"fixed": _propTypes.default.func.isRequired,
|
|
191
|
+
"fontcolor": _propTypes.default.func.isRequired,
|
|
192
|
+
"fontsize": _propTypes.default.func.isRequired,
|
|
193
|
+
"includes": _propTypes.default.func.isRequired,
|
|
194
|
+
"indexOf": _propTypes.default.func.isRequired,
|
|
195
|
+
"italics": _propTypes.default.func.isRequired,
|
|
196
|
+
"lastIndexOf": _propTypes.default.func.isRequired,
|
|
197
|
+
"length": _propTypes.default.number.isRequired,
|
|
198
|
+
"link": _propTypes.default.func.isRequired,
|
|
199
|
+
"localeCompare": _propTypes.default.func.isRequired,
|
|
200
|
+
"match": _propTypes.default.func.isRequired,
|
|
201
|
+
"matchAll": _propTypes.default.func.isRequired,
|
|
202
|
+
"normalize": _propTypes.default.func.isRequired,
|
|
203
|
+
"padEnd": _propTypes.default.func.isRequired,
|
|
204
|
+
"padStart": _propTypes.default.func.isRequired,
|
|
205
|
+
"repeat": _propTypes.default.func.isRequired,
|
|
206
|
+
"replace": _propTypes.default.func.isRequired,
|
|
207
|
+
"search": _propTypes.default.func.isRequired,
|
|
208
|
+
"slice": _propTypes.default.func.isRequired,
|
|
209
|
+
"small": _propTypes.default.func.isRequired,
|
|
210
|
+
"split": _propTypes.default.func.isRequired,
|
|
211
|
+
"startsWith": _propTypes.default.func.isRequired,
|
|
212
|
+
"strike": _propTypes.default.func.isRequired,
|
|
213
|
+
"sub": _propTypes.default.func.isRequired,
|
|
214
|
+
"substr": _propTypes.default.func.isRequired,
|
|
215
|
+
"substring": _propTypes.default.func.isRequired,
|
|
216
|
+
"sup": _propTypes.default.func.isRequired,
|
|
217
|
+
"toLocaleLowerCase": _propTypes.default.func.isRequired,
|
|
218
|
+
"toLocaleUpperCase": _propTypes.default.func.isRequired,
|
|
219
|
+
"toLowerCase": _propTypes.default.func.isRequired,
|
|
220
|
+
"toString": _propTypes.default.func.isRequired,
|
|
221
|
+
"toUpperCase": _propTypes.default.func.isRequired,
|
|
222
|
+
"trim": _propTypes.default.func.isRequired,
|
|
223
|
+
"trimEnd": _propTypes.default.func.isRequired,
|
|
224
|
+
"trimLeft": _propTypes.default.func.isRequired,
|
|
225
|
+
"trimRight": _propTypes.default.func.isRequired,
|
|
226
|
+
"trimStart": _propTypes.default.func.isRequired,
|
|
227
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
228
|
+
})]),
|
|
179
229
|
"autoComplete": _propTypes.default.string,
|
|
180
230
|
"autoCorrect": _propTypes.default.string,
|
|
181
231
|
"autoFocus": _propTypes.default.bool,
|
|
@@ -143,7 +143,57 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
143
143
|
"aria-valuetext": _propTypes.default.string,
|
|
144
144
|
"ariaDescribedBy": _propTypes.default.string,
|
|
145
145
|
"ariaLabelledBy": _propTypes.default.string,
|
|
146
|
-
"autoCapitalize": _propTypes.default.
|
|
146
|
+
"autoCapitalize": _propTypes.default.oneOfType([_propTypes.default.oneOf(["characters", "none", "off", "on", "sentences", "words"]), _propTypes.default.shape({
|
|
147
|
+
"__@iterator": _propTypes.default.func.isRequired,
|
|
148
|
+
"anchor": _propTypes.default.func.isRequired,
|
|
149
|
+
"at": _propTypes.default.func.isRequired,
|
|
150
|
+
"big": _propTypes.default.func.isRequired,
|
|
151
|
+
"blink": _propTypes.default.func.isRequired,
|
|
152
|
+
"bold": _propTypes.default.func.isRequired,
|
|
153
|
+
"charAt": _propTypes.default.func.isRequired,
|
|
154
|
+
"charCodeAt": _propTypes.default.func.isRequired,
|
|
155
|
+
"codePointAt": _propTypes.default.func.isRequired,
|
|
156
|
+
"concat": _propTypes.default.func.isRequired,
|
|
157
|
+
"endsWith": _propTypes.default.func.isRequired,
|
|
158
|
+
"fixed": _propTypes.default.func.isRequired,
|
|
159
|
+
"fontcolor": _propTypes.default.func.isRequired,
|
|
160
|
+
"fontsize": _propTypes.default.func.isRequired,
|
|
161
|
+
"includes": _propTypes.default.func.isRequired,
|
|
162
|
+
"indexOf": _propTypes.default.func.isRequired,
|
|
163
|
+
"italics": _propTypes.default.func.isRequired,
|
|
164
|
+
"lastIndexOf": _propTypes.default.func.isRequired,
|
|
165
|
+
"length": _propTypes.default.number.isRequired,
|
|
166
|
+
"link": _propTypes.default.func.isRequired,
|
|
167
|
+
"localeCompare": _propTypes.default.func.isRequired,
|
|
168
|
+
"match": _propTypes.default.func.isRequired,
|
|
169
|
+
"matchAll": _propTypes.default.func.isRequired,
|
|
170
|
+
"normalize": _propTypes.default.func.isRequired,
|
|
171
|
+
"padEnd": _propTypes.default.func.isRequired,
|
|
172
|
+
"padStart": _propTypes.default.func.isRequired,
|
|
173
|
+
"repeat": _propTypes.default.func.isRequired,
|
|
174
|
+
"replace": _propTypes.default.func.isRequired,
|
|
175
|
+
"search": _propTypes.default.func.isRequired,
|
|
176
|
+
"slice": _propTypes.default.func.isRequired,
|
|
177
|
+
"small": _propTypes.default.func.isRequired,
|
|
178
|
+
"split": _propTypes.default.func.isRequired,
|
|
179
|
+
"startsWith": _propTypes.default.func.isRequired,
|
|
180
|
+
"strike": _propTypes.default.func.isRequired,
|
|
181
|
+
"sub": _propTypes.default.func.isRequired,
|
|
182
|
+
"substr": _propTypes.default.func.isRequired,
|
|
183
|
+
"substring": _propTypes.default.func.isRequired,
|
|
184
|
+
"sup": _propTypes.default.func.isRequired,
|
|
185
|
+
"toLocaleLowerCase": _propTypes.default.func.isRequired,
|
|
186
|
+
"toLocaleUpperCase": _propTypes.default.func.isRequired,
|
|
187
|
+
"toLowerCase": _propTypes.default.func.isRequired,
|
|
188
|
+
"toString": _propTypes.default.func.isRequired,
|
|
189
|
+
"toUpperCase": _propTypes.default.func.isRequired,
|
|
190
|
+
"trim": _propTypes.default.func.isRequired,
|
|
191
|
+
"trimEnd": _propTypes.default.func.isRequired,
|
|
192
|
+
"trimLeft": _propTypes.default.func.isRequired,
|
|
193
|
+
"trimRight": _propTypes.default.func.isRequired,
|
|
194
|
+
"trimStart": _propTypes.default.func.isRequired,
|
|
195
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
196
|
+
})]),
|
|
147
197
|
"autoComplete": _propTypes.default.string,
|
|
148
198
|
"autoCorrect": _propTypes.default.string,
|
|
149
199
|
"autoFocus": _propTypes.default.bool,
|
|
@@ -219,7 +219,57 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
219
219
|
"aria-valuetext": _propTypes.default.string,
|
|
220
220
|
"ariaDescribedBy": _propTypes.default.string,
|
|
221
221
|
"as": _propTypes.default.elementType,
|
|
222
|
-
"autoCapitalize": _propTypes.default.
|
|
222
|
+
"autoCapitalize": _propTypes.default.oneOfType([_propTypes.default.oneOf(["characters", "none", "off", "on", "sentences", "words"]), _propTypes.default.shape({
|
|
223
|
+
"__@iterator": _propTypes.default.func.isRequired,
|
|
224
|
+
"anchor": _propTypes.default.func.isRequired,
|
|
225
|
+
"at": _propTypes.default.func.isRequired,
|
|
226
|
+
"big": _propTypes.default.func.isRequired,
|
|
227
|
+
"blink": _propTypes.default.func.isRequired,
|
|
228
|
+
"bold": _propTypes.default.func.isRequired,
|
|
229
|
+
"charAt": _propTypes.default.func.isRequired,
|
|
230
|
+
"charCodeAt": _propTypes.default.func.isRequired,
|
|
231
|
+
"codePointAt": _propTypes.default.func.isRequired,
|
|
232
|
+
"concat": _propTypes.default.func.isRequired,
|
|
233
|
+
"endsWith": _propTypes.default.func.isRequired,
|
|
234
|
+
"fixed": _propTypes.default.func.isRequired,
|
|
235
|
+
"fontcolor": _propTypes.default.func.isRequired,
|
|
236
|
+
"fontsize": _propTypes.default.func.isRequired,
|
|
237
|
+
"includes": _propTypes.default.func.isRequired,
|
|
238
|
+
"indexOf": _propTypes.default.func.isRequired,
|
|
239
|
+
"italics": _propTypes.default.func.isRequired,
|
|
240
|
+
"lastIndexOf": _propTypes.default.func.isRequired,
|
|
241
|
+
"length": _propTypes.default.number.isRequired,
|
|
242
|
+
"link": _propTypes.default.func.isRequired,
|
|
243
|
+
"localeCompare": _propTypes.default.func.isRequired,
|
|
244
|
+
"match": _propTypes.default.func.isRequired,
|
|
245
|
+
"matchAll": _propTypes.default.func.isRequired,
|
|
246
|
+
"normalize": _propTypes.default.func.isRequired,
|
|
247
|
+
"padEnd": _propTypes.default.func.isRequired,
|
|
248
|
+
"padStart": _propTypes.default.func.isRequired,
|
|
249
|
+
"repeat": _propTypes.default.func.isRequired,
|
|
250
|
+
"replace": _propTypes.default.func.isRequired,
|
|
251
|
+
"search": _propTypes.default.func.isRequired,
|
|
252
|
+
"slice": _propTypes.default.func.isRequired,
|
|
253
|
+
"small": _propTypes.default.func.isRequired,
|
|
254
|
+
"split": _propTypes.default.func.isRequired,
|
|
255
|
+
"startsWith": _propTypes.default.func.isRequired,
|
|
256
|
+
"strike": _propTypes.default.func.isRequired,
|
|
257
|
+
"sub": _propTypes.default.func.isRequired,
|
|
258
|
+
"substr": _propTypes.default.func.isRequired,
|
|
259
|
+
"substring": _propTypes.default.func.isRequired,
|
|
260
|
+
"sup": _propTypes.default.func.isRequired,
|
|
261
|
+
"toLocaleLowerCase": _propTypes.default.func.isRequired,
|
|
262
|
+
"toLocaleUpperCase": _propTypes.default.func.isRequired,
|
|
263
|
+
"toLowerCase": _propTypes.default.func.isRequired,
|
|
264
|
+
"toString": _propTypes.default.func.isRequired,
|
|
265
|
+
"toUpperCase": _propTypes.default.func.isRequired,
|
|
266
|
+
"trim": _propTypes.default.func.isRequired,
|
|
267
|
+
"trimEnd": _propTypes.default.func.isRequired,
|
|
268
|
+
"trimLeft": _propTypes.default.func.isRequired,
|
|
269
|
+
"trimRight": _propTypes.default.func.isRequired,
|
|
270
|
+
"trimStart": _propTypes.default.func.isRequired,
|
|
271
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
272
|
+
})]),
|
|
223
273
|
"autoComplete": _propTypes.default.string,
|
|
224
274
|
"autoCorrect": _propTypes.default.string,
|
|
225
275
|
"autoFocus": _propTypes.default.bool,
|
|
@@ -83,6 +83,6 @@ const Popover = ({
|
|
|
83
83
|
if (disablePortal) {
|
|
84
84
|
return content;
|
|
85
85
|
}
|
|
86
|
-
return /*#__PURE__*/_reactDom.default.createPortal(
|
|
86
|
+
return /*#__PURE__*/_reactDom.default.createPortal(/*#__PURE__*/_react.default.createElement(_carbonScopedTokensProvider.default, null, content), elementDOM.current);
|
|
87
87
|
};
|
|
88
88
|
var _default = exports.default = Popover;
|
|
@@ -22,7 +22,7 @@ const RadioButtonMapper = ({
|
|
|
22
22
|
const anyChecked = (0, _react.useMemo)(() => {
|
|
23
23
|
let result = false;
|
|
24
24
|
filteredChildren.forEach(child => {
|
|
25
|
-
if (
|
|
25
|
+
if (/*#__PURE__*/_react.default.isValidElement(child) && Object.prototype.hasOwnProperty.call(child.props, "defaultChecked")) {
|
|
26
26
|
result = true;
|
|
27
27
|
}
|
|
28
28
|
});
|
|
@@ -59,7 +59,7 @@ const ActionPopoverItem = ({
|
|
|
59
59
|
}) => {
|
|
60
60
|
const context = (0, _react.useContext)(_actionPopover2.default);
|
|
61
61
|
!context ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverItem must be used within an ActionPopover component") : (0, _invariant.default)(false) : void 0;
|
|
62
|
-
!(
|
|
62
|
+
!(/*#__PURE__*/_react.default.isValidElement(submenu) ? submenu.type === _actionPopoverMenu.default : true) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "ActionPopoverItem only accepts submenu of type `ActionPopoverMenu`") : (0, _invariant.default)(false) : void 0;
|
|
63
63
|
const {
|
|
64
64
|
setOpenPopover,
|
|
65
65
|
isOpenPopover,
|
|
@@ -125,7 +125,7 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
125
125
|
let firstMatch;
|
|
126
126
|
let nextMatch;
|
|
127
127
|
items.forEach((item, index) => {
|
|
128
|
-
if (
|
|
128
|
+
if (/*#__PURE__*/_react.default.isValidElement(item) && !isItemDisabled(index) && item.props.children.toLowerCase().startsWith(e.key.toLowerCase())) {
|
|
129
129
|
// istanbul ignore else
|
|
130
130
|
if (firstMatch === undefined) {
|
|
131
131
|
firstMatch = index;
|
|
@@ -148,7 +148,7 @@ const ActionPopoverMenu = /*#__PURE__*/_react.default.forwardRef(({
|
|
|
148
148
|
const clonedChildren = (0, _react.useMemo)(() => {
|
|
149
149
|
let index = 0;
|
|
150
150
|
return _react.default.Children.map(children, child => {
|
|
151
|
-
if (
|
|
151
|
+
if (/*#__PURE__*/_react.default.isValidElement(child) && child.type === _actionPopoverItem.default) {
|
|
152
152
|
index += 1;
|
|
153
153
|
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
154
154
|
focusItem: isOpen && focusIndex === index - 1,
|
|
@@ -183,7 +183,57 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
183
183
|
"aria-valuetext": _propTypes.default.string,
|
|
184
184
|
"ariaDescribedBy": _propTypes.default.string,
|
|
185
185
|
"ariaLabelledBy": _propTypes.default.string,
|
|
186
|
-
"autoCapitalize": _propTypes.default.
|
|
186
|
+
"autoCapitalize": _propTypes.default.oneOfType([_propTypes.default.oneOf(["characters", "none", "off", "on", "sentences", "words"]), _propTypes.default.shape({
|
|
187
|
+
"__@iterator": _propTypes.default.func.isRequired,
|
|
188
|
+
"anchor": _propTypes.default.func.isRequired,
|
|
189
|
+
"at": _propTypes.default.func.isRequired,
|
|
190
|
+
"big": _propTypes.default.func.isRequired,
|
|
191
|
+
"blink": _propTypes.default.func.isRequired,
|
|
192
|
+
"bold": _propTypes.default.func.isRequired,
|
|
193
|
+
"charAt": _propTypes.default.func.isRequired,
|
|
194
|
+
"charCodeAt": _propTypes.default.func.isRequired,
|
|
195
|
+
"codePointAt": _propTypes.default.func.isRequired,
|
|
196
|
+
"concat": _propTypes.default.func.isRequired,
|
|
197
|
+
"endsWith": _propTypes.default.func.isRequired,
|
|
198
|
+
"fixed": _propTypes.default.func.isRequired,
|
|
199
|
+
"fontcolor": _propTypes.default.func.isRequired,
|
|
200
|
+
"fontsize": _propTypes.default.func.isRequired,
|
|
201
|
+
"includes": _propTypes.default.func.isRequired,
|
|
202
|
+
"indexOf": _propTypes.default.func.isRequired,
|
|
203
|
+
"italics": _propTypes.default.func.isRequired,
|
|
204
|
+
"lastIndexOf": _propTypes.default.func.isRequired,
|
|
205
|
+
"length": _propTypes.default.number.isRequired,
|
|
206
|
+
"link": _propTypes.default.func.isRequired,
|
|
207
|
+
"localeCompare": _propTypes.default.func.isRequired,
|
|
208
|
+
"match": _propTypes.default.func.isRequired,
|
|
209
|
+
"matchAll": _propTypes.default.func.isRequired,
|
|
210
|
+
"normalize": _propTypes.default.func.isRequired,
|
|
211
|
+
"padEnd": _propTypes.default.func.isRequired,
|
|
212
|
+
"padStart": _propTypes.default.func.isRequired,
|
|
213
|
+
"repeat": _propTypes.default.func.isRequired,
|
|
214
|
+
"replace": _propTypes.default.func.isRequired,
|
|
215
|
+
"search": _propTypes.default.func.isRequired,
|
|
216
|
+
"slice": _propTypes.default.func.isRequired,
|
|
217
|
+
"small": _propTypes.default.func.isRequired,
|
|
218
|
+
"split": _propTypes.default.func.isRequired,
|
|
219
|
+
"startsWith": _propTypes.default.func.isRequired,
|
|
220
|
+
"strike": _propTypes.default.func.isRequired,
|
|
221
|
+
"sub": _propTypes.default.func.isRequired,
|
|
222
|
+
"substr": _propTypes.default.func.isRequired,
|
|
223
|
+
"substring": _propTypes.default.func.isRequired,
|
|
224
|
+
"sup": _propTypes.default.func.isRequired,
|
|
225
|
+
"toLocaleLowerCase": _propTypes.default.func.isRequired,
|
|
226
|
+
"toLocaleUpperCase": _propTypes.default.func.isRequired,
|
|
227
|
+
"toLowerCase": _propTypes.default.func.isRequired,
|
|
228
|
+
"toString": _propTypes.default.func.isRequired,
|
|
229
|
+
"toUpperCase": _propTypes.default.func.isRequired,
|
|
230
|
+
"trim": _propTypes.default.func.isRequired,
|
|
231
|
+
"trimEnd": _propTypes.default.func.isRequired,
|
|
232
|
+
"trimLeft": _propTypes.default.func.isRequired,
|
|
233
|
+
"trimRight": _propTypes.default.func.isRequired,
|
|
234
|
+
"trimStart": _propTypes.default.func.isRequired,
|
|
235
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
236
|
+
})]),
|
|
187
237
|
"autoComplete": _propTypes.default.string,
|
|
188
238
|
"autoCorrect": _propTypes.default.string,
|
|
189
239
|
"autoFocus": _propTypes.default.bool,
|
|
@@ -420,7 +420,57 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
420
420
|
"aria-valuetext": _propTypes.default.string,
|
|
421
421
|
"ariaDescribedBy": _propTypes.default.string,
|
|
422
422
|
"as": _propTypes.default.elementType,
|
|
423
|
-
"autoCapitalize": _propTypes.default.
|
|
423
|
+
"autoCapitalize": _propTypes.default.oneOfType([_propTypes.default.oneOf(["characters", "none", "off", "on", "sentences", "words"]), _propTypes.default.shape({
|
|
424
|
+
"__@iterator": _propTypes.default.func.isRequired,
|
|
425
|
+
"anchor": _propTypes.default.func.isRequired,
|
|
426
|
+
"at": _propTypes.default.func.isRequired,
|
|
427
|
+
"big": _propTypes.default.func.isRequired,
|
|
428
|
+
"blink": _propTypes.default.func.isRequired,
|
|
429
|
+
"bold": _propTypes.default.func.isRequired,
|
|
430
|
+
"charAt": _propTypes.default.func.isRequired,
|
|
431
|
+
"charCodeAt": _propTypes.default.func.isRequired,
|
|
432
|
+
"codePointAt": _propTypes.default.func.isRequired,
|
|
433
|
+
"concat": _propTypes.default.func.isRequired,
|
|
434
|
+
"endsWith": _propTypes.default.func.isRequired,
|
|
435
|
+
"fixed": _propTypes.default.func.isRequired,
|
|
436
|
+
"fontcolor": _propTypes.default.func.isRequired,
|
|
437
|
+
"fontsize": _propTypes.default.func.isRequired,
|
|
438
|
+
"includes": _propTypes.default.func.isRequired,
|
|
439
|
+
"indexOf": _propTypes.default.func.isRequired,
|
|
440
|
+
"italics": _propTypes.default.func.isRequired,
|
|
441
|
+
"lastIndexOf": _propTypes.default.func.isRequired,
|
|
442
|
+
"length": _propTypes.default.number.isRequired,
|
|
443
|
+
"link": _propTypes.default.func.isRequired,
|
|
444
|
+
"localeCompare": _propTypes.default.func.isRequired,
|
|
445
|
+
"match": _propTypes.default.func.isRequired,
|
|
446
|
+
"matchAll": _propTypes.default.func.isRequired,
|
|
447
|
+
"normalize": _propTypes.default.func.isRequired,
|
|
448
|
+
"padEnd": _propTypes.default.func.isRequired,
|
|
449
|
+
"padStart": _propTypes.default.func.isRequired,
|
|
450
|
+
"repeat": _propTypes.default.func.isRequired,
|
|
451
|
+
"replace": _propTypes.default.func.isRequired,
|
|
452
|
+
"search": _propTypes.default.func.isRequired,
|
|
453
|
+
"slice": _propTypes.default.func.isRequired,
|
|
454
|
+
"small": _propTypes.default.func.isRequired,
|
|
455
|
+
"split": _propTypes.default.func.isRequired,
|
|
456
|
+
"startsWith": _propTypes.default.func.isRequired,
|
|
457
|
+
"strike": _propTypes.default.func.isRequired,
|
|
458
|
+
"sub": _propTypes.default.func.isRequired,
|
|
459
|
+
"substr": _propTypes.default.func.isRequired,
|
|
460
|
+
"substring": _propTypes.default.func.isRequired,
|
|
461
|
+
"sup": _propTypes.default.func.isRequired,
|
|
462
|
+
"toLocaleLowerCase": _propTypes.default.func.isRequired,
|
|
463
|
+
"toLocaleUpperCase": _propTypes.default.func.isRequired,
|
|
464
|
+
"toLowerCase": _propTypes.default.func.isRequired,
|
|
465
|
+
"toString": _propTypes.default.func.isRequired,
|
|
466
|
+
"toUpperCase": _propTypes.default.func.isRequired,
|
|
467
|
+
"trim": _propTypes.default.func.isRequired,
|
|
468
|
+
"trimEnd": _propTypes.default.func.isRequired,
|
|
469
|
+
"trimLeft": _propTypes.default.func.isRequired,
|
|
470
|
+
"trimRight": _propTypes.default.func.isRequired,
|
|
471
|
+
"trimStart": _propTypes.default.func.isRequired,
|
|
472
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
473
|
+
})]),
|
|
424
474
|
"autoComplete": _propTypes.default.string,
|
|
425
475
|
"autoCorrect": _propTypes.default.string,
|
|
426
476
|
"autoFocus": _propTypes.default.bool,
|
|
@@ -253,7 +253,57 @@ if (process.env.NODE_ENV !== "production") {
|
|
|
253
253
|
"aria-valuetext": _propTypes.default.string,
|
|
254
254
|
"ariaDescribedBy": _propTypes.default.string,
|
|
255
255
|
"as": _propTypes.default.elementType,
|
|
256
|
-
"autoCapitalize": _propTypes.default.
|
|
256
|
+
"autoCapitalize": _propTypes.default.oneOfType([_propTypes.default.oneOf(["characters", "none", "off", "on", "sentences", "words"]), _propTypes.default.shape({
|
|
257
|
+
"__@iterator": _propTypes.default.func.isRequired,
|
|
258
|
+
"anchor": _propTypes.default.func.isRequired,
|
|
259
|
+
"at": _propTypes.default.func.isRequired,
|
|
260
|
+
"big": _propTypes.default.func.isRequired,
|
|
261
|
+
"blink": _propTypes.default.func.isRequired,
|
|
262
|
+
"bold": _propTypes.default.func.isRequired,
|
|
263
|
+
"charAt": _propTypes.default.func.isRequired,
|
|
264
|
+
"charCodeAt": _propTypes.default.func.isRequired,
|
|
265
|
+
"codePointAt": _propTypes.default.func.isRequired,
|
|
266
|
+
"concat": _propTypes.default.func.isRequired,
|
|
267
|
+
"endsWith": _propTypes.default.func.isRequired,
|
|
268
|
+
"fixed": _propTypes.default.func.isRequired,
|
|
269
|
+
"fontcolor": _propTypes.default.func.isRequired,
|
|
270
|
+
"fontsize": _propTypes.default.func.isRequired,
|
|
271
|
+
"includes": _propTypes.default.func.isRequired,
|
|
272
|
+
"indexOf": _propTypes.default.func.isRequired,
|
|
273
|
+
"italics": _propTypes.default.func.isRequired,
|
|
274
|
+
"lastIndexOf": _propTypes.default.func.isRequired,
|
|
275
|
+
"length": _propTypes.default.number.isRequired,
|
|
276
|
+
"link": _propTypes.default.func.isRequired,
|
|
277
|
+
"localeCompare": _propTypes.default.func.isRequired,
|
|
278
|
+
"match": _propTypes.default.func.isRequired,
|
|
279
|
+
"matchAll": _propTypes.default.func.isRequired,
|
|
280
|
+
"normalize": _propTypes.default.func.isRequired,
|
|
281
|
+
"padEnd": _propTypes.default.func.isRequired,
|
|
282
|
+
"padStart": _propTypes.default.func.isRequired,
|
|
283
|
+
"repeat": _propTypes.default.func.isRequired,
|
|
284
|
+
"replace": _propTypes.default.func.isRequired,
|
|
285
|
+
"search": _propTypes.default.func.isRequired,
|
|
286
|
+
"slice": _propTypes.default.func.isRequired,
|
|
287
|
+
"small": _propTypes.default.func.isRequired,
|
|
288
|
+
"split": _propTypes.default.func.isRequired,
|
|
289
|
+
"startsWith": _propTypes.default.func.isRequired,
|
|
290
|
+
"strike": _propTypes.default.func.isRequired,
|
|
291
|
+
"sub": _propTypes.default.func.isRequired,
|
|
292
|
+
"substr": _propTypes.default.func.isRequired,
|
|
293
|
+
"substring": _propTypes.default.func.isRequired,
|
|
294
|
+
"sup": _propTypes.default.func.isRequired,
|
|
295
|
+
"toLocaleLowerCase": _propTypes.default.func.isRequired,
|
|
296
|
+
"toLocaleUpperCase": _propTypes.default.func.isRequired,
|
|
297
|
+
"toLowerCase": _propTypes.default.func.isRequired,
|
|
298
|
+
"toString": _propTypes.default.func.isRequired,
|
|
299
|
+
"toUpperCase": _propTypes.default.func.isRequired,
|
|
300
|
+
"trim": _propTypes.default.func.isRequired,
|
|
301
|
+
"trimEnd": _propTypes.default.func.isRequired,
|
|
302
|
+
"trimLeft": _propTypes.default.func.isRequired,
|
|
303
|
+
"trimRight": _propTypes.default.func.isRequired,
|
|
304
|
+
"trimStart": _propTypes.default.func.isRequired,
|
|
305
|
+
"valueOf": _propTypes.default.func.isRequired
|
|
306
|
+
})]),
|
|
257
307
|
"autoComplete": _propTypes.default.string,
|
|
258
308
|
"autoCorrect": _propTypes.default.string,
|
|
259
309
|
"autoFocus": _propTypes.default.bool,
|
|
@@ -40,7 +40,7 @@ const DuellingPicklist = ({
|
|
|
40
40
|
return index;
|
|
41
41
|
};
|
|
42
42
|
const clonedChildren = _react.default.Children.map(children, child => {
|
|
43
|
-
if (
|
|
43
|
+
if (/*#__PURE__*/_react.default.isValidElement(child) && child.type === _picklist.Picklist) {
|
|
44
44
|
return /*#__PURE__*/_react.default.cloneElement(child, {
|
|
45
45
|
index: getIndex()
|
|
46
46
|
});
|