@rhc-shared-components/form-multi-select-component 1.0.5 → 1.0.6
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/index.js +3 -3
- package/dist/index.modern.js +3 -3
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -201,13 +201,13 @@ var FormMultiSelectInput = function FormMultiSelectInput(_ref) {
|
|
|
201
201
|
}
|
|
202
202
|
|
|
203
203
|
setSelectOptions(newSelectOptions);
|
|
204
|
-
}, [inputValue]);
|
|
204
|
+
}, [inputValue, isOpen, selectMenuOptions]);
|
|
205
205
|
React__default["default"].useEffect(function () {
|
|
206
206
|
if ((value == null ? void 0 : value.length) > 0) {
|
|
207
207
|
setFieldValue(rest.name, value, true);
|
|
208
208
|
setSelected(value);
|
|
209
209
|
}
|
|
210
|
-
}, []);
|
|
210
|
+
}, [rest.name, value, setFieldValue]);
|
|
211
211
|
|
|
212
212
|
var createItemId = function createItemId(value) {
|
|
213
213
|
return "select-multi-typeahead-" + value.replace(' ', '-');
|
|
@@ -433,7 +433,7 @@ var FormMultiSelectInput = function FormMultiSelectInput(_ref) {
|
|
|
433
433
|
}
|
|
434
434
|
}, React__default["default"].createElement(reactCore.SelectList, {
|
|
435
435
|
isAriaMultiselectable: true,
|
|
436
|
-
id:
|
|
436
|
+
id: 'select-multi-typeahead-listbox'
|
|
437
437
|
}, selectOptions == null ? void 0 : selectOptions.map(function (option, index) {
|
|
438
438
|
return React__default["default"].createElement(reactCore.SelectOption, _extends({
|
|
439
439
|
key: option.value || option.children,
|
package/dist/index.modern.js
CHANGED
|
@@ -160,13 +160,13 @@ const FormMultiSelectInput = _ref => {
|
|
|
160
160
|
}
|
|
161
161
|
|
|
162
162
|
setSelectOptions(newSelectOptions);
|
|
163
|
-
}, [inputValue]);
|
|
163
|
+
}, [inputValue, isOpen, selectMenuOptions]);
|
|
164
164
|
React__default.useEffect(() => {
|
|
165
165
|
if ((value == null ? void 0 : value.length) > 0) {
|
|
166
166
|
setFieldValue(rest.name, value, true);
|
|
167
167
|
setSelected(value);
|
|
168
168
|
}
|
|
169
|
-
}, []);
|
|
169
|
+
}, [rest.name, value, setFieldValue]);
|
|
170
170
|
|
|
171
171
|
const createItemId = value => `select-multi-typeahead-${value.replace(' ', '-')}`;
|
|
172
172
|
|
|
@@ -377,7 +377,7 @@ const FormMultiSelectInput = _ref => {
|
|
|
377
377
|
}
|
|
378
378
|
}, React__default.createElement(SelectList, {
|
|
379
379
|
isAriaMultiselectable: true,
|
|
380
|
-
id:
|
|
380
|
+
id: 'select-multi-typeahead-listbox'
|
|
381
381
|
}, selectOptions == null ? void 0 : selectOptions.map((option, index) => React__default.createElement(SelectOption, _extends({
|
|
382
382
|
key: option.value || option.children,
|
|
383
383
|
isFocused: focusedItemIndex === index,
|