@select-org/post-components 0.2.1 → 1.0.1

package/dist/index.d.ts

@@ -0,0 +1,321 @@
+import React from 'react';
+import { TipTapDocument, ItemData, LinkItemMetaData, PollItemData, MentionData, SectionItem, PollResult, MediaUploadStatus } from './types.js';
+export { FormatMentionData, ImageInfo, PostAuthor, PostDataMetaData } from './types.js';
+import { ResolvedTextContent, PrimaryContent, EmbedContent, TextItemContent, SectionItem as SectionItem$1 } from './resolver.js';
+export { LinkContent, MediaContent, PollContent, ResolvePostContentMode, ResolvedPostContent, SectionsContent, hasMeaningfulHtml, resolvePostContent } from './resolver.js';
+
+interface PostCardProps {
+    post: {
+        context_id: string;
+        body?: string;
+        htmlBody?: string;
+        jsonBody?: TipTapDocument | null;
+        textBody?: string;
+        items?: ItemData[] | LinkItemMetaData[] | PollItemData[];
+        mentionData?: MentionData[];
+        sections?: SectionItem[];
+        poll_result?: PollResult;
+        postedAt: string;
+        postType: string;
+        is_pending?: boolean;
+        isFeatured?: boolean;
+    };
+    author: {
+        id: string;
+        name: string;
+        avatar: string;
+        avatarPlaceholder?: string;
+    };
+    authorHref: string;
+    group?: {
+        name: string;
+        avatar?: string;
+    };
+    groupHref?: string;
+    postHref?: string;
+    linkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
+    imageComponent?: React.ComponentType<{
+        src: string;
+        alt: string;
+        fill?: boolean;
+        placeholder?: 'blur' | 'empty';
+        blurDataURL?: string;
+        priority?: boolean;
+        className?: string;
+    }>;
+    isAdmin?: boolean;
+    isOwner?: boolean;
+    isPostPreview?: boolean;
+    onPostPress?: () => void;
+    onErasePress?: () => void;
+    onCancelPost?: () => void;
+    onVotePress?: (item: ItemData) => void;
+    onCardPress?: () => void;
+    renderActionsMenu?: () => React.ReactNode;
+    renderReactionTrigger?: (props: {
+        onOpen: () => void;
+    }) => React.ReactNode;
+    renderReactionModal?: (props: {
+        isOpen: boolean;
+        onClose: () => void;
+        onSend: (emoji: string) => void;
+    }) => React.ReactNode;
+    onNavigate?: (href: string, isInternal: boolean) => void;
+    supportDeepviewDomain?: string;
+    labels?: {
+        cancelPost?: string;
+        sending?: string;
+        uploadingRemaining?: string;
+        uploadingDone?: string;
+    };
+    mode?: 'feed' | 'detail' | 'inbox' | 'draft';
+    commentCount?: number;
+    unreadCommentCount?: number;
+    isSnoozed?: boolean;
+    onSnoozeToggle?: () => void;
+    mediaItemStatuses?: Record<string, MediaUploadStatus>;
+    showFooterLink?: boolean;
+    footerLinkLabel?: string;
+    footerLinkHref?: string;
+    className?: string;
+}
+declare const PostCard: React.FC<PostCardProps>;
+
+interface PostHeaderProps {
+    author: {
+        id: string;
+        name: string;
+        avatar: string;
+        avatarPlaceholder?: string;
+    };
+    authorHref: string;
+    group?: {
+        name: string;
+        avatar?: string;
+    };
+    groupHref?: string;
+    postedAt: string;
+    postType: string;
+    isFeatured?: boolean;
+    isPostPreview?: boolean;
+    isAdmin?: boolean;
+    isOwner?: boolean;
+    onErasePress?: () => void;
+    onCancelPost?: () => void;
+    renderActionsMenu?: () => React.ReactNode;
+    linkComponent?: React.ComponentType<{
+        href: string;
+        children: React.ReactNode;
+        className?: string;
+    }>;
+    imageComponent?: React.ComponentType<{
+        src: string;
+        alt: string;
+        fill?: boolean;
+        placeholder?: 'blur' | 'empty';
+        blurDataURL?: string;
+        priority?: boolean;
+        className?: string;
+    }>;
+    labels?: {
+        cancelPost?: string;
+    };
+}
+declare const PostHeader: React.FC<PostHeaderProps>;
+
+interface Props$a {
+    textContent: ResolvedTextContent;
+    showFull?: boolean;
+    isPostDetail: boolean;
+    isRichContent?: boolean;
+    hideEmailDescription?: boolean;
+    isEmailPost?: boolean;
+    onNavigate?: (href: string, isInternal: boolean) => void;
+    supportDeepviewDomain?: string;
+}
+declare const PostBody: React.FC<Props$a>;
+
+interface PostFooterProps {
+    postHref?: string;
+    commentCount?: number;
+    unreadCommentCount?: number;
+    showFooterLink?: boolean;
+    footerLinkLabel?: string;
+    footerLinkHref?: string;
+    isSnoozed?: boolean;
+    onSnoozeToggle?: () => void;
+    renderReactionTrigger?: (props: {
+        onOpen: () => void;
+    }) => React.ReactNode;
+    renderReactionModal?: (props: {
+        isOpen: boolean;
+        onClose: () => void;
+        onSend: (emoji: string) => void;
+    }) => React.ReactNode;
+}
+declare const PostFooter: React.FC<PostFooterProps>;
+
+interface Props$9 {
+    primaryContent: PrimaryContent;
+    isPostDetail: boolean;
+    onCardPress: () => void;
+    onVotePress: (item: PollItemData) => void;
+    isPostOwner?: boolean;
+    parentId?: string;
+    isCommentScope?: boolean;
+    imageComponent?: React.ComponentType<{
+        src: string;
+        alt: string;
+        className?: string;
+    }>;
+    mediaItemStatuses?: Record<string, MediaUploadStatus>;
+}
+declare const PostItemsView: React.FC<Props$9>;
+
+interface Props$8 {
+    embed: EmbedContent;
+}
+declare const PostEmbedView: React.FC<Props$8>;
+
+declare const PostEmail: React.FC<{
+    html: string;
+}>;
+
+interface Props$7 {
+    items: PollItemData[];
+    voteResult: PollResult | null;
+    onVotePress: (item: PollItemData) => void;
+    onCardPress: () => void;
+    isPostDetail: boolean;
+    isInboxCard?: boolean;
+    isPostOwner?: boolean;
+}
+declare const PostPollView: React.FC<Props$7>;
+
+interface Props$6 {
+    textItems: TextItemContent['items'];
+    showFullText: boolean;
+    isPostDetail: boolean;
+}
+declare const PostTextItem: React.FC<Props$6>;
+
+interface Props$5 {
+    sections: SectionItem$1[];
+    isPostDetail: boolean;
+    onCardPress: () => void;
+}
+declare const PostSectionsView: React.FC<Props$5>;
+
+interface Props$4 {
+    sourceInfo?: {
+        avatar: string;
+        username: string;
+        url: string;
+    };
+}
+declare const PostSectionSourceInfoView: React.FC<Props$4>;
+
+interface Props$3 {
+    fontColor?: string;
+    sections: SectionItem$1[];
+    onCardPress?: () => void;
+}
+declare const PostSectionsSummaryView: React.FC<Props$3>;
+
+interface PostLinkItemProps {
+    linkItems: LinkItemMetaData[];
+    imageComponent?: React.ComponentType<{
+        src: string;
+        alt: string;
+        className?: string;
+    }>;
+    onCloseClick?: () => void;
+    type?: 'preview' | 'display';
+    supportDeepviewDomain?: string;
+}
+declare const PostLinkItem: React.FC<PostLinkItemProps>;
+
+interface PostMediaLayoutProps {
+    items: ItemData[];
+    parentId?: string;
+    isPostDetail?: boolean;
+    onCardPress?: () => void;
+    mediaItemStatuses?: Record<string, MediaUploadStatus>;
+}
+declare const PostMediaLayoutCore: React.FC<PostMediaLayoutProps>;
+
+interface Props$2 {
+    status?: MediaUploadStatus;
+    /** Tile width in px. Status text is hidden when < 100. */
+    tileWidth?: number;
+}
+declare const MediaUploadStatusOverlay: React.FC<Props$2>;
+
+interface Props$1 {
+    statuses?: Record<string, MediaUploadStatus>;
+    labels?: {
+        /** Template with `{count}` replaced by the remaining in-flight number. */
+        uploadingRemaining?: string;
+        /** Shown when nothing is in flight but failures remain. */
+        uploadingDone?: string;
+    };
+}
+declare const PostUploadStrip: React.FC<Props$1>;
+
+/*!
+ * React Native Autolink
+ *
+ * Copyright 2016-2018 Josh Swan
+ * Released under the MIT license
+ * https://github.com/joshswan/react-native-autolink/blob/master/LICENSE
+ *
+ * Simplified and improved by Dean, to support mention list.
+ * Ported to design-system post-components: routing and config dependencies removed.
+ */
+
+type TruncateOptions = {
+    truncate?: number;
+    truncateChars?: string;
+    truncateLocation?: 'smart' | 'end' | 'middle';
+};
+interface AutoLinkProps {
+    text: string;
+    mentionData?: MentionData[];
+    onNavigate?: (href: string, isInternal: boolean) => void;
+    supportDeepviewDomain?: string;
+    phone?: any;
+    email?: any;
+    stripPrefix?: boolean;
+    style?: React.CSSProperties;
+    mentionClassName?: string;
+    className?: string;
+}
+declare const AutoLink: {
+    ({ text: textProp, mentionData, onNavigate, supportDeepviewDomain, phone, email, stripPrefix, style, mentionClassName: mentionClassNameProp, className, }: AutoLinkProps): React.JSX.Element | null;
+    truncate: (text: string, { truncate: len, truncateChars, truncateLocation }?: TruncateOptions) => string;
+};
+
+interface ReactionModalProps {
+    isOpen: boolean;
+    close: () => void;
+    sendReaction: (emoji: string) => void;
+    onAnalyticsEvent?: (event: string, data?: Record<string, unknown>) => void;
+}
+declare const ReactionModal: ({ isOpen, close, sendReaction, onAnalyticsEvent }: ReactionModalProps) => React.JSX.Element | null;
+
+interface Props {
+    backgroundColor?: string;
+    onYesPress: (e?: React.MouseEvent) => void;
+    onNoPress: (e?: React.MouseEvent) => void;
+    fontColor?: string;
+    itemType?: string;
+    isOpen: boolean;
+    handleClose: () => void;
+}
+declare const EraseConfirmModal: React.FC<Props>;
+
+export { AutoLink, EmbedContent, EraseConfirmModal, ItemData, LinkItemMetaData, MediaUploadStatus, MediaUploadStatusOverlay, MentionData, PollItemData, PollResult, PostBody, PostCard, type PostCardProps, PostEmail, PostEmbedView, PostFooter, PostHeader, type PostHeaderProps, PostItemsView, PostLinkItem, PostMediaLayoutCore, PostPollView, PostSectionSourceInfoView, PostSectionsSummaryView, PostSectionsView, PostTextItem, PostUploadStrip, PrimaryContent, ReactionModal, ResolvedTextContent, SectionItem, TextItemContent, TipTapDocument };