hive-react-kit 0.8.7 → 0.8.8

package/dist/build.css

@@ -792,6 +792,9 @@
   .w-2 {
     width: calc(var(--spacing) * 2);
   }
+  .w-2\.5 {
+    width: calc(var(--spacing) * 2.5);
+  }
   .w-2\/3 {
     width: calc(2 / 3 * 100%);
   }
@@ -876,6 +879,9 @@
   .w-64 {
     width: calc(var(--spacing) * 64);
   }
+  .w-72 {
+    width: calc(var(--spacing) * 72);
+  }
   .w-\[280px\] {
     width: 280px;
   }
@@ -909,6 +915,9 @@
   .max-w-\[280px\] {
     max-width: 280px;
   }
+  .max-w-\[calc\(100vw-1rem\)\] {
+    max-width: calc(100vw - 1rem);
+  }
   .max-w-full {
     max-width: 100%;
   }
@@ -1571,6 +1580,12 @@
       background-color: color-mix(in oklab, var(--color-gray-700) 60%, transparent);
     }
   }
+  .bg-gray-700\/70 {
+    background-color: color-mix(in srgb, oklch(37.3% 0.034 259.733) 70%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-gray-700) 70%, transparent);
+    }
+  }
   .bg-gray-800 {
     background-color: var(--color-gray-800);
   }
@@ -1893,6 +1908,9 @@
   .p-8 {
     padding: calc(var(--spacing) * 8);
   }
+  .px-0\.5 {
+    padding-inline: calc(var(--spacing) * 0.5);
+  }
   .px-1 {
     padding-inline: calc(var(--spacing) * 1);
   }
@@ -2472,6 +2490,10 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .outline-none {
+    --tw-outline-style: none;
+    outline-style: none;
+  }
   .group-hover\:pointer-events-auto {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
@@ -2630,6 +2652,16 @@
       }
     }
   }
+  .hover\:bg-blue-600\/40 {
+    &:hover {
+      @media (hover: hover) {
+        background-color: color-mix(in srgb, oklch(54.6% 0.245 262.881) 40%, transparent);
+        @supports (color: color-mix(in lab, red, red)) {
+          background-color: color-mix(in oklab, var(--color-blue-600) 40%, transparent);
+        }
+      }
+    }
+  }
   .hover\:bg-blue-700 {
     &:hover {
       @media (hover: hover) {

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

@@ -1,4 +1,5 @@
 import React from 'react';
+import { type RewardOption } from '../../utils/commentOptions';
 import { type PostingSignMessageFn } from '../../services/hiveImageUpload';
 export interface PostComposerProps {
     onSubmit: (body: string) => void | boolean | Promise<void | boolean>;
@@ -37,6 +38,29 @@ export interface PostComposerProps {
     hidePoll?: boolean;
     /** Called when a poll is attached/updated. Receives PollData or null when removed */
     onPollChange?: (poll: import('../composer/PollCreator').PollData | null) => void;
+    /**
+     * Locked default tags. Shown in the tag manager with a lock icon and
+     * cannot be edited or removed. Forwarded on every `onTagsChange` call as
+     * the leading entries in the merged list. Capped at 10 total.
+     */
+    defaultTags?: string[];
+    /** Max total tags including defaults (default 10). */
+    maxTags?: number;
+    /** Called whenever the user-added tags change. Receives the full merged list (defaults first). */
+    onTagsChange?: (tags: string[]) => void;
+    /** Hide the tag manager toolbar button. */
+    hideTags?: boolean;
+    /**
+     * Reward routing selection (default `'default'` = 50% HBD / 50% HP).
+     * Controlled or uncontrolled — if omitted, the composer manages its own state.
+     */
+    reward?: RewardOption;
+    /** Initial reward option when uncontrolled (default `'default'`). */
+    defaultReward?: RewardOption;
+    /** Called when the reward routing changes. Pair with `buildCommentOptions(...)` at broadcast time. */
+    onRewardChange?: (reward: RewardOption) => void;
+    /** Hide the reward routing toolbar button. */
+    hideReward?: boolean;
     /** Show cancel button (default true) */
     showCancel?: boolean;
     /** Submit button label (default "Post") */
@@ -74,8 +98,8 @@ export interface PostComposerProps {
 }
 /** @deprecated Use PostComposerProps instead */
 export type AddCommentInputProps = PostComposerProps;
-declare const PostComposer: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, onSignMessage, signingUsername, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, disableAutoFocus, walletApprovalLabel, awaitingWalletApproval, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const PostComposer: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, onSignMessage, signingUsername, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, defaultTags, maxTags, onTagsChange, hideTags, reward, defaultReward, onRewardChange, hideReward, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, disableAutoFocus, walletApprovalLabel, awaitingWalletApproval, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
 /** @deprecated Use PostComposer instead */
-declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, onSignMessage, signingUsername, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, disableAutoFocus, walletApprovalLabel, awaitingWalletApproval, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddCommentInput: ({ onSubmit, onCancel, currentUser, placeholder, parentAuthor, parentPermlink, ecencyToken, onSignMessage, signingUsername, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hideBold, hideItalic, hideLink, hideImage, hideAudio, hideVideo, hideEmoji, hideGif, hideCode, hideMention, hideTemplate, hidePreview, hidePoll, onPollChange, defaultTags, maxTags, onTagsChange, hideTags, reward, defaultReward, onRewardChange, hideReward, showCancel, submitLabel, title, defaultPreviewOn, value, onChange, disabled, hideSubmitArea, submitRef, hideUserHeader, bgColor, borderColor, disableAutoFocus, walletApprovalLabel, awaitingWalletApproval, }: PostComposerProps) => import("react/jsx-runtime").JSX.Element;
 export { PostComposer };
 export default AddCommentInput;

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

@@ -22,6 +22,10 @@ interface InlineCommentItemProps {
     onShareComment?: (author: string, permlink: string) => void;
     onTipComment?: (author: string, permlink: string) => void;
     onReportComment?: (author: string, permlink: 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. */
+    onUserClick?: (username: string) => void;
 }
-export default function InlineCommentItem({ comment, allComments, onReply, onCancelReply, onCommentSubmit, activeReplyKey, currentUser, token, depth, onVotedRefresh, onClickCommentUpvote, ecencyToken, threeSpeakApiKey, giphyApiKey, templateToken, templateApiBaseUrl, hiveIconUrl, onShareComment, onTipComment, onReportComment, }: 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, }: InlineCommentItemProps): import("react/jsx-runtime").JSX.Element;
 export {};

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

@@ -21,6 +21,10 @@ interface InlineCommentSectionProps {
     onShareComment?: (author: string, permlink: string) => void;
     onTipComment?: (author: string, permlink: string) => void;
     onReportComment?: (author: string, permlink: 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, }: 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, }: InlineCommentSectionProps): import("react/jsx-runtime").JSX.Element;
 export {};