@rpg-engine/long-bow 0.5.53 → 0.5.55

package/dist/long-bow.esm.js

@@ -14795,39 +14795,32 @@ var Dropdown = function Dropdown(_ref) {
     width = _ref.width,
     onChange = _ref.onChange;
   var dropdownId = v4();
-  var _useState = useState(''),
+  var firstOption = useMemo(function () {
+    return options[0];
+  }, [options]);
+  var _useState = useState(firstOption ? firstOption.value : ''),
     selectedValue = _useState[0],
     setSelectedValue = _useState[1];
-  var _useState2 = useState(''),
+  var _useState2 = useState(firstOption ? firstOption.option : ''),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = useState(false),
     opened = _useState3[0],
     setOpened = _useState3[1];
   useEffect(function () {
-    var firstOption = options[0];
-    if (firstOption) {
-      var change = !selectedValue;
-      if (!change) {
-        change = options.filter(function (o) {
-          return o.value === selectedValue;
-        }).length < 1;
-      }
-      /**
-       * make a selection if there is no selected value already present
-       * or if there is a selected value but its not in new options
-       */
-      if (change) {
-        setSelectedValue(firstOption.value);
-        setSelectedOption(firstOption.option);
-      }
+    var optionValues = new Set(options.map(function (option) {
+      return option.value;
+    }));
+    if (!selectedValue || !optionValues.has(selectedValue)) {
+      setSelectedValue(firstOption.value);
+      setSelectedOption(firstOption.option);
     }
-  }, [options]);
+  }, [firstOption, options, selectedValue]);
   useEffect(function () {
     if (selectedValue) {
       onChange(selectedValue);
     }
-  }, [selectedValue]);
+  }, [selectedValue, onChange]);
   return React.createElement(Container$d, {
     onMouseLeave: function onMouseLeave() {
       return setOpened(false);
@@ -18335,6 +18328,9 @@ var SkillsContainer = function SkillsContainer(_ref) {
       }
       //@ts-ignore
       var skillDetails = skill[key];
+      if (!skillDetails) {
+        continue;
+      }
       output.push(React.createElement(SkillProgressBar, {
         key: key,
         skillName: skillNameMap[key],