@touchtech/baselayer-ui 2.5.0-beta.0 → 2.5.1

package/dist/types/components/TextInput/TextInput.d.ts

@@ -0,0 +1,16 @@
+import { Size, TextInputType } from "../../types";
+declare type TextInputProps = {
+    label: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    value?: string;
+    name?: string;
+    type?: TextInputType;
+    size?: Size;
+    autoFocus?: boolean;
+    inputRef?: () => void | {
+        current: any;
+    };
+};
+declare function TextInput({ label, onChange, placeholder, value, name, inputRef, size, autoFocus, type, }: TextInputProps): JSX.Element;
+export default TextInput;

package/dist/types/components/TextInput/__tests__/TextInput.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/TextInput/index.d.ts

@@ -0,0 +1 @@
+export { default as TextInput } from "./TextInput";

package/dist/types/components/Toast/Toast.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode, ReactNodeArray } from "react";
+declare type ImageType = {
+    src: string;
+    alt: string;
+};
+declare type ToastProps = {
+    children: ReactNode;
+    buttons: ReactNodeArray;
+    image?: ImageType;
+    onClick?: () => void;
+};
+declare function Toast({ children, image, buttons, onClick }: ToastProps): JSX.Element;
+export default Toast;

package/dist/types/components/Toast/ToastContainer.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+declare type ToastContainerProps = {
+    children?: ReactNode;
+};
+declare function ToastContainer({ children }: ToastContainerProps): JSX.Element;
+export default ToastContainer;

package/dist/types/components/Toast/__tests__/Toast.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Toast/__tests__/ToastContainer.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Toast/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Toast } from "./Toast";
+export { default as ToastContainer } from "./ToastContainer";

package/dist/types/components/Video/Video.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from "react";
+/**
+ * There is a known issue in React in regards to the 'muted' property which causes the warning:
+ * "Warning: unstable_flushDiscreteUpdates: Cannot flush updates when React is already rendering."
+ *
+ * https://github.com/facebook/react/issues/10389
+ * https://github.com/facebook/react/issues/6544
+ * https://github.com/testing-library/react-testing-library/issues/470
+ */
+declare type Layout = "cover" | "contain" | "stretchHorizontally" | "stretchVertically";
+declare type VideoProps = {
+    src: string;
+    type: string;
+    layout?: Layout;
+    autoPlay?: boolean;
+    loop?: boolean;
+    muted?: boolean;
+    children?: ReactNode;
+};
+declare function Video({ src, type, children, muted, loop, autoPlay, layout }: VideoProps): JSX.Element;
+export default Video;

package/dist/types/components/Video/__tests__/Video.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/components/Video/index.d.ts

@@ -0,0 +1 @@
+export { default as Video } from "./Video";

package/dist/types/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { default as useToggle } from "./useToggle";
+export { default as useOutsideClick } from "./useOutsideClick";

package/dist/types/hooks/useOutsideClick.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+declare type Callback = (event: Event) => void;
+export default function useOutsideClick(callback: Callback): import("react").MutableRefObject<HTMLElement>;
+export {};

package/dist/types/hooks/useToggle.d.ts

@@ -0,0 +1,5 @@
+export default function useToggle(initialState?: boolean): (boolean | {
+    (): void;
+    on(): void;
+    off(): void;
+})[];

package/dist/types/index.d.ts

@@ -0,0 +1,18 @@
+export * from "./components/Button";
+export * from "./components/ButtonLink";
+export * from "./components/ColorPicker";
+export * from "./components/ColorSwatch";
+export * from "./components/ConfirmationModal";
+export * from "./components/FloatingPanel";
+export * from "./components/Icon";
+export * from "./components/IconButton";
+export * from "./components/IconButtonLink";
+export * from "./components/Image";
+export * from "./components/ListView";
+export * from "./components/Menu";
+export * from "./components/Modal";
+export * from "./components/Overlay";
+export * from "./components/TextInput";
+export * from "./components/Toast";
+export * from "./components/Video";
+export * from "./hooks";

package/dist/types/types/index.d.ts

@@ -0,0 +1,7 @@
+export declare type Size = "small" | "medium" | "large";
+export declare type TextInputType = "text" | "password" | "email";
+export declare type Color = {
+    hexCode: string;
+    key: string;
+    label: string;
+};

package/package.json

@@ -1,8 +1,9 @@
 {
   "name": "@touchtech/baselayer-ui",
-  "version": "2.5.0-beta.0",
+  "version": "2.5.1",
   "description": "React UI component library",
   "main": "dist/bundle.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "start": "start-storybook",
     "eslint": "eslint --ignore-path .gitignore",
@@ -33,25 +34,25 @@
     "@babel/preset-react": "^7.10.4",
     "@babel/preset-typescript": "^7.10.4",
     "@storybook/addon-centered": "^5.3.19",
-    "@storybook/addon-storysource": "^5.3.19",
-    "@storybook/react": "^5.3.19",
-    "@testing-library/jest-dom": "^5.11.2",
+    "@storybook/addon-storysource": "^6.0.12",
+    "@storybook/react": "^6.0.12",
+    "@testing-library/jest-dom": "^5.11.3",
     "@testing-library/react": "^10.4.8",
     "@testing-library/react-hooks": "^3.4.1",
-    "@types/jest": "^26.0.9",
+    "@types/jest": "^26.0.10",
     "@types/react": "^16.9.46",
     "@types/react-dom": "^16.9.8",
-    "babel-jest": "^26.2.2",
+    "babel-jest": "^26.3.0",
     "babel-loader": "^8.1.0",
     "css-loader": "^3.6.0",
-    "eslint": "^7.6.0",
+    "eslint": "^7.7.0",
     "eslint-config-prettier": "^6.11.0",
     "eslint-plugin-prettier": "^3.1.4",
-    "eslint-plugin-react": "^7.20.5",
-    "eslint-plugin-react-hooks": "^4.0.8",
+    "eslint-plugin-react": "^7.20.6",
+    "eslint-plugin-react-hooks": "^4.1.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^26.3.0",
-    "mini-css-extract-plugin": "^0.9.0",
+    "jest": "^26.4.0",
+    "mini-css-extract-plugin": "^0.10.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.5",
     "react": "^16.13.1",
@@ -62,7 +63,7 @@
     "stylelint-config-prettier": "^8.0.2",
     "stylelint-config-standard": "^20.0.0",
     "stylelint-prettier": "^1.1.2",
-    "ts-jest": "^26.1.4",
+    "ts-jest": "^26.2.0",
     "ts-loader": "^8.0.2",
     "typescript": "^3.9.7",
     "typescript-plugin-css-modules": "^2.4.0",

package/dist/640e1c62fd0dfa7c00a1c8fe0e35c6d1.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="1932" height="1254" viewBox="0 0 1932 1254">
-  <path d="M547,564 L2172,564 C2207,564 2236,592 2236,627 C2236,662 2207,691 2172,691 L547,691 L1003,1146 C1028,1171 1028,1211 1003,1236 C978,1260 938,1260 913,1236 L304,627 L913,18 C938,-6 978,-6 1003,18 C1028,43 1028,83 1003,108 L547,564 Z" transform="translate(-304)"/>
-</svg>