@rpg-engine/long-bow 0.5.59 → 0.5.61

package/dist/long-bow.esm.js

@@ -14792,27 +14792,36 @@ var ItemTypes = /*#__PURE__*/styled.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$, _options$find, _options$2;
   var options = _ref.options,
     width = _ref.width,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue;
   var dropdownId = v4();
-  var _useState = useState(options == null ? void 0 : (_options$ = options[0]) == null ? void 0 : _options$.value),
+  var _useState = useState(defaultValue || (options == null ? void 0 : (_options$ = options[0]) == null ? void 0 : _options$.value)),
     selectedValue = _useState[0],
     setSelectedValue = _useState[1];
-  var _useState2 = useState(options == null ? void 0 : (_options$2 = options[0]) == null ? void 0 : _options$2.option),
+  var _useState2 = useState((options == null ? void 0 : (_options$find = options.find(function (option) {
+      return option.value === defaultValue;
+    })) == null ? void 0 : _options$find.option) || (options == null ? void 0 : (_options$2 = options[0]) == null ? void 0 : _options$2.option)),
     selectedOption = _useState2[0],
     setSelectedOption = _useState2[1];
   var _useState3 = useState(false),
     opened = _useState3[0],
     setOpened = _useState3[1];
   useEffect(function () {
-    if ((options == null ? void 0 : options.length) > 0) {
+    if (defaultValue) {
+      var _options$find2;
+      setSelectedValue(defaultValue);
+      setSelectedOption( //@ts-ignore
+      options == null ? void 0 : (_options$find2 = options.find(function (option) {
+        return option.value === defaultValue;
+      })) == null ? void 0 : _options$find2.option);
+    } else if ((options == null ? void 0 : options.length) > 0) {
       setSelectedValue(options[0].value);
       setSelectedOption(options[0].option);
-      onChange(options[0].value);
     }
-  }, [options]);
+  }, [options, defaultValue]);
   var handleSelection = function handleSelection(value, option) {
     if (value !== selectedValue) {
       setSelectedValue(value);