hive-react-kit 0.10.8 → 0.10.9

package/dist/build.css

@@ -348,6 +348,9 @@
   .top-0 {
     top: calc(var(--spacing) * 0);
   }
+  .top-0\.5 {
+    top: calc(var(--spacing) * 0.5);
+  }
   .top-1 {
     top: calc(var(--spacing) * 1);
   }
@@ -402,6 +405,9 @@
   .bottom-0 {
     bottom: calc(var(--spacing) * 0);
   }
+  .bottom-0\.5 {
+    bottom: calc(var(--spacing) * 0.5);
+  }
   .bottom-1\.5 {
     bottom: calc(var(--spacing) * 1.5);
   }
@@ -420,6 +426,9 @@
   .left-0 {
     left: calc(var(--spacing) * 0);
   }
+  .left-0\.5 {
+    left: calc(var(--spacing) * 0.5);
+  }
   .left-1 {
     left: calc(var(--spacing) * 1);
   }
@@ -832,6 +841,9 @@
   .max-h-\[70vh\] {
     max-height: 70vh;
   }
+  .max-h-\[75vh\] {
+    max-height: 75vh;
+  }
   .max-h-\[80vh\] {
     max-height: 80vh;
   }
@@ -1000,6 +1012,9 @@
   .w-72 {
     width: calc(var(--spacing) * 72);
   }
+  .w-\[8\.5rem\] {
+    width: 8.5rem;
+  }
   .w-\[280px\] {
     width: 280px;
   }
@@ -1404,6 +1419,10 @@
     border-top-left-radius: var(--radius-2xl);
     border-top-right-radius: var(--radius-2xl);
   }
+  .rounded-t-xl {
+    border-top-left-radius: var(--radius-xl);
+    border-top-right-radius: var(--radius-xl);
+  }
   .rounded-b-lg {
     border-bottom-right-radius: var(--radius-lg);
     border-bottom-left-radius: var(--radius-lg);
@@ -2375,6 +2394,9 @@
   .pb-1 {
     padding-bottom: calc(var(--spacing) * 1);
   }
+  .pb-1\.5 {
+    padding-bottom: calc(var(--spacing) * 1.5);
+  }
   .pb-2 {
     padding-bottom: calc(var(--spacing) * 2);
   }
@@ -3674,16 +3696,36 @@
       opacity: 50%;
     }
   }
+  .sm\:absolute {
+    @media (width >= 40rem) {
+      position: absolute;
+    }
+  }
+  .sm\:inset-auto {
+    @media (width >= 40rem) {
+      inset: auto;
+    }
+  }
   .sm\:inset-x-auto {
     @media (width >= 40rem) {
       inset-inline: auto;
     }
   }
+  .sm\:top-full {
+    @media (width >= 40rem) {
+      top: 100%;
+    }
+  }
   .sm\:-right-2 {
     @media (width >= 40rem) {
       right: calc(var(--spacing) * -2);
     }
   }
+  .sm\:right-0 {
+    @media (width >= 40rem) {
+      right: calc(var(--spacing) * 0);
+    }
+  }
   .sm\:right-4 {
     @media (width >= 40rem) {
       right: calc(var(--spacing) * 4);
@@ -3880,6 +3922,11 @@
       height: auto;
     }
   }
+  .sm\:max-h-\[60vh\] {
+    @media (width >= 40rem) {
+      max-height: 60vh;
+    }
+  }
   .sm\:w-3\.5 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 3.5);
@@ -3945,11 +3992,26 @@
       width: calc(var(--spacing) * 40);
     }
   }
+  .sm\:w-44 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 44);
+    }
+  }
   .sm\:w-48 {
     @media (width >= 40rem) {
       width: calc(var(--spacing) * 48);
     }
   }
+  .sm\:w-72 {
+    @media (width >= 40rem) {
+      width: calc(var(--spacing) * 72);
+    }
+  }
+  .sm\:w-\[11rem\] {
+    @media (width >= 40rem) {
+      width: 11rem;
+    }
+  }
   .sm\:w-auto {
     @media (width >= 40rem) {
       width: auto;
@@ -4025,6 +4087,11 @@
       justify-content: flex-end;
     }
   }
+  .sm\:gap-1 {
+    @media (width >= 40rem) {
+      gap: calc(var(--spacing) * 1);
+    }
+  }
   .sm\:gap-2 {
     @media (width >= 40rem) {
       gap: calc(var(--spacing) * 2);
@@ -4079,6 +4146,11 @@
       border-radius: var(--radius-2xl);
     }
   }
+  .sm\:rounded-lg {
+    @media (width >= 40rem) {
+      border-radius: var(--radius-lg);
+    }
+  }
   .sm\:rounded-none {
     @media (width >= 40rem) {
       border-radius: 0;
@@ -4182,6 +4254,11 @@
       padding-inline: calc(var(--spacing) * 6);
     }
   }
+  .sm\:py-1\.5 {
+    @media (width >= 40rem) {
+      padding-block: calc(var(--spacing) * 1.5);
+    }
+  }
   .sm\:py-2 {
     @media (width >= 40rem) {
       padding-block: calc(var(--spacing) * 2);

package/dist/components/ActivityList.d.ts

@@ -1,11 +1,9 @@
 import React from "react";
-import { ActivityListItem, DirectionFilter, GeneralFilter, RewardFilter } from "@/types/activityList";
+import { ActivityListItem, DirectionFilter, OperationFilter } from "@/types/activityList";
 interface ActivityListProps {
     username: string;
     directionFilter?: DirectionFilter;
-    generalFilter?: GeneralFilter;
-    rewardFilter?: RewardFilter;
-    searchTerm?: string;
+    operationFilter?: OperationFilter;
     limit?: number;
     className?: string;
     onClickPermlink?: (author: string, permlink: string) => void;

package/dist/components/HiveDetailPost.d.ts

@@ -83,9 +83,35 @@ export interface HiveDetailPostProps {
     onShare?: () => void;
     onTip?: () => void;
     onReport?: () => void;
+    /** Called when the post author taps Edit on their own post. Only
+     *  rendered as an action when `currentUser === post.author`. The
+     *  payload contains everything the consumer needs to open an edit
+     *  modal without re-fetching: original body, title, parent refs, and
+     *  json_metadata. */
+    onEdit?: (data: {
+        author: string;
+        permlink: string;
+        body: string;
+        title: string;
+        parent_author: string;
+        parent_permlink: string;
+        json_metadata: string;
+    }) => void;
     onShareComment?: (author: string, permlink: string) => void;
     onTipComment?: (author: string, permlink: string) => void;
     onReportComment?: (author: string, permlink: string) => void;
+    /** Called when the comment author taps Edit on their own comment. Only
+     *  rendered as an action on comments whose author matches `currentUser`.
+     *  Includes the original body, parent refs, and json_metadata so the
+     *  consumer can open an edit modal without re-fetching. */
+    onEditComment?: (data: {
+        author: string;
+        permlink: string;
+        body: string;
+        parent_author: string;
+        parent_permlink: string;
+        json_metadata: string;
+    }) => void;
     /**
      * Called when the user submits a poll vote.
      * @param author - post author
@@ -119,5 +145,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, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, renderOptions, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
+export declare function HiveDetailPost({ author, permlink, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onShare, onTip, onReport, onEdit, onShareComment, onTipComment, onReportComment, onEditComment, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, reportedAuthors, reportedPosts, hiveIconUrl, backgroundColor, onBack, onUserClick, onNavigateToPost, onVotePoll, showVoteButton, processBody, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, renderOptions, }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;
 export default HiveDetailPost;

package/dist/components/PollVoteWidget.d.ts

@@ -0,0 +1,22 @@
+export interface PollVoteWidgetProps {
+    author: string;
+    permlink: string;
+    /** Logged-in user. When null/undefined the widget renders results
+     *  only (no vote UI). */
+    currentUser?: string;
+    /** Consumer broadcasts the vote (custom_json id=`polls`). Return
+     *  `false` to indicate cancellation so the widget keeps the
+     *  selection. */
+    onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
+    /** Parsed `json_metadata` from the post — used as a fallback for the
+     *  question/choices when the polls API hasn't indexed the poll yet. */
+    parsedMetadata?: {
+        question?: string;
+        choices?: string[];
+        end_time?: number;
+        max_choices_voted?: number;
+        allow_vote_changes?: boolean;
+    } | null;
+}
+export declare function PollVoteWidget({ author, permlink, currentUser, onVotePoll, parsedMetadata, }: PollVoteWidgetProps): import("react/jsx-runtime").JSX.Element;
+export default PollVoteWidget;

package/dist/components/actionButtons/MoreActionsMenu.d.ts

@@ -1,4 +1,7 @@
 export interface MoreActionsMenuProps {
+    /** Show the Edit item (rendered first, gated by the caller to the
+     *  author themselves). */
+    onEdit?: () => void;
     /** Show the Reblog item. */
     onReblog?: () => void;
     /** Show the Share item. */
@@ -13,5 +16,5 @@ export interface MoreActionsMenuProps {
     /** aria-label for the trigger. */
     ariaLabel?: string;
 }
-export declare function MoreActionsMenu({ onReblog, onShare, onTip, onReport, buttonClassName, ariaLabel, }: MoreActionsMenuProps): import("react/jsx-runtime").JSX.Element;
+export declare function MoreActionsMenu({ onEdit, onReblog, onShare, onTip, onReport, buttonClassName, ariaLabel, }: MoreActionsMenuProps): import("react/jsx-runtime").JSX.Element;
 export default MoreActionsMenu;

package/dist/components/actionButtons/PostActionButton.d.ts

@@ -43,6 +43,10 @@ export interface PostActionButtonProps {
     allowLandscapeVideos?: boolean;
     /** Called when comment button is clicked (e.g. open comments). */
     onComments?: () => void;
+    /** Called when the Edit action is clicked. Pass only when the current
+     *  user is the post's author — the kit renders the Edit entry-point
+     *  iff this handler is provided. */
+    onEdit?: () => void;
     /** Called when reblog is clicked (when logged in). */
     onReblog?: () => void;
     /** Called when share is clicked. */
@@ -88,5 +92,5 @@ export interface PostActionButtonProps {
      *  polls, community detail) where there isn't room for four icons. */
     actionsAsMenu?: boolean;
 }
-export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, hiveIconUrl, payoutTooltip, initialVotes, initialCommentsCount, onUpvote, onSubmitComment, onComments, onEdit, onReblog, onShare, onTip, onReport, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, disableCommentsModal, onClickCommentIcon, onClickCommentCount, hasCommented, myReplyKey, showVoteButton, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, actionsAsMenu, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
 export default PostActionButton;

package/dist/components/feed/SnapsFeedCard.d.ts

@@ -38,6 +38,22 @@ export interface SnapsFeedCardProps {
      *  use: navigate to the post detail / comments view. Mirrors hSnaps. */
     onClickCommentCount?: (author: string, permlink: string) => void;
     onReportPost?: (author: string, permlink: string) => void;
+    /** Called when the snap's author taps Edit on the action-bar kebab.
+     *  The kit only renders the entry-point when `currentUser` matches
+     *  `post.author`. Payload mirrors HiveDetailPost.onEdit. */
+    onEditSnap?: (data: {
+        author: string;
+        permlink: string;
+        body: string;
+        title: string;
+        parent_author: string;
+        parent_permlink: string;
+        json_metadata: string;
+    }) => void;
+    /** Called when the viewer submits a vote on a poll embedded in this
+     *  snap. Pass the same handler used for poll posts on the detail
+     *  page — consumers broadcast a `custom_json` op (id: "polls"). */
+    onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
     onUserClick?: (username: string) => void;
     onPostClick?: (author: string, permlink: string, title?: string) => void;
     onTagClick?: (tag: string) => void;

package/dist/components/feed/SnapsFeedView.d.ts

@@ -56,6 +56,19 @@ export interface SnapsFeedViewProps {
     /** Comment-count click (per card) — typical use: open post detail. */
     onClickCommentCount?: (author: string, permlink: string) => void;
     onReportPost?: (author: string, permlink: string) => void;
+    /** Forwarded to every <SnapsFeedCard/> — Edit entry on the action-bar
+     *  kebab, gated to the snap's author. */
+    onEditSnap?: (data: {
+        author: string;
+        permlink: string;
+        body: string;
+        title: string;
+        parent_author: string;
+        parent_permlink: string;
+        json_metadata: string;
+    }) => void;
+    /** Cast a poll vote from inside a snap card (custom_json id: "polls"). */
+    onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
     onUserClick?: (username: string) => void;
     onPostClick?: (author: string, permlink: string, title?: string) => void;
     ecencyToken?: string;
@@ -87,5 +100,5 @@ export interface SnapsFeedViewProps {
      *  headers stay visible via `sticky top-0`. Mobile is unaffected. */
     pageScroll?: boolean;
 }
-export declare function SnapsFeedView({ feeds, labels, avatars, defaultPrimary, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onCommentClick, onClickCommentIcon, onClickCommentCount, onReportPost, onUserClick, onPostClick, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, toolbar, footer, renderHeaderActions, actionsAsMenu, pageScroll, }: SnapsFeedViewProps): import("react/jsx-runtime").JSX.Element;
+export declare function SnapsFeedView({ feeds, labels, avatars, defaultPrimary, currentUser, onUpvote, onSubmitComment, onClickCommentUpvote, onReblog, onTip, onSharePost, onCommentClick, onClickCommentIcon, onClickCommentCount, onReportPost, onEditSnap, onVotePoll, onUserClick, onPostClick, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, defaultVotePercent, voteWeightStep, allowLandscapeVideos, defaultReward, toolbar, footer, renderHeaderActions, actionsAsMenu, pageScroll, }: SnapsFeedViewProps): import("react/jsx-runtime").JSX.Element;
 export default SnapsFeedView;

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

@@ -24,6 +24,16 @@ interface InlineCommentItemProps {
     onShareComment?: (author: string, permlink: string) => void;
     onTipComment?: (author: string, permlink: string) => void;
     onReportComment?: (author: string, permlink: string) => void;
+    /** Called when the author of this comment taps Edit. Each row gates
+     *  the entry-point internally to `comment.author === currentUser`. */
+    onEditComment?: (data: {
+        author: string;
+        permlink: string;
+        body: string;
+        parent_author: string;
+        parent_permlink: string;
+        json_metadata: string;
+    }) => void;
     /** Called when an intra-body link points at a Hive post (peakd/hive.blog/ecency/inleo). */
     onNavigateToPost?: (author: string, permlink: string) => void;
     /** Called when an intra-body link points at a Hive user profile. */
@@ -49,5 +59,5 @@ interface InlineCommentItemProps {
         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, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, renderOptions, }: 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, onEditComment, onNavigateToPost, onUserClick, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, renderOptions, }: InlineCommentItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -50,10 +50,22 @@ interface InlineCommentSectionProps {
     onShareComment?: (author: string, permlink: string) => void;
     onTipComment?: (author: string, permlink: string) => void;
     onReportComment?: (author: string, permlink: string) => void;
+    /** Called when the comment author taps Edit on one of their own
+     *  comments. Each comment row gates the entry-point internally to
+     *  `comment.author === currentUser`. Payload mirrors HiveDetailPost
+     *  `onEditComment` — includes body / parent refs / json_metadata. */
+    onEditComment?: (data: {
+        author: string;
+        permlink: string;
+        body: string;
+        parent_author: string;
+        parent_permlink: string;
+        json_metadata: string;
+    }) => void;
     /** Intercept intra-body Hive post links in comment bodies. */
     onNavigateToPost?: (author: string, permlink: string) => void;
     /** 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, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, renderOptions, }: 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, onEditComment, onNavigateToPost, onUserClick, showVoteButton, alreadyVoted, parentTags, defaultReward, defaultBeneficiaries, beneficiaryFavorites, defaultVotePercent, voteWeightStep, allowLandscapeVideos, renderOptions, }: InlineCommentSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -30,6 +30,19 @@ export interface ProfileSnapsTabProps {
     /** Comment-count click (per card) — typical use: open post detail. */
     onClickCommentCount?: (author: string, permlink: string) => void;
     onReportPost?: (author: string, permlink: string) => void;
+    /** Edit entry-point inside each snap's 3-dot menu — gated to the
+     *  snap's author. Forwarded directly to <SnapsFeedView/>. */
+    onEditSnap?: (data: {
+        author: string;
+        permlink: string;
+        body: string;
+        title: string;
+        parent_author: string;
+        parent_permlink: string;
+        json_metadata: string;
+    }) => void;
+    /** Cast a poll vote from inside a snap card. */
+    onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
     onUserClick?: (username: string) => void;
     onPostClick?: (author: string, permlink: string, title?: string) => void;
     ecencyToken?: string;

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

@@ -13,6 +13,17 @@ export interface UserDetailProfileProps {
      * Example: `["followers", "following", "blogs", "wallet"]` — only these 4 tabs, in this order.
      */
     tabShown?: TabType[];
+    /**
+     * Controlled active tab. When provided, the component renders this tab
+     * and reports user-driven tab changes via `onActiveTabChange`. Pair the
+     * two to drive tab selection from a parent store (e.g. persist per user
+     * across navigation). When omitted, the component manages tab state
+     * internally with its own per-username cache.
+     */
+    activeTab?: TabType;
+    /** Called whenever the user clicks a different tab. Fires whether or
+     *  not `activeTab` is supplied. */
+    onActiveTabChange?: (tab: TabType) => void;
     /** Ecency image hosting token — enables image and video thumbnail upload in comment composer */
     ecencyToken?: string;
     /** 3Speak API key — enables audio and video upload in comment composer */
@@ -75,6 +86,17 @@ export interface UserDetailProfileProps {
      * vote bars but is read-only.
      */
     onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
+    /** Forwarded to each snap card on the Snaps tab — opens the
+     *  consumer's edit modal when the snap's author taps Edit. */
+    onEditSnap?: (data: {
+        author: string;
+        permlink: string;
+        body: string;
+        title: string;
+        parent_author: string;
+        parent_permlink: string;
+        json_metadata: string;
+    }) => void;
     onUserClick?: (username: string) => void;
     onPostClick?: (author: string, permlink: string, title: string) => void;
     onSnapClick?: (author: string, permlink: string) => void;