@rpg-engine/long-bow 0.5.60 → 0.5.61

package/dist/components/Dropdown.d.ts

@@ -8,5 +8,6 @@ export interface IDropdownProps {
     options: IOptionsProps[];
     width?: string;
     onChange: (value: string) => void;
+    defaultValue?: string;
 }
 export declare const Dropdown: React.FC<IDropdownProps>;

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

@@ -14798,26 +14798,36 @@ 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$, _options$find, _options$2;
   var options = _ref.options,
     width = _ref.width,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    defaultValue = _ref.defaultValue;
   var dropdownId = uuid.v4();
-  var _useState = React.useState(options == null ? void 0 : (_options$ = options[0]) == null ? void 0 : _options$.value),
+  var _useState = React.useState(defaultValue || (options == null ? void 0 : (_options$ = options[0]) == null ? void 0 : _options$.value)),
     selectedValue = _useState[0],
     setSelectedValue = _useState[1];
-  var _useState2 = React.useState(options == null ? void 0 : (_options$2 = options[0]) == null ? void 0 : _options$2.option),
+  var _useState2 = React.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 = React.useState(false),
     opened = _useState3[0],
     setOpened = _useState3[1];
   React.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);
     }
-  }, [options]);
+  }, [options, defaultValue]);
   var handleSelection = function handleSelection(value, option) {
     if (value !== selectedValue) {
       setSelectedValue(value);