@rpg-engine/long-bow 0.3.89 → 0.3.90

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

@@ -33300,7 +33300,7 @@ var Container$6 = /*#__PURE__*/styled.div.withConfig({
 var CloseButton$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__CloseButton",
   componentId: "sc-184mpyl-1"
-})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.1rem;"]);
+})(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.1rem;@media (max-width:768px){font-size:1.3rem;padding:3px;}"]);
 var TitleContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "DraggableContainer__TitleContainer",
   componentId: "sc-184mpyl-2"
@@ -33332,9 +33332,21 @@ var Dropdown = function Dropdown(_ref) {
     setOpened = _useState3[1];
   React.useEffect(function () {
     var firstOption = options[0];
-    if (firstOption && !selectedValue) {
-      setSelectedValue(firstOption.value);
-      setSelectedOption(firstOption.option);
+    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);
+      }
     }
   }, [options]);
   React.useEffect(function () {
@@ -33382,7 +33394,7 @@ var DropdownSelect = /*#__PURE__*/styled.p.withConfig({
 var DropdownOptions = /*#__PURE__*/styled.ul.withConfig({
   displayName: "Dropdown__DropdownOptions",
   componentId: "sc-8arn65-2"
-})(["position:absolute;width:100%;display:", ";box-sizing:border-box;"], function (props) {
+})(["position:absolute;width:100%;display:", ";box-sizing:border-box;@media (max-width:768px){padding:8px 0;}"], function (props) {
   return props.opened ? 'block' : 'none';
 });
 
@@ -34476,7 +34488,7 @@ var RadioOptionsWrapper = /*#__PURE__*/styled.div.withConfig({
 var ButtonWrapper = /*#__PURE__*/styled.div.withConfig({
   displayName: "CraftBook__ButtonWrapper",
   componentId: "sc-19q95ue-7"
-})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;"]);
+})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;button{padding:0px 50px;}"]);
 
 var DropdownSelectorContainer = function DropdownSelectorContainer(_ref) {
   var title = _ref.title,
@@ -36716,7 +36728,7 @@ var AlertWrapper = /*#__PURE__*/styled.div.withConfig({
 var ButtonWrapper$2 = /*#__PURE__*/styled.div.withConfig({
   displayName: "TradingMenu__ButtonWrapper",
   componentId: "sc-1wjsz1l-6"
-})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;margin-top:1rem;"]);
+})(["display:flex;justify-content:space-around;padding-top:20px;width:100%;margin-top:1rem;button{padding:0px 50px;}"]);
 
 /* eslint-disable react/require-default-props */
 var Truncate = function Truncate(_ref) {