@rpg-engine/long-bow 0.5.74 → 0.5.76

package/dist/long-bow.esm.js

@@ -10,7 +10,6 @@ import Draggable from 'react-draggable';
 import ReactDOM from 'react-dom';
 import { camelCase } from 'lodash-es';
 import { observer } from 'mobx-react-lite';
-import { Capacitor } from '@capacitor/core';
 import { AiFillCaretRight } from 'react-icons/ai';
 import 'rpgui/rpgui.css';
 import 'rpgui/rpgui.min.js';
@@ -14887,7 +14886,9 @@ var ItemTypes = /*#__PURE__*/styled.div.withConfig({
 var Dropdown = function Dropdown(_ref) {
   var options = _ref.options,
     width = _ref.width,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    _ref$opensUp = _ref.opensUp,
+    opensUp = _ref$opensUp === void 0 ? false : _ref$opensUp;
   var dropdownId = v4();
   var _useState = useState(''),
     selectedValue = _useState[0],
@@ -14907,10 +14908,6 @@ var Dropdown = function Dropdown(_ref) {
           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);
@@ -14937,7 +14934,8 @@ var Dropdown = function Dropdown(_ref) {
     }
   }, React.createElement("label", null, "\u25BC"), " ", selectedOption), React.createElement(DropdownOptions$1, {
     className: "rpgui-dropdown-imp",
-    opened: opened
+    opened: opened,
+    opensUp: opensUp
   }, options.map(function (option) {
     return React.createElement("li", {
       key: option.id,
@@ -14962,8 +14960,12 @@ var DropdownSelect$1 = /*#__PURE__*/styled.p.withConfig({
 var DropdownOptions$1 = /*#__PURE__*/styled.ul.withConfig({
   displayName: "Dropdown__DropdownOptions",
   componentId: "sc-8arn65-2"
-})(["position:absolute;width:100%;max-height:300px;overflow-y:auto;display:", ";box-sizing:border-box;@media (max-width:768px){padding:8px 0;}"], function (props) {
+})(["position:absolute;width:100%;max-height:300px;overflow-y:auto;display:", ";box-sizing:border-box;bottom:", ";top:", ";margin:0;padding:0;@media (max-width:768px){padding:8px 0;}"], function (props) {
   return props.opened ? 'block' : 'none';
+}, function (props) {
+  return props.opensUp ? '100%' : 'auto';
+}, function (props) {
+  return props.opensUp ? 'auto' : '100%';
 });
 
 var DropdownSelectorContainer = function DropdownSelectorContainer(_ref) {
@@ -16011,15 +16013,8 @@ var CloseButton$3 = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-jl6f8-4"
 })(["position:absolute;top:3px;right:0px;color:white;z-index:22;font-size:1.5rem;@media (max-width:950px){font-size:1.7rem;padding:12px;}"]);
 
-var getTransformedBasePath = function getTransformedBasePath(basePath) {
-  if (Capacitor.isNativePlatform()) {
-    return Capacitor.convertFileSrc(basePath);
-  }
-  return basePath;
-};
 var SimpleImageCarousel = function SimpleImageCarousel(_ref) {
-  var basePath = _ref.basePath,
-    imagesSrc = _ref.imagesSrc,
+  var images = _ref.images,
     styles = _ref.styles,
     _ref$autoCycle = _ref.autoCycle,
     autoCycle = _ref$autoCycle === void 0 ? false : _ref$autoCycle,
@@ -16030,42 +16025,40 @@ var SimpleImageCarousel = function SimpleImageCarousel(_ref) {
   var _useState = useState(0),
     currentImage = _useState[0],
     setCurrentImage = _useState[1];
-  var isInteracted = useRef(false);
+  var autoCycleId = useRef(null);
+  var handleLeftClick = function handleLeftClick() {
+    setCurrentImage(function (prevImage) {
+      return (prevImage - 1 + (images == null ? void 0 : images.length)) % (images == null ? void 0 : images.length);
+    });
+    if (stopAutoCyclingOnInteraction && autoCycleId.current) {
+      clearInterval(autoCycleId.current);
+      autoCycleId.current = null;
+    }
+  };
+  var handleRightClick = function handleRightClick() {
+    setCurrentImage(function (prevImage) {
+      return (prevImage + 1) % (images == null ? void 0 : images.length);
+    });
+    if (stopAutoCyclingOnInteraction && autoCycleId.current) {
+      clearInterval(autoCycleId.current);
+      autoCycleId.current = null;
+    }
+  };
   useEffect(function () {
-    var timer = null;
-    if (autoCycle && !isInteracted.current) {
-      timer = setInterval(function () {
-        if (stopAutoCyclingOnInteraction && isInteracted.current) {
-          clearInterval(timer);
-          return;
-        }
-        handleRightClick(true);
+    if (autoCycle) {
+      autoCycleId.current = setInterval(function () {
+        setCurrentImage(function (prevImage) {
+          return (prevImage + 1) % (images == null ? void 0 : images.length);
+        });
       }, autoCycleDelay);
     }
     return function () {
-      if (timer) {
-        clearInterval(timer);
+      if (autoCycleId.current) {
+        clearInterval(autoCycleId.current);
       }
     };
-  }, [autoCycle, autoCycleDelay]);
-  var handleLeftClick = function handleLeftClick() {
-    isInteracted.current = true;
-    setCurrentImage(function (oldImage) {
-      return oldImage === 0 ? imagesSrc.length - 1 : oldImage - 1;
-    });
-  };
-  var handleRightClick = function handleRightClick(isAutomatedClick) {
-    if (isAutomatedClick === void 0) {
-      isAutomatedClick = false;
-    }
-    if (!isAutomatedClick) {
-      isInteracted.current = true;
-    }
-    setCurrentImage(function (oldImage) {
-      return oldImage === imagesSrc.length - 1 ? 0 : oldImage + 1;
-    });
-  };
-  var hasMoreThanOneImage = imagesSrc.length > 1;
+  }, [autoCycle, autoCycleDelay, images == null ? void 0 : images.length]);
+  var hasMoreThanOneImage = (images == null ? void 0 : images.length) > 1;
   return React.createElement(ImageContainer, {
     style: styles
   }, hasMoreThanOneImage && React.createElement(CustomLeftArrow, {
@@ -16076,14 +16069,14 @@ var SimpleImageCarousel = function SimpleImageCarousel(_ref) {
     onPointerDown: handleRightClick
   }), React.createElement(Carousel, null, React.createElement(FadeInCarouselImg, {
     key: currentImage,
-    src: getTransformedBasePath(basePath) + "/" + imagesSrc[currentImage],
-    alt: imagesSrc[currentImage]
+    src: images == null ? void 0 : images[currentImage],
+    alt: "Image " + currentImage
   })));
 };
 var ImageContainer = /*#__PURE__*/styled.div.withConfig({
   displayName: "SimpleImageCarousel__ImageContainer",
   componentId: "sc-gdvbly-0"
-})(["flex:1;display:flex;justify-content:center;align-items:center;height:100%;margin-right:0.5rem;max-width:400px;width:400px;position:relative;"]);
+})(["flex:1;display:flex;justify-content:center;align-items:center;height:100%;margin-right:0.5rem;max-width:400px;position:relative;width:400px;"]);
 var CustomLeftArrow = /*#__PURE__*/styled(SelectArrow).withConfig({
   displayName: "SimpleImageCarousel__CustomLeftArrow",
   componentId: "sc-gdvbly-1"