hive-react-kit 0.0.6 → 0.0.13

package/README.md

@@ -80,6 +80,26 @@ import type { Video, Comment, Wallet as WalletType } from 'hive-react-kit/types'
 - **UserFollowers** - User followers list
 - **UserFollowing** - User following list
 
+### Feed Components
+
+- **PostFeedList** - Display a list of posts with sorting, filtering, and interaction capabilities
+
+#### PostFeedList Props
+
+| Prop | Type | Default | Description |
+|------|------|---------|-------------|
+| `sort` | `PostSort` | `'trending'` | Sort order for posts. Options: `'trending'`, `'hot'`, `'created'` |
+| `tag` | `string` | `''` | Filter posts by tag |
+| `observer` | `string` | `'hive.blog'` | Observer account for filtering |
+| `limit` | `number` | `20` | Number of posts to load per request |
+| `onAuthorClick` | `(author: string, avatar: string) => void` | - | Callback when author is clicked |
+| `onPostClick` | `(post: Post) => void` | - | Callback when post is clicked |
+| `onCommunityClick` | `(communityTitle: string) => void` | - | Callback when community is clicked |
+| `onPayoutClick` | `(payout: number) => void` | - | Callback when payout is clicked |
+| `onUpvoteClick` | `(post: Post) => void` | - | Callback when upvote button is clicked |
+| `onCommentClick` | `(post: Post) => void` | - | Callback when comment button is clicked |
+| `onReblogClick` | `(post: Post) => void` | - | Callback when reblog button is clicked |
+
 ## Setup
 
 Make sure to install the required peer dependencies:

package/dist/components/ActivityHistory.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+interface ActivityHistoryProps {
+    username: string;
+    className?: string;
+}
+declare const ActivityHistory: React.FC<ActivityHistoryProps>;
+export default ActivityHistory;

package/dist/components/ActivityList.d.ts

@@ -0,0 +1,15 @@
+import React from "react";
+import { ActivityListItem, DirectionFilter, GeneralFilter, RewardFilter } from "@/types/activityList";
+interface ActivityListProps {
+    username: string;
+    directionFilter?: DirectionFilter;
+    generalFilter?: GeneralFilter;
+    rewardFilter?: RewardFilter;
+    searchTerm?: string;
+    limit?: number;
+    className?: string;
+    onClickPermlink?: (author: string, permlink: string) => void;
+    onSelectActivity?: (activity: ActivityListItem) => void;
+}
+declare const ActivityList: React.FC<ActivityListProps>;
+export default ActivityList;

package/dist/components/FollowersList.d.ts

@@ -0,0 +1,8 @@
+interface FollowersListProps {
+    username: string;
+    onClickAuthor?: (username: string) => void;
+    onClickAddRemoveFromLists?: (username: string) => void;
+    onClickFollow?: (username: string) => void;
+}
+declare const FollowersList: ({ username, onClickAuthor, onClickAddRemoveFromLists, onClickFollow, }: FollowersListProps) => import("react/jsx-runtime").JSX.Element;
+export default FollowersList;

package/dist/components/FollowingList.d.ts

@@ -0,0 +1,8 @@
+interface FollowingListProps {
+    username: string;
+    onClickAuthor?: (username: string) => void;
+    onClickAddRemoveFromLists?: (username: string) => void;
+    onClickUnfollow?: (username: string) => void;
+}
+declare const FollowingList: ({ username, onClickAuthor, onClickAddRemoveFromLists, onClickUnfollow, }: FollowingListProps) => import("react/jsx-runtime").JSX.Element;
+export default FollowingList;

package/dist/components/ListOfWitnesses.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ListOfWitnessesProps } from '../types/witness';
+declare const ListOfWitnesses: React.FC<ListOfWitnessesProps>;
+export default ListOfWitnesses;

package/dist/components/PostFeedList.d.ts

@@ -0,0 +1,17 @@
+import { Post, PostSort } from '@/types/post';
+interface PostFeedListProps {
+    sort?: PostSort;
+    tag?: string;
+    observer?: string;
+    limit?: number;
+    showSortDropdown?: boolean;
+    onAuthorClick?: (author: string, avatar: string) => void;
+    onPostClick?: (post: Post) => void;
+    onCommunityClick?: (communityTitle: string) => void;
+    onPayoutClick?: (payout: number) => void;
+    onUpvoteClick?: (post: Post) => void;
+    onCommentClick?: (post: Post) => void;
+    onReblogClick?: (post: Post) => void;
+}
+export default function PostFeedList({ sort, tag, observer, limit, showSortDropdown, onAuthorClick, onPostClick, onCommunityClick, onPayoutClick, onUpvoteClick, onCommentClick, onReblogClick, }: PostFeedListProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/ProposalsList.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProposalsListProps } from '../types/proposal';
+declare const ProposalsList: React.FC<ProposalsListProps>;
+export default ProposalsList;

package/dist/components/TransactionHistory.d.ts

@@ -0,0 +1,6 @@
+interface TransactionHistoryProps {
+    account: string;
+    className?: string;
+}
+declare function TransactionHistory({ account, className }: TransactionHistoryProps): import("react/jsx-runtime").JSX.Element;
+export default TransactionHistory;

package/dist/components/UpvoteListModal.d.ts

@@ -0,0 +1,11 @@
+interface UpvoteListModalProps {
+    author: string;
+    permlink: string;
+    onClose: () => void;
+    currentUser?: string;
+    token?: string;
+    onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
+}
+export declare function formatTimeAgo(date: string | Date): string;
+declare const UpvoteListModal: ({ author, permlink, onClose, currentUser, token, onClickUpvoteButton }: UpvoteListModalProps) => import("react/jsx-runtime").JSX.Element;
+export default UpvoteListModal;

package/dist/components/VoteSlider.d.ts

@@ -0,0 +1,7 @@
+export declare function VoteSlider({ author, permlink, defaultValue, onUpvote, onCancel, }: {
+    author: string;
+    permlink: string;
+    defaultValue?: number;
+    onUpvote: (percent: number) => Promise<void> | void;
+    onCancel: () => void;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/components/WitnessFilters.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { WitnessFilters } from '../types/witness';
+interface WitnessFiltersProps {
+    filters: WitnessFilters;
+    onFiltersChange: (filters: WitnessFilters) => void;
+}
+declare const WitnessFiltersComponent: React.FC<WitnessFiltersProps>;
+export default WitnessFiltersComponent;

package/dist/components/comments/AddCommentInput.d.ts

@@ -0,0 +1,10 @@
+interface AddCommentInputProps {
+    onSubmit: (body: string) => void;
+    onCancel: () => void;
+    currentUser?: string;
+    placeholder?: string;
+    parentAuthor?: string;
+    parentPermlink?: string;
+}
+declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink }: AddCommentInputProps) => import("react/jsx-runtime").JSX.Element;
+export default AddCommentInput;

package/dist/components/comments/CommentSearchBar.d.ts

@@ -0,0 +1,8 @@
+interface CommentSearchBarProps {
+    isVisible: boolean;
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    onClose: () => void;
+}
+declare const CommentSearchBar: ({ isVisible, searchQuery, onSearchChange, onClose }: CommentSearchBarProps) => import("react/jsx-runtime").JSX.Element;
+export default CommentSearchBar;

package/dist/components/comments/CommentTile.d.ts

@@ -0,0 +1,16 @@
+import { Discussion } from '@/types/comment';
+interface CommentTileProps {
+    comment: Discussion;
+    allComments: Discussion[];
+    onReply: (author: string, permlink: string) => void;
+    currentUser?: string;
+    token?: string;
+    searchQuery?: string;
+    depth?: number;
+    onVotedRefresh?: () => void;
+    onClickCommentUpvote?: (comment: Discussion) => void;
+    onClickCommentReply?: (comment: Discussion) => void;
+    onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
+}
+declare const CommentTile: ({ comment, allComments, onReply, currentUser, token, searchQuery, depth, onVotedRefresh, onClickCommentUpvote, onClickCommentReply, onClickUpvoteButton, }: CommentTileProps) => import("react/jsx-runtime").JSX.Element;
+export default CommentTile;

package/dist/components/comments/CommentsModal.d.ts

@@ -0,0 +1,13 @@
+import { Discussion } from '@/types/comment';
+interface CommentsModalProps {
+    author: string;
+    permlink: string;
+    onClose: () => void;
+    currentUser?: string;
+    token?: string;
+    onClickCommentUpvote?: (comment: Discussion) => void;
+    onClickCommentReply?: (comment: Discussion) => void;
+    onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
+}
+declare const CommentsModal: ({ author, permlink, onClose, currentUser, token, onClickCommentUpvote, onClickCommentReply, onClickUpvoteButton }: CommentsModalProps) => import("react/jsx-runtime").JSX.Element;
+export default CommentsModal;

package/dist/components/comments/ReplyModal.d.ts

@@ -0,0 +1,9 @@
+interface ReplyModalProps {
+    parentAuthor: string;
+    parentPermlink: string;
+    onClose: () => void;
+    onCommentSubmitted: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void>;
+    currentUser?: string;
+}
+declare const ReplyModal: ({ parentAuthor, parentPermlink, onClose, onCommentSubmitted, currentUser }: ReplyModalProps) => import("react/jsx-runtime").JSX.Element;
+export default ReplyModal;

package/dist/components/community/CommunityDetails.d.ts

@@ -0,0 +1,13 @@
+import { Post } from "../../types/post";
+interface CommunityDetailsProps {
+    communityId: string;
+    onAuthorClick?: (author: string, avatar: string) => void;
+    onPostClick?: (post: Post) => void;
+    onCommunityClick?: (communityTitle: string) => void;
+    onPayoutClick?: (payout: number) => void;
+    onUpvoteClick?: (post: Post) => void;
+    onCommentClick?: (post: Post) => void;
+    onReblogClick?: (post: Post) => void;
+}
+declare const CommunityDetails: ({ communityId, onAuthorClick, onPostClick, onCommunityClick, onPayoutClick, onUpvoteClick, onCommentClick, onReblogClick, }: CommunityDetailsProps) => import("react/jsx-runtime").JSX.Element;
+export default CommunityDetails;

package/dist/components/index.d.ts

@@ -3,6 +3,11 @@ export { default as VideoDetail } from './VideoDetail';
 export { default as VideoFeed } from './VideoFeed';
 export { default as VideoInfo } from './VideoInfo';
 export { default as Wallet } from './Wallet';
+export { default as PostFeedList } from './PostFeedList';
+export { default as ProposalsList } from './ProposalsList';
+export { default as FollowersList } from './FollowersList';
+export { default as FollowingList } from './FollowingList';
+export { default as ActivityList } from './ActivityList';
 export { default as FavouriteWidget } from './common/FavouriteWidget';
 export { default as CommunitiesList } from './community/CommunitiesList';
 export { default as CommunityAbout } from './community/CommunityAbout';

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { default as VideoDetail } from './components/VideoDetail';
 export { default as VideoFeed } from './components/VideoFeed';
 export { default as VideoInfo } from './components/VideoInfo';
 export { default as Wallet } from './components/Wallet';
+export { default as ListOfWitnesses } from './components/ListOfWitnesses';
 export { default as FavouriteWidget } from './components/common/FavouriteWidget';
 export { default as CommunitiesList } from './components/community/CommunitiesList';
 export { default as CommunityAbout } from './components/community/CommunityAbout';
@@ -25,5 +26,7 @@ export * from './types/graphql';
 export * from './types/trending';
 export * from './types/video';
 export * from './types/wallet';
+export * from './types/witness';
 export * from './services/apiService';
+export * from './services/witnessService';
 export * from './store/walletStore';