utopia-ui 3.0.0-alpha.2 → 3.0.0-alpha.4

package/dist/Components/AppShell/AppShell.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare function AppShell({ name, useAuth, children }: {
-    name: any;
+export declare function AppShell({ appName, useAuth, children }: {
+    appName: any;
     useAuth: any;
     children: any;
 }): JSX.Element;

package/dist/Components/AppShell/DialogModal.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+declare type Props = {
+    title: string;
+    isOpened: boolean;
+    onClose: () => void;
+    children: React.ReactNode;
+};
+declare const DialogModal: ({ title, isOpened, onClose, children, }: Props) => JSX.Element;
+export default DialogModal;

package/dist/Components/AppShell/NavBar.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export default function NavBar({ name, useAuth }: {
-    name: string;
+export default function NavBar({ appName, useAuth }: {
+    appName: string;
     useAuth: any;
 }): JSX.Element;

package/dist/Components/Auth/LoginPage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function LoginPage(): JSX.Element;

package/dist/Components/Auth/SignupPage.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function SignupPage(): JSX.Element;

package/dist/Components/Auth/authDirectus.d.ts

@@ -1,6 +1,7 @@
 import * as React from "react";
+import { UserApi, UserItem } from "../../types";
 declare type AuthProviderProps = {
-    directus: any;
+    userApi: UserApi;
     children?: React.ReactNode;
 };
 declare type AuthCredentials = {
@@ -8,23 +9,16 @@ declare type AuthCredentials = {
     password: string;
     otp?: string | undefined;
 };
-export declare type MyUserItem = {
-    id: string;
-    avatar: string;
-    first_name: string;
-    description: string;
-    email: string;
-    password?: string;
-};
 declare type AuthContextProps = {
     isAuthenticated: Boolean;
-    user: MyUserItem | null;
-    login: (credentials: AuthCredentials) => Promise<MyUserItem | undefined>;
+    user: UserItem | null;
+    login: (credentials: AuthCredentials) => Promise<UserItem | undefined>;
+    register: (credentials: AuthCredentials, userName: string) => Promise<UserItem | undefined>;
     loading: Boolean;
     logout: () => void;
-    updateUser: (user: MyUserItem) => any;
+    updateUser: (user: UserItem) => any;
     token: String | null;
 };
-export declare const AuthProviderDirectus: ({ directus, children }: AuthProviderProps) => JSX.Element;
+export declare const AuthProviderDirectus: ({ userApi, children }: AuthProviderProps) => JSX.Element;
 export declare const useAuthDirectus: () => AuthContextProps;
 export {};

package/dist/Components/Auth/index.d.ts

@@ -1 +1,3 @@
-export { AuthProviderDirectus, useAuthDirectus } from "./authDirectus";
+export { AuthProvider, useAuth } from "./useAuth";
+export { LoginPage } from "./LoginPage";
+export { SignupPage } from "./SignupPage";

package/dist/Components/Auth/useAuth.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import { UserApi, UserItem } from "../../types";
+declare type AuthProviderProps = {
+    userApi: UserApi;
+    children?: React.ReactNode;
+};
+declare type AuthCredentials = {
+    email: string;
+    password: string;
+    otp?: string | undefined;
+};
+declare type AuthContextProps = {
+    isAuthenticated: Boolean;
+    user: UserItem | null;
+    login: (credentials: AuthCredentials) => Promise<UserItem | undefined>;
+    register: (credentials: AuthCredentials, userName: string) => Promise<UserItem | undefined>;
+    loading: Boolean;
+    logout: () => void;
+    updateUser: (user: UserItem) => any;
+    token: String | null;
+};
+export declare const AuthProvider: ({ userApi, children }: AuthProviderProps) => JSX.Element;
+export declare const useAuth: () => AuthContextProps;
+export {};

package/dist/Components/Input/InputText.d.ts

@@ -3,10 +3,11 @@ declare type InputTextProps = {
     labelTitle?: string;
     labelStyle?: string;
     type?: string;
+    dataField?: string;
     containerStyle?: string;
     defaultValue: string;
     placeholder?: string;
-    updateFormValue: (value: string) => void;
+    updateFormValue?: (value: string) => void;
 };
-declare function InputText({ labelTitle, labelStyle, type, containerStyle, defaultValue, placeholder, updateFormValue }: InputTextProps): JSX.Element;
-export default InputText;
+declare function TextInput({ labelTitle, labelStyle, type, dataField, containerStyle, defaultValue, placeholder, updateFormValue }: InputTextProps): JSX.Element;
+export default TextInput;

package/dist/Components/Input/TextAreaInput.d.ts

@@ -1,11 +1,13 @@
 /// <reference types="react" />
 declare type TextAreaProps = {
-    labelTitle: string;
+    labelTitle?: string;
     labelStyle?: string;
     containerStyle?: string;
+    dataField?: string;
+    inputStyle?: string;
     defaultValue: string;
     placeholder?: string;
-    updateFormValue: (value: string) => void;
+    updateFormValue?: (value: string) => void;
 };
-declare function TextAreaInput({ labelTitle, labelStyle, containerStyle, defaultValue, placeholder, updateFormValue }: TextAreaProps): JSX.Element;
-export default TextAreaInput;
+export declare function TextAreaInput({ labelTitle, dataField, labelStyle, containerStyle, inputStyle, defaultValue, placeholder, updateFormValue }: TextAreaProps): JSX.Element;
+export {};

package/dist/Components/Input/TextInput.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+declare type InputTextProps = {
+    labelTitle?: string;
+    labelStyle?: string;
+    type?: string;
+    dataField?: string;
+    containerStyle?: string;
+    inputStyle?: string;
+    defaultValue?: string;
+    placeholder?: string;
+    updateFormValue?: (value: string) => void;
+};
+export declare function TextInput({ labelTitle, labelStyle, type, dataField, containerStyle, inputStyle, defaultValue, placeholder, updateFormValue }: InputTextProps): JSX.Element;
+export {};

package/dist/Components/Input/index.d.ts

@@ -0,0 +1,2 @@
+export { TextAreaInput } from "./TextAreaInput";
+export { TextInput } from "./TextInput";

package/dist/Components/Map/ItemForm.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Item } from '../../types';
+import * as PropTypes from 'prop-types';
+export declare const ItemForm: {
+    ({ children, item }: {
+        children?: React.ReactNode;
+        item?: Item | undefined;
+    }): JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        __TYPE: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        __TYPE: string;
+    };
+};

package/dist/Components/Map/ItemFormPopup.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { LatLng } from 'leaflet';
+import { LayerProps, Item, ItemsApi } from '../../types';
+export interface ItemFormPopupProps {
+    position: LatLng;
+    layer: LayerProps;
+    item?: Item;
+    api?: ItemsApi<any>;
+    children?: React.ReactNode;
+    setItemFormPopup: React.Dispatch<React.SetStateAction<any>>;
+}
+export declare function ItemFormPopup(props: ItemFormPopupProps): JSX.Element;

package/dist/Components/Map/ItemView.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+import { Item } from '../../types';
+import * as PropTypes from 'prop-types';
+export declare const ItemView: {
+    ({ children, item }: {
+        children?: React.ReactNode;
+        item?: Item | undefined;
+    }): JSX.Element;
+    propTypes: {
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        __TYPE: PropTypes.Requireable<string>;
+    };
+    defaultProps: {
+        __TYPE: string;
+    };
+};

package/dist/Components/Map/ItemViewPopup.d.ts

@@ -0,0 +1,8 @@
+import * as React from 'react';
+import { Item } from '../../types';
+import { ItemFormPopupProps } from './ItemFormPopup';
+export interface ItemViewPopupProps {
+    item: Item;
+    setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
+}
+export declare const ItemViewPopup: (props: ItemViewPopupProps) => JSX.Element;

package/dist/Components/Map/Subcomponents/HeaderView.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { ItemFormPopupProps } from "./ItemFormPopup";
+import { Item } from "../../../types";
+export declare function HeaderView({ item, setItemFormPopup }: {
+    item: Item;
+    setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
+}): JSX.Element;

package/dist/Components/Map/Subcomponents/ItemFormPopup.d.ts

@@ -6,6 +6,7 @@ export interface ItemFormPopupProps {
     layer: LayerProps;
     item?: Item;
     api?: ItemsApi<any>;
+    children?: React.ReactNode;
     setItemFormPopup: React.Dispatch<React.SetStateAction<any>>;
 }
-export default function ItemFormPopup(props: ItemFormPopupProps): JSX.Element;
+export declare function ItemFormPopup(props: ItemFormPopupProps): JSX.Element;

package/dist/Components/Map/Subcomponents/ItemPopupComponents/HeaderView.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+import { ItemFormPopupProps } from "../ItemFormPopup";
+import { Item } from "../../../../types";
+export declare function HeaderView({ item, setItemFormPopup }: {
+    item: Item;
+    setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
+}): JSX.Element;

package/dist/Components/Map/Subcomponents/ItemPopupComponents/PopupStartEndInput.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Item } from '../../../../types';
+export declare const PopupStartEndInput: ({ item }: {
+    item?: Item | undefined;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/ItemPopupComponents/PopupTextAreaInput.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { Item } from '../../../../types';
+export declare const PopupTextAreaInput: ({ dataField, placeholder, style, item }: {
+    dataField: string;
+    placeholder: string;
+    style?: string | undefined;
+    item?: Item | undefined;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/ItemPopupComponents/PopupTextInput.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const PopupTextInput: () => JSX.Element;

package/dist/Components/Map/Subcomponents/ItemPopupComponents/StartEndView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Item } from '../../../../types';
+export declare const StartEndView: ({ item }: {
+    item?: Item | undefined;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/ItemPopupComponents/TextView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Item } from '../../../../types';
+export declare const TextView: ({ item }: {
+    item?: Item | undefined;
+}) => JSX.Element;

package/dist/Components/Map/Subcomponents/ItemViewPopup.d.ts

@@ -1,10 +1,9 @@
 import * as React from 'react';
-import { Item, Tag } from '../../../types';
+import { Item } from '../../../types';
 import { ItemFormPopupProps } from './ItemFormPopup';
 export interface ItemViewPopupProps {
     item: Item;
-    tags: Tag[];
+    children?: React.ReactNode;
     setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
 }
-declare const ItemViewPopup: (props: ItemViewPopupProps) => JSX.Element;
-export { ItemViewPopup };
+export declare const ItemViewPopup: (props: ItemViewPopupProps) => JSX.Element;

package/dist/Components/Map/Subcomponents/StartEndView.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { Item } from '../../../types';
+declare const StartEndView: ({ item }: {
+    item: Item;
+}) => JSX.Element;
+export default StartEndView;

package/dist/Components/Map/Subcomponents/TextView.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Item } from '../../../types';
+export declare const TextView: ({ item }: {
+    item: Item;
+}) => JSX.Element;

package/dist/Components/Map/UtopiaMap.d.ts

@@ -1,12 +1,11 @@
 import "leaflet/dist/leaflet.css";
 import * as React from "react";
-import { Item, Tag, ItemsApi, LayerProps, UtopiaMapProps } from "../../types";
+import { LayerProps, UtopiaMapProps } from "../../types";
 import "./UtopiaMap.css";
 export interface MapEventListenerProps {
     selectMode: LayerProps | null;
     setSelectMode: React.Dispatch<any>;
     setItemFormPopup: React.Dispatch<React.SetStateAction<any>>;
 }
-/** This is a description of the foo function. */
 declare function UtopiaMap({ height, width, center, zoom, children }: UtopiaMapProps): JSX.Element;
-export { UtopiaMap, Item, Tag, ItemsApi };
+export { UtopiaMap };

package/dist/Components/Map/index.d.ts

@@ -1,3 +1,9 @@
-export { UtopiaMap, Item, Tag, ItemsApi } from './UtopiaMap';
+export { UtopiaMap } from './UtopiaMap';
 export { Layer } from './Layer';
 export { Tags } from "./Tags";
+export { ItemForm } from './ItemForm';
+export { ItemView } from './ItemView';
+export { PopupTextAreaInput } from './Subcomponents/ItemPopupComponents/PopupTextAreaInput';
+export { PopupStartEndInput } from './Subcomponents/ItemPopupComponents/PopupStartEndInput';
+export { TextView } from './Subcomponents/ItemPopupComponents/TextView';
+export { StartEndView } from './Subcomponents/ItemPopupComponents/StartEndView';

package/dist/Components/Templates/CardPage.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+export declare function CardPage({ title, children }: {
+    title: string;
+    children?: React.ReactNode;
+}): JSX.Element;

package/dist/Components/Templates/TitleCard.d.ts

@@ -0,0 +1,9 @@
+import * as React from "react";
+interface TitleCardProps {
+    title: string;
+    children: React.ReactNode;
+    topMargin: string;
+    TopSideButtons?: any;
+}
+export declare function TitleCard({ title, children, topMargin, TopSideButtons }: TitleCardProps): JSX.Element;
+export {};

package/dist/Components/Templates/index.d.ts

@@ -0,0 +1,2 @@
+export { CardPage } from './CardPage';
+export { TitleCard } from './TitleCard';

package/dist/Components/TitleCard.d.ts

@@ -5,5 +5,5 @@ interface TitleCardProps {
     topMargin: string;
     TopSideButtons?: any;
 }
-declare function TitleCard({ title, children, topMargin, TopSideButtons }: TitleCardProps): JSX.Element;
-export default TitleCard;
+export declare function TitleCard({ title, children, topMargin, TopSideButtons }: TitleCardProps): JSX.Element;
+export {};

package/dist/Components/Typography/ErrorText.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+declare function ErrorText({ styleClass, children }: {
+    styleClass: any;
+    children: any;
+}): JSX.Element;
+export default ErrorText;

package/dist/Components/Typography/Subtitle.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
+import * as React from "react";
 declare function Subtitle({ styleClass, children }: {
-    styleClass: any;
-    children: any;
+    styleClass: string;
+    children: React.ReactNode;
 }): JSX.Element;
 export default Subtitle;

package/dist/index.d.ts

@@ -1,8 +1,10 @@
-export { UtopiaMap, Layer, Tags, Item, Tag, ItemsApi } from './Components/Map/index';
+export { UtopiaMap, Layer, Tags, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, TextView, StartEndView } from './Components/Map/index';
 export { AppShell, Content, SideBar } from "./Components/AppShell";
-export { AuthProviderDirectus, useAuthDirectus } from "./Components/Auth";
+export { AuthProvider, useAuth, LoginPage, SignupPage } from "./Components/Auth";
 export { Settings } from './Components/Profile';
 export { Quests, Modal } from './Components/Gaming';
+export { TitleCard, CardPage } from './Components/Templates';
+export { TextInput, TextAreaInput } from './Components/Input';
 import "./index.css";
 declare global {
     interface Window {