utopia-ui 3.0.0-alpha.23 → 3.0.0-alpha.231

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
 
@@ -15,6 +29,15 @@ install via npm
  npm install utopia-ui
 ```
 
+## Examples
+
+[Moos Map](https://github.com/utopia-os/moos-map)
+
+## Demo
+
+[Moos Map](https://moos-map.de)
+
+
 ## Map Component
 The map shows various Layers (places, events, profiles ...) of Irems at their respective position whith nice and informative Popups.
 
@@ -63,8 +86,8 @@ You can find some Sample Data (places, events, tags) for test in the `SamleData/
 
 ## Join the community
 
-*This Library is in early alpha stage. You are very welcome to participate in the development*
+*This Library is in alpha stage. You are very welcome to participate in the development*
 
 *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/AppShell/AppShell.d.ts

@@ -1,5 +1,9 @@
-/// <reference types="react" />
-export declare function AppShell({ appName, children }: {
-    appName: any;
-    children: any;
-}): JSX.Element;
+import * as React from 'react';
+import { AssetsApi } from '../../types';
+import 'react-toastify/dist/ReactToastify.css';
+export declare function AppShell({ appName, children, assetsApi, userType }: {
+    appName: string;
+    children: React.ReactNode;
+    assetsApi: AssetsApi;
+    userType: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -2,5 +2,5 @@ import * as React from 'react';
 declare type ContentProps = {
     children?: React.ReactNode;
 };
-export declare function Content({ children }: ContentProps): JSX.Element;
+export declare function Content({ children }: ContentProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export default function NavBar({ appName }: {
+export default function NavBar({ appName, userType }: {
     appName: string;
-}): JSX.Element;
+    userType: string;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,4 @@
+import { AssetsApi } from '../../types';
+export declare const SetAssetsApi: ({ assetsApi }: {
+    assetsApi: AssetsApi;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type route = {
     path: string;
     icon: JSX.Element;
@@ -9,5 +8,5 @@ declare type route = {
 export declare function SideBar({ routes, bottomRoutes }: {
     routes: route[];
     bottomRoutes?: route[];
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 declare function SidebarSubmenu({ submenu, name, icon }: {
     path: string;
     icon: JSX.Element;
     name: string;
     submenu?: any | undefined;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default SidebarSubmenu;

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

@@ -0,0 +1,3 @@
+export declare const Sitemap: ({ url }: {
+    url: string;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,13 @@
+import * as React from "react";
+import { AssetsApi } from '../../../types';
+declare type UseAssetManagerResult = ReturnType<typeof useAssetsManager>;
+declare function useAssetsManager(): {
+    api: AssetsApi;
+    setAssetsApi: (api: AssetsApi) => void;
+};
+export declare const AssetsProvider: React.FunctionComponent<{
+    children?: React.ReactNode;
+}>;
+export declare const useAssetApi: () => AssetsApi;
+export declare const useSetAssetApi: () => UseAssetManagerResult["setAssetsApi"];
+export {};

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

@@ -1,3 +1,4 @@
 export { AppShell } from "./AppShell";
 export { SideBar } from "./SideBar";
 export { Content } from "./Content";
+export { Sitemap } from "./Sitemap";

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

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

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

@@ -0,0 +1,3 @@
+export declare function RequestPasswordPage({ reset_url }: {
+    reset_url: any;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare function SetNewPasswordPage(): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,3 +1,5 @@
 export { AuthProvider, useAuth } from "./useAuth";
 export { LoginPage } from "./LoginPage";
-export { SignupPage } from "./SignupPage";
+export { SignupPage } from './SignupPage';
+export { RequestPasswordPage } from './RequestPasswordPage';
+export { SetNewPasswordPage } from './SetNewPasswordPage';

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

@@ -18,7 +18,9 @@ declare type AuthContextProps = {
     logout: () => Promise<any>;
     updateUser: (user: UserItem) => any;
     token: String | null;
+    requestPasswordReset: (email: string, reset_url: string) => Promise<any>;
+    passwordReset: (token: string, new_password: string) => Promise<any>;
 };
-export declare const AuthProvider: ({ userApi, children }: AuthProviderProps) => JSX.Element;
+export declare const AuthProvider: ({ userApi, children }: AuthProviderProps) => import("react/jsx-runtime").JSX.Element;
 export declare const useAuth: () => AuthContextProps;
 export {};

package/dist/Components/Gaming/Modal.d.ts

@@ -1,10 +1,5 @@
-/// <reference types="react" />
-declare type ChapterProps = {
-    clickAction?: () => void;
-};
-export declare function Welcome1({ clickAction }: ChapterProps): JSX.Element;
-export declare function Welcome2({ clickAction }: ChapterProps): JSX.Element;
-export declare function Welcome3({ clickAction }: ChapterProps): JSX.Element;
-export declare function Welcome4({ clickAction }: ChapterProps): JSX.Element;
-export declare function Modal(): JSX.Element;
-export {};
+import * as React from "react";
+export declare function Modal({ children, showOnStartup }: {
+    children: React.ReactNode;
+    showOnStartup?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Gaming/Quests.d.ts

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

package/dist/Components/Gaming/hooks/useQuests.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+declare type UseQuestManagerResult = ReturnType<typeof useQuestsManager>;
+declare function useQuestsManager(initialOpen: boolean): {
+    open: boolean;
+    setQuestsOpen: (open: boolean) => void;
+};
+export declare const QuestsProvider: React.FunctionComponent<{
+    initialOpen: boolean;
+    children?: React.ReactNode;
+}>;
+export declare const useQuestsOpen: () => boolean;
+export declare const useSetQuestOpen: () => UseQuestManagerResult["setQuestsOpen"];
+export {};

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

@@ -0,0 +1,7 @@
+export declare const Autocomplete: ({ inputProps, suggestions, onSelected, pushFilteredSuggestions, setFocus }: {
+    inputProps: any;
+    suggestions: Array<any>;
+    onSelected: (suggestion: any) => void;
+    pushFilteredSuggestions?: any[] | undefined;
+    setFocus?: boolean | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,11 @@
+interface ComboBoxProps {
+    id?: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+    value: string;
+    onValueChange: (newValue: string) => void;
+}
+declare const ComboBoxInput: ({ id, options, value, onValueChange }: ComboBoxProps) => import("react/jsx-runtime").JSX.Element;
+export default ComboBoxInput;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare type SelectBoxProps = {
     labelTitle?: string;
     labelStyle?: string;
@@ -13,5 +12,5 @@ declare type SelectBoxProps = {
     }[];
     labelDescription?: string;
 };
-export declare function SelectBox(props: SelectBoxProps): JSX.Element;
+export declare function SelectBox(props: SelectBoxProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

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

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

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

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

@@ -2,10 +2,12 @@ import * as React from 'react';
 import { Item } from '../../types';
 import * as PropTypes from 'prop-types';
 export declare const ItemForm: {
-    ({ children, item }: {
+    ({ children, item, title, setPopupTitle }: {
         children?: React.ReactNode;
         item?: Item | undefined;
-    }): JSX.Element;
+        title?: string | undefined;
+        setPopupTitle?: React.Dispatch<React.SetStateAction<string>> | undefined;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         __TYPE: PropTypes.Requireable<string>;

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

@@ -5,7 +5,7 @@ export declare const ItemView: {
     ({ children, item }: {
         children?: React.ReactNode;
         item?: Item | undefined;
-    }): JSX.Element;
+    }): import("react/jsx-runtime").JSX.Element;
     propTypes: {
         children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
         __TYPE: PropTypes.Requireable<string>;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { LayerProps } from '../../types';
-export declare const Layer: (props: LayerProps) => JSX.Element;
+export declare const Layer: ({ data, children, name, menuIcon, menuText, menuColor, markerIcon, markerShape, markerDefaultColor, markerDefaultColor2, api, itemType, itemNameField, itemSubnameField, itemTextField, itemAvatarField, itemColorField, itemOwnerField, itemLatitudeField, itemLongitudeField, itemTagsField, itemOffersField, itemNeedsField, onlyOnePerOwner, customEditLink, customEditParameter, public_edit_items, listed, setItemFormPopup, itemFormPopup, clusterRef }: LayerProps) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

package/dist/Components/Map/Subcomponents/Controls/Control.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+export declare const Control: ({ position, children, zIndex, absolute }: {
+    position: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
+    children: React.ReactNode;
+    zIndex: string;
+    absolute: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare function FilterControl(): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/GratitudeControl.d.ts

@@ -0,0 +1 @@
+export declare const GratitudeControl: () => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export declare function LayerControl(): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/LocateControl.d.ts

@@ -0,0 +1,3 @@
+import 'leaflet.locatecontrol';
+import 'leaflet.locatecontrol/dist/L.Control.Locate.css';
+export declare const LocateControl: () => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/QuestControl.d.ts

@@ -0,0 +1 @@
+export declare function QuestControl(): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/SearchControl.d.ts

@@ -0,0 +1 @@
+export declare const SearchControl: () => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/SidebarControl.d.ts

@@ -0,0 +1 @@
+export declare const SidebarControl: () => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Map/Subcomponents/Controls/TagsControl.d.ts

@@ -0,0 +1 @@
+export declare const TagsControl: () => import("react/jsx-runtime").JSX.Element;

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

@@ -6,6 +6,6 @@ export interface ItemFormPopupProps {
     layer: LayerProps;
     item?: Item;
     children?: React.ReactNode;
-    setItemFormPopup: React.Dispatch<React.SetStateAction<any>>;
+    setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
 }
-export declare function ItemFormPopup(props: ItemFormPopupProps): JSX.Element;
+export declare function ItemFormPopup(props: ItemFormPopupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,17 @@
-import * as React from "react";
-import { ItemFormPopupProps } from "../ItemFormPopup";
-import { Item } from "../../../../types";
-export declare function HeaderView({ item, setItemFormPopup }: {
+import { Item, ItemsApi } from "../../../../types";
+export declare function HeaderView({ item, api, editCallback, deleteCallback, setPositionCallback, itemNameField, itemSubnameField, itemAvatarField, loading, hideMenu, big, truncateSubname, hideSubname, showAddress }: {
     item: Item;
-    setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
-}): JSX.Element;
+    api?: ItemsApi<any>;
+    editCallback?: any;
+    deleteCallback?: any;
+    setPositionCallback?: any;
+    itemNameField?: string;
+    itemAvatarField?: string;
+    itemSubnameField?: string;
+    loading?: boolean;
+    hideMenu?: boolean;
+    big?: boolean;
+    hideSubname?: boolean;
+    truncateSubname?: boolean;
+    showAddress?: boolean;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,8 @@
+import { Item } from '../../../../types';
+export declare const PopupButton: ({ url, parameterField, text, colorField, item }: {
+    url: string;
+    parameterField?: string | undefined;
+    text: string;
+    colorField?: string | undefined;
+    item?: Item | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,6 @@
+import { Item } from '../../../../types';
+export declare const PopupCheckboxInput: ({ dataField, label, item }: {
+    dataField: string;
+    label: string;
+    item?: Item | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,8 +1,7 @@
-/// <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;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,7 @@
-/// <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;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,5 +1,7 @@
-/// <reference types="react" />
 import { Item } from '../../../../types';
-export declare const TextView: ({ item }: {
+export declare const TextView: ({ item, truncate, itemTextField, rawText }: {
     item?: Item | undefined;
-}) => JSX.Element;
+    truncate?: boolean | undefined;
+    itemTextField?: string | undefined;
+    rawText?: string | undefined;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 import { ItemsApi, Tag } from '../../types';
 export declare function Tags({ data, api }: {
     data?: Tag[];
     api?: ItemsApi<Tag>;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,5 @@
 import "leaflet/dist/leaflet.css";
-import * as React from "react";
-import { LayerProps, UtopiaMapProps } from "../../types";
+import { UtopiaMapProps } from "../../types";
 import "./UtopiaMap.css";
-export interface MapEventListenerProps {
-    selectNewItemPosition: LayerProps | null;
-    setSelectNewItemPosition: React.Dispatch<any>;
-    setItemFormPopup: React.Dispatch<React.SetStateAction<any>>;
-}
-declare function UtopiaMap({ height, width, center, zoom, children }: UtopiaMapProps): JSX.Element;
+declare function UtopiaMap({ height, width, center, zoom, children, geo, showFilterControl, showLayerControl }: UtopiaMapProps): import("react/jsx-runtime").JSX.Element;
 export { UtopiaMap };

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+declare type UseClusterRefManagerResult = ReturnType<typeof useClusterRefManager>;
+declare function useClusterRefManager(): {
+    clusterRef: any;
+    setClusterRef: React.Dispatch<React.SetStateAction<React.MutableRefObject<undefined>>>;
+};
+export declare const ClusterRefProvider: React.FunctionComponent<{
+    children?: React.ReactNode;
+}>;
+export declare const useClusterRef: () => any;
+export declare const useSetClusterRef: () => UseClusterRefManagerResult["setClusterRef"];
+export {};

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

@@ -0,0 +1 @@
+export declare const useDebounce: (callback: any, delay: any, deps: any) => void;

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

@@ -5,14 +5,18 @@ declare function useFilterManager(initialTags: Tag[]): {
     filterTags: Tag[];
     searchPhrase: string;
     visibleLayers: LayerProps[];
+    visibleGroupTypes: string[];
     addFilterTag: (tag: Tag) => void;
-    removeFilterTag: (id: string) => void;
+    removeFilterTag: (name: string) => void;
     resetFilterTags: () => void;
     setSearchPhrase: (phrase: string) => void;
     addVisibleLayer: (layer: LayerProps) => void;
     toggleVisibleLayer: (layer: LayerProps) => void;
     resetVisibleLayers: () => void;
     isLayerVisible: (layer: LayerProps) => boolean;
+    addVisibleGroupType: (groupType: string) => void;
+    toggleVisibleGroupType: (groupType: string) => void;
+    isGroupTypeVisible: (groupType: string) => boolean;
 };
 export declare const FilterProvider: React.FunctionComponent<{
     initialTags: Tag[];
@@ -29,4 +33,8 @@ export declare const useAddVisibleLayer: () => UseFilterManagerResult["addVisibl
 export declare const useToggleVisibleLayer: () => UseFilterManagerResult["toggleVisibleLayer"];
 export declare const useResetVisibleLayers: () => UseFilterManagerResult["resetVisibleLayers"];
 export declare const useIsLayerVisible: () => UseFilterManagerResult["isLayerVisible"];
+export declare const useAddVisibleGroupType: () => UseFilterManagerResult["addVisibleGroupType"];
+export declare const useToggleVisibleGroupType: () => UseFilterManagerResult["toggleVisibleGroupType"];
+export declare const useIsGroupTypeVisible: () => UseFilterManagerResult["isGroupTypeVisible"];
+export declare const useVisibleGroupType: () => UseFilterManagerResult["visibleGroupTypes"];
 export {};

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

@@ -9,6 +9,7 @@ declare function useItemsManager(initialItems: Item[]): {
     resetItems: (layer: LayerProps) => void;
     setItemsApi: (layer: LayerProps) => void;
     setItemsData: (layer: LayerProps) => void;
+    allItemsLoaded: boolean;
 };
 export declare const ItemsProvider: React.FunctionComponent<{
     initialItems: Item[];
@@ -21,4 +22,5 @@ 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 declare const useAllItemsLoaded: () => UseItemManagerResult["allItemsLoaded"];
 export {};

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

@@ -1,12 +1,12 @@
 import * as React from "react";
-import { ItemsApi, Permission, PermissionAction } from "../../../types";
+import { Item, ItemsApi, LayerProps, 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;
+    hasUserPermission: (collectionName: string, action: PermissionAction, item?: Item, layer?: LayerProps) => boolean;
 };
 export declare const PermissionsProvider: React.FunctionComponent<{
     initialPermissions: Permission[];

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

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Item, LayerProps } from '../../../types';
+import { LatLng } from "leaflet";
+import { ItemFormPopupProps } from "../Subcomponents/ItemFormPopup";
+declare type PolygonClickedProps = {
+    position: LatLng;
+    setItemFormPopup: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
+};
+declare type UseSelectPositionManagerResult = ReturnType<typeof useSelectPositionManager>;
+declare function useSelectPositionManager(): {
+    selectPosition: Item | LayerProps | null;
+    setSelectPosition: React.Dispatch<React.SetStateAction<Item | LayerProps | null>>;
+    setMarkerClicked: React.Dispatch<React.SetStateAction<Item>>;
+    setMapClicked: React.Dispatch<React.SetStateAction<PolygonClickedProps | undefined>>;
+};
+export declare const SelectPositionProvider: React.FunctionComponent<{
+    children?: React.ReactNode;
+}>;
+export declare const useSelectPosition: () => Item | LayerProps | null;
+export declare const useSetSelectPosition: () => UseSelectPositionManagerResult["setSelectPosition"];
+export declare const useSetMarkerClicked: () => UseSelectPositionManagerResult["setMarkerClicked"];
+export declare const useSetMapClicked: () => UseSelectPositionManagerResult["setMapClicked"];
+export {};