utopia-ui 3.0.0-alpha.29 → 3.0.0-alpha.30

package/README.md

@@ -1,11 +1,25 @@
 # Utopia UI [![npm version](https://img.shields.io/npm/v/utopia-ui.svg)](https://www.npmjs.com/package/utopia-ui)
-is a UI Library to build mapping apps with focus of real life action, local connection and positiv impact.
+**UI Framework for Real-Life-Networking-Apps**
 
-Check [utopia-os.org](https://utopia-os.org) for more information
+*Real change happens in real life when we meet in person and connect as local communities manifesting their ideas with the earth. When we help each other to step out of capitalism and individualism and start building common infrastructure to meet human needs in harmony with Mother Earth.*
 
-*In early 2021, we developed a Django-based Proof of Concept, which can be found @ [new.docutopia.de](https://new.docutopia.de). This map can be edited freely you can register to create an account and place them on the map.*
+*That is why Utopia UI exists. It is a UI kit for minimalist, fast, intuitive and mobile-first map apps, as a tool for local connection and decentralised networking. It can work with any backend or p2p database and any kind of data structure.*
 
-Utopia UI is the approach to create a Open Source Library of JavaScript Components which should bring useful maps and apps to all kind of projects and communities.
+## Mission 
+Utopia UIs mission is to provide open source building blocks to create beautiful applications with a focus on real life impact, local communities and gamification. 
+
+The building blocks are designed to allow different networks and communities to assemble their map and app for their specific needs and purpose.
+
+Utopia Game is the first app made with Utopia UI. It is an attempt to use gamification to get users to take action and make the map even more alive. Check it out at [utopia-game.org](https://utopia-game.org/) or see the code in the [repository](https://github.com/utopia-os/utopia-game)
+
+## Features
+
+* Interactive Component Map with customizable Layers (like Projects, Event, People)
+* Flexible API-Interface to make it work with every backend or p2p database
+* Create, Update, Delete Items
+* User Authentification API-Interface
+* User Profiles
+* App Shell 
 
 ## Getting Started
 
@@ -67,4 +81,4 @@ You can find some Sample Data (places, events, tags) for test in the `SamleData/
 
 *We are looking for Web Developer, UX Designer, Community Manager, Visionaries, Artists, etc. who like to support this Vision.*
 
-[https://t.me/utopiaOS](https://t.me/utopiaOS)
+[https://t.me/utopiaOS](https://t.me/utopiaOS)

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

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

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

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

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

@@ -4,6 +4,8 @@ import { ItemFormPopupProps } from './ItemFormPopup';
 export interface ItemViewPopupProps {
     item: Item;
     children?: React.ReactNode;
+    itemTitleField?: string;
+    itemAvatarField?: string;
     setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
 }
 export declare const ItemViewPopup: React.ForwardRefExoticComponent<ItemViewPopupProps & React.RefAttributes<unknown>>;

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

@@ -6,5 +6,6 @@ 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';

package/dist/Components/Profile/ColorPicker.d.ts

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

package/dist/Components/Profile/useClickOutside.d.ts

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

package/dist/index.d.ts

@@ -1,4 +1,4 @@
-export { UtopiaMap, Layer, Tags, Permissions, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, TextView, StartEndView } from './Components/Map';
+export { UtopiaMap, Layer, Tags, Permissions, ItemForm, ItemView, PopupTextAreaInput, PopupStartEndInput, PopupTextInput, TextView, StartEndView } from './Components/Map';
 export { AppShell, Content, SideBar } from "./Components/AppShell";
 export { AuthProvider, useAuth, LoginPage, SignupPage } from "./Components/Auth";
 export { Settings } from './Components/Profile';