@xqmsg/ui-core 0.14.0 → 0.14.1

package/dist/ui-core.esm.js

@@ -1,4 +1,4 @@
-import React__default, { useMemo, useCallback, useRef, useState, useEffect } from 'react';
+import React__default, { useMemo, useCallback, useRef, useEffect, useState } from 'react';
 import { Image, Alert as Alert$1, AlertDescription, Box, Flex, Button as Button$2, Text as Text$2, Icon as Icon$1, Spinner, InputGroup, Checkbox, Input as Input$2, RadioGroup, Radio, useOutsideClick, InputRightElement, Textarea as Textarea$1, Switch as Switch$1, FormLabel as FormLabel$1, FormControl, FormErrorMessage, FormHelperText, SimpleGrid, useMediaQuery, Grid, GridItem, IconButton, Collapse, TableContainer, Table as Table$2, Thead, Tr, Th, Tbody, Td, TableCaption, Tabs as Tabs$1, TabList, Tab, extendTheme, ChakraProvider } from '@chakra-ui/react';
 import { FormProvider, useWatch, Controller } from 'react-hook-form';
 import { CloseIcon as CloseIcon$1, HamburgerIcon } from '@chakra-ui/icons';
@@ -542,7 +542,14 @@ var Dropdown = function Dropdown(_ref) {
   }, DropdownContent);
 };
 
-var _excluded$1 = ["isRequired", "options", "name", "setValue", "handleOnChange", "defaultValue"];
+var useDidMountEffect = function useDidMountEffect(func, deps) {
+  var didMount = useRef(false);
+  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.
  */
@@ -555,7 +562,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 = useRef(null);
@@ -565,11 +572,18 @@ var StackedSelect = /*#__PURE__*/React__default.forwardRef(function (_ref2, _ref
       setIsFocussed = _useState[1];
 
   var _useState2 = 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]);
   useOutsideClick({
     ref: dropdownRef,
     handler: function handler() {
@@ -1068,7 +1082,8 @@ function Input(_ref) {
       disabled = _ref.disabled,
       onChange = _ref.onChange,
       setValue = _ref.setValue;
-  var selectedInputField = useCallback(function (onChange, onBlur, ref, value) {
+
+  var selectedInputField = function selectedInputField(onChange, onBlur, ref, value) {
     switch (inputType) {
       case 'text':
         return /*#__PURE__*/React__default.createElement(StackedInput, {
@@ -1196,7 +1211,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(Controller, {
     control: control,
     name: name,