@touchtech/baselayer-ui 2.5.0 → 2.5.2

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

@@ -0,0 +1,9 @@
+import { ReactNode } from "react";
+declare type OverlayProps = {
+    children: ReactNode;
+    transparent?: boolean;
+    isFixed?: boolean;
+    onClick?: () => void;
+};
+declare function Overlay({ children, transparent, isFixed, onClick }: OverlayProps): JSX.Element;
+export default Overlay;

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

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

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

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

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",
+  "version": "2.5.2",
   "description": "React UI component library",
-  "main": "dist/bundle.js",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
   "scripts": {
     "start": "start-storybook",
     "eslint": "eslint --ignore-path .gitignore",

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>