urnovl-web-components 0.0.260 → 0.0.261

package/dist/types/stories/CommentForm.stories.d.ts

@@ -48,6 +48,18 @@ declare const _default: {
             control: string;
             description: string;
         };
+        mobileAvatarSize: {
+            control: string;
+            description: string;
+        };
+        mobileGap: {
+            control: string;
+            description: string;
+        };
+        mobileStretchAlignment: {
+            control: string;
+            description: string;
+        };
         onCommentSubmit: {
             action: string;
         };
@@ -147,3 +159,21 @@ export declare const ReplyFormWithCancel: {
         variant: string;
     };
 };
+export declare const MobileCompact: {
+    args: {
+        variant: string;
+        mobileAvatarSize: string;
+        mobileGap: string;
+        mobileStretchAlignment: boolean;
+        user: {
+            displayName: string;
+            picture: string;
+        };
+        placeholder: string;
+        maxLength: number;
+        minLength: number;
+        disabled: boolean;
+        loading: boolean;
+        isServer: boolean;
+    };
+};

package/dist/types/stories/PostCard.stories.d.ts

@@ -0,0 +1,578 @@
+import '../components/ur-post-card/ur-post-card';
+declare const _default: {
+    title: string;
+    render: (args: any) => import("lit-html").TemplateResult<1>;
+    argTypes: {
+        post: {
+            control: string;
+            description: string;
+        };
+        ownerName: {
+            control: string;
+            description: string;
+        };
+        ownerImage: {
+            control: string;
+            description: string;
+        };
+        ownerType: {
+            control: string;
+            options: string[];
+            description: string;
+        };
+        timestamp: {
+            control: string;
+            description: string;
+        };
+        publicText: {
+            control: string;
+            description: string;
+        };
+        privateText: {
+            control: string;
+            description: string;
+        };
+        followersOnlyText: {
+            control: string;
+            description: string;
+        };
+        subscribersOnlyText: {
+            control: string;
+            description: string;
+        };
+        isOwner: {
+            control: string;
+            description: string;
+        };
+        liked: {
+            control: string;
+            description: string;
+        };
+        likeCount: {
+            control: string;
+            description: string;
+        };
+        commentCount: {
+            control: string;
+            description: string;
+        };
+        skeleton: {
+            control: string;
+            description: string;
+        };
+        userPollVote: {
+            control: string;
+            description: string;
+        };
+        totalPollVotes: {
+            control: string;
+            description: string;
+        };
+        editText: {
+            control: string;
+            description: string;
+        };
+        deleteText: {
+            control: string;
+            description: string;
+        };
+        reportText: {
+            control: string;
+            description: string;
+        };
+        mobile: {
+            control: string;
+            description: string;
+        };
+        postCardEvent: {
+            action: string;
+            description: string;
+        };
+    };
+};
+export default _default;
+export declare const TextPost: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const TextPostWithSpoiler: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const LinkPost: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            linkUrl: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const MediaPostSingleImage: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            media: {
+                url: string;
+                type: string;
+            }[];
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const MediaPostMultipleImages: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            media: {
+                url: string;
+                type: string;
+            }[];
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const MediaPostThreeImages: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            media: {
+                url: string;
+                type: string;
+            }[];
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const MediaPostTwoImages: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            media: {
+                url: string;
+                type: string;
+            }[];
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const PollPostNotVoted: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            pollOptions: {
+                text: string;
+                votes: number;
+            }[];
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+        userPollVote: number;
+        totalPollVotes: number;
+    };
+};
+export declare const PollPostVoted: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            pollOptions: {
+                text: string;
+                votes: number;
+            }[];
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+        userPollVote: number;
+        totalPollVotes: number;
+    };
+};
+export declare const SubscribersOnlyPost: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+            audienceTierNames: string[];
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const SubscribersOnlyPostOwner: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+            audienceTierNames: string[];
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const PrivatePost: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const OwnerView: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const NonOwnerView: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const HighEngagementPost: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const SkeletonLoading: {
+    args: {
+        post: any;
+        ownerName: string;
+        ownerImage: string;
+        timestamp: string;
+        skeleton: boolean;
+    };
+};
+export declare const PagePost: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const LockedRequiresLogin: {
+    render: (args: any) => import("lit-html").TemplateResult<1>;
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            isSpoiler: boolean;
+            audience: string;
+            locked: boolean;
+            lockReason: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const LockedRequiresFollow: {
+    render: (args: any) => import("lit-html").TemplateResult<1>;
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            isSpoiler: boolean;
+            audience: string;
+            locked: boolean;
+            lockReason: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const LockedRequiresSubscription: {
+    render: (args: any) => import("lit-html").TemplateResult<1>;
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            isSpoiler: boolean;
+            audience: string;
+            locked: boolean;
+            lockReason: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const LockedRequiresSpecificTier: {
+    render: (args: any) => import("lit-html").TemplateResult<1>;
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            isSpoiler: boolean;
+            audience: string;
+            audienceTiers: string[];
+            locked: boolean;
+            lockReason: string;
+            requiredTierNames: string[];
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        likeCount: number;
+        commentCount: number;
+    };
+};
+export declare const LockedPostsGallery: {
+    render: () => import("lit-html").TemplateResult<1>;
+};
+export declare const MobileModeOwner: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+        mobile: boolean;
+    };
+};
+export declare const MobileModeNonOwner: {
+    args: {
+        post: {
+            _id: string;
+            type: string;
+            title: string;
+            body: string;
+            isSpoiler: boolean;
+            audience: string;
+        };
+        ownerName: string;
+        ownerImage: string;
+        ownerType: string;
+        timestamp: string;
+        isOwner: boolean;
+        liked: boolean;
+        likeCount: number;
+        commentCount: number;
+        mobile: boolean;
+    };
+};