utopia-ui 3.0.0-alpha.87 → 3.0.0-alpha.89

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

@@ -5,4 +5,4 @@ export declare function AppShell({ appName, nameWidth, children, assetsApi }: {
     nameWidth?: number;
     children: React.ReactNode;
     assetsApi: AssetsApi;
-}): JSX.Element;
+}): 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,5 +1,4 @@
-/// <reference types="react" />
 export default function NavBar({ appName, nameWidth }: {
     appName: string;
     nameWidth?: number;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -9,5 +9,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

@@ -4,5 +4,5 @@ declare function SidebarSubmenu({ submenu, name, icon }: {
     icon: JSX.Element;
     name: string;
     submenu?: any | undefined;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default SidebarSubmenu;

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

@@ -21,6 +21,6 @@ declare type AuthContextProps = {
     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

@@ -2,4 +2,4 @@ import * as React from "react";
 export declare function Modal({ children, showOnStartup }: {
     children: React.ReactNode;
     showOnStartup?: boolean;
-}): JSX.Element;
+}): 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/Input/Autocomplete.d.ts

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

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;
@@ -11,5 +10,5 @@ declare type InputTextProps = {
     autocomplete?: string;
     updateFormValue?: (value: string) => void;
 };
-export declare function TextInput({ labelTitle, labelStyle, type, dataField, containerStyle, inputStyle, defaultValue, placeholder, autocomplete, 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

@@ -7,7 +7,7 @@ export declare const ItemForm: {
         item?: Item | undefined;
         title?: string | undefined;
         setPopupTitle?: React.Dispatch<React.SetStateAction<string>> | undefined;
-    }): JSX.Element;
+    }): 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: ({ data, children, name, menuIcon, menuText, menuColor, markerIcon, markerShape, markerDefaultColor, api, itemNameField, itemTextField, itemAvatarField, itemColorField, itemOwnerField, itemLatitudeField, itemLongitudeField, itemTagsField, itemOffersField, itemNeedsField, onlyOnePerOwner, customEditLink, setItemFormPopup, itemFormPopup, clusterRef }: LayerProps) => JSX.Element;
+export declare const Layer: ({ data, children, name, menuIcon, menuText, menuColor, markerIcon, markerShape, markerDefaultColor, api, itemNameField, itemTextField, itemAvatarField, itemColorField, itemOwnerField, itemLatitudeField, itemLongitudeField, itemTagsField, itemOffersField, itemNeedsField, onlyOnePerOwner, customEditLink, 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;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -3,4 +3,4 @@ export declare const Control: ({ position, children, zIndex }: {
     position: "topLeft" | "topRight" | "bottomLeft" | "bottomRight";
     children: React.ReactNode;
     zIndex: string;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

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

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const SearchControl: ({ clusterRef }: {
     clusterRef: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -8,4 +8,4 @@ export interface ItemFormPopupProps {
     children?: React.ReactNode;
     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

@@ -4,4 +4,4 @@ import { Item } from "../../../../types";
 export declare function HeaderView({ item, setItemFormPopup }: {
     item: Item;
     setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Item } from '../../../../types';
 export declare const PopupButton: ({ url, parameterField, text, colorField, item }: {
     url: string;
@@ -6,4 +5,4 @@ export declare const PopupButton: ({ url, parameterField, text, colorField, item
     text: string;
     colorField?: string | undefined;
     item?: Item | undefined;
-}) => JSX.Element;
+}) => 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,8 +1,7 @@
-/// <reference types="react" />
 import { Item } from '../../../../types';
 export declare const PopupTextInput: ({ 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/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,7 +1,6 @@
-/// <reference types="react" />
 import { Item } from '../../../../types';
 export declare const TextView: ({ item, truncate, itemTextField }: {
     item?: Item | undefined;
     truncate?: boolean | undefined;
     itemTextField?: string | undefined;
-}) => JSX.Element;
+}) => 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

@@ -7,5 +7,5 @@ export interface MapEventListenerProps {
     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 }: UtopiaMapProps): import("react/jsx-runtime").JSX.Element;
 export { UtopiaMap };

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'react-image-crop/dist/ReactCrop.css';
 import 'react-toastify/dist/ReactToastify.css';
-export declare function ProfileSettings(): JSX.Element;
+export declare function ProfileSettings(): import("react/jsx-runtime").JSX.Element;

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

@@ -1,7 +1,6 @@
-/// <reference types="react" />
 export declare const TagsWidget: ({ placeholder, containerStyle, defaultTags, onUpdate }: {
     placeholder: any;
     containerStyle: any;
     defaultTags: any;
     onUpdate: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import 'react-image-crop/dist/ReactCrop.css';
 import 'react-toastify/dist/ReactToastify.css';
-export declare function UserSettings(): JSX.Element;
+export declare function UserSettings(): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Templates/CardPage.d.ts

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

package/dist/Components/Templates/CircleLayout.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
 export declare const CircleLayout: ({ items, radius, fontSize }: {
     items: any;
     radius: number;
     fontSize: any;
-}) => JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Templates/DialogModal.d.ts

@@ -6,5 +6,5 @@ declare type Props = {
     children: React.ReactNode;
     showCloseButton?: boolean;
 };
-declare const DialogModal: ({ title, isOpened, onClose, children, showCloseButton }: Props) => JSX.Element;
+declare const DialogModal: ({ title, isOpened, onClose, children, showCloseButton }: Props) => import("react/jsx-runtime").JSX.Element;
 export default DialogModal;

package/dist/Components/Templates/ItemViewPage.d.ts

@@ -0,0 +1,14 @@
+import { ItemsApi } from "../../types";
+declare type breadcrumb = {
+    name: string;
+    path: string;
+};
+export declare const ItemViewPage: ({ api, parents, itemNameField, itemTextField, itemImageField, itemSymbolField }: {
+    api: ItemsApi<any>;
+    parents: Array<breadcrumb>;
+    itemNameField: string;
+    itemTextField: string;
+    itemImageField: string;
+    itemSymbolField: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Components/Templates/ItemsIndexPage.d.ts

@@ -3,7 +3,7 @@ declare type breadcrumb = {
     name: string;
     path: string;
 };
-export declare const ItemsIndexPage: ({ api, url, parameterField, breadcrumbs, itemNameField, itemTextField, itemImageField }: {
+export declare const ItemsIndexPage: ({ api, url, parameterField, breadcrumbs, itemNameField, itemTextField, itemImageField, itemSymbolField }: {
     api: ItemsApi<any>;
     url: string;
     parameterField: string;
@@ -11,5 +11,6 @@ export declare const ItemsIndexPage: ({ api, url, parameterField, breadcrumbs, i
     itemNameField: string;
     itemTextField: string;
     itemImageField: string;
+    itemSymbolField: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Components/Templates/MapOverlayPage.d.ts

@@ -4,4 +4,4 @@ export declare function MapOverlayPage({ children, className, backdrop, card }:
     className?: string;
     backdrop?: boolean;
     card?: boolean;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Templates/MoonCalendar.d.ts

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

package/dist/Components/Templates/TagView.d.ts

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

package/dist/Components/Templates/TitleCard.d.ts

@@ -7,5 +7,5 @@ interface TitleCardProps {
     className?: string;
     TopSideButtons?: any;
 }
-export declare function TitleCard({ title, hideTitle, children, topMargin, TopSideButtons, className }: TitleCardProps): JSX.Element;
+export declare function TitleCard({ title, hideTitle, children, topMargin, TopSideButtons, className }: TitleCardProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -4,3 +4,4 @@ export { MapOverlayPage } from './MapOverlayPage';
 export { CircleLayout } from './CircleLayout';
 export { MoonCalendar } from './MoonCalendar';
 export { ItemsIndexPage } from "./ItemsIndexPage";
+export { ItemViewPage } from "./ItemViewPage";

package/dist/Components/Typography/Subtitle.d.ts

@@ -2,5 +2,5 @@ import * as React from "react";
 declare function Subtitle({ styleClass, children }: {
     styleClass: string;
     children: React.ReactNode;
-}): JSX.Element;
+}): import("react/jsx-runtime").JSX.Element;
 export default Subtitle;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ 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 { TitleCard, CardPage, MapOverlayPage, CircleLayout, MoonCalendar, ItemsIndexPage, ItemViewPage } from './Components/Templates';
 export { TextInput, TextAreaInput, SelectBox } from './Components/Input';
 import "./index.css";
 declare global {