@xqmsg/ui-core 0.14.0 → 0.14.1

package/dist/ui-core.cjs.development.js

@@ -549,7 +549,14 @@ var Dropdown = function Dropdown(_ref) {
   }, DropdownContent);
 };
 
-var _excluded$1 = ["isRequired", "options", "name", "setValue", "handleOnChange", "defaultValue"];
+var useDidMountEffect = function useDidMountEffect(func, deps) {
+  var didMount = React.useRef(false);
+  React.useEffect(function () {
+    if (didMount.current) func();else didMount.current = true; // eslint-disable-next-line
+  }, deps);
+};
+
+var _excluded$1 = ["isRequired", "options", "name", "setValue", "handleOnChange", "value"];
 /**
  * A functional React component utilized to render the `StackedSelect` component.
  */
@@ -562,7 +569,7 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
       name = _ref2.name,
       setValue = _ref2.setValue,
       handleOnChange = _ref2.handleOnChange,
-      defaultValue = _ref2.defaultValue,
+      value = _ref2.value,
       props = _objectWithoutPropertiesLoose(_ref2, _excluded$1);
 
   var dropdownRef = React.useRef(null);
@@ -572,11 +579,18 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
       setIsFocussed = _useState[1];
 
   var _useState2 = React.useState((_options$find$label = (_options$find = options.find(function (option) {
-    return option.value === defaultValue;
+    return option.value === value;
   })) == null ? void 0 : _options$find.label) != null ? _options$find$label : ''),
       selectedOption = _useState2[0],
       setSelectedOption = _useState2[1];
 
+  useDidMountEffect(function () {
+    var _options$find$label2, _options$find2;
+
+    setSelectedOption((_options$find$label2 = (_options$find2 = options.find(function (option) {
+      return option.value === value;
+    })) == null ? void 0 : _options$find2.label) != null ? _options$find$label2 : '');
+  }, [value]);
   react.useOutsideClick({
     ref: dropdownRef,
     handler: function handler() {
@@ -1075,7 +1089,8 @@ function Input(_ref) {
       disabled = _ref.disabled,
       onChange = _ref.onChange,
       setValue = _ref.setValue;
-  var selectedInputField = React.useCallback(function (onChange, onBlur, ref, value) {
+
+  var selectedInputField = function selectedInputField(onChange, onBlur, ref, value) {
     switch (inputType) {
       case 'text':
         return /*#__PURE__*/React__default.createElement(StackedInput, {
@@ -1203,7 +1218,8 @@ function Input(_ref) {
       default:
         return null;
     }
-  }, [ariaLabel, className, control, defaultValue, disabled, inputType, isInvalid, isRequired, maxLength, name, options, placeholder, setValue]);
+  };
+
   return /*#__PURE__*/React__default.createElement(reactHookForm.Controller, {
     control: control,
     name: name,