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

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

@@ -1,6 +1,5 @@
 /// <reference types="react" />
-export declare function AppShell({ name, useAuth, children }: {
-    name: any;
-    useAuth: any;
+export declare function AppShell({ appName, children }: {
+    appName: 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,4 @@
 /// <reference types="react" />
-export default function NavBar({ name, useAuth }: {
-    name: string;
-    useAuth: any;
+export default function NavBar({ appName }: {
+    appName: string;
 }): 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/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: () => Promise<any>;
+    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 → SelectBox.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare type InputTextProps = {
+declare type SelectBoxProps = {
     labelTitle?: string;
     labelStyle?: string;
     type?: string;
@@ -7,6 +7,11 @@ declare type InputTextProps = {
     defaultValue: string;
     placeholder?: string;
     updateFormValue: (value: string) => void;
+    options: {
+        name: string;
+        value: string;
+    }[];
+    labelDescription?: string;
 };
-declare function InputText({ labelTitle, labelStyle, type, containerStyle, defaultValue, placeholder, updateFormValue }: InputTextProps): JSX.Element;
-export default InputText;
+export declare function SelectBox(props: SelectBoxProps): JSX.Element;
+export {};

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,3 @@
+export { TextAreaInput } from "./TextAreaInput";
+export { TextInput } from "./TextInput";
+export { SelectBox } from "./SelectBox";

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/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/Permissions.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ItemsApi, Permission } from '../../types';
+export declare function Permissions({ data, api, adminRole }: {
+    data?: Permission[];
+    api?: ItemsApi<Permission>;
+    adminRole?: string;
+}): JSX.Element;

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

@@ -1,4 +1,4 @@
 import * as React from 'react';
-export default function AddButton({ setSelectMode }: {
-    setSelectMode: React.Dispatch<React.SetStateAction<any>>;
+export default function AddButton({ setSelectNewItemPosition }: {
+    setSelectNewItemPosition: React.Dispatch<React.SetStateAction<any>>;
 }): JSX.Element;

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

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

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
 import { LatLng } from 'leaflet';
-import { LayerProps, Item, ItemsApi } from '../../../types';
+import { LayerProps, Item } from '../../../types';
 export interface ItemFormPopupProps {
     position: LatLng;
     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: React.ForwardRefExoticComponent<ItemViewPopupProps & React.RefAttributes<unknown>>;

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

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

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { Tag } from '../../types';
-export declare function Tags({ data }: {
-    data: Tag[];
+import { ItemsApi, Tag } from '../../types';
+export declare function Tags({ data, api }: {
+    data?: Tag[];
+    api?: ItemsApi<Tag>;
 }): 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>;
+    selectNewItemPosition: LayerProps | null;
+    setSelectNewItemPosition: 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/hooks/useFilter.d.ts

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { LayerProps, Tag } from "../../../types";
+declare type UseFilterManagerResult = ReturnType<typeof useFilterManager>;
+declare function useFilterManager(initialTags: Tag[]): {
+    filterTags: Tag[];
+    searchPhrase: string;
+    visibleLayers: LayerProps[];
+    addFilterTag: (tag: Tag) => void;
+    removeFilterTag: (id: string) => void;
+    resetFilterTags: () => void;
+    setSearchPhrase: (phrase: string) => void;
+    addVisibleLayer: (layer: LayerProps) => void;
+    toggleVisibleLayer: (layer: LayerProps) => void;
+    resetVisibleLayers: () => void;
+    isLayerVisible: (layer: LayerProps) => boolean;
+};
+export declare const FilterProvider: React.FunctionComponent<{
+    initialTags: Tag[];
+    children?: React.ReactNode;
+}>;
+export declare const useFilterTags: () => Tag[];
+export declare const useAddFilterTag: () => UseFilterManagerResult["addFilterTag"];
+export declare const useRemoveFilterTag: () => UseFilterManagerResult["removeFilterTag"];
+export declare const useResetFilterTags: () => UseFilterManagerResult["resetFilterTags"];
+export declare const useSearchPhrase: () => UseFilterManagerResult["searchPhrase"];
+export declare const useSetSearchPhrase: () => UseFilterManagerResult["setSearchPhrase"];
+export declare const useVisibleLayer: () => UseFilterManagerResult["visibleLayers"];
+export declare const useAddVisibleLayer: () => UseFilterManagerResult["addVisibleLayer"];
+export declare const useToggleVisibleLayer: () => UseFilterManagerResult["toggleVisibleLayer"];
+export declare const useResetVisibleLayers: () => UseFilterManagerResult["resetVisibleLayers"];
+export declare const useIsLayerVisible: () => UseFilterManagerResult["isLayerVisible"];
+export {};

package/dist/Components/Map/hooks/useItems.d.ts

@@ -7,6 +7,8 @@ declare function useItemsManager(initialItems: Item[]): {
     updateItem: (item: Item) => void;
     removeItem: (item: Item) => void;
     resetItems: (layer: LayerProps) => void;
+    setItemsApi: (layer: LayerProps) => void;
+    setItemsData: (layer: LayerProps) => void;
 };
 export declare const ItemsProvider: React.FunctionComponent<{
     initialItems: Item[];
@@ -17,4 +19,6 @@ export declare const useAddItem: () => UseItemManagerResult["addItem"];
 export declare const useUpdateItem: () => UseItemManagerResult["updateItem"];
 export declare const useRemoveItem: () => UseItemManagerResult["removeItem"];
 export declare const useResetItems: () => UseItemManagerResult["resetItems"];
+export declare const useSetItemsApi: () => UseItemManagerResult["setItemsApi"];
+export declare const useSetItemsData: () => UseItemManagerResult["setItemsData"];
 export {};

package/dist/Components/Map/hooks/useLeafletRefs.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Item } from "../../../types";
+import { Marker, Popup } from "leaflet";
+declare type LeafletRef = {
+    item: Item;
+    marker: Marker;
+    popup: Popup;
+};
+declare type UseLeafletRefsManagerResult = ReturnType<typeof useLeafletRefsManager>;
+declare function useLeafletRefsManager(initialLeafletRefs: {}): {
+    leafletRefs: Record<string, LeafletRef>;
+    addMarker: (item: Item, marker: Marker) => void;
+    addPopup: (item: Item, popup: Popup) => void;
+};
+export declare const LeafletRefsProvider: React.FunctionComponent<{
+    initialLeafletRefs: {};
+    children?: React.ReactNode;
+}>;
+export declare const useLeafletRefs: () => Record<string, LeafletRef>;
+export declare const useAddMarker: () => UseLeafletRefsManagerResult["addMarker"];
+export declare const useAddPopup: () => UseLeafletRefsManagerResult["addPopup"];
+export {};

package/dist/Components/Map/hooks/usePermissions.d.ts

@@ -0,0 +1,20 @@
+import * as React from "react";
+import { ItemsApi, Permission, PermissionAction } from "../../../types";
+declare type UsePermissionManagerResult = ReturnType<typeof usePermissionsManager>;
+declare function usePermissionsManager(initialPermissions: Permission[]): {
+    permissions: Permission[];
+    setPermissionApi: (api: ItemsApi<any>) => void;
+    setPermissionData: (data: Permission[]) => void;
+    setAdminRole: (adminRole: string) => void;
+    hasUserPermission: (collectionName: string, action: PermissionAction) => boolean;
+};
+export declare const PermissionsProvider: React.FunctionComponent<{
+    initialPermissions: Permission[];
+    children?: React.ReactNode;
+}>;
+export declare const usePermissions: () => Permission[];
+export declare const useSetPermissionApi: () => UsePermissionManagerResult["setPermissionApi"];
+export declare const useSetPermissionData: () => UsePermissionManagerResult["setPermissionData"];
+export declare const useHasUserPermission: () => UsePermissionManagerResult["hasUserPermission"];
+export declare const useSetAdminRole: () => UsePermissionManagerResult["setAdminRole"];
+export {};

package/dist/Components/Map/hooks/useTags.d.ts

@@ -1,10 +1,13 @@
 import * as React from "react";
-import { Tag } from "../../../types";
+import { Item, ItemsApi, Tag } from "../../../types";
 declare type UseTagManagerResult = ReturnType<typeof useTagsManager>;
 declare function useTagsManager(initialTags: Tag[]): {
     tags: Tag[];
     addTag: (tag: Tag) => void;
     removeTag: (id: string) => void;
+    setTagApi: (api: ItemsApi<Tag>) => void;
+    setTagData: (data: Tag[]) => void;
+    getItemTags: (item: Item) => Tag[];
 };
 export declare const TagsProvider: React.FunctionComponent<{
     initialTags: Tag[];
@@ -13,4 +16,7 @@ export declare const TagsProvider: React.FunctionComponent<{
 export declare const useTags: () => Tag[];
 export declare const useAddTag: () => UseTagManagerResult["addTag"];
 export declare const useRemoveTag: () => UseTagManagerResult["removeTag"];
+export declare const useSetTagApi: () => UseTagManagerResult["setTagApi"];
+export declare const useSetTagData: () => UseTagManagerResult["setTagData"];
+export declare const useGetItemTags: () => UseTagManagerResult["getItemTags"];
 export {};

package/dist/Components/Map/hooks/useWindowDimension.d.ts

@@ -0,0 +1,4 @@
+export default function useWindowDimensions(): {
+    width: number;
+    height: number;
+};

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

@@ -1,3 +1,10 @@
-export { UtopiaMap, Item, Tag, ItemsApi } from './UtopiaMap';
+export { UtopiaMap } from './UtopiaMap';
 export { Layer } from './Layer';
 export { Tags } from "./Tags";
+export { Permissions } from "./Permissions";
+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/Profile/Settings.d.ts

@@ -1,5 +1,3 @@
 /// <reference types="react" />
 import 'react-toastify/dist/ReactToastify.css';
-export declare function Settings({ useAuth }: {
-    useAuth: any;
-}): JSX.Element;
+export declare function Settings(): JSX.Element;

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,10 @@
+import * as React from "react";
+interface TitleCardProps {
+    title: string;
+    children: React.ReactNode;
+    topMargin: string;
+    className?: string;
+    TopSideButtons?: any;
+}
+export declare function TitleCard({ title, children, topMargin, TopSideButtons, className }: 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/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/Utils/DynamicHeroIcon.d.ts

@@ -1,5 +1,7 @@
 import { FC } from 'react';
 declare const DynamicHeroIcon: FC<{
     icon: string;
+    type?: "solid" | "outline";
+    className?: string;
 }>;
 export default DynamicHeroIcon;

package/dist/Utils/HashTagRegex.d.ts

@@ -0,0 +1 @@
+export declare const hashTagRegex: RegExp;

package/dist/Utils/RandomColor.d.ts

@@ -0,0 +1 @@
+export declare const randomColor: () => string;

package/dist/Utils/ReplaceURLs.d.ts

@@ -1 +1,3 @@
-export declare function replaceURLs(message: string): string;
+export declare const urlRegex: RegExp;
+export declare const mailRegex: RegExp;
+export declare function fixUrls(message: string): string;

package/dist/index.d.ts

@@ -1,8 +1,10 @@
-export { UtopiaMap, Layer, Tags, Item, Tag, ItemsApi } from './Components/Map/index';
+export { UtopiaMap, Layer, Tags, Permissions, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, TextView, StartEndView } from './Components/Map';
 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, SelectBox } from './Components/Input';
 import "./index.css";
 declare global {
     interface Window {