utopia-ui 3.0.50 → 3.0.52

package/dist/index.d.ts

@@ -0,0 +1,208 @@
+import { LatLng } from 'leaflet';
+import { Geometry, Point, GeoJsonObject } from 'geojson';
+
+interface AssetsApi {
+  upload(file: Blob, title: string): Promise<{ id: string }>
+  url: string
+}
+
+interface ItemsApi<T> {
+  getItems(): Promise<T[]>
+  getItem?(id: string): Promise<T>
+  createItem?(item: T): Promise<T>
+  updateItem?(item: T): Promise<T>
+  deleteItem?(id: string): Promise<boolean>
+  collectionName?: string
+}
+
+interface ItemFormPopupProps {
+  position: LatLng
+  layer: LayerProps
+  item?: Item
+  children?: React.ReactNode
+  setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>
+}
+
+interface ItemType {
+  name: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any
+}
+
+interface LayerProps {
+  id?: string
+  data?: Item[]
+  children?: React.ReactNode
+  name: string
+  menuIcon: string
+  menuColor: string
+  menuText: string
+  markerIcon: string
+  markerShape: string
+  markerDefaultColor: string
+  markerDefaultColor2?: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  api?: ItemsApi<any>
+  itemType: ItemType
+  itemNameField?: string
+  itemSubnameField?: string
+  itemTextField?: string
+  itemAvatarField?: string
+  itemColorField?: string
+  itemOwnerField?: string
+  itemTagsField?: string
+  itemLatitudeField?: string
+  itemLongitudeField?: string
+  itemOffersField?: string
+  itemNeedsField?: string
+  onlyOnePerOwner?: boolean
+  customEditLink?: string
+  customEditParameter?: string
+  public_edit_items?: boolean
+  listed?: boolean
+  item_presets?: Record<string, unknown>
+  setItemFormPopup?: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>
+  itemFormPopup?: ItemFormPopupProps | null
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  clusterRef?: any
+}
+
+interface Relation {
+  related_items_id: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any
+}
+
+interface Profile {
+  id?: string
+  avatar?: string
+  color?: string
+  name: string
+  text: string
+  geoposition?: Geometry
+}
+
+interface UserItem {
+  id?: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  role?: any
+  email?: string
+  password?: string
+  profile?: Profile
+  first_name?: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any
+}
+
+interface Item {
+  id: string
+  name: string
+  text: string
+  position?: Point
+  date_created?: string
+  date_updated?: string | null
+  start?: string
+  end?: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  api?: ItemsApi<any>
+  tags?: string[]
+  layer?: LayerProps
+  relations?: Relation[]
+  parent?: string
+  subname?: string
+  public_edit?: boolean
+  slug?: string
+  user_created?: UserItem
+  image?: string
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  [key: string]: any
+  /* constructor(
+    id: string,
+    name: string,
+    text: string,
+    position: Geometry,
+    layer?: LayerProps,
+    api?: ItemsApi<any>,
+  ) {
+    this.id = id
+    this.name = name
+    this.text = text
+    this.position = position
+    this.layer = layer
+    this.api = api
+  } */
+}
+
+interface Tag {
+  color: string
+  id: string
+  name: string
+  offer_or_need?: boolean
+}
+
+interface FormState {
+  color: string
+  id: string
+  group_type: string
+  status: string
+  name: string
+  subname: string
+  text: string
+  contact: string
+  telephone: string
+  next_appointment: string
+  image: string
+  marker_icon: string
+  offers: Tag[]
+  needs: Tag[]
+  relations: Item[]
+}
+
+type PermissionAction = 'create' | 'read' | 'update' | 'delete'
+
+interface PermissionCondition {
+  user_created?: {
+    _eq: string // Erwartet den speziellen Wert "$CURRENT_USER" oder eine spezifische UUID
+  }
+  public_edit?: {
+    _eq: boolean // Erwartet den speziellen Wert "$CURRENT_USER" oder eine spezifische UUID
+  }
+}
+
+interface Permission {
+  id?: string
+  policy?: { name: string }
+  collection: string
+  action: PermissionAction
+  permissions?: {
+    // Optional, für spezifische Bedingungen wie `user_created`
+    _and: PermissionCondition[]
+  }
+}
+
+interface UserApi {
+  register(email: string, password: string, userName: string): Promise<void>
+  login(email: string, password: string): Promise<UserItem | undefined>
+  logout(): Promise<void>
+  getUser(): Promise<UserItem>
+  getToken(): Promise<string | null>
+  updateUser(user: UserItem): Promise<void>
+  requestPasswordReset(email: string, reset_url?: string)
+  passwordReset(token: string, new_password: string)
+}
+
+interface UtopiaMapProps {
+  height?: string
+  width?: string
+  center?: [number, number]
+  zoom?: number
+  tags?: Tag[]
+  children?: React.ReactNode
+  geo?: GeoJsonObject
+  showFilterControl?: boolean
+  showLayerControl?: boolean
+  showGratitudeControl?: boolean
+  infoText?: string
+}
+
+export type { AssetsApi, FormState, Item, ItemFormPopupProps, ItemType, ItemsApi, LayerProps, Permission, PermissionAction, PermissionCondition, Profile, Relation, Tag, UserApi, UserItem, UtopiaMapProps };

package/dist/index.js

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { DomEvent, divIcon, Point, control, marker, LatLng, LatLngBounds } from 'leaflet';
 import { useMap, useMapEvents, TileLayer, GeoJSON, MapContainer, Popup, Marker, Tooltip } from 'react-leaflet';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { createContext, useContext, useState, useCallback, useReducer, useEffect, createRef, useRef, memo, Children, isValidElement, cloneElement, forwardRef } from 'react';
+import { createContext, useContext, useState, useCallback, useReducer, useEffect, createRef, useRef, memo, Children, cloneElement, isValidElement, forwardRef } from 'react';
 import { useNavigate, useLocation, BrowserRouter, Link, Outlet, NavLink } from 'react-router-dom';
 import { toast, ToastContainer } from 'react-toastify';
 import 'leaflet/dist/leaflet.css';
@@ -12,7 +12,7 @@ import 'leaflet.locatecontrol/dist/L.Control.Locate.css';
 import Markdown from 'react-markdown';
 import remarkBreaks from 'remark-breaks';
 import 'react-toastify/dist/ReactToastify.css';
-import { node, string } from 'prop-types';
+import { string, node } from 'prop-types';
 import InformationCircleIcon from '@heroicons/react/24/outline/InformationCircleIcon';
 import QuestionMarkIcon from '@heroicons/react/24/outline/QuestionMarkCircleIcon';
 import ChevronRightIcon from '@heroicons/react/24/outline/ChevronRightIcon';
@@ -1147,9 +1147,6 @@ function AddButton({ triggerAction, }) {
                         hasUserPermission(layer.api.collectionName, 'create', undefined, layer) &&
                         layer.listed && (jsx("li", { children: jsx("a", { children: jsx("div", { className: 'tw-tooltip tw-tooltip-left', "data-tip": layer.menuText, children: jsx("button", { tabIndex: 0, className: 'tw-z-500  tw-border-0 tw-pl-2 tw-p-0 tw-mb-3 tw-w-10 tw-h-10 tw-cursor-pointer tw-rounded-full tw-mouse tw-drop-shadow-md tw-transition tw-ease-in tw-duration-200 focus:tw-outline-none', style: { backgroundColor: layer.menuColor || '#777' }, onClick: () => {
                                         triggerAction(layer);
-                                    }, onTouchEnd: (e) => {
-                                        triggerAction(layer);
-                                        e.preventDefault();
                                     }, children: jsx("img", { src: layer.menuIcon, className: 'tw-h-6 tw-w-6 tw-text-white', style: { filter: 'invert(100%) brightness(200%)' } }) }) }) }) }, layer.name))) })] })) : ('') }));
 }
 
@@ -1373,6 +1370,10 @@ function LayerControl() {
 }
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
 const useTimeout = (callback, delay) => {
     const callbackRef = useRef(callback);
     const timeoutRef = useRef();
@@ -1413,6 +1414,7 @@ function encodeTag(string) {
 }
 
 /* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
 const createSvg = (shape, markerColor, borderColor) => {
     const svgMap = {
         circle: '<svg width="32" height="44" viewBox="0 0 35 45" xmlns="http://www.w3.org/2000/svg"><path d="M17.5 2.746c-8.284 0-15 6.853-15 15.307 0 .963.098 1.902.265 2.816a15.413 15.413 0 002.262 5.684l.134.193 12.295 17.785 12.439-17.863.056-.08a15.422 15.422 0 002.343-6.112c.123-.791.206-1.597.206-2.423 0-8.454-6.716-15.307-15-15.307" fill="' +
@@ -4187,6 +4189,16 @@ function UserSettings() {
 }
 
 /* eslint-disable @typescript-eslint/no-unnecessary-condition */
+/* eslint-disable @typescript-eslint/no-non-null-assertion */
+/* eslint-disable @typescript-eslint/prefer-optional-chain */
+/* eslint-disable @typescript-eslint/restrict-plus-operands */
+/* eslint-disable @typescript-eslint/restrict-template-expressions */
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-argument */
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
 // eslint-disable-next-line promise/avoid-new
 const sleep = (ms) => new Promise((resolve) => setTimeout(resolve, ms));
 const linkItem = async (id, item, updateItem) => {
@@ -4835,6 +4847,9 @@ var css_248z = ".picker {\n    position: relative;\n  }\n  \n  .swatch {\n    wi
 styleInject(css_248z);
 
 /* eslint-disable @typescript-eslint/no-unsafe-assignment */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/prefer-optional-chain */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
 // Improved version of https://usehooks.com/useOnClickOutside/
 const useClickOutside = (ref, handler) => {
     useEffect(() => {