utopia-ui 3.0.32 → 3.0.33

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AssetsApi } from '#src/types';
+import type { AssetsApi } from '#types/AssetsApi';
 export declare function AppShell({ appName, children, assetsApi, userType, }: {
     appName: string;
     children: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import { AssetsApi } from '#src/types';
+import type { AssetsApi } from '#types/AssetsApi';
 export declare const SetAppState: ({ assetsApi, userType, }: {
     assetsApi: AssetsApi;
     userType: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AssetsApi } from '#src/types';
+import type { AssetsApi } from '#types/AssetsApi';
 interface AppState {
     assetsApi: AssetsApi;
     userType: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AssetsApi } from '#src/types';
+import type { AssetsApi } from '#types/AssetsApi';
 declare type UseAssetManagerResult = ReturnType<typeof useAssetsManager>;
 declare function useAssetsManager(): {
     api: AssetsApi;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { UserApi, UserItem } from '#src/types';
+import type { UserApi } from '#types/UserApi';
+import type { UserItem } from '#types/UserItem';
 interface AuthProviderProps {
     userApi: UserApi;
     children?: React.ReactNode;

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

@@ -6,7 +6,8 @@ declare type TextAreaProps = {
     inputStyle?: string;
     defaultValue: string;
     placeholder?: string;
+    required?: boolean;
     updateFormValue?: (value: string) => void;
 };
-export declare function TextAreaInput({ labelTitle, dataField, labelStyle, containerStyle, inputStyle, defaultValue, placeholder, updateFormValue, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function TextAreaInput({ labelTitle, dataField, labelStyle, containerStyle, inputStyle, defaultValue, placeholder, required, updateFormValue, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const ItemForm: {
     ({ children, item, title, setPopupTitle, }: {
         children?: React.ReactNode;

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const ItemView: {
     ({ children, item }: {
         children?: React.ReactNode;

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

@@ -1,2 +1,2 @@
-import { LayerProps } from '#src/types';
+import type { LayerProps } from '#types/LayerProps';
 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,4 +1,5 @@
-import { ItemsApi, Permission } from '#src/types';
+import type { ItemsApi } from '#types/ItemsApi';
+import type { Permission } from '#types/Permission';
 export declare function Permissions({ data, api, adminRole, }: {
     data?: Permission[];
     api?: ItemsApi<Permission>;

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

@@ -1,2 +1,2 @@
-import { ItemFormPopupProps } from '#src/types';
+import type { ItemFormPopupProps } from '#types/ItemFormPopupProps';
 export declare function ItemFormPopup(props: ItemFormPopupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,5 @@
-import { Item, ItemsApi } from '#src/types';
+import type { Item } from '#types/Item';
+import type { ItemsApi } from '#types/ItemsApi';
 export declare function HeaderView({ item, api, editCallback, deleteCallback, setPositionCallback, itemNameField, itemSubnameField, itemAvatarField, loading, hideMenu, big, truncateSubname, hideSubname, showAddress, }: {
     item: Item;
     api?: ItemsApi<any>;

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const PopupButton: ({ url, parameterField, text, colorField, item, }: {
     url: string;
     parameterField?: string | undefined;

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const PopupCheckboxInput: ({ dataField, label, item, }: {
     dataField: string;
     label: string;

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 interface StartEndInputProps {
     item?: Item;
     showLabels?: boolean;

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const PopupTextAreaInput: ({ dataField, placeholder, style, item, }: {
     dataField: string;
     placeholder: string;

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const PopupTextInput: ({ dataField, placeholder, style, item, }: {
     dataField: string;
     placeholder: string;

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

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

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const TextView: ({ item, truncate, itemTextField, rawText, }: {
     item?: Item | undefined;
     truncate?: boolean | undefined;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { Item, ItemFormPopupProps } from '#src/types';
+import type { Item } from '#types/Item';
+import type { ItemFormPopupProps } from '#types/ItemFormPopupProps';
 export interface ItemViewPopupProps {
     item: Item;
     children?: React.ReactNode;

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

@@ -1,4 +1,5 @@
-import { ItemsApi, Tag } from '#src/types';
+import type { ItemsApi } from '#types/ItemsApi';
+import type { Tag } from '#types/Tag';
 export declare function Tags({ data, api }: {
     data?: Tag[];
     api?: ItemsApi<Tag>;

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

@@ -1,4 +1,4 @@
-import { UtopiaMapProps } from '#src/types';
+import type { UtopiaMapProps } from '#types/UtopiaMapProps';
 import 'react-toastify/dist/ReactToastify.css';
 declare function UtopiaMap(props: UtopiaMapProps): import("react/jsx-runtime").JSX.Element;
 export { UtopiaMap };

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

@@ -1,4 +1,4 @@
 import 'leaflet/dist/leaflet.css';
-import { UtopiaMapProps } from '#src/types';
 import './UtopiaMap.css';
+import type { UtopiaMapProps } from '#types/UtopiaMapProps';
 export declare function UtopiaMapInner({ height, width, center, zoom, children, geo, showFilterControl, showGratitudeControl, showLayerControl, infoText, }: UtopiaMapProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { LayerProps, Tag } from '#src/types';
+import type { LayerProps } from '#types/LayerProps';
+import type { Tag } from '#types/Tag';
 declare type UseFilterManagerResult = ReturnType<typeof useFilterManager>;
 declare function useFilterManager(initialTags: Tag[]): {
     filterTags: Tag[];

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
-import { Item, LayerProps } from '#src/types';
+import type { Item } from '#types/Item';
+import type { LayerProps } from '#types/LayerProps';
 declare type UseItemManagerResult = ReturnType<typeof useItemsManager>;
 declare function useItemsManager(initialItems: Item[]): {
     items: Item[];

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { LayerProps } from '#src/types';
+import type { LayerProps } from '#types/LayerProps';
 declare type UseItemManagerResult = ReturnType<typeof useLayerManager>;
 declare function useLayerManager(initialLayers: LayerProps[]): {
     layers: LayerProps[];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { Marker, Popup } from 'leaflet';
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
+import type { Marker, Popup } from 'leaflet';
 interface LeafletRef {
     item: Item;
     marker: Marker;

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

@@ -1,5 +1,9 @@
 /// <reference types="react" />
-import { Item, ItemsApi, LayerProps, Permission, PermissionAction } from '#src/types';
+import type { Item } from '#types/Item';
+import type { ItemsApi } from '#types/ItemsApi';
+import type { LayerProps } from '#types/LayerProps';
+import type { Permission } from '#types/Permission';
+import type { PermissionAction } from '#types/PermissionAction';
 declare type UsePermissionManagerResult = ReturnType<typeof usePermissionsManager>;
 declare function usePermissionsManager(initialPermissions: Permission[]): {
     permissions: Permission[];

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

@@ -1,6 +1,8 @@
 /// <reference types="react" />
-import { LatLng } from 'leaflet';
-import { Item, LayerProps, ItemFormPopupProps } from '#src/types';
+import type { Item } from '#types/Item';
+import type { ItemFormPopupProps } from '#types/ItemFormPopupProps';
+import type { LayerProps } from '#types/LayerProps';
+import type { LatLng } from 'leaflet';
 interface PolygonClickedProps {
     position: LatLng;
     setItemFormPopup: React.Dispatch<React.SetStateAction<ItemFormPopupProps | null>>;

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

@@ -1,5 +1,7 @@
 /// <reference types="react" />
-import { Item, ItemsApi, Tag } from '#src/types';
+import type { Item } from '#types/Item';
+import type { ItemsApi } from '#types/ItemsApi';
+import type { Tag } from '#types/Tag';
 declare type UseTagManagerResult = ReturnType<typeof useTagsManager>;
 declare function useTagsManager(initialTags: Tag[]): {
     tags: Tag[];

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

@@ -1,4 +1,4 @@
-import { ItemsApi } from '#src/types';
+import type { ItemsApi } from '#types/ItemsApi';
 export declare function ProfileView({ attestationApi }: {
     attestationApi?: ItemsApi<any>;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/Components/Profile/Subcomponents/ActionsButton.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare function ActionButton({ item, triggerAddButton, triggerItemSelected, existingRelations, itemType, colorField, collection, customStyle, }: {
     triggerAddButton?: any;
     triggerItemSelected?: any;

package/dist/Components/Profile/Subcomponents/ContactInfoForm.d.ts

@@ -1,4 +1,4 @@
-import { FormState } from '#src/types';
+import type { FormState } from '#types/FormState';
 export declare const ContactInfoForm: ({ state, setState, }: {
     state: FormState;
     setState: React.Dispatch<React.SetStateAction<any>>;

package/dist/Components/Profile/Subcomponents/ContactInfoView.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const ContactInfoView: ({ item, heading }: {
     item: Item;
     heading: string;

package/dist/Components/Profile/Subcomponents/GroupSubHeaderView.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const GroupSubHeaderView: ({ item, shareBaseUrl, platforms, }: {
     item: Item;
     shareBaseUrl: string;

package/dist/Components/Profile/Subcomponents/GroupSubheaderForm.d.ts

@@ -1,4 +1,5 @@
-import { Item, FormState } from '#src/types';
+import type { FormState } from '#types/FormState';
+import type { Item } from '#types/Item';
 interface groupType {
     groupTypes_id: {
         name: string;

package/dist/Components/Profile/Subcomponents/LinkedItemsHeaderView.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare function LinkedItemsHeaderView({ item, unlinkCallback, itemNameField, itemAvatarField, loading, unlinkPermission, itemSubnameField, }: {
     item: Item;
     unlinkCallback?: any;

package/dist/Components/Profile/Subcomponents/PlusButton.d.ts

@@ -1,4 +1,4 @@
-import { LayerProps } from '#src/types';
+import type { LayerProps } from '#types/LayerProps';
 export declare function PlusButton({ layer, triggerAction, color, collection, }: {
     layer?: LayerProps;
     triggerAction: any;

package/dist/Components/Profile/Subcomponents/ProfileStartEndForm.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const ProfileStartEndForm: ({ item, setState, }: {
     item: Item;
     setState: React.Dispatch<React.SetStateAction<any>>;

package/dist/Components/Profile/Subcomponents/ProfileStartEndView.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const ProfileStartEndView: ({ item }: {
     item: Item;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Profile/Subcomponents/ProfileTextForm.d.ts

@@ -1,9 +1,10 @@
-import { FormState } from '#src/types';
-export declare const ProfileTextForm: ({ state, setState, dataField, heading, size, hideInputLabel, }: {
+import type { FormState } from '#types/FormState';
+export declare const ProfileTextForm: ({ state, setState, dataField, heading, size, hideInputLabel, required, }: {
     state: FormState;
     setState: React.Dispatch<React.SetStateAction<any>>;
     dataField?: string | undefined;
     heading: string;
     size: string;
     hideInputLabel: boolean;
+    required?: boolean | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Profile/Subcomponents/ProfileTextView.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const ProfileTextView: ({ item, dataField, heading, hideWhenEmpty, }: {
     item: Item;
     dataField: string;

package/dist/Components/Profile/Templates/FlexForm.d.ts

@@ -1,4 +1,5 @@
-import { Item, FormState } from '#src/types';
+import type { FormState } from '#types/FormState';
+import type { Item } from '#types/Item';
 export declare const FlexForm: ({ item, state, setState, }: {
     state: FormState;
     setState: React.Dispatch<React.SetStateAction<any>>;

package/dist/Components/Profile/Templates/FlexView.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const FlexView: ({ item }: {
     item: Item;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Profile/Templates/OnepagerForm.d.ts

@@ -1,4 +1,5 @@
-import { FormState, Item } from '#src/types';
+import type { FormState } from '#types/FormState';
+import type { Item } from '#types/Item';
 export declare const OnepagerForm: ({ item, state, setState, }: {
     state: FormState;
     setState: React.Dispatch<React.SetStateAction<any>>;

package/dist/Components/Profile/Templates/OnepagerView.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const OnepagerView: ({ item }: {
     item: Item;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Profile/Templates/SimpleView.d.ts

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const SimpleView: ({ item }: {
     item: Item;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/Components/Profile/Templates/TabsView.d.ts

@@ -1,4 +1,5 @@
-import { Item, Tag } from '#src/types';
+import type { Item } from '#types/Item';
+import type { Tag } from '#types/Tag';
 export declare const TabsView: ({ attestations, item, offers, needs, relations, updatePermission, loading, linkItem, unlinkItem, }: {
     attestations: any[];
     item: Item;

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

@@ -1,4 +1,4 @@
-import { ItemsApi } from '#src/types';
+import type { ItemsApi } from '#types/ItemsApi';
 export declare const AttestationForm: ({ api }: {
     api?: ItemsApi<any> | undefined;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const DateUserInfo: ({ item }: {
     item: Item;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { Item } from '#src/types';
+import type { Item } from '#types/Item';
 export declare const ItemCard: ({ i, loading, url, parameterField, deleteCallback, }: {
     i: Item;
     loading: boolean;

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

@@ -1,4 +1,4 @@
-import { Tag } from '#src/types';
+import type { Tag } from '#types/Tag';
 export declare const TagView: ({ tag, heighlight, onClick, count, }: {
     tag: Tag;
     heighlight?: boolean | undefined;

package/dist/index.js

@@ -548,13 +548,11 @@ function useItemsManager(initialItems) {
                         })];
                 case 1:
                     result = _a.sent();
-                    if (result) {
-                        result.map(function (item) {
-                            dispatch({ type: 'ADD', item: __assign(__assign({}, item), { layer: layer }) });
-                            return null;
-                        });
-                        setallItemsLoaded(true);
-                    }
+                    result.map(function (item) {
+                        dispatch({ type: 'ADD', item: __assign(__assign({}, item), { layer: layer }) });
+                        return null;
+                    });
+                    setallItemsLoaded(true);
                     return [2 /*return*/];
             }
         });
@@ -760,7 +758,7 @@ var AuthProvider = function (_a) {
                     return [4 /*yield*/, userApi.login(credentials.email, credentials.password)];
                 case 2:
                     res = _a.sent();
-                    setToken(res.access_token);
+                    setToken(res === null || res === void 0 ? void 0 : res.access_token);
                     return [4 /*yield*/, loadUser()];
                 case 3: return [2 /*return*/, _a.sent()];
                 case 4:
@@ -931,12 +929,10 @@ function usePermissionsManager(initialPermissions) {
                 case 0: return [4 /*yield*/, api.getItems()];
                 case 1:
                     result = _a.sent();
-                    if (result) {
-                        result.map(function (permission) {
-                            dispatch({ type: 'ADD', permission: permission });
-                            return null;
-                        });
-                    }
+                    result.map(function (permission) {
+                        dispatch({ type: 'ADD', permission: permission });
+                        return null;
+                    });
                     return [2 /*return*/];
             }
         });
@@ -1011,14 +1007,6 @@ var useSetAdminRole = function () {
     return setAdminRole;
 };
 
-var Geometry = /** @class */ (function () {
-    function Geometry(lng, lat) {
-        this.coordinates = [lng, lat];
-        this.type = 'Point';
-    }
-    return Geometry;
-}());
-
 var SelectPositionContext = createContext({
     selectPosition: null,
     setSelectPosition: function () { },
@@ -1052,7 +1040,11 @@ function useSelectPositionManager() {
                 setSelectPosition(null);
             }
             if ('text' in selectPosition) {
-                var position = (mapClicked === null || mapClicked === void 0 ? void 0 : mapClicked.position.lng) && new Geometry(mapClicked.position.lng, mapClicked.position.lat);
+                var position = (mapClicked === null || mapClicked === void 0 ? void 0 : mapClicked.position.lng) &&
+                    {
+                        type: 'Point',
+                        coordinates: [mapClicked.position.lng, mapClicked.position.lat],
+                    };
                 position && itemUpdatePosition(__assign(__assign({}, selectPosition), { position: position }));
                 setSelectPosition(null);
             }
@@ -3293,9 +3285,9 @@ var rgbToHex = function (r, g, b) {
 };
 
 function TextAreaInput(_a) {
-    var labelTitle = _a.labelTitle, dataField = _a.dataField, labelStyle = _a.labelStyle, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle, defaultValue = _a.defaultValue, placeholder = _a.placeholder, updateFormValue = _a.updateFormValue;
+    var labelTitle = _a.labelTitle, dataField = _a.dataField, labelStyle = _a.labelStyle, containerStyle = _a.containerStyle, inputStyle = _a.inputStyle, defaultValue = _a.defaultValue, placeholder = _a.placeholder, _b = _a.required, required = _b === void 0 ? true : _b, updateFormValue = _a.updateFormValue;
     var ref = useRef(null);
-    var _b = useState(defaultValue), inputValue = _b[0], setInputValue = _b[1];
+    var _c = useState(defaultValue), inputValue = _c[0], setInputValue = _c[1];
     // prevent react18 from calling useEffect twice
     var init = useRef(false);
     var tags = useTags();
@@ -3335,7 +3327,7 @@ function TextAreaInput(_a) {
             updateFormValue(newValue);
         }
     };
-    return (jsxs("div", __assign({ className: "tw-form-control tw-w-full ".concat(containerStyle || '') }, { children: [labelTitle ? (jsx("label", __assign({ className: 'tw-label' }, { children: jsx("span", __assign({ className: "tw-label-text tw-text-base-content ".concat(labelStyle) }, { children: labelTitle })) }))) : null, jsx("textarea", { required: true, ref: ref, value: inputValue, name: dataField, className: "tw-textarea tw-textarea-bordered tw-w-full tw-leading-5 ".concat(inputStyle || ''), placeholder: placeholder || '', onChange: handleChange })] })));
+    return (jsxs("div", __assign({ className: "tw-form-control tw-w-full ".concat(containerStyle || '') }, { children: [labelTitle ? (jsx("label", __assign({ className: 'tw-label' }, { children: jsx("span", __assign({ className: "tw-label-text tw-text-base-content ".concat(labelStyle) }, { children: labelTitle })) }))) : null, jsx("textarea", { required: required, ref: ref, value: inputValue, name: dataField, className: "tw-textarea tw-textarea-bordered tw-w-full tw-leading-5 ".concat(inputStyle || ''), placeholder: placeholder || '', onChange: handleChange })] })));
 }
 
 function TextInput(_a) {
@@ -3380,7 +3372,7 @@ function ItemFormPopup(props) {
                             formItem[input.name] = input.value;
                         }
                     });
-                    formItem.position = new Geometry(props.position.lng, props.position.lat);
+                    formItem.position = { type: 'Point', coordinates: [props.position.lng, props.position.lat] };
                     evt.preventDefault();
                     setSpinner(true);
                     formItem.text &&
@@ -5636,7 +5628,7 @@ var MarkdownHint = function () {
 };
 
 var ProfileTextForm = function (_a) {
-    var state = _a.state, setState = _a.setState, dataField = _a.dataField, heading = _a.heading, size = _a.size, hideInputLabel = _a.hideInputLabel;
+    var state = _a.state, setState = _a.setState, dataField = _a.dataField, heading = _a.heading, size = _a.size, hideInputLabel = _a.hideInputLabel, required = _a.required;
     var _b = useState(dataField || 'text'), field = _b[0], setField = _b[1];
     useEffect(function () {
         if (!dataField) {
@@ -5648,7 +5640,7 @@ var ProfileTextForm = function (_a) {
                         var _a;
                         return (__assign(__assign({}, prevState), (_a = {}, _a[field] = v, _a)));
                     });
-                }, labelStyle: hideInputLabel ? 'tw-hidden' : '', containerStyle: size === 'full' ? 'tw-grow tw-h-full' : '', inputStyle: size === 'full' ? 'tw-h-full' : 'tw-h-24' })] })));
+                }, labelStyle: hideInputLabel ? 'tw-hidden' : '', containerStyle: size === 'full' ? 'tw-grow tw-h-full' : '', inputStyle: size === 'full' ? 'tw-h-full' : 'tw-h-24', required: required })] })));
 };
 
 var componentMap = {