@goodhood-web/nebenan-base 3.6.0-development.2 → 3.6.0-development.3

package/lib/MultiImageCropper/MultiImageCropper.d.ts

@@ -0,0 +1,3 @@
+import { MultiImageCropperProps } from './MultiImageCropper.types';
+declare const MultiImageCropper: ({ aspectRatio, imageFiles, setImageFiles, setOpenCropper, translations: t, }: MultiImageCropperProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiImageCropper;

package/lib/MultiImageCropper/MultiImageCropper.types.d.ts

@@ -0,0 +1,14 @@
+import { ImageFile } from '../RichTextArea/RichTextArea.types';
+export type MultiImageCropperProps = {
+    aspectRatio?: number;
+    imageFiles: ImageFile[];
+    setImageFiles: (imageFiles: ImageFile[]) => void;
+    setOpenCropper: (openCropper: boolean) => void;
+    translations?: {
+        close: string;
+        crop: string;
+        rotate: string;
+        title: string;
+    };
+};
+export type SelectedImageRef = React.MutableRefObject<ImageFile | null>;

package/lib/MultiImageCropper/components/ImageCropperPanel/ImageCropperPanel.d.ts

@@ -0,0 +1,13 @@
+import { CropperRef } from 'react-advanced-cropper';
+import { MultiImageCropperProps } from '../../MultiImageCropper.types';
+type ImageCropperPanelProps = {
+    aspectRatio: number;
+    cropperRef: React.RefObject<CropperRef>;
+    handleCrop: () => void;
+    handleReset: () => void;
+    imageSrc: string;
+    rotate: () => void;
+    t: Required<MultiImageCropperProps>['translations'];
+};
+declare const ImageCropperPanel: ({ aspectRatio, cropperRef, handleCrop, handleReset, imageSrc, rotate, t, }: ImageCropperPanelProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageCropperPanel;

package/lib/MultiImageCropper/components/ImageThumbnailGrid/ImageThumbnailGrid.d.ts

@@ -0,0 +1,12 @@
+import { ImageFile } from '../../../RichTextArea/RichTextArea.types';
+type ImageThumbnailGridProps = {
+    handleDeleteImg: (id: string) => void;
+    imageFiles: ImageFile[];
+    loadImage: (file: File) => void;
+    selectedImg: ImageFile | null;
+    setImageFiles: (files: ImageFile[]) => void;
+    setSelectedImg: (file: ImageFile) => void;
+    uploadingImages?: Set<string>;
+};
+declare const ImageThumbnailGrid: ({ handleDeleteImg, imageFiles, loadImage, selectedImg, setImageFiles, setSelectedImg, uploadingImages, }: ImageThumbnailGridProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageThumbnailGrid;

package/lib/MultiImageCropper/hooks/useImageLoader.d.ts

@@ -0,0 +1,5 @@
+export declare const useImageLoader: () => {
+    imageSrc: string;
+    imgType: import('react').MutableRefObject<string>;
+    loadImage: (imageFile: File) => void;
+};

package/lib/MultiImageCropper/util.d.ts

@@ -0,0 +1,3 @@
+import { ImageFile } from '../RichTextArea/RichTextArea.types';
+export declare const getFilteredImageFiles: (files: ImageFile[], id: string) => ImageFile[];
+export declare const getUpdatedImageFiles: (files: ImageFile[], id: string, updatedImage: ImageFile) => ImageFile[];

package/lib/RichTextArea/ImageUpload/ImageUpload.d.ts

@@ -0,0 +1,7 @@
+import { ImageFile } from '../RichTextArea.types';
+type ImageUploadProps = {
+    imageFiles: ImageFile[];
+    setImageFiles: (files: ImageFile[]) => void;
+};
+declare const ImageUpload: ({ imageFiles, setImageFiles }: ImageUploadProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageUpload;

package/lib/RichTextArea/ImagesPreview/ImagesPreview.d.ts

@@ -0,0 +1,7 @@
+import { ImageFile } from '../RichTextArea.types';
+type ImagesPreviewProps = {
+    imageFiles: ImageFile[];
+    setImageFiles: (files: ImageFile[]) => void;
+};
+declare const ImagesPreview: ({ imageFiles, setImageFiles }: ImagesPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export default ImagesPreview;

package/lib/RichTextArea/RichTextArea.d.ts

@@ -0,0 +1,2 @@
+import { RichTextAreaProps } from './RichTextArea.types';
+export default function RichTextArea({ ariaDescribedby, attachment, charLimit, colorScheme, disabled, errorText, hintText, hoodId, label, onBlur, onChange, onFocus, onImageClick, onPoiClick, onPoiDismiss, reachedHoodIds, showInputHints, size, value, }: RichTextAreaProps): import("react/jsx-runtime").JSX.Element;

package/lib/RichTextArea/RichTextArea.types.d.ts

@@ -0,0 +1,63 @@
+import { FocusEvent } from 'react';
+export type AttachmentType = 'image' | 'poi';
+export type AttachmentConfig = {
+    ariaLabel: string;
+    onClick?: () => void;
+    type: AttachmentType;
+};
+export type RichTextAreaProps = {
+    ariaDescribedby?: string;
+    attachment?: AttachmentConfig[];
+    charLimit?: number;
+    colorScheme?: 'outline' | 'filled';
+    disabled?: boolean;
+    errorText?: string;
+    hintText?: string;
+    hoodId?: number;
+    id?: string;
+    label?: string;
+    name?: string;
+    onBlur?: (event: FocusEvent<HTMLDivElement>) => void;
+    onChange: (value: RichTextAreaValueType) => void;
+    onFocus?: (event: FocusEvent<HTMLDivElement>) => void;
+    onImageClick?: () => void;
+    onPoiClick?: boolean;
+    onPoiDismiss?: () => void;
+    reachedHoodIds?: number[];
+    showInputHints?: boolean;
+    size?: 'medium' | 'large';
+    value: RichTextAreaValueType;
+};
+export type CoreV3Embed = {
+    gid: string;
+    indices?: number[] | null;
+    role: 'mention' | 'link' | 'profile';
+};
+export type CoreV3EmbedWithDetails = CoreV3Embed & {
+    cta_url?: string;
+    description?: string | null;
+    image_url?: string | null;
+    recommendations_count?: number;
+    title?: string;
+};
+export type EmbeddableType = CoreV3Embed | CoreV3EmbedWithDetails;
+export type ContentEmbeddable = CoreV3Embed | CoreV3EmbedWithDetails;
+export type RichTextAreaValueType = {
+    attachments?: {
+        images?: ImageFile[];
+    };
+    body: string;
+    embeddables: EmbeddableType[] | [];
+};
+export type ImageFile = {
+    croppedImg: File;
+    id: string;
+    originalImg: File;
+    signedId?: string;
+};
+export type CoreV3PostInput = {
+    body: string;
+    embeds?: CoreV3Embed[] | null;
+    images?: string[] | null;
+};
+export declare const toCoreV3Format: (value: RichTextAreaValueType) => CoreV3PostInput;

package/lib/RichTextArea/components/POI/POIPreview.d.ts

@@ -0,0 +1,7 @@
+import { CoreV3Embed } from '../../RichTextArea.types';
+interface POIPreviewProps {
+    embed: CoreV3Embed;
+    onDelete: () => void;
+}
+export declare const POIPreview: ({ embed, onDelete }: POIPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/RichTextArea/components/POI/POIRecommendation.d.ts

@@ -0,0 +1,3 @@
+import { POIRecommendationProps } from './POIRecommendation.types';
+declare const POIRecommendation: ({ onDismiss, onSelect, openSheet, value, }: POIRecommendationProps) => import("react/jsx-runtime").JSX.Element;
+export default POIRecommendation;

package/lib/RichTextArea/components/POI/POIRecommendation.types.d.ts

@@ -0,0 +1,11 @@
+import { RichTextAreaValueType } from '../../RichTextArea.types';
+export type POIRecommendationProps = {
+    onDismiss: () => void;
+    onSelect: (value: RichTextAreaValueType) => void;
+    openSheet: boolean;
+    value: RichTextAreaValueType;
+};
+export type POICategory = {
+    key: string;
+    label: string;
+};

package/lib/RichTextArea/components/POI/components/SheetComponents/SheetComponents.d.ts

@@ -0,0 +1,4 @@
+import { ContentProps, FooterProps, HeaderProps } from './SheetComponents.types';
+export declare const Footer: ({ onDismiss }: FooterProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const Header: ({ onDismiss, setQuery }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Content: ({ onChange, pois, query, setPois, setQuery, value, }: ContentProps) => import("react/jsx-runtime").JSX.Element;

package/lib/RichTextArea/components/POI/components/SheetComponents/SheetComponents.types.d.ts

@@ -0,0 +1,21 @@
+import { Dispatch, SetStateAction } from 'react';
+import { Poi } from '../../../../../../../../api/src/lib/core_v2';
+import { RichTextAreaValueType } from '../../../../RichTextArea.types';
+export type HeaderProps = {
+    onDismiss: () => void;
+    setQuery: Dispatch<SetStateAction<string>>;
+};
+export type FooterProps = {
+    onDismiss: () => void;
+};
+export type ContentProps = {
+    onChange: (value: RichTextAreaValueType) => void;
+    pois: Poi[] | null;
+    query: string;
+    setPois: Dispatch<SetStateAction<Poi[] | null>>;
+    setQuery: Dispatch<SetStateAction<string>>;
+    value: RichTextAreaValueType;
+};
+export type SearchInputProps = {
+    setQuery: Dispatch<SetStateAction<string>>;
+};

package/lib/RichTextArea/components/POI/components/Suggestions/Suggestions.d.ts

@@ -0,0 +1,3 @@
+import { SuggestionsProps } from './Suggestions.types';
+declare const POISuggestions: ({ onChange, pois, value }: SuggestionsProps) => import("react/jsx-runtime").JSX.Element | null;
+export default POISuggestions;

package/lib/RichTextArea/components/POI/components/Suggestions/Suggestions.types.d.ts

@@ -0,0 +1,10 @@
+import { Dispatch, SetStateAction } from 'react';
+import { Poi } from '../../../../../../../../api/src/lib/core_v2';
+import { RichTextAreaValueType } from '../../../../RichTextArea.types';
+export type SuggestionsProps = {
+    onChange: (value: RichTextAreaValueType) => void;
+    pois: Poi[] | null;
+    query: string;
+    setPois: Dispatch<SetStateAction<Poi[] | null>>;
+    value: RichTextAreaValueType;
+};

package/lib/RichTextArea/components/POI/network.d.ts

@@ -0,0 +1,3 @@
+export declare const fetchBusinessProfile: (id: number) => Promise<import('../../../../../../api/src/lib/types/newsFeeds').LinkedBusinessProfile>;
+export declare const fetchProfile: () => Promise<import('../../../../../../api/src/lib/core_v2').ProfileResponse>;
+export declare const fetchPOIs: (searchQuery: string) => Promise<import('../../../../../../api/src/lib/core_v2').Poi[]>;

package/lib/RichTextArea/components/POI/useBusinessProfile.d.ts

@@ -0,0 +1,5 @@
+import { LinkedBusinessProfile } from '../../../../../../api/src/lib/types/newsFeeds';
+export declare const useBusinessProfiles: (id: number) => {
+    poi: LinkedBusinessProfile | null;
+    poiError: string | null;
+};

package/lib/RichTextArea/components/POI/utils.d.ts

@@ -0,0 +1,10 @@
+import { Poi } from '../../../../../../api/src/lib/core_v2';
+import { ProfileResponse } from '../../../../../../api/src/lib/core_v2/types';
+import { LinkedBusinessProfile } from '../../../../../../api/src/lib/types/newsFeeds';
+import { POICategory } from './POIRecommendation.types';
+export declare const formatAddressFull: (item: Poi | LinkedBusinessProfile, joiner?: string) => string;
+export declare const getLikedProp: (object_type: string) => "recommends_unclaimed_profile_ids" | "recommends_organization_profile_ids" | "recommends_business_profile_ids" | undefined;
+export declare const hasLiked: (profile: ProfileResponse, poi: Poi) => boolean;
+export declare const getItemCategoryLabel: (categories_labels?: POICategory[], subcategories_labels?: POICategory[]) => string | null;
+export declare const getPoiPlaceholderIconName: (type: string) => "business" | "special_place" | "organisation";
+export declare const generateBadgeType: (badges: string[]) => "commercial_supporter" | "organization_supporter";

package/lib/RichTextArea/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const POI_CATEGORY_ORGANIZATION = "org";
+export declare const POI_CATEGORY_BUSINESS = "biz";
+export declare const BADGE_ORGANIZATION_SPONSOR = "organization_supporter";
+export declare const BADGE_COMMERCIAL_SPONSOR = "commercial_supporter";
+export declare const DISPLAY_ADDRESS_ORDER = "street,house_number,zip_code,city";
+export declare const POI_TYPE_UNCLAIMED = "unclaimed_profile";
+export declare const POI_TYPE_ORGANIZATION = "organization_profile";
+export declare const POI_TYPE_BUSINESS = "business_profile";
+export declare const POI_SUBCATEGORY_ORGANIZATION_OTHER = "other";
+export declare const POI_SUBCATEGORY_BUSINESS_OTHER = "other";
+export declare const POI_SUBCATEGORY_SPECIAL_OTHER = "other";

package/lib/RichTextArea/lexical/LexicalImagesPreview.d.ts

@@ -0,0 +1,7 @@
+import { ImageFile } from '../RichTextArea.types';
+type LexicalImagesPreviewProps = {
+    imageFiles: ImageFile[];
+    setImageFiles: (files: ImageFile[]) => void;
+};
+declare const LexicalImagesPreview: ({ imageFiles, setImageFiles, }: LexicalImagesPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export default LexicalImagesPreview;

package/lib/RichTextArea/lexical/nodes/MentionNode.d.ts

@@ -0,0 +1,29 @@
+import { DOMConversionMap, DOMExportOutput, DecoratorNode, EditorConfig, LexicalEditor, LexicalNode, NodeKey, SerializedLexicalNode, Spread } from 'lexical';
+export type SerializedMentionNode = Spread<{
+    gid: string;
+    mentionName: string;
+    userId: number;
+}, SerializedLexicalNode>;
+export declare class MentionNode extends DecoratorNode<JSX.Element> {
+    __mention: string;
+    __userId: number;
+    __gid: string;
+    static getType(): string;
+    static clone(node: MentionNode): MentionNode;
+    static importJSON(serializedNode: SerializedMentionNode): MentionNode;
+    constructor(config: {
+        gid: string;
+        mentionName: string;
+        userId: number;
+    }, key?: NodeKey);
+    exportJSON(): SerializedMentionNode;
+    createDOM(config: EditorConfig): HTMLElement;
+    updateDOM(): false;
+    exportDOM(): DOMExportOutput;
+    static importDOM(): DOMConversionMap | null;
+    getTextContent(): string;
+    decorate(_editor: LexicalEditor, config: EditorConfig): JSX.Element;
+    static isInline(): boolean;
+}
+export declare function $createMentionNode(mentionName: string, userId: number, gid: string): MentionNode;
+export declare function $isMentionNode(node: LexicalNode | null | undefined): node is MentionNode;

package/lib/RichTextArea/lexical/plugins/CharacterLimitPlugin.d.ts

@@ -0,0 +1,6 @@
+interface CharacterLimitPluginProps {
+    limit?: number;
+    onCharacterCountChange?: (count: number) => void;
+}
+export declare function CharacterLimitPlugin({ limit, onCharacterCountChange, }: CharacterLimitPluginProps): import("react/jsx-runtime").JSX.Element | null;
+export {};

package/lib/RichTextArea/lexical/plugins/LinkPlugin.d.ts

@@ -0,0 +1 @@
+export declare function LinkPlugin(): import("react/jsx-runtime").JSX.Element;

package/lib/RichTextArea/lexical/plugins/MentionPlugin.d.ts

@@ -0,0 +1,7 @@
+interface MentionPluginProps {
+    anchorRef: React.RefObject<HTMLElement>;
+    hoodId: number;
+    reachedHoodIds: number[];
+}
+export declare function MentionPlugin({ anchorRef, hoodId, reachedHoodIds }: MentionPluginProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/RichTextArea/lexical/plugins/ValueConverterPlugin.d.ts

@@ -0,0 +1,7 @@
+import { RichTextAreaValueType } from '../../RichTextArea.types';
+interface ValueConverterPluginProps {
+    onChange: (value: RichTextAreaValueType) => void;
+    value: RichTextAreaValueType;
+}
+export declare function ValueConverterPlugin({ onChange, value }: ValueConverterPluginProps): null;
+export {};

package/lib/RichTextArea/lexical/utils.d.ts

@@ -0,0 +1,14 @@
+import { NeighbourResponse } from '../../../../../api/src/lib/core_v2';
+declare global {
+    interface Window {
+        __STORYBOOK_MOCK_USERS__?: NeighbourResponse[];
+    }
+}
+/**
+ * Generate a unique GID for a mention
+ */
+export declare function generateGID(userId: number): string;
+/**
+ * Fetch neighbours for mention suggestions
+ */
+export declare function fetchNeighbours(reachedHoodIds: number[], hoodId: number, query: string): Promise<NeighbourResponse[]>;

package/lib/RichTextArea/useImageUpload.d.ts

@@ -0,0 +1,11 @@
+interface UploadResult {
+    signedId: string;
+    url: string;
+}
+interface UseImageUploadReturn {
+    error: string | null;
+    isUploading: boolean;
+    uploadImage: (file: File) => Promise<UploadResult | null>;
+}
+export declare const useImageUpload: () => UseImageUploadReturn;
+export {};

package/lib/RichTextArea/useUrlMetaData.d.ts

@@ -0,0 +1,15 @@
+import { components } from '../../../../api/src/lib/core/generated_types';
+type CoreV3EmbedDetails = components['schemas']['Core_V3_EmbedDetails'];
+type MetaStatus = 'pending' | 'success' | 'error';
+interface MetaCacheEntry {
+    data?: CoreV3EmbedDetails;
+    error?: unknown;
+    status: MetaStatus;
+}
+export declare const useUrlMetaData: () => {
+    clearMeta: () => void;
+    fetchLinkMetadata: (url: string) => Promise<MetaCacheEntry | null>;
+    meta: MetaCacheEntry | null;
+    removeMetadata: (url: string) => void;
+};
+export {};

package/lib/RichTextArea/utils.d.ts

@@ -0,0 +1,3 @@
+import { NeighbourResponse } from '../../../../api/src/lib/core_v2';
+export declare const isShadowUser: (user: NeighbourResponse) => boolean;
+export declare const getShortName: (user: NeighbourResponse) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@goodhood-web/nebenan-base",
-  "version": "3.6.0-development.2",
+  "version": "3.6.0-development.3",
   "main": "./index.js",
   "types": "./index.d.ts",
   "repository": "https://github.com/good-hood-gmbh/goodhood-web",