utopia-ui 3.0.0-alpha.8 → 3.0.0-alpha.80

package/dist/types.d.ts

@@ -1,10 +1,9 @@
 /// <reference types="react" />
-import { LatLng } from "leaflet";
 import { ItemFormPopupProps } from "./Components/Map/Subcomponents/ItemFormPopup";
 export interface UtopiaMapProps {
     height?: string;
     width?: string;
-    center?: LatLng;
+    center?: [number, number];
     zoom?: number;
     tags?: Tag[];
     children?: React.ReactNode;
@@ -13,15 +12,28 @@ export interface LayerProps {
     data?: Item[];
     children?: React.ReactNode;
     name: string;
-    menuIcon: string;
+    menuIcon: any;
     menuColor: string;
     menuText: string;
     markerIcon: string;
     markerShape: string;
     markerDefaultColor: string;
     api?: ItemsApi<any>;
+    itemNameField?: string;
+    itemTextField?: string;
+    itemAvatarField?: string;
+    itemColorField?: string;
+    itemOwnerField?: string;
+    itemTagsField?: string;
+    itemLatitudeField?: any;
+    itemLongitudeField?: any;
+    itemOffersField?: string;
+    itemNeedsField?: string;
+    onlyOnePerOwner?: boolean;
+    customEditLink?: string;
     setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
     itemFormPopup?: ItemFormPopupProps | null;
+    clusterRef?: React.MutableRefObject<any>;
 }
 export declare class Item {
     id: string;
@@ -33,7 +45,8 @@ export declare class Item {
     start?: string;
     end?: string;
     api?: ItemsApi<any>;
-    tags?: Tag[];
+    tags?: string[];
+    layer?: LayerProps;
     [key: string]: any;
     constructor(id: string, name: string, text: string, position: Geometry, layer?: LayerProps, api?: ItemsApi<any>);
 }
@@ -45,12 +58,19 @@ export declare class Geometry {
 export interface Tag {
     color: string;
     id: string;
+    name: string;
+    offer_or_need?: boolean;
 }
 export interface ItemsApi<T> {
     getItems(): Promise<any>;
     createItem?(item: T): Promise<any>;
     updateItem?(item: T): Promise<any>;
-    deleteItem?(id: number | string): Promise<any>;
+    deleteItem?(id: string): Promise<any>;
+    collectionName?: string;
+}
+export interface AssetsApi {
+    upload(file: Blob, title: string): any;
+    url: string;
 }
 export interface UserApi {
     register(email: string, password: string, userName: string): Promise<void>;
@@ -59,12 +79,30 @@ export interface UserApi {
     getUser(): Promise<UserItem>;
     getToken(): Promise<any>;
     updateUser(user: UserItem): Promise<void>;
+    requestPasswordReset(email: string, reset_url?: string): any;
+    passwordReset(token: string, new_password: string): any;
 }
 export declare type UserItem = {
     id?: string;
-    avatar: string;
-    first_name: string;
-    description: string;
-    email: string;
+    role?: string;
+    email?: string;
     password?: string;
+    profile?: Profile;
+    [key: string]: any;
+};
+export declare type Profile = {
+    id?: string;
+    avatar?: string;
+    color?: string;
+    name: string;
+    text: string;
+    geoposition?: Geometry;
+};
+export declare type Permission = {
+    id?: string;
+    role: string;
+    S: any;
+    collection: string;
+    action: PermissionAction;
 };
+export declare type PermissionAction = "create" | "read" | "update" | "delete";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.0-alpha.8",
+  "version": "3.0.0-alpha.80",
   "description": "Reuseable React Components to build mapping apps for real life communities and networks",
   "repository": "https://github.com/utopia-os/utopia-ui",
   "homepage:": "https://utopia-os.org/",
@@ -24,7 +24,7 @@
     "@typescript-eslint/eslint-plugin": "^5.38.1",
     "@typescript-eslint/parser": "^5.38.1",
     "autoprefixer": "^10.4.14",
-    "daisyui": "^3.3.1",
+    "daisyui": "^4.6.1",
     "eslint": "^8.24.0",
     "eslint-plugin-react": "^7.31.8",
     "eslint-plugin-react-hooks": "^4.6.0",
@@ -43,14 +43,23 @@
   },
   "dependencies": {
     "@heroicons/react": "^2.0.17",
+    "@tanstack/react-query": "^5.17.8",
+    "@types/offscreencanvas": "^2019.7.1",
+    "axios": "^1.6.5",
+    "date-fns": "^3.3.1",
     "leaflet": "^1.9.4",
+    "leaflet.locatecontrol": "^0.79.0",
     "prop-types": "^15.8.1",
+    "react-colorful": "^5.6.1",
+    "react-image-crop": "^10.1.8",
     "react-leaflet": "^4.2.1",
     "react-leaflet-cluster": "^2.1.0",
-    "react-router-dom": "^6.11.2",
+    "react-markdown": "^9.0.1",
+    "react-router-dom": "^6.16.0",
     "react-string-replace": "^1.1.1",
     "react-toastify": "^9.1.3",
+    "remark-breaks": "^4.0.0",
     "tributejs": "^5.1.3",
-    "tw-elements": "^1.0.0-beta2"
+    "tw-elements": "^1.0.0"
   }
 }

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

@@ -1,24 +0,0 @@
-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 AuthProviderDirectus: ({ userApi, children }: AuthProviderProps) => JSX.Element;
-export declare const useAuthDirectus: () => AuthContextProps;
-export {};

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

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

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

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

package/dist/Components/Input/TributeTextAreaInput copy.d.ts

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

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

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

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

@@ -1,12 +0,0 @@
-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/ItemViewPopup.d.ts

@@ -1,8 +0,0 @@
-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

@@ -1,7 +0,0 @@
-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/SearchBar.d.ts

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

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

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

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

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

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

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

package/dist/Components/TitleCard.d.ts

@@ -1,9 +0,0 @@
-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/Utils/HeighlightTags.d.ts

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

package/dist/Utils/TaggedText.d.ts

@@ -1,3 +0,0 @@
-import { Tag } from "../types";
-export declare const hashTagRegex: RegExp;
-export declare function heighlightTags(message: string, tags: Tag[]): string;