@rpg-engine/long-bow 0.1.89 → 0.1.92

package/package.json

@@ -1,98 +1,98 @@
-{
-  "name": "@rpg-engine/long-bow",
-  "version": "0.1.89",
-  "license": "MIT",
-  "main": "dist/index.js",
-  "typings": "dist/index.d.ts",
-  "publishConfig": {
-    "access": "public"
-  },
-  "directories": {
-    "dist": "dist",
-    "src": "src"
-  },
-  "files": [
-    "dist",
-    "src"
-  ],
-  "engines": {
-    "node": ">=10"
-  },
-  "scripts": {
-    "dev": "yarn install && start-storybook -p 6006",
-    "start": "tsdx watch",
-    "build": "tsdx build",
-    "test": "tsdx test --passWithNoTests",
-    "lint": "tsdx lint",
-    "prepare": "tsdx build",
-    "size": "size-limit",
-    "analyze": "size-limit --why",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "configure": "./environment/download-credentials.sh",
-    "update:shared-deps": "yarn add @rpg-engine/shared"
-  },
-  "peerDependencies": {
-    "react": ">=16"
-  },
-  "prettier": {
-    "printWidth": 80,
-    "semi": true,
-    "singleQuote": true,
-    "trailingComma": "es5"
-  },
-  "author": "Joao Paulo Furtado",
-  "module": "dist/long-bow.esm.js",
-  "size-limit": [
-    {
-      "path": "dist/long-bow.cjs.production.min.js",
-      "limit": "10 KB"
-    },
-    {
-      "path": "dist/long-bow.esm.js",
-      "limit": "10 KB"
-    }
-  ],
-  "devDependencies": {
-    "@babel/core": "^7.17.7",
-    "@size-limit/preset-small-lib": "^7.0.8",
-    "@storybook/addon-essentials": "^6.5.9",
-    "@storybook/addon-info": "^5.3.21",
-    "@storybook/addon-links": "^6.5.9",
-    "@storybook/addons": "^6.5.9",
-    "@storybook/react": "^6.5.9",
-    "@types/react": "^18.0.14",
-    "@types/react-dom": "^18.0.5",
-    "@types/styled-components": "^5.1.24",
-    "@types/uuid": "^8.3.4",
-    "babel-loader": "^8.2.3",
-    "babel-plugin-styled-components": "^2.0.6",
-    "husky": "^7.0.4",
-    "pretty-quick": "^3.1.3",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-is": "^17.0.2",
-    "rollup-plugin-image-base64": "^1.0.0",
-    "size-limit": "^7.0.8",
-    "storybook-dark-mode": "^1.1.0",
-    "styled-components": "^5.3.3",
-    "tsdx": "^0.14.1",
-    "tslib": "^2.3.1",
-    "typescript": "^4.6.2",
-    "uuid": "^8.3.2"
-  },
-  "dependencies": {
-    "@rollup/plugin-image": "^2.1.1",
-    "@rpg-engine/shared": "^0.3.67",
-    "dayjs": "^1.11.2",
-    "fs-extra": "^10.1.0",
-    "lodash": "^4.17.21",
-    "lodash-es": "^4.17.21",
-    "mobx": "^6.6.0",
-    "mobx-react": "^7.5.0",
-    "react-draggable": "^4.4.5",
-    "react-error-boundary": "^3.1.4",
-    "rollup-plugin-image-files": "^1.4.2",
-    "rpgui": "^1.0.3"
-  }
-}
+{
+  "name": "@rpg-engine/long-bow",
+  "version": "0.1.92",
+  "license": "MIT",
+  "main": "dist/index.js",
+  "typings": "dist/index.d.ts",
+  "publishConfig": {
+    "access": "public"
+  },
+  "directories": {
+    "dist": "dist",
+    "src": "src"
+  },
+  "files": [
+    "dist",
+    "src"
+  ],
+  "engines": {
+    "node": ">=10"
+  },
+  "scripts": {
+    "dev": "yarn install && start-storybook -p 6006",
+    "start": "tsdx watch",
+    "build": "tsdx build",
+    "test": "tsdx test --passWithNoTests",
+    "lint": "tsdx lint",
+    "prepare": "tsdx build",
+    "size": "size-limit",
+    "analyze": "size-limit --why",
+    "storybook": "start-storybook -p 6006",
+    "build-storybook": "build-storybook",
+    "configure": "./environment/download-credentials.sh",
+    "update:shared-deps": "yarn add @rpg-engine/shared"
+  },
+  "peerDependencies": {
+    "react": ">=16"
+  },
+  "prettier": {
+    "printWidth": 80,
+    "semi": true,
+    "singleQuote": true,
+    "trailingComma": "es5"
+  },
+  "author": "Joao Paulo Furtado",
+  "module": "dist/long-bow.esm.js",
+  "size-limit": [
+    {
+      "path": "dist/long-bow.cjs.production.min.js",
+      "limit": "10 KB"
+    },
+    {
+      "path": "dist/long-bow.esm.js",
+      "limit": "10 KB"
+    }
+  ],
+  "devDependencies": {
+    "@babel/core": "^7.17.7",
+    "@size-limit/preset-small-lib": "^7.0.8",
+    "@storybook/addon-essentials": "^6.5.9",
+    "@storybook/addon-info": "^5.3.21",
+    "@storybook/addon-links": "^6.5.9",
+    "@storybook/addons": "^6.5.9",
+    "@storybook/react": "^6.5.9",
+    "@types/react": "^18.0.14",
+    "@types/react-dom": "^18.0.5",
+    "@types/styled-components": "^5.1.24",
+    "@types/uuid": "^8.3.4",
+    "babel-loader": "^8.2.3",
+    "babel-plugin-styled-components": "^2.0.6",
+    "husky": "^7.0.4",
+    "pretty-quick": "^3.1.3",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-is": "^17.0.2",
+    "rollup-plugin-image-base64": "^1.0.0",
+    "size-limit": "^7.0.8",
+    "storybook-dark-mode": "^1.1.0",
+    "styled-components": "^5.3.3",
+    "tsdx": "^0.14.1",
+    "tslib": "^2.3.1",
+    "typescript": "^4.6.2",
+    "uuid": "^8.3.2"
+  },
+  "dependencies": {
+    "@rollup/plugin-image": "^2.1.1",
+    "@rpg-engine/shared": "^0.3.67",
+    "dayjs": "^1.11.2",
+    "fs-extra": "^10.1.0",
+    "lodash": "^4.17.21",
+    "lodash-es": "^4.17.21",
+    "mobx": "^6.6.0",
+    "mobx-react": "^7.5.0",
+    "react-draggable": "^4.4.5",
+    "react-error-boundary": "^3.1.4",
+    "rollup-plugin-image-files": "^1.4.2",
+    "rpgui": "^1.0.3"
+  }
+}

package/src/components/Abstractions/SlotsContainer.tsx

@@ -1,42 +1,42 @@
-import React from 'react';
-import { IPosition } from '../../types/eventTypes';
-import { DraggableContainer } from '../DraggableContainer';
-import { RPGUIContainerTypes } from '../RPGUIContainer';
-
-interface IProps {
-  children: React.ReactNode;
-  title: string;
-  onClose?: () => void;
-  onPositionChange?: (position: IPosition) => void;
-  onOutsideClick?: () => void;
-}
-
-export const SlotsContainer: React.FC<IProps> = ({
-  children,
-  title,
-  onClose,
-  onPositionChange,
-  onOutsideClick,
-}) => {
-  return (
-    <DraggableContainer
-      title={title}
-      type={RPGUIContainerTypes.Framed}
-      onCloseButton={() => {
-        if (onClose) {
-          onClose();
-        }
-      }}
-      width="330px"
-      cancelDrag=".item-container-body"
-      onPositionChange={({ x, y }) => {
-        if (onPositionChange) {
-          onPositionChange({ x, y });
-        }
-      }}
-      onOutsideClick={onOutsideClick}
-    >
-      {children}
-    </DraggableContainer>
-  );
-};
+import React from 'react';
+import { IPosition } from '../../types/eventTypes';
+import { DraggableContainer } from '../DraggableContainer';
+import { RPGUIContainerTypes } from '../RPGUIContainer';
+
+interface IProps {
+  children: React.ReactNode;
+  title: string;
+  onClose?: () => void;
+  onPositionChange?: (position: IPosition) => void;
+  onOutsideClick?: () => void;
+}
+
+export const SlotsContainer: React.FC<IProps> = ({
+  children,
+  title,
+  onClose,
+  onPositionChange,
+  onOutsideClick,
+}) => {
+  return (
+    <DraggableContainer
+      title={title}
+      type={RPGUIContainerTypes.Framed}
+      onCloseButton={() => {
+        if (onClose) {
+          onClose();
+        }
+      }}
+      width="330px"
+      cancelDrag=".item-container-body"
+      onPositionChange={({ x, y }) => {
+        if (onPositionChange) {
+          onPositionChange({ x, y });
+        }
+      }}
+      onOutsideClick={onOutsideClick}
+    >
+      {children}
+    </DraggableContainer>
+  );
+};

package/src/components/Button.tsx

@@ -1,30 +1,30 @@
-import React from 'react';
-import styled from 'styled-components';
-
-export enum ButtonTypes {
-  RPGUIButton = 'rpgui-button',
-  RPGUIGoldButton = 'rpgui-button golden',
-}
-
-export interface IButtonProps {
-  disabled?: boolean;
-  children: React.ReactNode;
-  buttonType: ButtonTypes;
-}
-
-export const Button: React.FC<IButtonProps &
-  React.DetailedHTMLProps<
-    React.ButtonHTMLAttributes<HTMLButtonElement>,
-    HTMLButtonElement
-  >> = ({ disabled = false, children, buttonType, ...props }) => {
-  return (
-    <ButtonContainer className={`${buttonType}`} disabled={disabled} {...props}>
-      <p>{children}</p>
-    </ButtonContainer>
-  );
-};
-
-const ButtonContainer = styled.button<any>`
-  height: 45px;
-  font-size: 11.5px;
-`;
+import React from 'react';
+import styled from 'styled-components';
+
+export enum ButtonTypes {
+  RPGUIButton = 'rpgui-button',
+  RPGUIGoldButton = 'rpgui-button golden',
+}
+
+export interface IButtonProps {
+  disabled?: boolean;
+  children: React.ReactNode;
+  buttonType: ButtonTypes;
+}
+
+export const Button: React.FC<IButtonProps &
+  React.DetailedHTMLProps<
+    React.ButtonHTMLAttributes<HTMLButtonElement>,
+    HTMLButtonElement
+  >> = ({ disabled = false, children, buttonType, ...props }) => {
+  return (
+    <ButtonContainer className={`${buttonType}`} disabled={disabled} {...props}>
+      <p>{children}</p>
+    </ButtonContainer>
+  );
+};
+
+const ButtonContainer = styled.button<any>`
+  height: 45px;
+  font-size: 11.5px;
+`;