hive-react-kit 0.8.0 → 0.8.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/build.css +30 -3
- package/dist/components/HiveDetailPost.d.ts +12 -2
- package/dist/components/actionButtons/PostActionButton.d.ts +3 -2
- package/dist/components/comments/AddCommentInput.d.ts +1 -1
- package/dist/components/comments/CommentsModal.d.ts +3 -2
- package/dist/components/inlineComments/InlineCommentItem.d.ts +1 -1
- package/dist/components/inlineComments/InlineCommentSection.d.ts +1 -1
- package/dist/index.cjs.js +48 -48
- package/dist/index.esm.js +2817 -2777
- package/package.json +1 -1
package/dist/build.css
CHANGED
|
@@ -566,6 +566,9 @@
|
|
|
566
566
|
.ml-1 {
|
|
567
567
|
margin-left: calc(var(--spacing) * 1);
|
|
568
568
|
}
|
|
569
|
+
.ml-1\.5 {
|
|
570
|
+
margin-left: calc(var(--spacing) * 1.5);
|
|
571
|
+
}
|
|
569
572
|
.ml-2 {
|
|
570
573
|
margin-left: calc(var(--spacing) * 2);
|
|
571
574
|
}
|
|
@@ -1283,6 +1286,12 @@
|
|
|
1283
1286
|
border-color: color-mix(in oklab, var(--color-blue-500) 30%, transparent);
|
|
1284
1287
|
}
|
|
1285
1288
|
}
|
|
1289
|
+
.border-blue-500\/40 {
|
|
1290
|
+
border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 40%, transparent);
|
|
1291
|
+
@supports (color: color-mix(in lab, red, red)) {
|
|
1292
|
+
border-color: color-mix(in oklab, var(--color-blue-500) 40%, transparent);
|
|
1293
|
+
}
|
|
1294
|
+
}
|
|
1286
1295
|
.border-blue-500\/60 {
|
|
1287
1296
|
border-color: color-mix(in srgb, oklch(62.3% 0.214 259.815) 60%, transparent);
|
|
1288
1297
|
@supports (color: color-mix(in lab, red, red)) {
|
|
@@ -2065,9 +2074,6 @@
|
|
|
2065
2074
|
.text-\[11px\] {
|
|
2066
2075
|
font-size: 11px;
|
|
2067
2076
|
}
|
|
2068
|
-
.text-\[13px\] {
|
|
2069
|
-
font-size: 13px;
|
|
2070
|
-
}
|
|
2071
2077
|
.leading-none {
|
|
2072
2078
|
--tw-leading: 1;
|
|
2073
2079
|
line-height: 1;
|
|
@@ -3874,6 +3880,11 @@
|
|
|
3874
3880
|
border-color: var(--color-white);
|
|
3875
3881
|
}
|
|
3876
3882
|
}
|
|
3883
|
+
.\[\&\:\:-moz-range-thumb\]\:bg-blue-500 {
|
|
3884
|
+
&::-moz-range-thumb {
|
|
3885
|
+
background-color: var(--color-blue-500);
|
|
3886
|
+
}
|
|
3887
|
+
}
|
|
3877
3888
|
.\[\&\:\:-moz-range-thumb\]\:bg-blue-600 {
|
|
3878
3889
|
&::-moz-range-thumb {
|
|
3879
3890
|
background-color: var(--color-blue-600);
|
|
@@ -3899,6 +3910,11 @@
|
|
|
3899
3910
|
border-radius: var(--radius-lg);
|
|
3900
3911
|
}
|
|
3901
3912
|
}
|
|
3913
|
+
.\[\&\:\:-webkit-slider-thumb\]\:-mt-1 {
|
|
3914
|
+
&::-webkit-slider-thumb {
|
|
3915
|
+
margin-top: calc(var(--spacing) * -1);
|
|
3916
|
+
}
|
|
3917
|
+
}
|
|
3902
3918
|
.\[\&\:\:-webkit-slider-thumb\]\:-mt-1\.5 {
|
|
3903
3919
|
&::-webkit-slider-thumb {
|
|
3904
3920
|
margin-top: calc(var(--spacing) * -1.5);
|
|
@@ -3935,11 +3951,22 @@
|
|
|
3935
3951
|
border-color: var(--color-white);
|
|
3936
3952
|
}
|
|
3937
3953
|
}
|
|
3954
|
+
.\[\&\:\:-webkit-slider-thumb\]\:bg-blue-500 {
|
|
3955
|
+
&::-webkit-slider-thumb {
|
|
3956
|
+
background-color: var(--color-blue-500);
|
|
3957
|
+
}
|
|
3958
|
+
}
|
|
3938
3959
|
.\[\&\:\:-webkit-slider-thumb\]\:bg-blue-600 {
|
|
3939
3960
|
&::-webkit-slider-thumb {
|
|
3940
3961
|
background-color: var(--color-blue-600);
|
|
3941
3962
|
}
|
|
3942
3963
|
}
|
|
3964
|
+
.\[\&\:\:-webkit-slider-thumb\]\:shadow-lg {
|
|
3965
|
+
&::-webkit-slider-thumb {
|
|
3966
|
+
--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
3967
|
+
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
3968
|
+
}
|
|
3969
|
+
}
|
|
3943
3970
|
.\[\&\:\:-webkit-slider-thumb\]\:shadow-md {
|
|
3944
3971
|
&::-webkit-slider-thumb {
|
|
3945
3972
|
--tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
|
|
@@ -3,7 +3,12 @@ export interface HiveDetailPostProps {
|
|
|
3
3
|
permlink: string;
|
|
4
4
|
currentUser?: string;
|
|
5
5
|
onUpvote?: (percent: number) => void | Promise<void>;
|
|
6
|
-
|
|
6
|
+
/**
|
|
7
|
+
* Called when the user submits a comment.
|
|
8
|
+
* Return `false` to indicate the operation was cancelled (e.g. keychain request denied)
|
|
9
|
+
* — the composed text will be preserved and no refresh will occur.
|
|
10
|
+
*/
|
|
11
|
+
onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
|
|
7
12
|
onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
|
|
8
13
|
onReblog?: () => void;
|
|
9
14
|
onShare?: () => void;
|
|
@@ -18,7 +23,12 @@ export interface HiveDetailPostProps {
|
|
|
18
23
|
* @param permlink - post permlink
|
|
19
24
|
* @param choiceNums - 1-based choice numbers selected by the user
|
|
20
25
|
*/
|
|
21
|
-
|
|
26
|
+
/**
|
|
27
|
+
* Called when the user submits a poll vote.
|
|
28
|
+
* Return `false` to indicate the operation was cancelled (e.g. keychain request denied)
|
|
29
|
+
* — the vote UI will not be updated.
|
|
30
|
+
*/
|
|
31
|
+
onVotePoll?: (author: string, permlink: string, choiceNums: number[]) => void | boolean | Promise<void | boolean>;
|
|
22
32
|
ecencyToken?: string;
|
|
23
33
|
threeSpeakApiKey?: string;
|
|
24
34
|
giphyApiKey?: string;
|
|
@@ -16,8 +16,9 @@ export interface PostActionButtonProps {
|
|
|
16
16
|
initialCommentsCount?: number;
|
|
17
17
|
/** Called when user confirms vote with percent (1–100). Frontend handles signing/broadcast. */
|
|
18
18
|
onUpvote?: (percent: number) => void | Promise<void>;
|
|
19
|
-
/** Called when user submits a comment. Frontend handles signing/broadcast.
|
|
20
|
-
|
|
19
|
+
/** Called when user submits a comment. Frontend handles signing/broadcast.
|
|
20
|
+
* Return `false` to indicate the operation was cancelled — the composer text will be preserved. */
|
|
21
|
+
onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
|
|
21
22
|
/** Called when comment button is clicked (e.g. open comments). */
|
|
22
23
|
onComments?: () => void;
|
|
23
24
|
/** Called when reblog is clicked (when logged in). */
|
|
@@ -9,8 +9,9 @@ interface CommentsModalProps {
|
|
|
9
9
|
onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
|
|
10
10
|
onClickCommentReply?: (comment: Discussion) => void;
|
|
11
11
|
onClickUpvoteButton?: (currentUser?: string, token?: string) => void;
|
|
12
|
-
/** When provided, used instead of apiService.handleComment (e.g. for aioha wallet)
|
|
13
|
-
|
|
12
|
+
/** When provided, used instead of apiService.handleComment (e.g. for aioha wallet).
|
|
13
|
+
* Return `false` to indicate the operation was cancelled — the composer text will be preserved. */
|
|
14
|
+
onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void | boolean>;
|
|
14
15
|
/** Ecency image hosting token — enables image upload in comment composer */
|
|
15
16
|
ecencyToken?: string;
|
|
16
17
|
/** 3Speak API key — enables audio/video upload in comment composer */
|
|
@@ -4,7 +4,7 @@ interface InlineCommentItemProps {
|
|
|
4
4
|
allComments: Discussion[];
|
|
5
5
|
onReply: (author: string, permlink: string) => void;
|
|
6
6
|
onCancelReply: () => void;
|
|
7
|
-
onCommentSubmit: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void>;
|
|
7
|
+
onCommentSubmit: (parentAuthor: string, parentPermlink: string, body: string) => Promise<void | boolean>;
|
|
8
8
|
/** "author/permlink" key of the comment currently being replied to (null = none) */
|
|
9
9
|
activeReplyKey: string | null;
|
|
10
10
|
currentUser?: string;
|
|
@@ -3,7 +3,7 @@ interface InlineCommentSectionProps {
|
|
|
3
3
|
permlink: string;
|
|
4
4
|
currentUser?: string;
|
|
5
5
|
token?: string;
|
|
6
|
-
onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | Promise<void>;
|
|
6
|
+
onSubmitComment?: (parentAuthor: string, parentPermlink: string, body: string) => void | boolean | Promise<void | boolean>;
|
|
7
7
|
onClickCommentUpvote?: (author: string, permlink: string, percent: number) => void | Promise<void>;
|
|
8
8
|
ecencyToken?: string;
|
|
9
9
|
threeSpeakApiKey?: string;
|