utopia-ui 3.0.59 → 3.0.60

package/dist/index.d.ts

@@ -9,7 +9,6 @@ import { Tag } from './types/Tag.js';
 export { Tag } from './types/Tag.js';
 import { Permission } from './types/Permission.js';
 export { Permission } from './types/Permission.js';
-import * as prop_types from '/home/fritz/workspace/utopia-os/utopia-ui/node_modules/@types/prop-types/index.d.ts';
 import { Item } from './types/Item.js';
 export { Item } from './types/Item.js';
 import { AssetsApi } from './types/AssetsApi.js';
@@ -40,13 +39,7 @@ declare const ItemForm: {
         title?: string;
         setPopupTitle?: React.Dispatch<React.SetStateAction<string>>;
     }): react_jsx_runtime.JSX.Element;
-    propTypes: {
-        children: prop_types.Requireable<prop_types.ReactNodeLike>;
-        __TYPE: prop_types.Requireable<string>;
-    };
-    defaultProps: {
-        __TYPE: string;
-    };
+    __TYPE: string;
 };
 
 declare const ItemView: {
@@ -54,13 +47,7 @@ declare const ItemView: {
         children?: React.ReactNode;
         item?: Item;
     }): react_jsx_runtime.JSX.Element;
-    propTypes: {
-        children: prop_types.Requireable<prop_types.ReactNodeLike>;
-        __TYPE: prop_types.Requireable<string>;
-    };
-    defaultProps: {
-        __TYPE: string;
-    };
+    __TYPE: string;
 };
 
 declare const PopupTextAreaInput: ({ dataField, placeholder, style, item, }: {

package/dist/index.esm.js

@@ -12,7 +12,6 @@ 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 { 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';
@@ -2813,7 +2812,7 @@ function UtopiaMapInner({ children, geo, showFilterControl = false, showGratitud
             donationWidget &&
                 setTimeout(() => {
                     toast(jsxs(Fragment, { children: [jsx(TextView, { rawText: '## Do you like this Map?' }), jsxs("div", { children: [jsx(TextView, { rawText: 'Support us building free opensource maps and help us grow 🌱☀️' }), jsx(PopupButton, { url: 'https://opencollective.com/utopia-project', text: 'Donate' })] })] }), { autoClose: false });
-                }, 10000);
+                }, 600000);
             init.current = true;
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -3466,11 +3465,11 @@ public_edit_items, listed = true, setItemFormPopup, itemFormPopup, clusterRef, }
                                     selectPosition && setMarkerClicked(item);
                                 },
                             }, icon: MarkerIconFactory(markerShape, color1, color2, item.markerIcon ? item.markerIcon : markerIcon), position: [latitude, longitude], children: [children &&
-                                    Children.toArray(children).some((child) => isValidElement(child) && child.props.__TYPE === 'ItemView') ? (Children.toArray(children).map((child) => isValidElement(child) && child.props.__TYPE === 'ItemView' ? (jsx(ItemViewPopup, { ref: (r) => {
+                                    Children.toArray(children).some((child) => isComponentWithType(child) && child.type.__TYPE === 'ItemView') ? (Children.toArray(children).map((child) => isComponentWithType(child) && child.type.__TYPE === 'ItemView' ? (jsx(ItemViewPopup, { ref: (r) => {
                                         if (!(item.id in leafletRefs && leafletRefs[item.id].popup === r)) {
                                             r && addPopup(item, r);
                                         }
-                                    }, item: item, setItemFormPopup: setItemFormPopup, children: child }, item.id + item.name)) : (''))) : (jsx(Fragment, { children: jsx(ItemViewPopup, { ref: (r) => {
+                                    }, item: item, setItemFormPopup: setItemFormPopup, children: child }, item.id + item.name)) : null)) : (jsx(Fragment, { children: jsx(ItemViewPopup, { ref: (r) => {
                                             if (!(item.id in leafletRefs && leafletRefs[item.id].popup === r)) {
                                                 r && addPopup(item, r);
                                             }
@@ -3481,8 +3480,11 @@ public_edit_items, listed = true, setItemFormPopup, itemFormPopup, clusterRef, }
                 }), itemFormPopup &&
                 itemFormPopup.layer.name === name &&
                 (children &&
-                    Children.toArray(children).some((child) => isValidElement(child) && child.props.__TYPE === 'ItemForm') ? (Children.toArray(children).map((child) => isValidElement(child) && child.props.__TYPE === 'ItemForm' ? (jsx(ItemFormPopup, { position: itemFormPopup.position, layer: itemFormPopup.layer, setItemFormPopup: setItemFormPopup, item: itemFormPopup.item, children: child }, setItemFormPopup?.name)) : (''))) : (jsx(Fragment, { children: jsx(ItemFormPopup, { position: itemFormPopup.position, layer: itemFormPopup.layer, setItemFormPopup: setItemFormPopup, item: itemFormPopup.item }) })))] }));
+                    Children.toArray(children).some((child) => isComponentWithType(child) && child.type.__TYPE === 'ItemForm') ? (Children.toArray(children).map((child) => isComponentWithType(child) && child.type.__TYPE === 'ItemForm' ? (jsx(ItemFormPopup, { position: itemFormPopup.position, layer: itemFormPopup.layer, setItemFormPopup: setItemFormPopup, item: itemFormPopup.item, children: child }, setItemFormPopup?.name)) : (''))) : (jsx(Fragment, { children: jsx(ItemFormPopup, { position: itemFormPopup.position, layer: itemFormPopup.layer, setItemFormPopup: setItemFormPopup, item: itemFormPopup.item }) })))] }));
 };
+function isComponentWithType(node) {
+    return isValidElement(node) && typeof node.type !== 'string' && '__TYPE' in node.type;
+}
 
 function Tags({ data, api }) {
     const setTagData = useSetTagData();
@@ -3541,26 +3543,14 @@ const ItemForm = ({ children, item, title, setPopupTitle, }) => {
                 : '')
             : '' }));
 };
-ItemForm.propTypes = {
-    children: node,
-    __TYPE: string,
-};
-ItemForm.defaultProps = {
-    __TYPE: 'ItemForm',
-};
+ItemForm.__TYPE = 'ItemForm';
 
 const ItemView = ({ children, item }) => {
     return (jsx("div", { children: children
-            ? Children.toArray(children).map((child) => isValidElement(child) ? cloneElement(child, { item }) : '')
-            : '' }));
-};
-ItemView.propTypes = {
-    children: node,
-    __TYPE: string,
-};
-ItemView.defaultProps = {
-    __TYPE: 'ItemView',
+            ? Children.toArray(children).map((child) => isValidElement(child) ? cloneElement(child, { item }) : null)
+            : null }));
 };
+ItemView.__TYPE = 'ItemView';
 
 function SelectBox(props) {
     const { labelTitle, labelDescription, defaultValue, containerStyle, placeholder, labelStyle, options, updateFormValue, } = props;