@rpg-engine/long-bow 0.5.31 → 0.5.33

package/dist/long-bow.esm.js

@@ -10,7 +10,7 @@ import { camelCase } from 'lodash-es';
 import { observer } from 'mobx-react-lite';
 import { v4 } from 'uuid';
 import { AiFillCaretRight } from 'react-icons/ai';
-import 'rpgui/rpgui.min.css';
+import 'rpgui/rpgui.css';
 import 'rpgui/rpgui.min.js';
 import capitalize from 'lodash-es/capitalize';
 
@@ -12860,7 +12860,7 @@ var RPGUIContainer = function RPGUIContainer(_ref) {
 };
 var Container$4 = /*#__PURE__*/styled.div.withConfig({
   displayName: "RPGUIContainer__Container",
-  componentId: "sc-a8l4p8-0"
+  componentId: "sc-a7heha-0"
 })(["height:", ";width:", ";display:flex;flex-wrap:wrap;image-rendering:pixelated;"], function (props) {
   return props.height;
 }, function (_ref2) {
@@ -13906,6 +13906,9 @@ var ItemSlot = /*#__PURE__*/observer(function (_ref) {
         setItemShortcut(item, index);
       }
     }
+    // remove the class react-draggable-dragging from the element
+    // to prevent the item from being dragged again
+    target.classList.remove('react-draggable-dragging');
     if (wasDragged && item && !isSelectingShortcut) {
       var _e$target;
       //@ts-ignore
@@ -17438,13 +17441,27 @@ var NoQuestContainer = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1a2vx6q-3"
 })(["text-align:center;p{margin-top:5px;}"]);
 
+var RPGUIScrollbar = function RPGUIScrollbar(_ref) {
+  var children = _ref.children;
+  return React.createElement(Container$o, null, children);
+};
+var Container$o = /*#__PURE__*/styled.div.withConfig({
+  displayName: "RPGUIScrollbar__Container",
+  componentId: "sc-p3msmb-0"
+})(["::-webkit-scrollbar{width:15px;background-color:rgba( 0,0,0,0.2 );}::-webkit-scrollbar-thumb{background-color:darkgrey;border-radius:10px;border:3px solid orange;}scrollbar-width:auto;scrollbar-color:darkgrey orange;-ms-overflow-style:scrollbar;.rpgui-content ::-webkit-scrollbar{width:25px;}.rpgui-content ::-webkit-scrollbar-track{background-size:25px 60px;}"]);
+
+var RPGUIOverrides = function RPGUIOverrides(_ref) {
+  var children = _ref.children;
+  return React.createElement(RPGUIScrollbar, null, children);
+};
+
 //@ts-ignore
 var _RPGUI = RPGUI;
 var RPGUIRoot = function RPGUIRoot(_ref) {
   var children = _ref.children;
-  return React.createElement("div", {
+  return React.createElement(RPGUIOverrides, null, React.createElement("div", {
     className: "rpgui-content"
-  }, children);
+  }, children));
 };
 
 var InputRadio$1 = function InputRadio(_ref) {
@@ -17606,7 +17623,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
     bgColor = _ref$bgColor === void 0 ? 'red' : _ref$bgColor,
     _ref$margin = _ref.margin,
     margin = _ref$margin === void 0 ? 20 : _ref$margin;
-  return React.createElement(Container$o, {
+  return React.createElement(Container$p, {
     className: "simple-progress-bar"
   }, React.createElement(ProgressBarContainer, {
     margin: margin
@@ -17615,7 +17632,7 @@ var SimpleProgressBar = function SimpleProgressBar(_ref) {
     bgColor: bgColor
   }))));
 };
-var Container$o = /*#__PURE__*/styled.div.withConfig({
+var Container$p = /*#__PURE__*/styled.div.withConfig({
   displayName: "SimpleProgressBar__Container",
   componentId: "sc-mbeil3-0"
 })(["display:flex;justify-content:center;align-items:center;width:100%;"]);
@@ -17904,7 +17921,7 @@ var SpellInfo = function SpellInfo(_ref) {
     castingType = spell.castingType,
     cooldown = spell.cooldown,
     maxDistanceGrid = spell.maxDistanceGrid;
-  return React.createElement(Container$p, null, React.createElement(Header$1, null, React.createElement("div", null, React.createElement(Title$9, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
+  return React.createElement(Container$q, null, React.createElement(Header$1, null, React.createElement("div", null, React.createElement(Title$9, null, name), React.createElement(Type$1, null, magicWords))), React.createElement(Statistic$1, null, React.createElement("div", {
     className: "label"
   }, "Casting Type:"), React.createElement("div", {
     className: "value"
@@ -17930,7 +17947,7 @@ var SpellInfo = function SpellInfo(_ref) {
     className: "value"
   }, requiredItem))), React.createElement(Description$2, null, description));
 };
-var Container$p = /*#__PURE__*/styled.div.withConfig({
+var Container$q = /*#__PURE__*/styled.div.withConfig({
   displayName: "SpellInfo__Container",
   componentId: "sc-4hbw3q-0"
 })(["color:white;background-color:#222;border-radius:5px;padding:0.5rem;font-size:", ";border:3px solid ", ";height:max-content;width:30rem;@media (max-width:580px){width:80vw;}"], uiFonts.size.small, uiColors.lightGray);
@@ -17984,7 +18001,7 @@ var MobileSpellTooltip = function MobileSpellTooltip(_ref) {
     var _ref$current;
     (_ref$current = ref.current) == null ? void 0 : _ref$current.classList.add('fadeOut');
   };
-  return React.createElement(ModalPortal, null, React.createElement(Container$q, {
+  return React.createElement(ModalPortal, null, React.createElement(Container$r, {
     ref: ref,
     onTouchEnd: function onTouchEnd() {
       handleFadeOut();
@@ -18009,7 +18026,7 @@ var MobileSpellTooltip = function MobileSpellTooltip(_ref) {
     }, option.text);
   }))));
 };
-var Container$q = /*#__PURE__*/styled.div.withConfig({
+var Container$r = /*#__PURE__*/styled.div.withConfig({
   displayName: "MobileSpellTooltip__Container",
   componentId: "sc-6p7uvr-0"
 })(["position:absolute;z-index:100;left:0;top:0;width:100vw;height:100vh;background-color:rgba(0 0 0 / 0.5);display:flex;justify-content:center;align-items:center;gap:0.5rem;transition:opacity 0.08s;animation:fadeIn 0.1s forwards;@keyframes fadeIn{0%{opacity:0;}100%{opacity:0.92;}}@keyframes fadeOut{0%{opacity:0.92;}100%{opacity:0;}}&.fadeOut{animation:fadeOut 0.1s forwards;}@media (max-width:580px){flex-direction:column;}"]);
@@ -18050,13 +18067,13 @@ var MagicTooltip = function MagicTooltip(_ref) {
     }
     return;
   }, []);
-  return React.createElement(ModalPortal, null, React.createElement(Container$r, {
+  return React.createElement(ModalPortal, null, React.createElement(Container$s, {
     ref: ref
   }, React.createElement(SpellInfoDisplay, {
     spell: spell
   })));
 };
-var Container$r = /*#__PURE__*/styled.div.withConfig({
+var Container$s = /*#__PURE__*/styled.div.withConfig({
   displayName: "SpellTooltip__Container",
   componentId: "sc-1go0gwg-0"
 })(["position:absolute;z-index:100;pointer-events:none;left:0;top:0;opacity:0;transition:opacity 0.08s;"]);
@@ -18116,7 +18133,7 @@ var Spell = function Spell(_ref) {
   var IMAGE_SCALE = 2;
   return React.createElement(SpellInfoWrapper, {
     spell: spell
-  }, React.createElement(Container$s, {
+  }, React.createElement(Container$t, {
     onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
     isSettingShortcut: isSettingShortcut && !disabled,
     className: "spell"
@@ -18135,7 +18152,7 @@ var Spell = function Spell(_ref) {
     className: "mana"
   }, manaCost))));
 };
-var Container$s = /*#__PURE__*/styled.button.withConfig({
+var Container$t = /*#__PURE__*/styled.button.withConfig({
   displayName: "Spell__Container",
   componentId: "sc-j96fa2-0"
 })(["display:block;background:none;border:2px solid transparent;border-radius:1rem;width:100%;display:flex;gap:1rem;align-items:center;padding:0 1rem;text-align:left;position:relative;animation:", ";@keyframes border-color-change{0%{border-color:", ";}50%{border-color:transparent;}100%{border-color:", ";}}&:hover,&:focus{background-color:", ";}&:active{background:none;}"], function (_ref2) {
@@ -18214,7 +18231,7 @@ var Spellbook = function Spellbook(_ref) {
     height: "inherit",
     cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
     scale: scale
-  }, React.createElement(Container$t, null, React.createElement(Title$b, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
+  }, React.createElement(Container$u, null, React.createElement(Title$b, null, "Learned Spells"), React.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,
     shortcuts: shortcuts,
@@ -18250,7 +18267,7 @@ var Title$b = /*#__PURE__*/styled.h1.withConfig({
   displayName: "Spellbook__Title",
   componentId: "sc-r02nfq-0"
 })(["font-size:", " !important;margin-bottom:0 !important;"], uiFonts.size.large);
-var Container$t = /*#__PURE__*/styled.div.withConfig({
+var Container$u = /*#__PURE__*/styled.div.withConfig({
   displayName: "Spellbook__Container",
   componentId: "sc-r02nfq-1"
 })(["width:100%;height:100%;color:white;display:flex;flex-direction:column;"]);
@@ -18596,11 +18613,11 @@ var Truncate = function Truncate(_ref) {
   var _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
     children = _ref.children;
-  return React.createElement(Container$u, {
+  return React.createElement(Container$v, {
     maxLines: maxLines
   }, children);
 };
-var Container$u = /*#__PURE__*/styled.div.withConfig({
+var Container$v = /*#__PURE__*/styled.div.withConfig({
   displayName: "Truncate__Container",
   componentId: "sc-6x00qb-0"
 })(["display:-webkit-box;max-width:100%;max-height:100%;-webkit-line-clamp:", ";-webkit-box-orient:vertical;overflow:hidden;"], function (props) {