utopia-ui 3.0.0-alpha.9 → 3.0.0-alpha.91

package/dist/workspace/utopia-ui/src/Components/Map/hooks/useTags.d.ts

@@ -0,0 +1,22 @@
+import * as React from "react";
+import { Item, ItemsApi, Tag } from "../../../types";
+declare type UseTagManagerResult = ReturnType<typeof useTagsManager>;
+declare function useTagsManager(initialTags: Tag[]): {
+    tags: Tag[];
+    addTag: (tag: Tag) => void;
+    setTagApi: (api: ItemsApi<Tag>) => void;
+    setTagData: (data: Tag[]) => void;
+    getItemTags: (item: Item) => Tag[];
+    allTagsLoaded: boolean;
+};
+export declare const TagsProvider: React.FunctionComponent<{
+    initialTags: Tag[];
+    children?: React.ReactNode;
+}>;
+export declare const useTags: () => Tag[];
+export declare const useAddTag: () => UseTagManagerResult["addTag"];
+export declare const useSetTagApi: () => UseTagManagerResult["setTagApi"];
+export declare const useSetTagData: () => UseTagManagerResult["setTagData"];
+export declare const useGetItemTags: () => UseTagManagerResult["getItemTags"];
+export declare const useAllTagsLoaded: () => UseTagManagerResult["allTagsLoaded"];
+export {};

package/dist/workspace/utopia-ui/src/Components/Map/hooks/useTimeout.d.ts

@@ -0,0 +1,4 @@
+export declare const useTimeout: (callback: any, delay: any) => {
+    reset: () => void;
+    clear: () => void;
+};

package/dist/workspace/utopia-ui/src/Components/Map/hooks/useWindowDimension.d.ts

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

package/dist/workspace/utopia-ui/src/Components/Map/index.d.ts

@@ -0,0 +1,12 @@
+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 { PopupTextInput } from './Subcomponents/ItemPopupComponents/PopupTextInput';
+export { TextView } from './Subcomponents/ItemPopupComponents/TextView';
+export { StartEndView } from './Subcomponents/ItemPopupComponents/StartEndView';
+export { PopupButton } from './Subcomponents/ItemPopupComponents/PopupButton';

package/dist/workspace/utopia-ui/src/Components/Profile/ColorPicker.d.ts

@@ -0,0 +1,6 @@
+import "./ColorPicker.css";
+export declare const ColorPicker: ({ color, onChange, className }: {
+    color: any;
+    onChange: any;
+    className: any;
+}) => JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Profile/Editor.d.ts

@@ -0,0 +1,4 @@
+export declare function TextEditor({ value, updateFormValue }: {
+    value: string;
+    updateFormValue: (string: any) => void;
+}): JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Profile/OverlayProfile.d.ts

@@ -0,0 +1 @@
+export declare function OverlayProfile(): JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Profile/OverlayProfileSettings.d.ts

@@ -0,0 +1 @@
+export declare function OverlayProfileSettings(): JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Profile/OverlayUserSettings.d.ts

@@ -0,0 +1 @@
+export declare function OverlayUserSettings(): JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Profile/ProfileSettings.d.ts

@@ -0,0 +1,3 @@
+import 'react-image-crop/dist/ReactCrop.css';
+import 'react-toastify/dist/ReactToastify.css';
+export declare function ProfileSettings(): JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Profile/TagsWidget.d.ts

@@ -0,0 +1,6 @@
+export declare const TagsWidget: ({ placeholder, containerStyle, defaultTags, onUpdate }: {
+    placeholder: any;
+    containerStyle: any;
+    defaultTags: any;
+    onUpdate: any;
+}) => JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Profile/UserSettings.d.ts

@@ -0,0 +1,3 @@
+import 'react-image-crop/dist/ReactCrop.css';
+import 'react-toastify/dist/ReactToastify.css';
+export declare function UserSettings(): JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Profile/index.d.ts

@@ -0,0 +1,5 @@
+export { UserSettings } from './UserSettings';
+export { ProfileSettings } from './ProfileSettings';
+export { OverlayProfile } from './OverlayProfile';
+export { OverlayProfileSettings } from './OverlayProfileSettings';
+export { OverlayUserSettings } from './OverlayUserSettings';

package/dist/workspace/utopia-ui/src/Components/Profile/useClickOutside.d.ts

@@ -0,0 +1,2 @@
+declare const useClickOutside: (ref: any, handler: any) => void;
+export default useClickOutside;

package/dist/workspace/utopia-ui/src/Components/Templates/CardPage.d.ts

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

package/dist/workspace/utopia-ui/src/Components/Templates/CircleLayout.d.ts

@@ -0,0 +1,5 @@
+export declare const CircleLayout: ({ items, radius, fontSize }: {
+    items: any;
+    radius: number;
+    fontSize: any;
+}) => JSX.Element;

package/dist/{Components/AppShell → workspace/utopia-ui/src/Components/Templates}/DialogModal.d.ts

@@ -4,6 +4,7 @@ declare type Props = {
     isOpened: boolean;
     onClose: () => void;
     children: React.ReactNode;
+    showCloseButton?: boolean;
 };
-declare const DialogModal: ({ title, isOpened, onClose, children, }: Props) => JSX.Element;
+declare const DialogModal: ({ title, isOpened, onClose, children, showCloseButton }: Props) => JSX.Element;
 export default DialogModal;

package/dist/workspace/utopia-ui/src/Components/Templates/ItemsIndexPage.d.ts

@@ -0,0 +1,15 @@
+import { itemsApi } from '../../../../../utopia-maps/utopia-development/src/api/itemsApi';
+declare type breadcrumb = {
+    name: string;
+    path: string;
+};
+export declare function ItemsIndexPage({ api, url, parameterField, breadcrumbs, itemNameField, itemTextField, itemImageField }: {
+    api: itemsApi<any>;
+    url: string;
+    parameterField: string;
+    breadcrumbs: Array<breadcrumb>;
+    itemNameField: string;
+    itemTextField: string;
+    itemImageField: string;
+}): JSX.Element;
+export {};

package/dist/workspace/utopia-ui/src/Components/Templates/MapOverlayPage.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare function MapOverlayPage({ children, className, backdrop, card }: {
+    children: React.ReactNode;
+    className?: string;
+    backdrop?: boolean;
+    card?: boolean;
+}): JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Templates/MoonCalendar.d.ts

@@ -0,0 +1 @@
+export declare const MoonCalendar: () => JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Templates/TagView.d.ts

@@ -0,0 +1,6 @@
+import { Tag } from '../../types';
+export declare const TagView: ({ tag, heighlight, onClick }: {
+    tag: Tag;
+    heighlight?: boolean | undefined;
+    onClick?: ((e: any) => void) | undefined;
+}) => JSX.Element;

package/dist/workspace/utopia-ui/src/Components/Templates/TitleCard.d.ts

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

package/dist/workspace/utopia-ui/src/Components/Templates/index.d.ts

@@ -0,0 +1,6 @@
+export { CardPage } from './CardPage';
+export { TitleCard } from './TitleCard';
+export { MapOverlayPage } from './MapOverlayPage';
+export { CircleLayout } from './CircleLayout';
+export { MoonCalendar } from './MoonCalendar';
+export { ItemsIndexPage } from './ItemsIndexPage';

package/dist/workspace/utopia-ui/src/Components/Typography/ErrorText.d.ts

@@ -0,0 +1,5 @@
+declare function ErrorText({ styleClass, children }: {
+    styleClass: any;
+    children: any;
+}): JSX.Element;
+export default ErrorText;

package/dist/workspace/utopia-ui/src/Components/Typography/Subtitle.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+declare function Subtitle({ styleClass, children }: {
+    styleClass: string;
+    children: React.ReactNode;
+}): JSX.Element;
+export default Subtitle;

package/dist/workspace/utopia-ui/src/Utils/FormatTags.d.ts

@@ -0,0 +1,2 @@
+export declare function decodeTag(string: string): string;
+export declare function encodeTag(string: string): string;

package/dist/workspace/utopia-ui/src/Utils/GetValue.d.ts

@@ -0,0 +1 @@
+export declare function getValue(obj: any, path: any): any;

package/dist/workspace/utopia-ui/src/Utils/MarkerIconFactory.d.ts

@@ -0,0 +1,3 @@
+import * as L from 'leaflet';
+declare const MarkerIconFactory: (shape: string, color1: string, color2: string, icon: string) => L.DivIcon;
+export default MarkerIconFactory;

package/dist/workspace/utopia-ui/src/Utils/Moon.d.ts

@@ -0,0 +1,7 @@
+export declare const LUNAR_MONTH: number;
+export declare const getJulianDate: (date?: Date) => number;
+export declare const normalize: (value: number) => number;
+export declare const getLunarAgePercent: (date?: Date) => number;
+export declare const getLunarAge: (date?: Date) => number;
+export declare const getNextNewMoon: () => Date;
+export declare const getLastNewMoon: (date?: Date) => Date;

package/dist/workspace/utopia-ui/src/Utils/RandomColor.d.ts

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

package/dist/workspace/utopia-ui/src/Utils/ReplaceURLs.d.ts

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

package/dist/workspace/utopia-ui/src/Utils/TimeAgo.d.ts

@@ -0,0 +1 @@
+export declare const timeAgo: (date: string | number | Date) => string;

package/dist/workspace/utopia-ui/src/index.d.ts

@@ -0,0 +1,13 @@
+export { UtopiaMap, Layer, Tags, Permissions, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, PopupTextInput, PopupButton, TextView, StartEndView } from './Components/Map';
+export { AppShell, Content, SideBar } from "./Components/AppShell";
+export { AuthProvider, useAuth, LoginPage, SignupPage, RequestPasswordPage, SetNewPasswordPage } from "./Components/Auth";
+export { UserSettings, ProfileSettings, OverlayProfile, OverlayProfileSettings, OverlayUserSettings } from './Components/Profile';
+export { Quests, Modal } from './Components/Gaming';
+export { TitleCard, CardPage, MapOverlayPage, CircleLayout, MoonCalendar, ItemsIndexPage } from './Components/Templates';
+export { TextInput, TextAreaInput, SelectBox } from './Components/Input';
+import "./index.css";
+declare global {
+    interface Window {
+        my_modal_3: any;
+    }
+}

package/dist/workspace/utopia-ui/src/types.d.ts

@@ -0,0 +1,108 @@
+/// <reference types="react" />
+import { ItemFormPopupProps } from "./Components/Map/Subcomponents/ItemFormPopup";
+export interface UtopiaMapProps {
+    height?: string;
+    width?: string;
+    center?: [number, number];
+    zoom?: number;
+    tags?: Tag[];
+    children?: React.ReactNode;
+}
+export interface LayerProps {
+    data?: Item[];
+    children?: React.ReactNode;
+    name: 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;
+    name: string;
+    text: string;
+    position: Geometry;
+    date_created?: string;
+    date_updated?: string | null;
+    start?: string;
+    end?: string;
+    api?: ItemsApi<any>;
+    tags?: string[];
+    layer?: LayerProps;
+    [key: string]: any;
+    constructor(id: string, name: string, text: string, position: Geometry, layer?: LayerProps, api?: ItemsApi<any>);
+}
+export declare class Geometry {
+    type: string;
+    coordinates: number[];
+    constructor(lng: number, lat: number);
+}
+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: 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>;
+    login(email: string, password: string): Promise<any>;
+    logout(): Promise<void>;
+    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;
+    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.9",
+  "version": "3.0.0-alpha.91",
   "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/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.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/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/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;