@rpg-engine/long-bow 0.5.55 → 0.5.57

package/dist/long-bow.cjs.development.js

@@ -14797,36 +14797,27 @@ var ItemTypes = /*#__PURE__*/styled__default.div.withConfig({
 })(["display:flex;overflow-y:scroll;overflow-x:hidden;width:max-content;flex-direction:column;padding-right:5px;@media (max-width:", "){overflow-x:scroll;overflow-y:hidden;padding-right:0;width:100%;}"], mobilePortrait.width);
 
 var Dropdown = function Dropdown(_ref) {
+  var _options$, _options$2;
   var options = _ref.options,
     width = _ref.width,
     onChange = _ref.onChange;
   var dropdownId = uuid.v4();
-  var firstOption = React.useMemo(function () {
-    return options[0];
-  }, [options]);
-  var _useState = React.useState(firstOption ? firstOption.value : ''),
+  var _useState = React.useState(options == null ? void 0 : (_options$ = options[0]) == null ? void 0 : _options$.value),
     selectedValue = _useState[0],
     setSelectedValue = _useState[1];
-  var _useState2 = React.useState(firstOption ? firstOption.option : ''),
+  var _useState2 = React.useState(options == null ? void 0 : (_options$2 = options[0]) == null ? void 0 : _options$2.option),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = React.useState(false),
     opened = _useState3[0],
     setOpened = _useState3[1];
-  React.useEffect(function () {
-    var optionValues = new Set(options.map(function (option) {
-      return option.value;
-    }));
-    if (!selectedValue || !optionValues.has(selectedValue)) {
-      setSelectedValue(firstOption.value);
-      setSelectedOption(firstOption.option);
-    }
-  }, [firstOption, options, selectedValue]);
-  React.useEffect(function () {
-    if (selectedValue) {
-      onChange(selectedValue);
+  var handleSelection = function handleSelection(value, option) {
+    if (value !== selectedValue) {
+      setSelectedValue(value);
+      setSelectedOption(option);
+      onChange(value);
     }
-  }, [selectedValue, onChange]);
+  };
   return React__default.createElement(Container$d, {
     onMouseLeave: function onMouseLeave() {
       return setOpened(false);
@@ -14847,8 +14838,7 @@ var Dropdown = function Dropdown(_ref) {
     return React__default.createElement("li", {
       key: option.id,
       onPointerUp: function onPointerUp() {
-        setSelectedValue(option.value);
-        setSelectedOption(option.option);
+        handleSelection(option.value, option.option);
         setOpened(false);
       }
     }, option.option);