utopia-ui 3.0.96 → 3.0.99

package/dist/types/src/Components/Input/RichTextEditor.d.ts

@@ -1,17 +1,14 @@
-interface TextAreaProps {
+interface RichTextEditorProps {
     labelTitle?: string;
     labelStyle?: string;
     containerStyle?: string;
-    dataField?: string;
-    inputStyle?: string;
     defaultValue: string;
     placeholder?: string;
-    required?: boolean;
-    size?: string;
+    showMenu?: boolean;
     updateFormValue?: (value: string) => void;
 }
 /**
  * @category Input
  */
-export declare function RichTextEditor({ labelTitle, dataField, labelStyle, containerStyle, inputStyle, defaultValue, placeholder, required, size, updateFormValue, }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function RichTextEditor({ labelTitle, labelStyle, containerStyle, defaultValue, placeholder, showMenu, updateFormValue, }: RichTextEditorProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/types/src/Components/Input/RichTextEditor.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Components/Input/TextEditorMenu.d.ts

@@ -0,0 +1,4 @@
+import type { Editor } from '@tiptap/react';
+export declare const TextEditorMenu: ({ editor }: {
+    editor: Editor;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/Input/TextInput.cy.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/Components/Item/index.d.ts

@@ -6,7 +6,6 @@ export declare const TextView: import("react").ComponentType<Omit<{
     text?: string;
     truncate?: boolean;
     rawText?: string;
-    itemTextField?: string;
 }, "item">>;
 export declare const StartEndView: import("react").ComponentType<Omit<{
     item?: import("../Map").Item;

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

@@ -2,10 +2,11 @@ import type { Item } from '#types/Item';
 export interface StartEndInputProps {
     item?: Item;
     showLabels?: boolean;
+    labelStyle?: string;
     updateStartValue?: (value: string) => void;
     updateEndValue?: (value: string) => void;
 }
 /**
  * @category Map
  */
-export declare const PopupStartEndInput: ({ item, showLabels, updateStartValue, updateEndValue, }: StartEndInputProps) => import("react/jsx-runtime").JSX.Element;
+export declare const PopupStartEndInput: ({ item, showLabels, labelStyle, updateStartValue, updateEndValue, }: StartEndInputProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,11 +2,10 @@ import type { Item } from '#types/Item';
 /**
  * @category Map
  */
-export declare const TextView: ({ item, itemId, text, truncate, rawText, itemTextField, }: {
+export declare const TextView: ({ item, itemId, text, truncate, rawText, }: {
     item?: Item;
     itemId?: string;
     text?: string;
     truncate?: boolean;
     rawText?: string;
-    itemTextField?: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/Profile/Subcomponents/AvatarWidget.d.ts

@@ -1,5 +1,5 @@
 interface AvatarWidgetProps {
-    avatar: string;
+    avatar?: string;
     setAvatar: React.Dispatch<React.SetStateAction<any>>;
 }
 export declare const AvatarWidget: React.FC<AvatarWidgetProps>;

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

@@ -1,5 +1,5 @@
 import type { FormState } from '#types/FormState';
 export declare const ContactInfoForm: ({ state, setState, }: {
     state: FormState;
-    setState: React.Dispatch<React.SetStateAction<any>>;
+    setState: React.Dispatch<React.SetStateAction<FormState>>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/Profile/Subcomponents/CrowdfundingForm.d.ts

@@ -1,5 +1,5 @@
 import type { FormState } from '#types/FormState';
 export declare const CrowdfundingForm: ({ state, setState, }: {
     state: FormState;
-    setState: React.Dispatch<React.SetStateAction<any>>;
+    setState: React.Dispatch<React.SetStateAction<FormState>>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/Profile/Subcomponents/FormHeader.d.ts

@@ -1,5 +1,9 @@
-export declare const FormHeader: ({ item, state, setState }: {
-    item: any;
-    state: any;
-    setState: any;
-}) => import("react/jsx-runtime").JSX.Element;
+import type { FormState } from '#types/FormState';
+import type { Item } from '#types/Item';
+interface Props {
+    item: Item;
+    state: Partial<FormState>;
+    setState: React.Dispatch<React.SetStateAction<Partial<FormState>>>;
+}
+export declare const FormHeader: ({ item, state, setState }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/Components/Profile/Subcomponents/GalleryForm.d.ts

@@ -0,0 +1,7 @@
+import type { FormState } from '#types/FormState';
+interface Props {
+    state: FormState;
+    setState: React.Dispatch<React.SetStateAction<FormState>>;
+}
+export declare const GalleryForm: ({ state, setState }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/src/Components/Profile/Subcomponents/GalleryForm.spec.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -12,7 +12,7 @@ interface groupType {
 }
 export declare const GroupSubheaderForm: ({ state, setState, groupStates, groupTypes, }: {
     state: FormState;
-    setState: React.Dispatch<React.SetStateAction<any>>;
+    setState: React.Dispatch<React.SetStateAction<FormState>>;
     item: Item;
     groupStates?: string[];
     groupTypes?: groupType[];

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

@@ -1,5 +1,6 @@
+import type { FormState } from '#types/FormState';
 import type { Item } from '#types/Item';
 export declare const ProfileStartEndForm: ({ item, setState, }: {
     item: Item;
-    setState: React.Dispatch<React.SetStateAction<any>>;
+    setState: React.Dispatch<React.SetStateAction<FormState>>;
 }) => import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -2,6 +2,6 @@ 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>>;
+    setState: React.Dispatch<React.SetStateAction<FormState>>;
     item: Item;
 }) => import("react/jsx-runtime").JSX.Element;

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

@@ -2,6 +2,6 @@ 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>>;
+    setState: React.Dispatch<React.SetStateAction<FormState>>;
     item: Item;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/types/src/Components/Profile/itemFunctions.d.ts

@@ -1,5 +1,7 @@
+import type { FormState } from '#types/FormState';
+import type { Item } from '#types/Item';
 export declare const submitNewItem: (evt: any, type: string, item: any, user: any, setLoading: any, tags: any, addTag: any, addItem: any, linkItem: any, resetFilterTags: any, layers: any, addItemPopupType: any, setAddItemPopupType: any) => Promise<void>;
-export declare const linkItem: (id: string, item: any, updateItem: any) => Promise<void>;
-export declare const unlinkItem: (id: string, item: any, updateItem: any) => Promise<void>;
-export declare const handleDelete: (event: React.MouseEvent<HTMLElement>, item: any, setLoading: any, removeItem: any, map: any, navigate: any) => Promise<void>;
-export declare const onUpdateItem: (state: any, item: any, tags: any, addTag: any, setLoading: any, navigate: any, updateItem: any, addItem: any, user: any, params: any) => Promise<void>;
+export declare const linkItem: (id: string, item: Item, updateItem: any) => Promise<void>;
+export declare const unlinkItem: (id: string, item: Item, updateItem: any) => Promise<void>;
+export declare const handleDelete: (event: React.MouseEvent<HTMLElement>, item: Item, setLoading: any, removeItem: any, map: any, navigate: any) => Promise<void>;
+export declare const onUpdateItem: (state: FormState, item: Item, tags: any, addTag: any, setLoading: any, navigate: any, updateItem: any, addItem: any, user: any, params: any) => Promise<void>;

package/dist/types/src/Components/Templates/Tabs.d.ts

@@ -0,0 +1,10 @@
+interface TabItem {
+    title: string;
+    component: React.ReactNode;
+}
+interface TabsProps {
+    items: TabItem[];
+    setUrlParams: (params: URLSearchParams) => void;
+}
+export declare const Tabs: React.FC<TabsProps>;
+export {};

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

@@ -5,5 +5,4 @@ export { SelectUser } from './SelectUser';
 export { OverlayItemsIndexPage } from './OverlayItemsIndexPage';
 export { AttestationForm } from './AttestationForm';
 export { MarketView } from './MarketView';
-export { TagView } from './TagView';
 export { LoadingMapOverlay } from './LoadingMapOverlay';

package/dist/types/src/Utils/getImageDimensions.d.ts

@@ -0,0 +1,4 @@
+export declare const getImageDimensions: (file: File) => Promise<{
+    width: number;
+    height: number;
+}>;

package/dist/types/src/Utils/getImageDimensions.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/src/css.d.ts

@@ -12,4 +12,5 @@ import '#assets/css/misc.css';
 import '#assets/css/marker-icons.css';
 import '#assets/css/leaflet.css';
 import '#assets/css/color-picker.css';
-import '#assets/css/easymde.css';
+import '#assets/css/markdown.css';
+import '#assets/css/tiptap.css';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "utopia-ui",
-  "version": "3.0.96",
+  "version": "3.0.99",
   "description": "Reuseable React Components to build mapping apps for real life communities and networks",
   "repository": "https://github.com/utopia-os/utopia-ui",
   "homepage": "https://utopia-os.org/",
@@ -42,12 +42,12 @@
   "devDependencies": {
     "@eslint-community/eslint-plugin-eslint-comments": "^4.4.1",
     "@rollup/plugin-alias": "^5.1.1",
+    "@rollup/plugin-commonjs": "^28.0.3",
     "@rollup/plugin-node-resolve": "^16.0.0",
     "@rollup/plugin-typescript": "^12.1.2",
     "@tailwindcss/postcss": "^4.0.14",
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.2.0",
-    "@testing-library/user-event": "^14.6.1",
     "@types/geojson": "^7946.0.14",
     "@types/leaflet": "^1.7.11",
     "@types/leaflet.markercluster": "^1.5.5",
@@ -97,18 +97,28 @@
     "react-dom": "^18.2.0"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^6.7.2",
-    "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@heroicons/react": "^2.0.17",
-    "@rollup/plugin-commonjs": "^28.0.3",
     "@tanstack/react-query": "^5.17.8",
+    "@tiptap/core": "^2.14.0",
+    "@tiptap/extension-bubble-menu": "^2.14.0",
+    "@tiptap/extension-color": "^2.12.0",
+    "@tiptap/extension-image": "^2.14.0",
+    "@tiptap/extension-link": "^2.14.0",
+    "@tiptap/extension-placeholder": "^2.14.0",
+    "@tiptap/extension-youtube": "^2.12.0",
+    "@tiptap/pm": "^2.12.0",
+    "@tiptap/react": "^2.12.0",
+    "@tiptap/starter-kit": "^2.12.0",
     "axios": "^1.6.5",
+    "browser-image-compression": "^2.0.2",
+    "classnames": "^2.5.1",
     "date-fns": "^3.3.1",
-    "easymde": "^2.20.0",
     "leaflet": "^1.9.4",
     "leaflet.locatecontrol": "^0.79.0",
     "radash": "^12.1.0",
     "react-colorful": "^5.6.1",
+    "react-dropzone": "^14.3.8",
+    "react-icons": "^5.5.0",
     "react-image-crop": "^10.1.8",
     "react-inlinesvg": "^4.2.0",
     "react-leaflet": "^4.2.1",
@@ -116,9 +126,9 @@
     "react-markdown": "^9.0.1",
     "react-photo-album": "^3.0.2",
     "react-router-dom": "^6.16.0",
-    "react-simplemde-editor": "^5.2.0",
     "react-toastify": "^9.1.3",
     "remark-breaks": "^4.0.0",
+    "tiptap-markdown": "^0.8.10",
     "yet-another-react-lightbox": "^3.21.7"
   },
   "imports": {

package/dist/types/src/types/PopupFormState.d.ts

@@ -1,8 +0,0 @@
-import type { Item } from './Item';
-import type { LayerProps } from './LayerProps';
-import type { LatLng } from 'leaflet';
-export interface PopupFormState {
-    position: LatLng;
-    layer: LayerProps;
-    item?: Item;
-}