react-magma-dom 5.1.0-rc.23 → 5.1.0-rc.24
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/dist/components/Combobox/Combobox.stories.d.ts +42 -12
- package/dist/components/Select/utils.d.ts +1 -0
- package/dist/esm/index.js +71 -21
- package/dist/esm/index.js.map +1 -1
- package/dist/react-magma-dom.cjs.development.js +71 -21
- package/dist/react-magma-dom.cjs.development.js.map +1 -1
- package/dist/react-magma-dom.cjs.production.min.js +1 -1
- package/dist/react-magma-dom.cjs.production.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -7,10 +7,15 @@ export default _default;
|
|
|
7
7
|
export declare const Default: {
|
|
8
8
|
args: {
|
|
9
9
|
labelText: string;
|
|
10
|
-
defaultItems: {
|
|
10
|
+
defaultItems: ({
|
|
11
11
|
label: string;
|
|
12
12
|
value: string;
|
|
13
|
-
|
|
13
|
+
disabled?: undefined;
|
|
14
|
+
} | {
|
|
15
|
+
label: string;
|
|
16
|
+
value: string;
|
|
17
|
+
disabled: string;
|
|
18
|
+
})[];
|
|
14
19
|
disableCreateItem: boolean;
|
|
15
20
|
errorMessage: string;
|
|
16
21
|
helperMessage: string;
|
|
@@ -36,10 +41,15 @@ export declare const ErrorMessage: {
|
|
|
36
41
|
args: {
|
|
37
42
|
errorMessage: string;
|
|
38
43
|
labelText: string;
|
|
39
|
-
defaultItems: {
|
|
44
|
+
defaultItems: ({
|
|
45
|
+
label: string;
|
|
46
|
+
value: string;
|
|
47
|
+
disabled?: undefined;
|
|
48
|
+
} | {
|
|
40
49
|
label: string;
|
|
41
50
|
value: string;
|
|
42
|
-
|
|
51
|
+
disabled: string;
|
|
52
|
+
})[];
|
|
43
53
|
disableCreateItem: boolean;
|
|
44
54
|
helperMessage: string;
|
|
45
55
|
placeholder: string;
|
|
@@ -53,10 +63,15 @@ export declare const HelperMessage: {
|
|
|
53
63
|
args: {
|
|
54
64
|
helperMessage: string;
|
|
55
65
|
labelText: string;
|
|
56
|
-
defaultItems: {
|
|
66
|
+
defaultItems: ({
|
|
67
|
+
label: string;
|
|
68
|
+
value: string;
|
|
69
|
+
disabled?: undefined;
|
|
70
|
+
} | {
|
|
57
71
|
label: string;
|
|
58
72
|
value: string;
|
|
59
|
-
|
|
73
|
+
disabled: string;
|
|
74
|
+
})[];
|
|
60
75
|
disableCreateItem: boolean;
|
|
61
76
|
errorMessage: string;
|
|
62
77
|
placeholder: string;
|
|
@@ -71,10 +86,15 @@ export declare const Inverse: {
|
|
|
71
86
|
isInverse: boolean;
|
|
72
87
|
disabled: boolean;
|
|
73
88
|
labelText: string;
|
|
74
|
-
defaultItems: {
|
|
89
|
+
defaultItems: ({
|
|
75
90
|
label: string;
|
|
76
91
|
value: string;
|
|
77
|
-
|
|
92
|
+
disabled?: undefined;
|
|
93
|
+
} | {
|
|
94
|
+
label: string;
|
|
95
|
+
value: string;
|
|
96
|
+
disabled: string;
|
|
97
|
+
})[];
|
|
78
98
|
disableCreateItem: boolean;
|
|
79
99
|
errorMessage: string;
|
|
80
100
|
helperMessage: string;
|
|
@@ -90,10 +110,15 @@ export declare const LeftAlignedLabel: {
|
|
|
90
110
|
labelPosition: LabelPosition;
|
|
91
111
|
errorMessage: string;
|
|
92
112
|
labelText: string;
|
|
93
|
-
defaultItems: {
|
|
113
|
+
defaultItems: ({
|
|
114
|
+
label: string;
|
|
115
|
+
value: string;
|
|
116
|
+
disabled?: undefined;
|
|
117
|
+
} | {
|
|
94
118
|
label: string;
|
|
95
119
|
value: string;
|
|
96
|
-
|
|
120
|
+
disabled: string;
|
|
121
|
+
})[];
|
|
97
122
|
disableCreateItem: boolean;
|
|
98
123
|
helperMessage: string;
|
|
99
124
|
placeholder: string;
|
|
@@ -108,10 +133,15 @@ export declare const LeftAlignedLabelWithContainer: {
|
|
|
108
133
|
labelPosition: LabelPosition;
|
|
109
134
|
errorMessage: string;
|
|
110
135
|
labelText: string;
|
|
111
|
-
defaultItems: {
|
|
136
|
+
defaultItems: ({
|
|
137
|
+
label: string;
|
|
138
|
+
value: string;
|
|
139
|
+
disabled?: undefined;
|
|
140
|
+
} | {
|
|
112
141
|
label: string;
|
|
113
142
|
value: string;
|
|
114
|
-
|
|
143
|
+
disabled: string;
|
|
144
|
+
})[];
|
|
115
145
|
disableCreateItem: boolean;
|
|
116
146
|
helperMessage: string;
|
|
117
147
|
placeholder: string;
|
package/dist/esm/index.js
CHANGED
|
@@ -18255,6 +18255,22 @@ var Search = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
|
18255
18255
|
function isItemDisabled(item) {
|
|
18256
18256
|
return instanceOfItemWithOptionalDisabled(item) && item.disabled;
|
|
18257
18257
|
}
|
|
18258
|
+
var setFocusedItem = function setFocusedItem(step, highlightedIndex, items, setHighlightedIndex) {
|
|
18259
|
+
if (!items || items.length === 0) return;
|
|
18260
|
+
var nextIndex = highlightedIndex != null ? highlightedIndex : 0;
|
|
18261
|
+
if (nextIndex === -1 && step < 0) {
|
|
18262
|
+
nextIndex = 0;
|
|
18263
|
+
}
|
|
18264
|
+
var iterations = 0;
|
|
18265
|
+
while (iterations < items.length) {
|
|
18266
|
+
nextIndex = (nextIndex + step + items.length) % items.length;
|
|
18267
|
+
if (!isItemDisabled(items[nextIndex])) {
|
|
18268
|
+
setHighlightedIndex == null || setHighlightedIndex(nextIndex);
|
|
18269
|
+
return;
|
|
18270
|
+
}
|
|
18271
|
+
iterations++;
|
|
18272
|
+
}
|
|
18273
|
+
};
|
|
18258
18274
|
|
|
18259
18275
|
var _excluded$1t = ["ref"];
|
|
18260
18276
|
function _EMOTION_STRINGIFIED_CSS_ERROR__$B() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
|
|
@@ -18267,7 +18283,7 @@ var NoItemsMessage = /*#__PURE__*/_styled("span", {
|
|
|
18267
18283
|
return props.theme.bodyFont;
|
|
18268
18284
|
}, ";display:block;padding-top:", function (props) {
|
|
18269
18285
|
return props.theme.spaceScale.spacing03;
|
|
18270
|
-
}, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18286
|
+
}, ";text-align:center;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1zTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBVW1DIiwiZmlsZSI6Ikl0ZW1zTGlzdC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEkxOG5Db250ZXh0IH0gZnJvbSAnLi4vLi4vaTE4bic7XHJcbmltcG9ydCB7IFRoZW1lQ29udGV4dCB9IGZyb20gJy4uLy4uL3RoZW1lL1RoZW1lQ29udGV4dCc7XHJcbmltcG9ydCB7IGNvbnZlcnRTdHlsZVZhbHVlVG9TdHJpbmcgfSBmcm9tICcuLi8uLi91dGlscyc7XHJcbmltcG9ydCB7IFNwaW5uZXIgfSBmcm9tICcuLi9TcGlubmVyJztcclxuaW1wb3J0IHsgZGVmYXVsdENvbXBvbmVudHMsIH0gZnJvbSAnLi9jb21wb25lbnRzJztcclxuaW1wb3J0IHsgU3R5bGVkQ2FyZCwgU3R5bGVkSXRlbSwgU3R5bGVkTGlzdCB9IGZyb20gJy4vc2hhcmVkJztcclxuaW1wb3J0IHsgaXNJdGVtRGlzYWJsZWQsIHNldEZvY3VzZWRJdGVtIH0gZnJvbSAnLi91dGlscyc7XHJcbmltcG9ydCB7IGluc3RhbmNlT2ZUb0JlQ3JlYXRlZEl0ZW1PYmplY3QgfSBmcm9tICcuJztcclxuY29uc3QgTm9JdGVtc01lc3NhZ2UgPSBzdHlsZWQuc3BhbiBgXG4gIGNvbG9yOiAke3Byb3BzID0+IHByb3BzLmlzSW52ZXJzZVxyXG4gICAgPyBwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDEwMFxyXG4gICAgOiBwcm9wcy50aGVtZS5jb2xvcnMubmV1dHJhbDQwMH07XG4gIGZvbnQtZmFtaWx5OiAke3Byb3BzID0+IHByb3BzLnRoZW1lLmJvZHlGb250fTtcbiAgZGlzcGxheTogYmxvY2s7XG4gIHBhZGRpbmctdG9wOiAke3Byb3BzID0+IHByb3BzLnRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzAzfTtcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuYDtcclxuY29uc3QgTG9hZGluZ1dyYXBwZXIgPSBzdHlsZWQuc3BhbiBgXG4gIGRpc3BsYXk6IGZsZXg7XG4gIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuYDtcclxuZXhwb3J0IGZ1bmN0aW9uIEl0ZW1zTGlzdChwcm9wcykge1xyXG4gICAgY29uc3QgeyBjdXN0b21Db21wb25lbnRzLCBmbG9hdGluZ0VsZW1lbnRTdHlsZXMsIGdldEl0ZW1Qcm9wcywgZ2V0TWVudVByb3BzLCBoaWdobGlnaHRlZEluZGV4LCBpc0ludmVyc2UsIGlzTG9hZGluZywgaXNPcGVuLCBpdGVtcywgaXRlbVRvU3RyaW5nLCBtYXhIZWlnaHQsIG1lbnVTdHlsZSwgc2V0RmxvYXRpbmcsIHNldEhpZ2hsaWdodGVkSW5kZXgsIH0gPSBwcm9wcztcclxuICAgIGNvbnN0IHRoZW1lID0gUmVhY3QudXNlQ29udGV4dChUaGVtZUNvbnRleHQpO1xyXG4gICAgY29uc3QgaTE4biA9IFJlYWN0LnVzZUNvbnRleHQoSTE4bkNvbnRleHQpO1xyXG4gICAgY29uc3QgaGFzSXRlbXMgPSBpdGVtcyAmJiBpdGVtcy5sZW5ndGggPiAwO1xyXG4gICAgY29uc3QgaGVpZ2h0U3RyaW5nID0gY29udmVydFN0eWxlVmFsdWVUb1N0cmluZyhtYXhIZWlnaHQpO1xyXG4gICAgY29uc3QgeyBJdGVtIH0gPSBkZWZhdWx0Q29tcG9uZW50cyh7XHJcbiAgICAgICAgLi4uY3VzdG9tQ29tcG9uZW50cyxcclxuICAgIH0pO1xyXG4gICAgY29uc3QgTG9hZGluZ0luZGljYXRvciA9ICgpID0+IHtcclxuICAgICAgICByZXR1cm4gKFJlYWN0LmNyZWF0ZUVsZW1lbnQoTG9hZGluZ1dyYXBwZXIsIG51bGwsXHJcbiAgICAgICAgICAgIFJlYWN0LmNyZWF0ZUVsZW1lbnQoU3Bpbm5lciwgeyB0ZXN0SWQ6IFwiaXRlbXNMaXN0LWxvYWRpbmdJbmRpY2F0b3JcIiwgc3R5bGU6IHsgbWFyZ2luUmlnaHQ6IHRoZW1lLnNwYWNlU2NhbGUuc3BhY2luZzAyIH0gfSksXHJcbiAgICAgICAgICAgICcgJyxcclxuICAgICAgICAgICAgaTE4bi5jb21ib2JveC5sb2FkaW5nKSk7XHJcbiAgICB9O1xyXG4gICAgZnVuY3Rpb24gaGFuZGxlS2V5RG93bihldmVudCkge1xyXG4gICAgICAgIHN3aXRjaCAoZXZlbnQua2V5KSB7XHJcbiAgICAgICAgICAgIGNhc2UgJ0VzY2FwZSc6XHJcbiAgICAgICAgICAgICAgICBldmVudC5uYXRpdmVFdmVudC5zdG9wSW1tZWRpYXRlUHJvcGFnYXRpb24oKTtcclxuICAgICAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgICAgICBjYXNlICdBcnJvd0Rvd24nOlxyXG4gICAgICAgICAgICAgICAgc2V0Rm9jdXNlZEl0ZW0oMSwgaGlnaGxpZ2h0ZWRJbmRleCwgaXRlbXMsIHNldEhpZ2hsaWdodGVkSW5kZXgpO1xyXG4gICAgICAgICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgICAgIGNhc2UgJ0Fycm93VXAnOlxyXG4gICAgICAgICAgICAgICAgc2V0Rm9jdXNlZEl0ZW0oLTEsIGhpZ2hsaWdodGVkSW5kZXgsIGl0ZW1zLCBzZXRIaWdobGlnaHRlZEluZGV4KTtcclxuICAgICAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICAgICAgYnJlYWs7XHJcbiAgICAgICAgfVxyXG4gICAgfVxyXG4gICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KFwiZGl2XCIsIHsgcmVmOiBlbCA9PiBpc09wZW4gJiYgc2V0RmxvYXRpbmcgJiYgc2V0RmxvYXRpbmcoZWwpLCBzdHlsZTogeyAuLi5mbG9hdGluZ0VsZW1lbnRTdHlsZXMsIHpJbmRleDogJzInIH0gfSxcclxuICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZENhcmQsIHsgaGFzRHJvcFNoYWRvdzogdHJ1ZSwgaXNJbnZlcnNlOiBpc0ludmVyc2UsIGlzT3BlbjogaXNPcGVuLCBvbktleURvd246IGhhbmRsZUtleURvd24sIHN0eWxlOiBtZW51U3R5bGUsIHRoZW1lOiB0aGVtZSB9LFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZExpc3QsIE9iamVjdC5hc3NpZ24oeyBpc09wZW46IGlzT3BlbiB9LCBnZXRNZW51UHJvcHMoKSwgeyBtYXhIZWlnaHQ6IGhlaWdodFN0cmluZyB9KSwgaXNPcGVuICYmIGhhc0l0ZW1zID8gKGl0ZW1zLm1hcCgoaXRlbSwgaW5kZXgpID0+IHtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGl0ZW1TdHJpbmcgPSBpbnN0YW5jZU9mVG9CZUNyZWF0ZWRJdGVtT2JqZWN0KGl0ZW0pXHJcbiAgICAgICAgICAgICAgICAgICAgPyBpdGVtLmxhYmVsXHJcbiAgICAgICAgICAgICAgICAgICAgOiBpdGVtVG9TdHJpbmcoaXRlbSk7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBpc0Rpc2FibGVkID0gaXNJdGVtRGlzYWJsZWQoaXRlbSk7XHJcbiAgICAgICAgICAgICAgICBjb25zdCB7IHJlZiwgLi4ub3RoZXJEb3duc2hpZnRJdGVtUHJvcHMgfSA9IGdldEl0ZW1Qcm9wcyh7XHJcbiAgICAgICAgICAgICAgICAgICAgaXRlbSxcclxuICAgICAgICAgICAgICAgICAgICBpbmRleCxcclxuICAgICAgICAgICAgICAgICAgICBkaXNhYmxlZDogaXNEaXNhYmxlZCxcclxuICAgICAgICAgICAgICAgIH0pO1xyXG4gICAgICAgICAgICAgICAgY29uc3Qga2V5ID0gYCR7aXRlbVN0cmluZ30ke2luZGV4fWA7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtUHJvcHMgPSB7XHJcbiAgICAgICAgICAgICAgICAgICAgaXNGb2N1c2VkOiBoaWdobGlnaHRlZEluZGV4ID09PSBpbmRleCxcclxuICAgICAgICAgICAgICAgICAgICBpc0ludmVyc2UsXHJcbiAgICAgICAgICAgICAgICAgICAgaXRlbVJlZjogcmVmLFxyXG4gICAgICAgICAgICAgICAgICAgIGl0ZW0sXHJcbiAgICAgICAgICAgICAgICAgICAgaXRlbVN0cmluZyxcclxuICAgICAgICAgICAgICAgICAgICBrZXksXHJcbiAgICAgICAgICAgICAgICAgICAgdGhlbWUsXHJcbiAgICAgICAgICAgICAgICAgICAgaXNEaXNhYmxlZDogaXNEaXNhYmxlZCxcclxuICAgICAgICAgICAgICAgICAgICAuLi5vdGhlckRvd25zaGlmdEl0ZW1Qcm9wcyxcclxuICAgICAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgICAgICBpZiAoaXNEaXNhYmxlZCkge1xyXG4gICAgICAgICAgICAgICAgICAgIGl0ZW1Qcm9wcy5vbk1vdXNlRW50ZXIgPSAoKSA9PiB7XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIHNldEhpZ2hsaWdodGVkSW5kZXg/LigtMSk7XHJcbiAgICAgICAgICAgICAgICAgICAgfTtcclxuICAgICAgICAgICAgICAgIH1cclxuICAgICAgICAgICAgICAgIHJldHVybiBSZWFjdC5jcmVhdGVFbGVtZW50KEl0ZW0sIE9iamVjdC5hc3NpZ24oe30sIGl0ZW1Qcm9wcywgeyBrZXk6IGtleSB9KSk7XHJcbiAgICAgICAgICAgIH0pKSA6IChSZWFjdC5jcmVhdGVFbGVtZW50KFN0eWxlZEl0ZW0sIHsgaXNJbnZlcnNlOiBpc0ludmVyc2UsIHRoZW1lOiB0aGVtZSwgdGFiSW5kZXg6IC0xIH0sXHJcbiAgICAgICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KE5vSXRlbXNNZXNzYWdlLCB7IHRoZW1lOiB0aGVtZSwgaXNJbnZlcnNlOiBpc0ludmVyc2UgfSwgaXNMb2FkaW5nID8gUmVhY3QuY3JlYXRlRWxlbWVudChMb2FkaW5nSW5kaWNhdG9yLCBudWxsKSA6IGkxOG4uZW1wdHlJdGVtc0xpc3RUZXh0KSkpKSkpKTtcclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1JdGVtc0xpc3QuanMubWFwIl19 */"));
|
|
18271
18287
|
var LoadingWrapper = /*#__PURE__*/_styled("span", {
|
|
18272
18288
|
target: "e8oncro0",
|
|
18273
18289
|
label: "LoadingWrapper"
|
|
@@ -18276,7 +18292,7 @@ var LoadingWrapper = /*#__PURE__*/_styled("span", {
|
|
|
18276
18292
|
styles: "display:flex;align-items:center;justify-content:center"
|
|
18277
18293
|
} : {
|
|
18278
18294
|
name: "1wnowod",
|
|
18279
|
-
styles: "display:flex;align-items:center;justify-content:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
18295
|
+
styles: "display:flex;align-items:center;justify-content:center/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIkl0ZW1zTGlzdC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbUJtQyIsImZpbGUiOiJJdGVtc0xpc3QudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBJMThuQ29udGV4dCB9IGZyb20gJy4uLy4uL2kxOG4nO1xyXG5pbXBvcnQgeyBUaGVtZUNvbnRleHQgfSBmcm9tICcuLi8uLi90aGVtZS9UaGVtZUNvbnRleHQnO1xyXG5pbXBvcnQgeyBjb252ZXJ0U3R5bGVWYWx1ZVRvU3RyaW5nIH0gZnJvbSAnLi4vLi4vdXRpbHMnO1xyXG5pbXBvcnQgeyBTcGlubmVyIH0gZnJvbSAnLi4vU3Bpbm5lcic7XHJcbmltcG9ydCB7IGRlZmF1bHRDb21wb25lbnRzLCB9IGZyb20gJy4vY29tcG9uZW50cyc7XHJcbmltcG9ydCB7IFN0eWxlZENhcmQsIFN0eWxlZEl0ZW0sIFN0eWxlZExpc3QgfSBmcm9tICcuL3NoYXJlZCc7XHJcbmltcG9ydCB7IGlzSXRlbURpc2FibGVkLCBzZXRGb2N1c2VkSXRlbSB9IGZyb20gJy4vdXRpbHMnO1xyXG5pbXBvcnQgeyBpbnN0YW5jZU9mVG9CZUNyZWF0ZWRJdGVtT2JqZWN0IH0gZnJvbSAnLic7XHJcbmNvbnN0IE5vSXRlbXNNZXNzYWdlID0gc3R5bGVkLnNwYW4gYFxuICBjb2xvcjogJHtwcm9wcyA9PiBwcm9wcy5pc0ludmVyc2VcclxuICAgID8gcHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWwxMDBcclxuICAgIDogcHJvcHMudGhlbWUuY29sb3JzLm5ldXRyYWw0MDB9O1xuICBmb250LWZhbWlseTogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5ib2R5Rm9udH07XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBwYWRkaW5nLXRvcDogJHtwcm9wcyA9PiBwcm9wcy50aGVtZS5zcGFjZVNjYWxlLnNwYWNpbmcwM307XG4gIHRleHQtYWxpZ246IGNlbnRlcjtcbmA7XHJcbmNvbnN0IExvYWRpbmdXcmFwcGVyID0gc3R5bGVkLnNwYW4gYFxuICBkaXNwbGF5OiBmbGV4O1xuICBhbGlnbi1pdGVtczogY2VudGVyO1xuICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbmA7XHJcbmV4cG9ydCBmdW5jdGlvbiBJdGVtc0xpc3QocHJvcHMpIHtcclxuICAgIGNvbnN0IHsgY3VzdG9tQ29tcG9uZW50cywgZmxvYXRpbmdFbGVtZW50U3R5bGVzLCBnZXRJdGVtUHJvcHMsIGdldE1lbnVQcm9wcywgaGlnaGxpZ2h0ZWRJbmRleCwgaXNJbnZlcnNlLCBpc0xvYWRpbmcsIGlzT3BlbiwgaXRlbXMsIGl0ZW1Ub1N0cmluZywgbWF4SGVpZ2h0LCBtZW51U3R5bGUsIHNldEZsb2F0aW5nLCBzZXRIaWdobGlnaHRlZEluZGV4LCB9ID0gcHJvcHM7XHJcbiAgICBjb25zdCB0aGVtZSA9IFJlYWN0LnVzZUNvbnRleHQoVGhlbWVDb250ZXh0KTtcclxuICAgIGNvbnN0IGkxOG4gPSBSZWFjdC51c2VDb250ZXh0KEkxOG5Db250ZXh0KTtcclxuICAgIGNvbnN0IGhhc0l0ZW1zID0gaXRlbXMgJiYgaXRlbXMubGVuZ3RoID4gMDtcclxuICAgIGNvbnN0IGhlaWdodFN0cmluZyA9IGNvbnZlcnRTdHlsZVZhbHVlVG9TdHJpbmcobWF4SGVpZ2h0KTtcclxuICAgIGNvbnN0IHsgSXRlbSB9ID0gZGVmYXVsdENvbXBvbmVudHMoe1xyXG4gICAgICAgIC4uLmN1c3RvbUNvbXBvbmVudHMsXHJcbiAgICB9KTtcclxuICAgIGNvbnN0IExvYWRpbmdJbmRpY2F0b3IgPSAoKSA9PiB7XHJcbiAgICAgICAgcmV0dXJuIChSZWFjdC5jcmVhdGVFbGVtZW50KExvYWRpbmdXcmFwcGVyLCBudWxsLFxyXG4gICAgICAgICAgICBSZWFjdC5jcmVhdGVFbGVtZW50KFNwaW5uZXIsIHsgdGVzdElkOiBcIml0ZW1zTGlzdC1sb2FkaW5nSW5kaWNhdG9yXCIsIHN0eWxlOiB7IG1hcmdpblJpZ2h0OiB0aGVtZS5zcGFjZVNjYWxlLnNwYWNpbmcwMiB9IH0pLFxyXG4gICAgICAgICAgICAnICcsXHJcbiAgICAgICAgICAgIGkxOG4uY29tYm9ib3gubG9hZGluZykpO1xyXG4gICAgfTtcclxuICAgIGZ1bmN0aW9uIGhhbmRsZUtleURvd24oZXZlbnQpIHtcclxuICAgICAgICBzd2l0Y2ggKGV2ZW50LmtleSkge1xyXG4gICAgICAgICAgICBjYXNlICdFc2NhcGUnOlxyXG4gICAgICAgICAgICAgICAgZXZlbnQubmF0aXZlRXZlbnQuc3RvcEltbWVkaWF0ZVByb3BhZ2F0aW9uKCk7XHJcbiAgICAgICAgICAgICAgICBicmVhaztcclxuICAgICAgICAgICAgY2FzZSAnQXJyb3dEb3duJzpcclxuICAgICAgICAgICAgICAgIHNldEZvY3VzZWRJdGVtKDEsIGhpZ2hsaWdodGVkSW5kZXgsIGl0ZW1zLCBzZXRIaWdobGlnaHRlZEluZGV4KTtcclxuICAgICAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgICAgICBjYXNlICdBcnJvd1VwJzpcclxuICAgICAgICAgICAgICAgIHNldEZvY3VzZWRJdGVtKC0xLCBoaWdobGlnaHRlZEluZGV4LCBpdGVtcywgc2V0SGlnaGxpZ2h0ZWRJbmRleCk7XHJcbiAgICAgICAgICAgICAgICBicmVhaztcclxuICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgIGJyZWFrO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIHJldHVybiAoUmVhY3QuY3JlYXRlRWxlbWVudChcImRpdlwiLCB7IHJlZjogZWwgPT4gaXNPcGVuICYmIHNldEZsb2F0aW5nICYmIHNldEZsb2F0aW5nKGVsKSwgc3R5bGU6IHsgLi4uZmxvYXRpbmdFbGVtZW50U3R5bGVzLCB6SW5kZXg6ICcyJyB9IH0sXHJcbiAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRDYXJkLCB7IGhhc0Ryb3BTaGFkb3c6IHRydWUsIGlzSW52ZXJzZTogaXNJbnZlcnNlLCBpc09wZW46IGlzT3Blbiwgb25LZXlEb3duOiBoYW5kbGVLZXlEb3duLCBzdHlsZTogbWVudVN0eWxlLCB0aGVtZTogdGhlbWUgfSxcclxuICAgICAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRMaXN0LCBPYmplY3QuYXNzaWduKHsgaXNPcGVuOiBpc09wZW4gfSwgZ2V0TWVudVByb3BzKCksIHsgbWF4SGVpZ2h0OiBoZWlnaHRTdHJpbmcgfSksIGlzT3BlbiAmJiBoYXNJdGVtcyA/IChpdGVtcy5tYXAoKGl0ZW0sIGluZGV4KSA9PiB7XHJcbiAgICAgICAgICAgICAgICBjb25zdCBpdGVtU3RyaW5nID0gaW5zdGFuY2VPZlRvQmVDcmVhdGVkSXRlbU9iamVjdChpdGVtKVxyXG4gICAgICAgICAgICAgICAgICAgID8gaXRlbS5sYWJlbFxyXG4gICAgICAgICAgICAgICAgICAgIDogaXRlbVRvU3RyaW5nKGl0ZW0pO1xyXG4gICAgICAgICAgICAgICAgY29uc3QgaXNEaXNhYmxlZCA9IGlzSXRlbURpc2FibGVkKGl0ZW0pO1xyXG4gICAgICAgICAgICAgICAgY29uc3QgeyByZWYsIC4uLm90aGVyRG93bnNoaWZ0SXRlbVByb3BzIH0gPSBnZXRJdGVtUHJvcHMoe1xyXG4gICAgICAgICAgICAgICAgICAgIGl0ZW0sXHJcbiAgICAgICAgICAgICAgICAgICAgaW5kZXgsXHJcbiAgICAgICAgICAgICAgICAgICAgZGlzYWJsZWQ6IGlzRGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICB9KTtcclxuICAgICAgICAgICAgICAgIGNvbnN0IGtleSA9IGAke2l0ZW1TdHJpbmd9JHtpbmRleH1gO1xyXG4gICAgICAgICAgICAgICAgY29uc3QgaXRlbVByb3BzID0ge1xyXG4gICAgICAgICAgICAgICAgICAgIGlzRm9jdXNlZDogaGlnaGxpZ2h0ZWRJbmRleCA9PT0gaW5kZXgsXHJcbiAgICAgICAgICAgICAgICAgICAgaXNJbnZlcnNlLFxyXG4gICAgICAgICAgICAgICAgICAgIGl0ZW1SZWY6IHJlZixcclxuICAgICAgICAgICAgICAgICAgICBpdGVtLFxyXG4gICAgICAgICAgICAgICAgICAgIGl0ZW1TdHJpbmcsXHJcbiAgICAgICAgICAgICAgICAgICAga2V5LFxyXG4gICAgICAgICAgICAgICAgICAgIHRoZW1lLFxyXG4gICAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ6IGlzRGlzYWJsZWQsXHJcbiAgICAgICAgICAgICAgICAgICAgLi4ub3RoZXJEb3duc2hpZnRJdGVtUHJvcHMsXHJcbiAgICAgICAgICAgICAgICB9O1xyXG4gICAgICAgICAgICAgICAgaWYgKGlzRGlzYWJsZWQpIHtcclxuICAgICAgICAgICAgICAgICAgICBpdGVtUHJvcHMub25Nb3VzZUVudGVyID0gKCkgPT4ge1xyXG4gICAgICAgICAgICAgICAgICAgICAgICBzZXRIaWdobGlnaHRlZEluZGV4Py4oLTEpO1xyXG4gICAgICAgICAgICAgICAgICAgIH07XHJcbiAgICAgICAgICAgICAgICB9XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gUmVhY3QuY3JlYXRlRWxlbWVudChJdGVtLCBPYmplY3QuYXNzaWduKHt9LCBpdGVtUHJvcHMsIHsga2V5OiBrZXkgfSkpO1xyXG4gICAgICAgICAgICB9KSkgOiAoUmVhY3QuY3JlYXRlRWxlbWVudChTdHlsZWRJdGVtLCB7IGlzSW52ZXJzZTogaXNJbnZlcnNlLCB0aGVtZTogdGhlbWUsIHRhYkluZGV4OiAtMSB9LFxyXG4gICAgICAgICAgICAgICAgUmVhY3QuY3JlYXRlRWxlbWVudChOb0l0ZW1zTWVzc2FnZSwgeyB0aGVtZTogdGhlbWUsIGlzSW52ZXJzZTogaXNJbnZlcnNlIH0sIGlzTG9hZGluZyA/IFJlYWN0LmNyZWF0ZUVsZW1lbnQoTG9hZGluZ0luZGljYXRvciwgbnVsbCkgOiBpMThuLmVtcHR5SXRlbXNMaXN0VGV4dCkpKSkpKSk7XHJcbn1cclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9SXRlbXNMaXN0LmpzLm1hcCJdfQ== */",
|
|
18280
18296
|
toString: _EMOTION_STRINGIFIED_CSS_ERROR__$B
|
|
18281
18297
|
});
|
|
18282
18298
|
function ItemsList(props) {
|
|
@@ -18314,14 +18330,10 @@ function ItemsList(props) {
|
|
|
18314
18330
|
event.nativeEvent.stopImmediatePropagation();
|
|
18315
18331
|
break;
|
|
18316
18332
|
case 'ArrowDown':
|
|
18317
|
-
|
|
18318
|
-
setHighlightedIndex == null || setHighlightedIndex(0);
|
|
18319
|
-
}
|
|
18333
|
+
setFocusedItem(1, highlightedIndex, items, setHighlightedIndex);
|
|
18320
18334
|
break;
|
|
18321
18335
|
case 'ArrowUp':
|
|
18322
|
-
|
|
18323
|
-
setHighlightedIndex == null || setHighlightedIndex(items.length - 1);
|
|
18324
|
-
}
|
|
18336
|
+
setFocusedItem(-1, highlightedIndex, items, setHighlightedIndex);
|
|
18325
18337
|
break;
|
|
18326
18338
|
}
|
|
18327
18339
|
}
|
|
@@ -18590,6 +18602,11 @@ function MultiSelect(props) {
|
|
|
18590
18602
|
return itemToString(i) === itemToString(changedSelectedItem);
|
|
18591
18603
|
}));
|
|
18592
18604
|
}
|
|
18605
|
+
} else {
|
|
18606
|
+
var index = filteredItems.findIndex(function (item) {
|
|
18607
|
+
return !isItemDisabled(item);
|
|
18608
|
+
});
|
|
18609
|
+
setHighlightedIndex(index);
|
|
18593
18610
|
}
|
|
18594
18611
|
onIsOpenChange && typeof onIsOpenChange === 'function' && onIsOpenChange(changes);
|
|
18595
18612
|
}
|
|
@@ -18804,7 +18821,7 @@ function MultiSelect(props) {
|
|
|
18804
18821
|
highlightedIndex: highlightedIndex,
|
|
18805
18822
|
isOpen: isOpen,
|
|
18806
18823
|
isInverse: isInverse,
|
|
18807
|
-
items:
|
|
18824
|
+
items: filteredItems,
|
|
18808
18825
|
itemToString: itemToString,
|
|
18809
18826
|
maxHeight: itemListMaxHeight != null ? itemListMaxHeight : theme.select.menu.maxHeight,
|
|
18810
18827
|
menuStyle: menuStyle,
|
|
@@ -19365,6 +19382,13 @@ function InternalCombobox(props) {
|
|
|
19365
19382
|
return _extends({}, changes, {
|
|
19366
19383
|
inputValue: changes.selectedItem ? itemToString(changes.selectedItem) : ''
|
|
19367
19384
|
});
|
|
19385
|
+
case useCombobox.stateChangeTypes.InputKeyDownArrowDown:
|
|
19386
|
+
case useCombobox.stateChangeTypes.InputKeyDownArrowUp:
|
|
19387
|
+
// Keep controlled navigation manually via handleOnKeyDown handler
|
|
19388
|
+
return _extends({}, state, {
|
|
19389
|
+
highlightedIndex: state.highlightedIndex,
|
|
19390
|
+
isOpen: true
|
|
19391
|
+
});
|
|
19368
19392
|
default:
|
|
19369
19393
|
return changes;
|
|
19370
19394
|
}
|
|
@@ -19439,11 +19463,21 @@ function InternalCombobox(props) {
|
|
|
19439
19463
|
var clearIndicatorAriaLabel = i18n.combobox.clearIndicatorAriaLabel.replace(/\{labelText\}/g, labelText).replace(/\{selectedItem\}/g, itemToString(selectedItem));
|
|
19440
19464
|
function handleOnKeyDown(event) {
|
|
19441
19465
|
var count = document.querySelectorAll('[aria-modal="true"]').length;
|
|
19442
|
-
|
|
19443
|
-
|
|
19444
|
-
inputRef.current
|
|
19445
|
-
|
|
19446
|
-
|
|
19466
|
+
switch (event.key) {
|
|
19467
|
+
case 'Escape':
|
|
19468
|
+
if (count >= 1 && inputRef.current) {
|
|
19469
|
+
inputRef.current.focus();
|
|
19470
|
+
}
|
|
19471
|
+
event.nativeEvent.stopImmediatePropagation();
|
|
19472
|
+
break;
|
|
19473
|
+
case 'ArrowDown':
|
|
19474
|
+
event.preventDefault();
|
|
19475
|
+
setFocusedItem(1, highlightedIndex, displayItems, setHighlightedIndex);
|
|
19476
|
+
break;
|
|
19477
|
+
case 'ArrowUp':
|
|
19478
|
+
event.preventDefault();
|
|
19479
|
+
setFocusedItem(-1, highlightedIndex, displayItems, setHighlightedIndex);
|
|
19480
|
+
break;
|
|
19447
19481
|
}
|
|
19448
19482
|
onInputKeyDown && typeof onInputKeyDown === 'function' && onInputKeyDown(event);
|
|
19449
19483
|
}
|
|
@@ -19642,13 +19676,14 @@ function MultiCombobox(props) {
|
|
|
19642
19676
|
}
|
|
19643
19677
|
onIsOpenChange && typeof onIsOpenChange === 'function' && onIsOpenChange(changes);
|
|
19644
19678
|
}
|
|
19679
|
+
var filteredItems = getFilteredItems(displayItems);
|
|
19645
19680
|
function stateReducer(state, actionAndChanges) {
|
|
19646
19681
|
var type = actionAndChanges.type,
|
|
19647
19682
|
changes = actionAndChanges.changes;
|
|
19648
19683
|
switch (type) {
|
|
19649
19684
|
case useCombobox.stateChangeTypes.InputKeyDownEnter:
|
|
19650
19685
|
{
|
|
19651
|
-
var newSelectedItem =
|
|
19686
|
+
var newSelectedItem = filteredItems[state.highlightedIndex];
|
|
19652
19687
|
return _extends({}, changes, newSelectedItem && {
|
|
19653
19688
|
selectedItem: newSelectedItem
|
|
19654
19689
|
}, {
|
|
@@ -19670,6 +19705,13 @@ function MultiCombobox(props) {
|
|
|
19670
19705
|
return _extends({}, changes, {
|
|
19671
19706
|
isOpen: changes.isOpen
|
|
19672
19707
|
});
|
|
19708
|
+
case useCombobox.stateChangeTypes.InputKeyDownArrowDown:
|
|
19709
|
+
case useCombobox.stateChangeTypes.InputKeyDownArrowUp:
|
|
19710
|
+
// Keep controlled navigation manually via handleOnKeyDown handler
|
|
19711
|
+
return _extends({}, state, {
|
|
19712
|
+
highlightedIndex: state.highlightedIndex,
|
|
19713
|
+
isOpen: true
|
|
19714
|
+
});
|
|
19673
19715
|
default:
|
|
19674
19716
|
return _extends({}, changes, {
|
|
19675
19717
|
isOpen: hasPersistentMenu || changes.isOpen
|
|
@@ -19682,7 +19724,7 @@ function MultiCombobox(props) {
|
|
|
19682
19724
|
}
|
|
19683
19725
|
var _useCombobox = useCombobox(_extends({}, comboboxProps, {
|
|
19684
19726
|
itemToString: itemToString,
|
|
19685
|
-
items:
|
|
19727
|
+
items: filteredItems,
|
|
19686
19728
|
onInputValueChange: onInputValueChange && typeof onInputValueChange === 'function' ? function (changes) {
|
|
19687
19729
|
return onInputValueChange(changes, setDisplayItems);
|
|
19688
19730
|
} : function (changes) {
|
|
@@ -19761,11 +19803,19 @@ function MultiCombobox(props) {
|
|
|
19761
19803
|
}))) : null;
|
|
19762
19804
|
function handleOnKeyDown(event) {
|
|
19763
19805
|
var count = document.querySelectorAll('[aria-modal="true"]').length;
|
|
19764
|
-
|
|
19765
|
-
|
|
19766
|
-
inputRef.current
|
|
19767
|
-
|
|
19768
|
-
|
|
19806
|
+
switch (event.key) {
|
|
19807
|
+
case 'Escape':
|
|
19808
|
+
if (count >= 1 && inputRef.current) {
|
|
19809
|
+
inputRef.current.focus();
|
|
19810
|
+
}
|
|
19811
|
+
event.nativeEvent.stopImmediatePropagation();
|
|
19812
|
+
break;
|
|
19813
|
+
case 'ArrowDown':
|
|
19814
|
+
setFocusedItem(1, highlightedIndex, filteredItems, setHighlightedIndex);
|
|
19815
|
+
break;
|
|
19816
|
+
case 'ArrowUp':
|
|
19817
|
+
setFocusedItem(-1, highlightedIndex, filteredItems, setHighlightedIndex);
|
|
19818
|
+
break;
|
|
19769
19819
|
}
|
|
19770
19820
|
onInputKeyDown && typeof onInputKeyDown === 'function' && onInputKeyDown(event);
|
|
19771
19821
|
}
|