@rpg-engine/long-bow 0.5.56 → 0.5.58

package/dist/components/Dropdown.d.ts

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

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

@@ -14797,14 +14797,17 @@ 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;
+    onChange = _ref.onChange,
+    _ref$triggerOnChangeO = _ref.triggerOnChangeOnMount,
+    triggerOnChangeOnMount = _ref$triggerOnChangeO === void 0 ? true : _ref$triggerOnChangeO;
   var dropdownId = uuid.v4();
-  var _useState = React.useState(options[0].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(options[0].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),
@@ -14817,6 +14820,11 @@ var Dropdown = function Dropdown(_ref) {
       onChange(value);
     }
   };
+  React.useEffect(function () {
+    if (triggerOnChangeOnMount) {
+      onChange(selectedValue);
+    }
+  }, []);
   return React__default.createElement(Container$d, {
     onMouseLeave: function onMouseLeave() {
       return setOpened(false);