@rpg-engine/long-bow 0.5.31 → 0.5.33

package/dist/components/DraggableContainer.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { IPosition } from '../types/eventTypes';
-import { RPGUIContainerTypes } from './RPGUIContainer';
+import { RPGUIContainerTypes } from './RPGUI/RPGUIContainer';
 export interface IDraggableContainerProps {
     children: React.ReactNode;
     width?: string;

package/dist/components/RPGUI/RPGUIOverrides.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    children: React.ReactNode;
+}
+export declare const RPGUIOverrides: ({ children }: IProps) => JSX.Element;
+export {};

package/dist/components/{RPGUIRoot.d.ts → RPGUI/RPGUIRoot.d.ts}

@@ -1,5 +1,5 @@
 import React from 'react';
-import 'rpgui/rpgui.min.css';
+import 'rpgui/rpgui.css';
 import 'rpgui/rpgui.min.js';
 interface IProps {
     children: React.ReactNode;

package/dist/components/RPGUI/RPGUIScrollbar.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+interface IProps {
+    children: React.ReactNode;
+}
+export declare const RPGUIScrollbar: ({ children }: IProps) => JSX.Element;
+export {};

package/dist/index.d.ts

@@ -28,8 +28,8 @@ export * from './components/ProgressBar';
 export * from './components/PropertySelect/PropertySelect';
 export * from './components/QuestInfo/QuestInfo';
 export * from './components/QuestList';
-export * from './components/RPGUIContainer';
-export * from './components/RPGUIRoot';
+export * from './components/RPGUI/RPGUIContainer';
+export * from './components/RPGUI/RPGUIRoot';
 export * from './components/RadioButton';
 export * from './components/RangeSlider';
 export * from './components/Shortcuts/Shortcuts';

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

@@ -17,7 +17,7 @@ var lodash = require('lodash');
 var mobxReactLite = require('mobx-react-lite');
 var uuid = require('uuid');
 var ai = require('react-icons/ai');
-require('rpgui/rpgui.min.css');
+require('rpgui/rpgui.css');
 require('rpgui/rpgui.min.js');
 var capitalize = _interopDefault(require('lodash/capitalize'));
 
@@ -12865,7 +12865,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) {
@@ -13911,6 +13911,9 @@ var ItemSlot = /*#__PURE__*/mobxReactLite.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
@@ -17440,13 +17443,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__default.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__default.createElement(RPGUIScrollbar, null, children);
+};
+
 //@ts-ignore
 var _RPGUI = RPGUI;
 var RPGUIRoot = function RPGUIRoot(_ref) {
   var children = _ref.children;
-  return React__default.createElement("div", {
+  return React__default.createElement(RPGUIOverrides, null, React__default.createElement("div", {
     className: "rpgui-content"
-  }, children);
+  }, children));
 };
 
 var InputRadio$1 = function InputRadio(_ref) {
@@ -17608,7 +17625,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__default.createElement(Container$o, {
+  return React__default.createElement(Container$p, {
     className: "simple-progress-bar"
   }, React__default.createElement(ProgressBarContainer, {
     margin: margin
@@ -17617,7 +17634,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%;"]);
@@ -17906,7 +17923,7 @@ var SpellInfo = function SpellInfo(_ref) {
     castingType = spell.castingType,
     cooldown = spell.cooldown,
     maxDistanceGrid = spell.maxDistanceGrid;
-  return React__default.createElement(Container$p, null, React__default.createElement(Header$1, null, React__default.createElement("div", null, React__default.createElement(Title$9, null, name), React__default.createElement(Type$1, null, magicWords))), React__default.createElement(Statistic$1, null, React__default.createElement("div", {
+  return React__default.createElement(Container$q, null, React__default.createElement(Header$1, null, React__default.createElement("div", null, React__default.createElement(Title$9, null, name), React__default.createElement(Type$1, null, magicWords))), React__default.createElement(Statistic$1, null, React__default.createElement("div", {
     className: "label"
   }, "Casting Type:"), React__default.createElement("div", {
     className: "value"
@@ -17932,7 +17949,7 @@ var SpellInfo = function SpellInfo(_ref) {
     className: "value"
   }, requiredItem))), React__default.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);
@@ -17986,7 +18003,7 @@ var MobileSpellTooltip = function MobileSpellTooltip(_ref) {
     var _ref$current;
     (_ref$current = ref.current) == null ? void 0 : _ref$current.classList.add('fadeOut');
   };
-  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$q, {
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$r, {
     ref: ref,
     onTouchEnd: function onTouchEnd() {
       handleFadeOut();
@@ -18011,7 +18028,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;}"]);
@@ -18052,13 +18069,13 @@ var MagicTooltip = function MagicTooltip(_ref) {
     }
     return;
   }, []);
-  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$r, {
+  return React__default.createElement(ModalPortal, null, React__default.createElement(Container$s, {
     ref: ref
   }, React__default.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;"]);
@@ -18118,7 +18135,7 @@ var Spell = function Spell(_ref) {
   var IMAGE_SCALE = 2;
   return React__default.createElement(SpellInfoWrapper, {
     spell: spell
-  }, React__default.createElement(Container$s, {
+  }, React__default.createElement(Container$t, {
     onPointerUp: onPointerUp == null ? void 0 : onPointerUp.bind(null, spellKey),
     isSettingShortcut: isSettingShortcut && !disabled,
     className: "spell"
@@ -18137,7 +18154,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) {
@@ -18216,7 +18233,7 @@ var Spellbook = function Spellbook(_ref) {
     height: "inherit",
     cancelDrag: "#spellbook-search, #shortcuts_list, .spell",
     scale: scale
-  }, React__default.createElement(Container$t, null, React__default.createElement(Title$b, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
+  }, React__default.createElement(Container$u, null, React__default.createElement(Title$b, null, "Learned Spells"), React__default.createElement(ShortcutsSetter, {
     setSettingShortcutIndex: setSettingShortcutIndex,
     settingShortcutIndex: settingShortcutIndex,
     shortcuts: shortcuts,
@@ -18252,7 +18269,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;"]);
@@ -18598,11 +18615,11 @@ var Truncate = function Truncate(_ref) {
   var _ref$maxLines = _ref.maxLines,
     maxLines = _ref$maxLines === void 0 ? 1 : _ref$maxLines,
     children = _ref.children;
-  return React__default.createElement(Container$u, {
+  return React__default.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) {