@rpg-engine/long-bow 0.3.43 → 0.3.44

package/dist/components/Spellbook/QuickSpells.d.ts

@@ -1,10 +0,0 @@
-import { IRawSpell } from '@rpg-engine/shared';
-import React from 'react';
-export declare type QuickSpellsProps = {
-    quickSpells: IRawSpell[];
-    onSpellCast: (spellKey: string) => void;
-    mana: number;
-    isBlockedCastingByKeyboard?: boolean;
-};
-export declare const QuickSpells: React.FC<QuickSpellsProps>;
-export declare const SpellShortcut: import("styled-components").StyledComponent<"button", any, {}, never>;

package/dist/components/Spellbook/Spell.d.ts

@@ -1,11 +0,0 @@
-import { IRawSpell } from '@rpg-engine/shared';
-import React from 'react';
-interface Props extends IRawSpell {
-    charMana: number;
-    charMagicLevel: number;
-    onClick?: (spellKey: string) => void;
-    isSettingShortcut?: boolean;
-    spellKey: string;
-}
-export declare const Spell: React.FC<Props>;
-export {};

package/dist/components/Spellbook/Spellbook.d.ts

@@ -1,15 +0,0 @@
-import { IRawSpell } from '@rpg-engine/shared';
-import React from 'react';
-export interface ISpellbookProps {
-    onClose?: () => void;
-    onInputFocus?: () => void;
-    onInputBlur?: () => void;
-    spells: IRawSpell[];
-    magicLevel: number;
-    mana: number;
-    onSpellClick: (spellKey: string) => void;
-    setSpellShortcut: (key: string, index: number) => void;
-    spellShortcuts: IRawSpell[];
-    removeSpellShortcut: (index: number) => void;
-}
-export declare const Spellbook: React.FC<ISpellbookProps>;

package/dist/components/Spellbook/SpellbookShortcuts.d.ts

@@ -1,10 +0,0 @@
-import { IRawSpell } from '@rpg-engine/shared';
-import React from 'react';
-declare type Props = {
-    setSettingShortcutIndex: (index: number) => void;
-    settingShortcutIndex: number;
-    shortcuts: IRawSpell[];
-    removeShortcut: (index: number) => void;
-};
-export declare const SpellbookShortcuts: React.FC<Props>;
-export {};

package/dist/components/Spellbook/constants.d.ts

@@ -1,3 +0,0 @@
-import { IRawSpell } from '@rpg-engine/shared';
-export declare const SPELL_SHORTCUTS_STORAGE_KEY = "spellShortcuts";
-export declare const defaultSpellShortcut: IRawSpell;

package/dist/components/Spellbook/mockSpells.d.ts

@@ -1,2 +0,0 @@
-import { IRawSpell } from '@rpg-engine/shared';
-export declare const mockSpells: IRawSpell[];

package/dist/components/itemSelector/ItemSelector.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export interface IOptionsItemSelectorProps {
-    name: string;
-    description?: string;
-    imageKey: string;
-}
-export interface IItemSelectorProps {
-    atlasJSON: any;
-    atlasIMG: any;
-    options: IOptionsItemSelectorProps[];
-    onClose: () => void;
-    onSelect: (value: string) => void;
-}
-export declare const ItemSelector: React.FC<IItemSelectorProps>;

package/dist/constants/uiDevices.d.ts

@@ -1 +0,0 @@
-export declare const IS_MOBILE_OR_TABLET: boolean;

package/dist/stories/CaracterStatus.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ICharacterStatusProps } from '../components/CaracterStatus/CaracterStatus';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ICharacterStatusProps>;

package/dist/stories/ChatDeprecated.stories.d.ts

@@ -1,5 +0,0 @@
-import { IChatMessage } from '@rpg-engine/shared';
-import { Meta } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IChatMessage>;

package/dist/stories/CircullarController.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { CircularControllerProps } from '../components/CircularController/CircularController';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, CircularControllerProps>;

package/dist/stories/CraftBook.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;

package/dist/stories/DropdownSelectorContainer.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IDropdownSelectorContainer } from '../components/DropdownSelectorContainer';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IDropdownSelectorContainer>;

package/dist/stories/ItemQuantitySelector.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IItemQuantitySelectorProps } from '../components/Item/Inventory/ItemQuantitySelector';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IItemQuantitySelectorProps>;

package/dist/stories/ItemSelector.stories.d.ts

@@ -1,4 +0,0 @@
-import { Meta } from '@storybook/react';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, import("@storybook/react").Args>;

package/dist/stories/QuickSpells.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { QuickSpellsProps } from '../components/Spellbook/QuickSpells';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, QuickSpellsProps>;

package/dist/stories/RadioInput.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { IRadioInput } from '../components/RadioInput/RadioInput';
-declare const meta: Meta;
-export default meta;
-export declare const RadioInputElement: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, IRadioInput>;

package/dist/stories/Spellbook.stories.d.ts

@@ -1,5 +0,0 @@
-import { Meta } from '@storybook/react';
-import { ISpellbookProps } from '../components/Spellbook/Spellbook';
-declare const meta: Meta;
-export default meta;
-export declare const Default: import("@storybook/csf").AnnotatedStoryFn<import("@storybook/react").ReactFramework, ISpellbookProps>;

package/src/components/CaracterStatus/CaracterStatus.tsx

@@ -1,86 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-import { uiColors } from '../../constants/uiColors';
-import { ProgressBar } from '../ProgressBar';
-import Character from './Character.png';
-
-export interface ICharacterStatusProps {
-  healthValue: number;
-  healthMaxValue: number;
-  manaValue: number;
-  manaMaxValue: number;
-  charName: string;
-}
-
-export const CharacterStatus: React.FC<ICharacterStatusProps> = ({
-  healthValue,
-  healthMaxValue,
-  manaValue,
-  manaMaxValue,
-  charName,
-}) => {
-  return (
-    <StatusContainer>
-      <ImgContainer
-        style={{
-          background: `url(${Character})`,
-          backgroundPositionX: 'center',
-        }}
-      />
-      <div>
-        <CharNameContainer>{charName}</CharNameContainer>
-        <ProgressContainer>
-          <StyledProgressBar
-            max={healthMaxValue}
-            value={healthValue}
-            color={'red'}
-            minWidth={200}
-          />
-          <StyledProgressBar
-            max={manaMaxValue}
-            value={manaValue}
-            color={'blue'}
-            minWidth={200}
-          />
-        </ProgressContainer>
-      </div>
-    </StatusContainer>
-  );
-};
-
-const CharNameContainer = styled.div`
-  color: black;
-  margin: auto;
-  display: flex;
-  justify-content: space-around;
-  background-color: rgba(117, 113, 97, 0.3);
-  align-items: center;
-  height: 30px;
-  border-radius: 10px;
-`;
-
-const StatusContainer = styled.div`
-  display: flex;
-  scale: 0.7;
-`;
-
-const ProgressContainer = styled.div`
-  display: flex;
-  flex-direction: row;
-`;
-
-const StyledProgressBar = styled(ProgressBar)`
-  .rpgui-progress-left-edge,
-  .rpgui-progress-right-edge {
-    width: 20px;
-  }
-`;
-
-const ImgContainer = styled.div`
-  width: 4.3rem;
-  height: 4.3rem;
-  border: 2px solid ${uiColors.darkGray};
-  border-radius: 50%;
-  border-radius: 50%;
-  margin-right: 8px;
-`;

package/src/components/Chatdeprecated/ChatDeprecated.tsx

@@ -1,200 +0,0 @@
-import { IChatMessage } from '@rpg-engine/shared';
-import dayjs from 'dayjs';
-import React, { useEffect, useState } from 'react';
-import { ErrorBoundary } from 'react-error-boundary';
-import styled from 'styled-components';
-import { uiColors } from '../../constants/uiColors';
-import { uiFonts } from '../../constants/uiFonts';
-import { Button, ButtonTypes } from '../Button';
-import { Input } from '../Input';
-import { RPGUIContainer, RPGUIContainerTypes } from '../RPGUIContainer';
-import { Column } from '../shared/Column';
-
-interface IEmitter {
-  _id: string;
-  name: string;
-}
-export interface IChatDeprecatedProps {
-  chatMessages: IChatMessage[];
-  onSendChatMessage: (message: string) => void;
-  onCloseButton: () => void;
-  onFocus?: () => void;
-  onBlur?: () => void;
-  opacity?: number;
-  width?: string;
-  height?: string;
-}
-
-export const ChatDeprecated: React.FC<IChatDeprecatedProps> = ({
-  chatMessages,
-  onSendChatMessage,
-  opacity = 1,
-  width = '100%',
-  height = '250px',
-  onCloseButton,
-  onFocus,
-  onBlur,
-}) => {
-  const [message, setMessage] = useState('');
-
-  useEffect(() => {
-    scrollChatToBottom();
-  }, []);
-
-  useEffect(() => {
-    scrollChatToBottom();
-  }, [chatMessages]);
-
-  const scrollChatToBottom = () => {
-    const scrollingElement = document.querySelector('.chat-body');
-    if (scrollingElement) {
-      scrollingElement.scrollTop = scrollingElement.scrollHeight;
-    }
-  };
-
-  const handleSubmit = (event: React.SyntheticEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    onSendChatMessage(message);
-    setMessage('');
-  };
-  const getInputValue = (value: string) => {
-    setMessage(value);
-  };
-
-  const onRenderMessageLines = (
-    emitter: IEmitter,
-    createdAt: string | undefined,
-    message: string
-  ) => {
-    return `${dayjs(createdAt || new Date()).format('HH:mm')} ${
-      emitter?.name ? `${emitter.name}: ` : 'Unknown: '
-    } ${message}`;
-  };
-
-  const onRenderChatMessages = (chatMessages: IChatMessage[]) => {
-    return chatMessages?.length ? (
-      chatMessages?.map(({ _id, createdAt, emitter, message }, index) => (
-        <MessageText key={`${_id}_${index}`}>
-          {onRenderMessageLines(emitter, createdAt as string, message)}
-        </MessageText>
-      ))
-    ) : (
-      <MessageText>No messages available.</MessageText>
-    );
-  };
-
-  return (
-    <Container>
-      <CustomContainer
-        type={RPGUIContainerTypes.FramedGrey}
-        width={width}
-        height={height}
-        className="chat-container"
-        opacity={opacity}
-      >
-        <ErrorBoundary fallback={<p>Oops! Your chat has crashed.</p>}>
-          {onCloseButton && (
-            <CloseButton onClick={onCloseButton} onTouchStart={onCloseButton}>
-              X
-            </CloseButton>
-          )}
-          <RPGUIContainer
-            type={RPGUIContainerTypes.FramedGrey}
-            width={'100%'}
-            height={'80%'}
-            className="chat-body dark-background"
-          >
-            {onRenderChatMessages(chatMessages)}
-          </RPGUIContainer>
-
-          <Form onSubmit={handleSubmit}>
-            <Column flex={70}>
-              <CustomInput
-                value={message}
-                id="inputMessage"
-                onChange={e => getInputValue(e.target.value)}
-                height={20}
-                className="chat-input dark-background"
-                type="text"
-                autoComplete="off"
-                onFocus={onFocus}
-                onBlur={onBlur}
-              />
-            </Column>
-            <Column justifyContent="flex-end">
-              <Button
-                buttonType={ButtonTypes.RPGUIButton}
-                id="chat-send-button"
-              >
-                Send
-              </Button>
-            </Column>
-          </Form>
-        </ErrorBoundary>
-      </CustomContainer>
-    </Container>
-  );
-};
-
-const Container = styled.div`
-  position: relative;
-`;
-
-const CloseButton = styled.div`
-  position: absolute;
-  top: 2px;
-  right: 0px;
-  color: white;
-  z-index: 22;
-  font-size: 0.7rem;
-`;
-
-const CustomInput = styled(Input)`
-  height: 30px;
-  width: 100%;
-
-  .rpgui-content .input {
-    min-height: 39px;
-  }
-`;
-
-interface ICustomContainerProps {
-  opacity: number;
-}
-
-const CustomContainer = styled(RPGUIContainer)`
-  display: block;
-
-  opacity: ${(props: ICustomContainerProps) => props.opacity};
-
-  &:hover {
-    opacity: 1;
-  }
-
-  .dark-background {
-    background-color: ${uiColors.darkGray} !important;
-  }
-
-  .chat-body {
-    &.rpgui-container.framed-grey {
-      background: unset;
-    }
-    max-height: 170px;
-    overflow-y: auto;
-  }
-`;
-
-const Form = styled.form`
-  display: flex;
-  width: 100%;
-  justify-content: center;
-  align-items: center;
-`;
-
-const MessageText = styled.p`
-  display: block !important;
-  width: 100%;
-  font-size: ${uiFonts.size.xsmall} !important;
-  overflow-y: auto;
-  margin: 0;
-`;

package/src/components/CircularController/CircularController.tsx

@@ -1,162 +0,0 @@
-import { IRawSpell } from '@rpg-engine/shared';
-import React from 'react';
-import styled from 'styled-components';
-import { uiColors } from '../../constants/uiColors';
-import { SpellShortcut } from '../Spellbook/QuickSpells';
-
-export type CircularControllerProps = {
-  onActionClick: () => void;
-  onCancelClick: () => void;
-  onSpellClick: (spellKey: string) => void;
-  mana: number;
-  spells: IRawSpell[];
-};
-
-export const CircularController: React.FC<CircularControllerProps> = ({
-  onActionClick,
-  onCancelClick,
-  onSpellClick,
-  mana,
-  spells,
-}) => {
-  const onTouchStart = (e: React.TouchEvent<HTMLButtonElement>) => {
-    const target = e.target as HTMLButtonElement;
-    target?.classList.add('active');
-  };
-
-  const onTouchEnd = (
-    action: () => void,
-    e: React.TouchEvent<HTMLButtonElement>
-  ) => {
-    const target = e.target as HTMLButtonElement;
-    setTimeout(() => {
-      target?.classList.remove('active');
-    }, 100);
-    action();
-  };
-
-  return (
-    <ButtonsContainer>
-      <SpellsContainer>
-        {Array.from({ length: 4 }).map((_, i) => {
-          const variant = i === 0 ? 'top' : i === 3 ? 'bottom' : '';
-          const spell = spells[i];
-
-          const onSpellClickBinded = spell
-            ? onSpellClick.bind(null, spell.key)
-            : () => {};
-
-          return (
-            <StyledShortcut
-              key={i}
-              disabled={mana < spell?.manaCost}
-              onTouchStart={onTouchStart}
-              onTouchEnd={onTouchEnd.bind(null, onSpellClickBinded)}
-              className={variant}
-            >
-              <span className="mana">{spell?.key && spell?.manaCost}</span>
-              <span className="magicWords">
-                {spell?.magicWords.split(' ').map(word => word[0])}
-              </span>
-            </StyledShortcut>
-          );
-        })}
-      </SpellsContainer>
-      <Button
-        onTouchStart={onTouchStart}
-        onTouchEnd={onTouchEnd.bind(null, onActionClick)}
-      >
-        <div className="rpgui-icon sword" />
-      </Button>
-
-      <CancelButton
-        onTouchStart={onTouchStart}
-        onTouchEnd={onTouchEnd.bind(null, onCancelClick)}
-      >
-        <span>X</span>
-      </CancelButton>
-    </ButtonsContainer>
-  );
-};
-
-const Button = styled.button`
-  width: 4.3rem;
-  height: 4.3rem;
-  background-color: ${uiColors.lightGray};
-  border: 2px solid ${uiColors.darkGray};
-  border-radius: 50%;
-  text-transform: uppercase;
-  font-size: 0.7rem;
-  font-weight: bold;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  position: relative;
-  transition: background-color 0.1s;
-
-  &.active {
-    background-color: ${uiColors.gray};
-  }
-
-  .sword {
-    transform: rotate(-45deg);
-    height: 2.5rem;
-    width: 1.9rem;
-    pointer-events: none;
-  }
-`;
-
-const CancelButton = styled(Button)`
-  width: 3rem;
-  height: 3rem;
-  font-size: 0.8rem;
-
-  span {
-    margin-top: 4px;
-    margin-left: 2px;
-    pointer-events: none;
-  }
-`;
-
-const ButtonsContainer = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5rem;
-`;
-
-const SpellsContainer = styled.div`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.4rem;
-  flex-direction: column;
-
-  .top {
-    transform: translate(93%, 25%);
-  }
-
-  .bottom {
-    transform: translate(93%, -25%);
-  }
-`;
-
-const StyledShortcut = styled(SpellShortcut)`
-  width: 2.5rem;
-  height: 2.5rem;
-  transition: background-color 0.1s;
-
-  .mana {
-    font-size: 0.5rem;
-  }
-
-  &:hover,
-  &:focus,
-  &:active {
-    background-color: ${uiColors.lightGray};
-  }
-
-  &.active {
-    background-color: ${uiColors.gray};
-  }
-`;