@orioro/react-reactions 0.0.1

package/README.md

@@ -0,0 +1 @@
+# Template react lib

package/dist/AnimatedCounter/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export type AnimatedCounterProps = {
+    value?: number;
+    style?: React.CSSProperties;
+};
+export declare function AnimatedCounter({ value, style, }: AnimatedCounterProps): React.JSX.Element;

package/dist/EmojiPicker/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { Emoji } from '../types';
+export type EmojiPickerProps = {
+    i18n?: {
+        [key: string]: any;
+    };
+    data?: {
+        [key: string]: any;
+    };
+    open: boolean;
+    onSetOpen: (open: boolean) => any;
+    onEmojiSelect: (emoji: Emoji) => any;
+    trigger?: React.ReactElement;
+    size?: number;
+};
+export declare function EmojiPicker({ i18n, data, open, onSetOpen, onEmojiSelect, trigger, size, }: EmojiPickerProps): React.JSX.Element;

package/dist/ReactionCard/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Reaction } from '../types';
+type ReactionCardProps = {
+    reaction: Reaction;
+    onViewReaction?: ((reactionId: Reaction['id']) => any) | null;
+    onRemoveReaction?: ((reactionId: Reaction['id']) => any) | null;
+    authedUserId?: string | number | null;
+};
+export declare function ReactionCard({ reaction, onRemoveReaction, onViewReaction, authedUserId, }: ReactionCardProps): React.JSX.Element;
+export {};

package/dist/ReactionGroupTabs/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import { Reaction, User } from '../types';
+type ReactionGroupTabsProps = {
+    reactions: Reaction[];
+    authedUserId?: User['id'] | null;
+    onViewReaction?: ((reactionId: Reaction['id']) => any) | null;
+    onRemoveReaction?: ((reactionId: Reaction['id']) => any) | null;
+};
+export declare function ReactionGroupTabs({ reactions, authedUserId, onViewReaction, onRemoveReaction, }: ReactionGroupTabsProps): React.JSX.Element;
+export {};

package/dist/ReactionsBar/index.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import './animations.css';
+import { Reaction, User } from '../types';
+export type ReactionsBarProps = {
+    reactions: Reaction[];
+    authedUserId?: User['id'] | null;
+    maxLength?: number;
+    counter?: boolean;
+    size?: number;
+};
+export declare function ReactionsBar({ reactions, authedUserId, maxLength, counter, size, }: ReactionsBarProps): React.JSX.Element;

package/dist/ReactionsContext/ReactionsContext.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import { Reaction, User } from '../types';
+export type ReactionsContextValue = {
+    authedUser: User | null;
+    reactions: Reaction[];
+    setReaction: (props: {
+        targetId: string | number;
+        emoji: Reaction['emoji'];
+    }) => Promise<any>;
+    removeReaction: (reactionId: Reaction['id']) => Promise<any>;
+};
+export declare const ReactionsContext: React.Context<ReactionsContextValue>;
+export type ReactionsProviderProps = {
+    children: React.ReactNode;
+    authedUser: ReactionsContextValue['authedUser'];
+    reactions: ReactionsContextValue['reactions'];
+    onSetReaction: (props: {
+        userId: string | number;
+        targetId: string | number;
+        emoji: Reaction['emoji'];
+    }) => Promise<Reaction>;
+    onRemoveReaction: (reactionId: Reaction['id']) => Promise<any>;
+};
+export declare function ReactionsProvider({ authedUser, reactions, children, onSetReaction, onRemoveReaction, }: ReactionsProviderProps): React.JSX.Element;
+export declare function useReactions({ targetId, }: {
+    targetId?: string | number;
+}): ReactionsContextValue;

package/dist/ReactionsContext/index.d.ts

@@ -0,0 +1 @@
+export * from './ReactionsContext';

package/dist/ReactionsControl/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Emoji, Reaction, User } from '../types';
+export type ReactionsControlProps = {
+    reactions: Reaction[];
+    authedUser: User | null;
+    onAuthenticate?: () => Promise<User>;
+    onViewReaction?: (reactionId: Reaction['id']) => any;
+    onRemoveReaction?: (reactionId: Reaction['id']) => Promise<any>;
+    onSetReaction?: (emoji: Emoji) => Promise<Reaction>;
+    counter?: boolean;
+    maxLength?: number;
+    picker?: boolean;
+    alwaysShowPicker?: boolean;
+    style?: React.CSSProperties;
+    size?: number;
+};
+export declare const ReactionsControl: React.ForwardRefExoticComponent<ReactionsControlProps & React.RefAttributes<{
+    setReaction: ((emoji: Emoji) => Promise<void>) | null;
+}>>;

package/dist/ReactionsDisplay/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Reaction, User } from '../types';
+export type ReactionsDisplayProps = {
+    reactions: Reaction[];
+    authedUserId?: User['id'] | null;
+    onViewReaction?: ((reactionId: Reaction['id']) => any) | null;
+    onRemoveReaction?: ((reactionId: Reaction['id']) => any) | null;
+    size?: number;
+    maxLength?: number;
+    counter?: boolean;
+};
+export declare function ReactionsDisplay({ reactions, authedUserId, onViewReaction, onRemoveReaction, size, maxLength, counter, }: ReactionsDisplayProps): React.JSX.Element;

package/dist/constants.d.ts

@@ -0,0 +1 @@
+export declare const DEFAULT_SIZE = 18;