hive-react-kit 0.9.0 → 0.9.2

package/README.md

@@ -158,7 +158,8 @@ import { UserDetailProfile } from 'hive-react-kit';
 | `onUserClick` | `(username: string) => void` | Called when a user avatar/name is clicked (followers, following, etc.) |
 | `onPostClick` | `(author: string, permlink: string, title: string) => void` | Called when a blog/post/reward row is clicked |
 | `onSnapClick` | `(author: string, permlink: string) => void` | Called when a snap item is clicked |
-| `onPollClick` | `(author: string, permlink: string, question: string) => void` | Called when a poll item is clicked |
+| `onPollClick` | `(author: string, permlink: string, question: string) => void` | Called when a poll card body is clicked. Choices and the action bar do **not** trigger this — they have their own handlers |
+| `onVotePoll` | `(author, permlink, choiceNums: number[]) => void \| boolean \| Promise<void \| boolean>` | Called when a user submits a vote on a poll **inline from the polls tab**. `choiceNums` is an array of 1-based choice numbers. Return `false` to cancel — per-card vote state will not be updated. When omitted, choices render read-only with vote bars |
 | `onActivityPermlink` | `(author: string, permlink: string) => void` | Called when an activity permlink is clicked |
 | `onActivitySelect` | `(activity: any) => void` | Called when an activity item is selected |
 | `onShare` | `(username: string) => void` | Called when the share button is clicked |
@@ -172,7 +173,7 @@ The `tabShown` prop accepts an array of these values:
 | `"blogs"` | Blogs | User's blog posts (reblogs included) |
 | `"posts"` | Posts | User's original posts |
 | `"snaps"` | Snaps | User's snaps from PeakD |
-| `"polls"` | Polls | User's polls from HiveHub |
+| `"polls"` | Polls | User's polls from HiveHub. Each card renders the choices inline with vote bars and a **Submit Vote** flow when `onVotePoll` is provided |
 | `"comments"` | Comments | User's comments |
 | `"replies"` | Replies | Replies to the user |
 | `"activities"` | Activities | User's activity history |

package/dist/build.css

@@ -43,6 +43,7 @@
     --color-emerald-400: oklch(76.5% 0.177 163.223);
     --color-emerald-500: oklch(69.6% 0.17 162.48);
     --color-emerald-900: oklch(37.8% 0.077 168.94);
+    --color-sky-300: oklch(82.8% 0.111 230.318);
     --color-sky-400: oklch(74.6% 0.16 232.661);
     --color-sky-500: oklch(68.5% 0.169 237.323);
     --color-blue-100: oklch(93.2% 0.032 255.585);
@@ -123,6 +124,7 @@
     --tracking-widest: 0.1em;
     --leading-tight: 1.25;
     --leading-relaxed: 1.625;
+    --radius-sm: 0.25rem;
     --radius-md: 0.375rem;
     --radius-lg: 0.5rem;
     --radius-xl: 0.75rem;
@@ -335,6 +337,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-1 {
+    top: calc(var(--spacing) * 1);
+  }
   .top-1\/2 {
     top: calc(1 / 2 * 100%);
   }
@@ -467,6 +472,9 @@
   .m-2 {
     margin: calc(var(--spacing) * 2);
   }
+  .-mx-2 {
+    margin-inline: calc(var(--spacing) * -2);
+  }
   .mx-1 {
     margin-inline: calc(var(--spacing) * 1);
   }
@@ -530,6 +538,9 @@
   .mr-4 {
     margin-right: calc(var(--spacing) * 4);
   }
+  .mb-0\.5 {
+    margin-bottom: calc(var(--spacing) * 0.5);
+  }
   .mb-1 {
     margin-bottom: calc(var(--spacing) * 1);
   }
@@ -705,6 +716,9 @@
   .h-52 {
     height: calc(var(--spacing) * 52);
   }
+  .h-56 {
+    height: calc(var(--spacing) * 56);
+  }
   .h-\[56px\] {
     height: 56px;
   }
@@ -1219,6 +1233,9 @@
   .rounded-md {
     border-radius: var(--radius-md);
   }
+  .rounded-sm {
+    border-radius: var(--radius-sm);
+  }
   .rounded-xl {
     border-radius: var(--radius-xl);
   }
@@ -2279,6 +2296,9 @@
   .text-rose-400 {
     color: var(--color-rose-400);
   }
+  .text-sky-300 {
+    color: var(--color-sky-300);
+  }
   .text-sky-400 {
     color: var(--color-sky-400);
   }
@@ -2560,6 +2580,12 @@
       border-bottom-left-radius: var(--radius-lg);
     }
   }
+  .last\:border-0 {
+    &:last-child {
+      border-style: var(--tw-border-style);
+      border-width: 0px;
+    }
+  }
   .hover\:-translate-y-1 {
     &:hover {
       @media (hover: hover) {
@@ -3136,6 +3162,11 @@
       height: calc(var(--spacing) * 52);
     }
   }
+  .sm\:h-56 {
+    @media (width >= 40rem) {
+      height: calc(var(--spacing) * 56);
+    }
+  }
   .sm\:h-64 {
     @media (width >= 40rem) {
       height: calc(var(--spacing) * 64);

package/dist/components/HiveDetailPost.d.ts

@@ -28,6 +28,25 @@ export interface HiveDetailPostProps {
      * Typically wired to a user setting.
      */
     defaultReward?: import('../utils/commentOptions').RewardOption;
+    /**
+     * Override the Hive content renderer's link-generating functions so the
+     * rendered `<a>` URLs route into your app instead of an external Hive
+     * frontend. The in-body click interceptor already recognises peakd /
+     * hive.blog / ecency / inleo URLs plus `#/@user` and `/@user` hash/
+     * root-relative hrefs, so any of those formats will be routed internally
+     * via `onUserClick` / `onNavigateToPost`. Applies to both the post body
+     * and inline comment bodies.
+     */
+    renderOptions?: {
+        /** Replace user-mention URL (e.g. `(u) => '#/@' + u`). */
+        userLinkUrlFn?: (username: string) => string;
+        /** Replace hashtag URL (e.g. `(t) => '#/tag/' + t`). */
+        tagLinkUrlFn?: (tag: string) => string;
+        /** Replace the renderer's base URL used when `convertHiveUrls` is on. */
+        postBaseUrl?: string;
+        /** Replace the IPFS gateway prefix used for ipfs:// embeds. */
+        ipfsGateway?: string;
+    };
     onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onReblog?: () => void;
     onShare?: () => void;
@@ -69,5 +88,5 @@ export interface HiveDetailPostProps {
     /** Called when user clicks "View parent post" — navigate to the parent post. */
     onNavigateToPost?: (author: string, permlink: string) => void;
 }
-export declare function HiveDetailPost({ author, permlink, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onShare, onTip, onReport, onShareComment, onTipComment, onReportComment, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, backgroundColor, onBack, onUserClick, onNavigateToPost, onVotePoll, showVoteButton, processBody, defaultReward, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
+export declare function HiveDetailPost({ author, permlink, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onShare, onTip, onReport, onShareComment, onTipComment, onReportComment, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, backgroundColor, onBack, onUserClick, onNavigateToPost, onVotePoll, showVoteButton, processBody, defaultReward, renderOptions, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
 export default HiveDetailPost;

package/dist/components/inlineComments/InlineCommentItem.d.ts

@@ -29,6 +29,13 @@ interface InlineCommentItemProps {
     onUserClick?: (username: string) => void;
     /** Default reward routing seeded into every reply composer. */
     defaultReward?: RewardOption;
+    /** Renderer URL overrides applied to the comment body. */
+    renderOptions?: {
+        userLinkUrlFn?: (username: string) => string;
+        tagLinkUrlFn?: (tag: string) => string;
+        postBaseUrl?: string;
+        ipfsGateway?: string;
+    };
 }
-export default function InlineCommentItem({ comment, allComments, onReply, onCancelReply, onCommentSubmit, activeReplyKey, currentUser, token, depth, onVotedRefresh, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hiveIconUrl, onShareComment, onTipComment, onReportComment, onNavigateToPost, onUserClick, defaultReward, }: InlineCommentItemProps): import("react/jsx-runtime").JSX.Element;
+export default function InlineCommentItem({ comment, allComments, onReply, onCancelReply, onCommentSubmit, activeReplyKey, currentUser, token, depth, onVotedRefresh, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hiveIconUrl, onShareComment, onTipComment, onReportComment, onNavigateToPost, onUserClick, defaultReward, renderOptions, }: InlineCommentItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/inlineComments/InlineCommentSection.d.ts

@@ -15,6 +15,13 @@ interface InlineCommentSectionProps {
     parentTags?: string[];
     /** Default reward routing seeded into every reply composer in this section. */
     defaultReward?: RewardOption;
+    /** Renderer URL overrides applied to every comment body in this section. */
+    renderOptions?: {
+        userLinkUrlFn?: (username: string) => string;
+        tagLinkUrlFn?: (tag: string) => string;
+        postBaseUrl?: string;
+        ipfsGateway?: string;
+    };
     ecencyToken?: string;
     threeSpeakApiKey?: string;
     giphyApiKey?: string;
@@ -36,5 +43,5 @@ interface InlineCommentSectionProps {
     /** Intercept intra-body Hive profile links in comment bodies. */
     onUserClick?: (username: string) => void;
 }
-export default function InlineCommentSection({ author, permlink, currentUser, token, onSubmitComment, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, onShareComment, onTipComment, onReportComment, onNavigateToPost, onUserClick, showVoteButton, alreadyVoted, parentTags, defaultReward, }: InlineCommentSectionProps): import("react/jsx-runtime").JSX.Element;
+export default function InlineCommentSection({ author, permlink, currentUser, token, onSubmitComment, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, onShareComment, onTipComment, onReportComment, onNavigateToPost, onUserClick, showVoteButton, alreadyVoted, parentTags, defaultReward, renderOptions, }: InlineCommentSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/user/PollListItem.d.ts

@@ -0,0 +1,37 @@
+import React from "react";
+import type { Poll } from "@/types/poll";
+export interface PollListItemProps {
+    poll: Poll;
+    currentUsername?: string;
+    /**
+     * Called when the user submits a poll vote from the inline voting UI.
+     * `choiceNums` is an array of 1-based choice numbers selected.
+     *
+     * Return `false` (or a Promise resolving to `false`) to indicate the
+     * operation was cancelled (e.g. keychain request denied) — the local
+     * vote state will NOT be updated.
+     */
+    onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
+    /** Card click — opens poll detail (clicks on choices/buttons don't bubble here) */
+    onPollClick?: (author: string, permlink: string, question: string) => void;
+    onUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | Promise<void>;
+    onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
+    onReblog?: (author: string, permlink: string) => void;
+    onTip?: (author: string, permlink: string) => void;
+    onSharePost?: (author: string, permlink: string) => void;
+    onCommentClick?: (author: string, permlink: string) => void;
+    /**
+     * Called when the user clicks the report button on the action bar.
+     * The parent owns the report modal — this is purely a request to open it.
+     */
+    onRequestReportPost?: (author: string, permlink: string) => void;
+    onUserClick?: (username: string) => void;
+    ecencyToken?: string;
+    threeSpeakApiKey?: string;
+    giphyApiKey?: string;
+    templateToken?: string;
+    templateApiBaseUrl?: string;
+}
+declare const PollListItem: React.FC<PollListItemProps>;
+export default PollListItem;

package/dist/components/user/UserDetailProfile.d.ts

@@ -39,6 +39,19 @@ export interface UserDetailProfileProps {
     onReblog?: (author: string, permlink: string) => void;
     onTip?: (author: string, permlink: string) => void;
     onReportPost?: (author: string, permlink: string, reason: string) => void | Promise<void>;
+    /**
+     * Called when the user submits a poll vote from the inline voting UI on the
+     * polls tab. `choiceNums` is an array of 1-based choice numbers selected
+     * (one entry for single-choice polls, one or more for multi-choice).
+     *
+     * Return `false` (or a Promise resolving to `false`) to indicate the
+     * operation was cancelled (e.g. keychain request denied) — the per-card
+     * vote state will not be updated.
+     *
+     * When this callback is omitted, the polls tab still renders choices with
+     * vote bars but is read-only.
+     */
+    onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
     onUserClick?: (username: string) => void;
     onPostClick?: (author: string, permlink: string, title: string) => void;
     onSnapClick?: (author: string, permlink: string) => void;
@@ -54,6 +67,6 @@ export interface UserDetailProfileProps {
     isFavourited?: boolean;
     favouriteCount?: number;
 }
-type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet" | "votingPower" | "badges" | "witnessVotes";
+type TabType = "blogs" | "posts" | "snaps" | "polls" | "comments" | "replies" | "activities" | "authorRewards" | "curationRewards" | "followers" | "following" | "wallet" | "votingPower" | "badges" | "witnessVotes" | "growth";
 declare const UserDetailProfile: React.FC<UserDetailProfileProps>;
 export default UserDetailProfile;

package/dist/components/user/UserGrowth.d.ts

@@ -0,0 +1,9 @@
+import React from "react";
+export interface UserGrowthProps {
+    username: string;
+    /** Default range when the tab opens. Can still be toggled by the user. */
+    defaultRange?: 7 | 30;
+    className?: string;
+}
+declare const UserGrowth: React.FC<UserGrowthProps>;
+export default UserGrowth;