aport-tools 4.4.20 → 4.4.21

package/dist/index.js

@@ -1,4 +1,4 @@
-/*! aport-tools v4.4.20 | ISC */
+/*! aport-tools v4.4.21 | ISC */
 'use strict';
 
 var React = require('react');
@@ -768,23 +768,25 @@ var InputList = function InputList(_a) {
   var colors = theme.colors;
   // Initialize selected options based on firstValue
   // Filter initial selections from options based on `firstValue`
-  var initialSelections = React.useMemo(function () {
+  React.useMemo(function () {
     return options.filter(function (opt) {
       return firstValue.includes(opt.value);
     });
   }, [options, firstValue]);
   // State for selected options
-  var _l = React.useState(multi ? initialSelections : initialSelections[0] || null),
+  var _l = React.useState(multi ? firstValue : firstValue.length > 0 ? firstValue[0] : null),
     selectedOptions = _l[0],
     setSelectedOptions = _l[1];
   // Update form value on mount if firstValue is provided
   // Update form value and internal state on mount or `firstValue` change
   React.useEffect(function () {
-    if (firstValue && selectedOptions !== firstValue) {
-      setSelectedOptions(multi ? initialSelections : initialSelections[0] || null);
-      setFormValue(name, multi ? initialSelections : initialSelections[0] || null);
+    var isDifferent = multi ? Array.isArray(selectedOptions) && (selectedOptions.length !== firstValue.length || !selectedOptions.every(function (opt) {
+      return firstValue.includes(opt);
+    })) : selectedOptions !== firstValue[0];
+    if (firstValue && isDifferent) {
+      setSelectedOptions(multi ? firstValue : firstValue[0] || null);
     }
-  }, [firstValue, initialSelections, multi, name, selectedOptions, setFormValue]);
+  }, [firstValue, selectedOptions, multi]);
   // Handle option selection
   var handleSelectOption = function handleSelectOption(option) {
     var updatedSelections;