hive-react-kit 0.2.2 → 0.2.5

package/dist/build.css

@@ -264,6 +264,9 @@
   .pointer-events-none {
     pointer-events: none;
   }
+  .visible {
+    visibility: visible;
+  }
   .absolute {
     position: absolute;
   }
@@ -288,6 +291,9 @@
   .start {
     inset-inline-start: var(--spacing);
   }
+  .end {
+    inset-inline-end: var(--spacing);
+  }
   .-top-8 {
     top: calc(var(--spacing) * -8);
   }
@@ -351,6 +357,12 @@
   .z-50 {
     z-index: 50;
   }
+  .z-\[60\] {
+    z-index: 60;
+  }
+  .z-\[100\] {
+    z-index: 100;
+  }
   .col-span-1 {
     grid-column: span 1 / span 1;
   }
@@ -657,6 +669,9 @@
   .max-w-7xl {
     max-width: var(--container-7xl);
   }
+  .max-w-\[280px\] {
+    max-width: 280px;
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -681,6 +696,9 @@
   .flex-shrink-0 {
     flex-shrink: 0;
   }
+  .shrink-0 {
+    flex-shrink: 0;
+  }
   .border-collapse {
     border-collapse: collapse;
   }
@@ -764,6 +782,12 @@
   .justify-center {
     justify-content: center;
   }
+  .justify-end {
+    justify-content: flex-end;
+  }
+  .justify-start {
+    justify-content: flex-start;
+  }
   .gap-1 {
     gap: calc(var(--spacing) * 1);
   }
@@ -1546,6 +1570,10 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .duration-150 {
+    --tw-duration: 150ms;
+    transition-duration: 150ms;
+  }
   .duration-200 {
     --tw-duration: 200ms;
     transition-duration: 200ms;
@@ -1815,6 +1843,13 @@
       }
     }
   }
+  .hover\:text-green-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-green-600);
+      }
+    }
+  }
   .hover\:text-green-700 {
     &:hover {
       @media (hover: hover) {
@@ -1822,6 +1857,13 @@
       }
     }
   }
+  .hover\:text-red-600 {
+    &:hover {
+      @media (hover: hover) {
+        color: var(--color-red-600);
+      }
+    }
+  }
   .hover\:text-white {
     &:hover {
       @media (hover: hover) {
@@ -2650,6 +2692,24 @@
       }
     }
   }
+  .dark\:hover\:text-green-400 {
+    @media (prefers-color-scheme: dark) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-green-400);
+        }
+      }
+    }
+  }
+  .dark\:hover\:text-red-400 {
+    @media (prefers-color-scheme: dark) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-red-400);
+        }
+      }
+    }
+  }
   .dark\:hover\:text-white {
     @media (prefers-color-scheme: dark) {
       &:hover {
@@ -2666,6 +2726,11 @@
       }
     }
   }
+  .\[\&\>\*\]\:text-left {
+    &>* {
+      text-align: left;
+    }
+  }
 }
 @property --tw-translate-x {
   syntax: "*";

package/dist/components/CommentsList.d.ts

@@ -5,7 +5,7 @@ interface CommentsListProps {
     currentUser?: string;
     token?: string;
     onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
-    onClickCommentUpvote?: (comment: Discussion) => void;
+    onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onClickCommentReply?: (comment: Discussion) => void;
 }
 export declare function CommentsList({ author, permlink, currentUser, token, onClickUpvoteButton, onClickCommentUpvote, onClickCommentReply, }: CommentsListProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/HiveDetailPost.d.ts

@@ -5,7 +5,7 @@ interface HiveDetailPostProps {
     currentUser?: string;
     token?: string;
     onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
-    onClickCommentUpvote?: (comment: Discussion) => void;
+    onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onClickCommentReply?: (comment: Discussion) => void;
 }
 export declare function HiveDetailPost({ author, permlink, currentUser, token, onClickUpvoteButton, onClickCommentUpvote, onClickCommentReply }: HiveDetailPostProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,26 @@
+export interface PostActionButtonProps {
+    author: string;
+    permlink: string;
+    /** Current logged-in username; null or '' means not logged in */
+    currentUser?: string | null;
+    /** Optional: Hive value to display (string so unit is decided by user, e.g. "$8.50", "10 HIVE") */
+    hiveValue?: string;
+    /** Called when user confirms vote with percent (1–100). Frontend handles signing/broadcast. */
+    onUpvote?: (percent: number) => void | Promise<void>;
+    /** Called when user submits a comment. Frontend handles signing/broadcast. */
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | Promise<void>;
+    /** Called when comment button is clicked (e.g. open comments). */
+    onComments?: () => void;
+    /** Called when reblog is clicked (when logged in). */
+    onReblog?: () => void;
+    /** Called when share is clicked. */
+    onShare?: () => void;
+    /** Called when tip is clicked (when logged in). */
+    onTip?: () => void;
+    /** Called when report is clicked (when logged in). */
+    onReport?: () => void;
+    /** Called when user confirms comment upvote with (author, permlink, percent). Frontend handles signing. Voted comments show icon in blue. */
+    onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
+}
+export declare function PostActionButton({ author, permlink, currentUser: currentUserProp, hiveValue, onUpvote, onSubmitComment, onComments, onReblog, onShare, onTip, onReport, onClickCommentUpvote, }: PostActionButtonProps): import("react/jsx-runtime").JSX.Element;
+export default PostActionButton;

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

@@ -0,0 +1 @@
+export { PostActionButton, type PostActionButtonProps } from "./PostActionButton";

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

@@ -8,7 +8,8 @@ interface CommentTileProps {
     searchQuery?: string;
     depth?: number;
     onVotedRefresh?: () => void;
-    onClickCommentUpvote?: (comment: Discussion) => void;
+    /** When provided: called with (author, permlink, percent) on vote confirm; apiService.handleUpvote is never used. Token is ignored. */
+    onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onClickCommentReply?: (comment: Discussion) => void;
     onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
 }

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

@@ -5,9 +5,12 @@ interface CommentsModalProps {
     onClose: () => void;
     currentUser?: string;
     token?: string;
-    onClickCommentUpvote?: (comment: Discussion) => void;
+    /** Called with (author, permlink, percent) when user confirms comment upvote; frontend handles signing. */
+    onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
     onClickCommentReply?: (comment: Discussion) => void;
     onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
+    /** When provided, used instead of apiService.handleComment (e.g. for aioha wallet) */
+    onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void>;
 }
-declare const CommentsModal: ({ author, permlink, onClose, currentUser, token, onClickCommentUpvote, onClickCommentReply, onClickUpvoteButton }: CommentsModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const CommentsModal: ({ author, permlink, onClose, currentUser, token, onClickCommentUpvote, onClickCommentReply, onClickUpvoteButton, onSubmitComment }: CommentsModalProps) => import("react/jsx-runtime").JSX.Element;
 export default CommentsModal;

package/dist/components/index.d.ts

@@ -20,6 +20,7 @@ export { default as Modal } from './modals/Modal';
 export { UpvoteList } from './UpvoteList';
 export { CommentsList } from './CommentsList';
 export { default as CommentsModal } from './comments/CommentsModal';
+export { PostActionButton, type PostActionButtonProps } from './actionButtons';
 export { default as UserAccount } from './user/UserAccount';
 export { default as UserFollowers } from './user/UserFollowers';
 export { default as UserFollowing } from './user/UserFollowing';