@mailstep/design-system 0.6.76 → 0.6.77

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mailstep/design-system",
-  "version": "0.6.76",
+  "version": "0.6.77",
   "license": "ISC",
   "type": "module",
   "main": "./ui/index.js",

package/ui/Elements/SingleSelect/SingleSelect.d.ts

@@ -15,6 +15,7 @@ export type Props = Omit<SelectProps, 'onChange' | 'loadOptions'> & {
     initialOptions?: Option[];
     loadOptions?: (fulltext: string, byId: boolean) => Promise<Option[]>;
     form?: any;
+    shouldReloadOptions?: boolean;
 };
 declare const SingleSelect: (props: Props) => JSX.Element;
 export default SingleSelect;

package/ui/Elements/SingleSelect/SingleSelect.js

@@ -81,8 +81,8 @@ var getOptionValue = function (selectedOption) {
 };
 var loadingMessage = function () { return i18n._({ id: 'components.dropdown.loading', message: 'Loading...' }); };
 var SingleSelect = function (props) {
-    var name = props.name, onChange = props.onChange, onBlur = props.onBlur, onValueChange = props.onValueChange, loadOptions = props.loadOptions, _a = props.asyncLoadMinChars, asyncLoadMinChars = _a === void 0 ? 0 : _a, isLocked = props.isLocked, _b = props.lockedText, lockedText = _b === void 0 ? i18n._({ id: 'components.dropdown.notReact', message: 'Select related values first...' }) : _b, disabled = props.disabled, _c = props.placeholder, placeholder = _c === void 0 ? i18n._({ id: 'components.dropdown.placeholder', message: 'Select...' }) : _c, preload = props.preload, initialOptions = props.initialOptions, onCreateOption = props.onCreateOption, options = props.options, filterOption = props.filterOption;
-    var _d = useState(false), isCreating = _d[0], setIsCreating = _d[1];
+    var name = props.name, onChange = props.onChange, onBlur = props.onBlur, onValueChange = props.onValueChange, loadOptions = props.loadOptions, _a = props.asyncLoadMinChars, asyncLoadMinChars = _a === void 0 ? 0 : _a, isLocked = props.isLocked, _b = props.lockedText, lockedText = _b === void 0 ? i18n._({ id: 'components.dropdown.notReact', message: 'Select related values first...' }) : _b, disabled = props.disabled, _c = props.placeholder, placeholder = _c === void 0 ? i18n._({ id: 'components.dropdown.placeholder', message: 'Select...' }) : _c, preload = props.preload, initialOptions = props.initialOptions, onCreateOption = props.onCreateOption, options = props.options, filterOption = props.filterOption, _d = props.shouldReloadOptions, shouldReloadOptions = _d === void 0 ? false : _d;
+    var _e = useState(false), isCreating = _e[0], setIsCreating = _e[1];
     var asAsync = !!loadOptions || !!onCreateOption;
     var noOptionsMessage = useCallback(function (inputValue) {
         return loadOptions && inputValue.length < asyncLoadMinChars
@@ -111,13 +111,13 @@ var SingleSelect = function (props) {
             return loadOptions(inputValue, false);
         }
     }, [onCreateOption, loadOptions, asyncLoadMinChars, options]);
-    var _e = useState(options || []), loadedDefaultOptions = _e[0], setLoadedDefaultOptions = _e[1];
+    var _f = useState(options || []), loadedDefaultOptions = _f[0], setLoadedDefaultOptions = _f[1];
     useEffect(function () {
         if (loadOptions && preload && !props.value)
             loadOptions('', false).then(setLoadedDefaultOptions);
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [loadOptions]); // this is intentional
-    var _f = useState(null), storedSelectedOption = _f[0], setStoredSelectedOption = _f[1];
+    var _g = useState(null), storedSelectedOption = _g[0], setStoredSelectedOption = _g[1];
     useEffect(function () {
         if (initialOptions && initialOptions.length) {
             var selectedOption = initialOptions.find(function (option) { return option.value == props.value; }) || null;
@@ -129,6 +129,11 @@ var SingleSelect = function (props) {
         // ignored because of props.value, this only finds option for initial value
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [initialOptions, setStoredSelectedOption]);
+    useEffect(function () {
+        if (shouldReloadOptions) {
+            setLoadedDefaultOptions(options || []);
+        }
+    }, [options]);
     var handleChange = useCallback(function (option) { return __awaiter(void 0, void 0, void 0, function () {
         var value, newOption;
         var _a, _b, _c, _d;