fastcomments-react-native-sdk
Version:
React Native FastComments Components. Add live commenting to any React Native application.
244 lines (242 loc) • 7.34 kB
text/typescript
import {ImageStyle, TextStyle, ViewStyle} from "react-native";
import {MixedStyleDeclaration, MixedStyleRecord} from "react-native-render-html";
export interface IFastCommentsStyles {
root?: ViewStyle,
loadingOverlay?: ViewStyle
red?: TextStyle
threeDotMenu?: {
root?: ViewStyle
dots?: ViewStyle
dot?: ViewStyle
}
topArea?: {
replyArea?: ViewStyle,
separator?: ViewStyle,
commentCount?: TextStyle,
},
bottomArea?: {
root?: ViewStyle,
replyArea?: ViewStyle,
separator?: ViewStyle,
},
commentsWrapper?: ViewStyle
commentsListContent?: ViewStyle
comment?: {
root?: ViewStyle
subRoot?: ViewStyle
topRight?: ViewStyle
displayDate?: TextStyle
pin?: ImageStyle
contentWrapper?: ViewStyle
text?: MixedStyleDeclaration
HTMLNodeStyleByClass?: MixedStyleRecord
/** Will be deprecated when this is fixed and can move to 6.x: https://github.com/meliorence/react-native-render-html/issues/582 **/
textHTML?: string
children?: ViewStyle
childIndent?: number
}
commentMenu?: {
itemIcon?: ImageStyle
}
commentEditModal?: {
centeredView?: ViewStyle
modalView?: ViewStyle
modalCancel?: ViewStyle
loadingView?: ViewStyle
saveButton?: ViewStyle
saveButtonText?: TextStyle
}
commentAreaMessage?: {
wrapper?: ViewStyle
message?: ViewStyle
messageText?: TextStyle
}
commentBottom?: {
root?: ViewStyle
commentBottomToolbar?: ViewStyle
commentBottomToolbarReply?: ViewStyle
commentBottomToolbarReplyText?: TextStyle
commentBottomToolbarReplyIcon?: ImageStyle
replyAreaRoot?: ViewStyle
}
commentNotices?: {
spamNotice?: TextStyle
requiresVerificationApprovalNotice?: TextStyle
awaitingApprovalNotice?: TextStyle
}
commentReplyToggle?: {
text?: TextStyle
count?: TextStyle
button?: ViewStyle
icon?: ImageStyle
}
commentTextArea?: {
textarea?: ViewStyle
placeholder?: TextStyle
text?: TextStyle
toolbarButton?: ImageStyle
imageUploadModalCenteredView?: ViewStyle
imageUploadModalContent?: ViewStyle
imageUploadModalProgressSpinnerSize?: number
imageUploadModalProgressText?: TextStyle
}
commentTextAreaEmoticonBar?: {
root?: ViewStyle
button?: ViewStyle
icon?: ImageStyle
}
commentUserActivityIcon?: {
online?: ViewStyle
offline?: ViewStyle
}
commentUserBadge?: {
imageBadge?: ViewStyle
imageBadgeImage?: ImageStyle
textBadge?: ViewStyle
textBadgeText?: TextStyle
}
commentUserInfo?: {
label?: TextStyle
usernameWithLink?: TextStyle
username?: TextStyle
avatarWrapperDefault?: ViewStyle
avatarWrapper?: ViewStyle
avatarImage?: ImageStyle
root?: ViewStyle
infoLeft?: ViewStyle
infoRight?: ViewStyle
}
commentUserInfoAsHTML?: {
label?: string
usernameWithLink?: string
username?: string
avatarWrapperDefault?: string
avatarWrapper?: string
avatarImage?: string
root?: string
infoLeft?: string
infoRight?: string
}
commentVote?: {
root?: ViewStyle
commentVoteOptions?: ViewStyle
votesUpText?: TextStyle
voteButton?: ViewStyle
voteButtonIcon?: ImageStyle
voteDivider?: ViewStyle
votesDownText?: TextStyle
commentVoteAuth?: ViewStyle
authInput?: TextStyle
voteAuthButtons?: ViewStyle
voteAwaitingVerificationMessage?: TextStyle
voteError?: TextStyle
loadingView?: ViewStyle
}
modalMenu?: {
rootView?: ViewStyle
centeredView?: ViewStyle
modalView?: ViewStyle
menuOptionButton?: ViewStyle
menuOptionText?: TextStyle
menuCancelIcon?: ImageStyle
modalCancel?: ViewStyle
loadingView?: ViewStyle
}
notificationBell?: {
bellContainer?: ViewStyle
bellCount?: TextStyle
bellCountNonZero?: TextStyle
}
notificationList?: {
centeredView: ViewStyle
root?: ViewStyle
closeButton?: ViewStyle
closeButtonImage?: ImageStyle
subscriptionHeader?: ViewStyle
subscriptionHeaderCheckBox?: ViewStyle
subscriptionHeaderCheckBoxImage?: ImageStyle
subscriptionHeaderCheckBoxText?: ViewStyle
subscriptionHeaderText?: TextStyle
notification?: ViewStyle
notificationAvatarWrapper?: ViewStyle
notificationAvatar?: ImageStyle
notificationTop?: ViewStyle
notificationTopTouchable?: ViewStyle
notificationMenu?: ViewStyle
notificationMenuButton?: ViewStyle
notificationBottom?: ViewStyle
notificationIsReadCircle?: ViewStyle
notificationIsUnreadCircle?: ViewStyle
notificationTextWrapper?: ViewStyle
notificationText?: MixedStyleRecord
notificationDate?: TextStyle
notificationPageTitle?: TextStyle
}
paginationNext?: {
root?: ViewStyle
next?: MixedStyleDeclaration
nextHTMLStyles?: MixedStyleRecord
all?: MixedStyleDeclaration
allHTMLStyles?: MixedStyleRecord
},
paginationPrev?: {
root?: ViewStyle,
prev?: ViewStyle,
prevHTMLStyles?: MixedStyleRecord
text?: MixedStyleDeclaration
}
gifBrowser?: {
centeredView?: ViewStyle
modalView?: ViewStyle
modalCancel?: ViewStyle
modalCancelImage?: ImageStyle
searchInput?: ViewStyle
list?: ViewStyle
listImage?: ImageStyle
noResultsMessage?: TextStyle
}
replyArea?: {
replyingTo?: ViewStyle
replyingToText?: MixedStyleDeclaration
replyingToCancelText?: TextStyle
ssoLoginWrapper?: ViewStyle
ssoLoginButton?: ViewStyle
ssoLoginButtonText?: TextStyle
topBar?: ViewStyle
topBarAndInputArea?: ViewStyle
loggedInInfo?: ViewStyle
topBarAvatarWrapper?: ViewStyle
topBarAvatar?: ImageStyle
topBarUsername?: TextStyle
topBarRight?: ViewStyle
commentInputArea?: ViewStyle
commentInputAreaReplySaving?: ViewStyle
replyButtonWrapper?: ViewStyle
replyButton?: ViewStyle
replyButtonText?: TextStyle
replyButtonIcon?: ImageStyle
loadingView?: ViewStyle
error?: TextStyle
userInfoInput?: TextStyle
emailReasoning?: TextStyle
authInput?: TextStyle
solicitationInfo?: TextStyle
authInputSubmit?: ViewStyle
replyCancelButtonWrapper?: ViewStyle
replyCancelButton?: ViewStyle
},
selectSortDirection?: {
openButton?: ViewStyle
text?: TextStyle
downCarrot?: ViewStyle
},
showHideCommentsToggle?: {
root?: ViewStyle
text?: TextStyle
},
showNewLiveComments?: {
button?: ViewStyle,
count?: TextStyle,
text?: TextStyle
}
}