@rpg-engine/long-bow 0.3.98 → 0.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rpg-engine/long-bow",
-  "version": "0.3.98",
+  "version": "0.4.0",
   "license": "MIT",
   "main": "dist/index.js",
   "typings": "dist/index.d.ts",

package/src/components/ProgressBar.tsx

@@ -21,6 +21,9 @@ export const ProgressBar: React.FC<IBarProps> = ({
   minWidth = 100,
   style,
 }) => {
+  value = Math.round(value);
+  max = Math.round(max);
+
   const calculatePercentageValue = function(max: number, value: number) {
     if (value > max) {
       value = max;

package/src/components/Shortcuts/Shortcuts.tsx

@@ -71,7 +71,7 @@ export const Shortcuts: React.FC<ShortcutsProps> = ({
 
         const isOnShortcutCooldown = shortcutCooldown > 0;
 
-        if (shortcuts[i]?.type === ShortcutType.Item) {
+        if (shortcuts && shortcuts[i]?.type === ShortcutType.Item) {
           const payload = shortcuts[i]?.payload as IItem | undefined;
 
           let itemsFromEquipment: (IItem | undefined | null)[] = [];
@@ -132,7 +132,8 @@ export const Shortcuts: React.FC<ShortcutsProps> = ({
           );
         }
 
-        const payload = shortcuts[i]?.payload as IRawSpell | undefined;
+        const payload =
+          shortcuts && (shortcuts[i]?.payload as IRawSpell | undefined); //check if shortcuts exists before using the ? operator.
 
         const spellCooldown = !payload
           ? 0

package/src/components/SkillsContainer.tsx

@@ -93,6 +93,9 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
     const output = [];
 
     for (const [key, value] of Object.entries(skillCategory.values)) {
+      if (key === 'stamina') {
+        continue;
+      }
       //@ts-ignore
       const skillDetails = (skill[key] as unknown) as ISkillDetails;
 
@@ -167,7 +170,7 @@ export const SkillsContainer: React.FC<ISkillContainerProps> = ({
 
 const SkillsDraggableContainer = styled(DraggableContainer)`
   border: 1px solid black;
-  width: 400px;
+
   height: 90%;
   .DraggableContainer__TitleContainer-sc-184mpyl-2 {
     width: auto;

package/src/components/Spellbook/Spell.tsx

@@ -83,7 +83,7 @@ const Container = styled.button<{ isSettingShortcut?: boolean }>`
   border-radius: 1rem;
   width: 100%;
   display: flex;
-  height: 5rem;
+
   gap: 1rem;
   align-items: center;
   padding: 0 1rem;

package/src/components/Spellbook/Spellbook.tsx

@@ -137,6 +137,7 @@ export const Spellbook: React.FC<ISpellbookProps> = ({
 const Title = styled.h1`
   font-size: ${uiFonts.size.large} !important;
   margin-bottom: 0 !important;
+  
 `;
 
 const Container = styled.div`
@@ -145,6 +146,7 @@ const Container = styled.div`
   color: white;
   display: flex;
   flex-direction: column;
+  
 `;
 
 const SpellList = styled.div`

package/src/components/Spellbook/cards/SpellInfo.tsx

@@ -44,10 +44,12 @@ export const SpellInfo: React.FC<ISpellInfoProps> = ({ spell }) => {
         <div className="label">Cooldown:</div>
         <div className="value">{cooldown}</div>
       </Statistic>
-      <Statistic>
-        <div className="label">Max Distance Grid:</div>
-        <div className="value">{maxDistanceGrid}</div>
-      </Statistic>
+      {maxDistanceGrid && (
+        <Statistic>
+          <div className="label">Max Distance Grid:</div>
+          <div className="value">{maxDistanceGrid}</div>
+        </Statistic>
+      )}
       <Statistic>
         {requiredItem && (
           <>