New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
Socket
Sign inDemoInstall
Socket
Sign inDemoInstall

@cord-sdk/react

Package Overview
Dependencies
Maintainers
13
Versions
170
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@cord-sdk/react - npm Package Compare versions

Comparing version 1.2.0 to 1.3.0

dist/mjs/components/MessageContent.classnames.d.ts
dist/mjs/hooks/useExtraClassnames.d.ts

2

dist/mjs/common/effects/useCallFunctionOnce.d.ts

@@ -1,1 +0,1 @@

export declare function useCallFunctionOnce(fn?: () => unknown): () => void;
export declare function useCallFunctionOnce(fn?: (...args: any[]) => unknown): (...args: any[]) => void;

1

dist/mjs/common/util.d.ts

@@ -24,1 +24,2 @@ /**

export declare function pluralizeWord(n: number, what: string, plural?: string): string;
export declare function logComponentInstantiation(name: string): void;

3

dist/mjs/components/Avatar.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { ReactPropsWithStandardHTMLAttributes } from '../types';

@@ -6,2 +7,2 @@ export type AvatarReactComponentProps = {

};
export declare function Avatar(props: ReactPropsWithStandardHTMLAttributes<AvatarReactComponentProps>): JSX.Element;
export declare function Avatar(props: ReactPropsWithStandardHTMLAttributes<AvatarReactComponentProps>): React.JSX.Element;

3

dist/mjs/components/Composer.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { ComposerSize, ComposerWebComponentEvents } from '@cord-sdk/types';

@@ -14,2 +15,2 @@ import type { ReactPropsWithLocation, ReactPropsWithStandardHTMLAttributes } from '../types';

}>;
export declare function Composer(props: ReactPropsWithStandardHTMLAttributes<ComposerReactComponentProps>): JSX.Element;
export declare function Composer(props: ReactPropsWithStandardHTMLAttributes<ComposerReactComponentProps>): React.JSX.Element;

3

dist/mjs/components/Facepile.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { ReactPropsWithStandardHTMLAttributes } from '../types';

@@ -6,2 +7,2 @@ export type FacepileReactComponentProps = {

};
export declare function Facepile(props: ReactPropsWithStandardHTMLAttributes<FacepileReactComponentProps>): JSX.Element;
export declare function Facepile(props: ReactPropsWithStandardHTMLAttributes<FacepileReactComponentProps>): React.JSX.Element;

2

dist/mjs/components/FloatingThreads.d.ts

@@ -17,3 +17,3 @@ import * as React from 'react';

}>>;
export declare function FloatingThreadsWithForwardedRef(props: ReactPropsWithStandardHTMLAttributes<FloatingThreadsReactComponentProps>, forwardedRef: React.ForwardedRef<HTMLCordFloatingThreadsElement | null>): JSX.Element;
export declare function FloatingThreadsWithForwardedRef(props: ReactPropsWithStandardHTMLAttributes<FloatingThreadsReactComponentProps>, forwardedRef: React.ForwardedRef<HTMLCordFloatingThreadsElement | null>): React.JSX.Element;
export declare const FloatingThreads: React.ForwardRefExoticComponent<{

@@ -20,0 +20,0 @@ showButton?: boolean | undefined;

3

dist/mjs/components/Inbox.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { InboxWebComponentEvents } from '@cord-sdk/types';

@@ -12,2 +13,2 @@ import type { PropsWithFlags, ReactPropsWithStandardHTMLAttributes } from '../types';

export type InboxReactComponentProps = InboxSharedReactComponentProps & InboxSpecificReactComponentProps;
export declare function Inbox(props: ReactPropsWithStandardHTMLAttributes<InboxReactComponentProps>): JSX.Element;
export declare function Inbox(props: ReactPropsWithStandardHTMLAttributes<InboxReactComponentProps>): React.JSX.Element;

3

dist/mjs/components/InboxLauncher.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { BadgeStyle, InboxLauncherWebComponentEvents } from '@cord-sdk/types';

@@ -14,3 +15,3 @@ import type { ReactPropsWithStandardHTMLAttributes } from '../types';

export type InboxLauncherReactComponentProps = InboxLauncherSpecificReactComponentProps & InboxSharedReactComponentProps;
export declare function InboxLauncher(props: ReactPropsWithStandardHTMLAttributes<InboxLauncherReactComponentProps>): JSX.Element;
export declare function InboxLauncher(props: ReactPropsWithStandardHTMLAttributes<InboxLauncherReactComponentProps>): React.JSX.Element;
export {};

3

dist/mjs/components/Message.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { MessageWebComponentEvents } from '@cord-sdk/types';

@@ -13,2 +14,2 @@ import type { PropsWithRef, ReactPropsWithStandardHTMLAttributes } from '../types';

};
export declare function Message(props: PropsWithRef<ReactPropsWithStandardHTMLAttributes<MessageReactComponentProps>>): JSX.Element;
export declare function Message(props: PropsWithRef<ReactPropsWithStandardHTMLAttributes<MessageReactComponentProps>>): React.JSX.Element;

9

dist/mjs/components/MessageContent.d.ts

@@ -0,6 +1,9 @@

import * as React from 'react';
import type { MessageAttachment } from '@cord-sdk/types';
import type { ReactPropsWithStandardHTMLAttributes } from '../types';
export type MessageContentReactComponentProps = {
threadId: string;
messageId?: string;
content?: object[] | null | undefined;
attachments?: MessageAttachment[];
edited: boolean;
};
export declare function MessageContent(props: ReactPropsWithStandardHTMLAttributes<MessageContentReactComponentProps>): JSX.Element;
export declare function MessageContent(props: ReactPropsWithStandardHTMLAttributes<MessageContentReactComponentProps>): React.JSX.Element;

2

dist/mjs/components/MultipleCursors.d.ts

@@ -5,3 +5,3 @@ import * as React from 'react';

export type MultipleCursorsReactComponentProps = PropsWithFlags<ReactPropsWithLocation<unknown>>;
export declare function MultipleCursorsWithForwardedRef(props: ReactPropsWithStandardHTMLAttributes<MultipleCursorsReactComponentProps>, forwardedRef: React.ForwardedRef<HTMLCordMultipleCursorsElement | null>): JSX.Element;
export declare function MultipleCursorsWithForwardedRef(props: ReactPropsWithStandardHTMLAttributes<MultipleCursorsReactComponentProps>, forwardedRef: React.ForwardedRef<HTMLCordMultipleCursorsElement | null>): React.JSX.Element;
export declare const MultipleCursors: React.ForwardRefExoticComponent<{

@@ -8,0 +8,0 @@ context?: import("@cord-sdk/types").Location | undefined;

3

dist/mjs/components/Notification.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { ReactPropsWithStandardHTMLAttributes } from '../types';

@@ -5,2 +6,2 @@ export type NotificationReactComponentProps = {

};
export declare function Notification(props: ReactPropsWithStandardHTMLAttributes<NotificationReactComponentProps>): JSX.Element;
export declare function Notification(props: ReactPropsWithStandardHTMLAttributes<NotificationReactComponentProps>): React.JSX.Element;

3

dist/mjs/components/NotificationList.d.ts
import type { CSSProperties } from 'react';
import * as React from 'react';
import type { NotificationListFilter } from '@cord-sdk/types';

@@ -11,2 +12,2 @@ import type { ReactPropsWithStandardHTMLAttributes } from '../types';

};
export declare function NotificationList(props: ReactPropsWithStandardHTMLAttributes<NotificationListReactComponentProps>): JSX.Element;
export declare function NotificationList(props: ReactPropsWithStandardHTMLAttributes<NotificationListReactComponentProps>): React.JSX.Element;

3

dist/mjs/components/NotificationListLauncher.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { BadgeStyle, NotificationListLauncherWebComponentEvents } from '@cord-sdk/types';

@@ -13,3 +14,3 @@ import type { PropsWithFlags, ReactPropsWithStandardHTMLAttributes } from '../types';

export type NotificationListLauncherReactComponentProps = NotificationListReactComponentProps & NotificationListLauncherSpecificReactComponentProps;
export declare function NotificationListLauncher(props: ReactPropsWithStandardHTMLAttributes<NotificationListLauncherReactComponentProps>): JSX.Element;
export declare function NotificationListLauncher(props: ReactPropsWithStandardHTMLAttributes<NotificationListLauncherReactComponentProps>): React.JSX.Element;
export {};

3

dist/mjs/components/PagePresence.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { Orientation, PagePresenceWebComponentEvents } from '@cord-sdk/types';

@@ -9,2 +10,2 @@ import type { PresenceReducerOptions, PropsWithFlags, ReactPropsWithStandardHTMLAttributes } from '../types';

}>;
export declare function PagePresence(props: ReactPropsWithStandardHTMLAttributes<PagePresenceReactComponentProps>): JSX.Element;
export declare function PagePresence(props: ReactPropsWithStandardHTMLAttributes<PagePresenceReactComponentProps>): React.JSX.Element;

3

dist/mjs/components/Pin.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { PropsWithChildren } from 'react';

@@ -11,2 +12,2 @@ import type { PinWebComponentEvents } from '@cord-sdk/types';

}>;
export declare function Pin(props: PropsWithRef<PropsWithChildren<ReactPropsWithStandardHTMLAttributes<PinReactComponentProps>>>): JSX.Element;
export declare function Pin(props: PropsWithRef<PropsWithChildren<ReactPropsWithStandardHTMLAttributes<PinReactComponentProps>>>): React.JSX.Element;

3

dist/mjs/components/PresenceFacepile.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { Orientation, PresenceFacepileWebComponentEvents } from '@cord-sdk/types';

@@ -8,2 +9,2 @@ import type { PresenceReducerOptions, ReactPropsWithStandardHTMLAttributes } from '../types';

};
export declare function PresenceFacepile(props: ReactPropsWithStandardHTMLAttributes<PresenceFacepileReactComponentProps>): JSX.Element;
export declare function PresenceFacepile(props: ReactPropsWithStandardHTMLAttributes<PresenceFacepileReactComponentProps>): React.JSX.Element;

2

dist/mjs/components/PresenceObserver.d.ts

@@ -12,2 +12,2 @@ import * as React from 'react';

}>>;
export declare function PresenceObserver(props: ReactPropsWithStandardHTMLAttributes<PresenceObserverReactComponentProps>): JSX.Element;
export declare function PresenceObserver(props: ReactPropsWithStandardHTMLAttributes<PresenceObserverReactComponentProps>): React.JSX.Element;

3

dist/mjs/components/Reactions.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { ReactPropsWithStandardHTMLAttributes } from '../types';

@@ -8,2 +9,2 @@ export type ReactionsReactComponentProps = {

};
export declare function Reactions(props: ReactPropsWithStandardHTMLAttributes<ReactionsReactComponentProps>): JSX.Element;
export declare function Reactions(props: ReactPropsWithStandardHTMLAttributes<ReactionsReactComponentProps>): React.JSX.Element;

2

dist/mjs/components/SelectionComments.d.ts

@@ -8,2 +8,2 @@ import * as React from 'react';

}>>;
export declare function SelectionComments(props: ReactPropsWithStandardHTMLAttributes<SelectionCommentsReactComponentProps>): JSX.Element;
export declare function SelectionComments(props: ReactPropsWithStandardHTMLAttributes<SelectionCommentsReactComponentProps>): React.JSX.Element;

3

dist/mjs/components/SidebarLauncher.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { BadgeStyle, SidebarLauncherWebComponentEvents } from '@cord-sdk/types';

@@ -10,2 +11,2 @@ import type { ReactPropsWithStandardHTMLAttributes } from '../types';

};
export declare function SidebarLauncher(props: ReactPropsWithStandardHTMLAttributes<SidebarLauncherReactComponentProps>): JSX.Element;
export declare function SidebarLauncher(props: ReactPropsWithStandardHTMLAttributes<SidebarLauncherReactComponentProps>): React.JSX.Element;

1

dist/mjs/components/Thread.classnames.d.ts

@@ -17,1 +17,2 @@ export declare const container: string;

export declare const emptyStatePlaceholderBody: string;
export declare const clickableThread: string;

3

dist/mjs/components/Thread.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { PropsWithChildren } from 'react';

@@ -24,2 +25,2 @@ import type { ComposerWebComponentEvents, EntityMetadata, ScreenshotConfig, ThreadOptions, ThreadWebComponentEvents } from '@cord-sdk/types';

};
export declare function Thread(props: PropsWithRef<PropsWithChildren<ReactPropsWithStandardHTMLAttributes<ThreadReactComponentProps>>>): JSX.Element;
export declare function Thread(props: PropsWithRef<PropsWithChildren<ReactPropsWithStandardHTMLAttributes<ThreadReactComponentProps>>>): React.JSX.Element;

3

dist/mjs/components/ThreadedComments.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { Location, MessageInfo } from '@cord-sdk/types';

@@ -15,3 +16,3 @@ type MessageOrder = 'newest_on_top' | 'newest_on_bottom';

};
export declare function ThreadedComments({ location, messageOrder, composerPosition, composerExpanded, onMessageClick, onMessageMouseEnter, onMessageMouseLeave, onRender, onLoading, }: ThreadedCommentsReactComponentProps): JSX.Element;
export declare function ThreadedComments({ location, messageOrder, composerPosition, composerExpanded, onMessageClick, onMessageMouseEnter, onMessageMouseLeave, onRender, onLoading, }: ThreadedCommentsReactComponentProps): React.JSX.Element;
export {};

3

dist/mjs/components/ThreadFacepile.d.ts

@@ -0,3 +1,4 @@

import * as React from 'react';
export declare function ThreadFacepile({ threadId }: {
threadId: string;
}): JSX.Element;
}): React.JSX.Element;

3

dist/mjs/components/ThreadList.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { ThreadListFilter, ThreadListWebComponentEvents } from '@cord-sdk/types';

@@ -20,2 +21,2 @@ import type { PropsWithFlags, PropsWithRef, ReactPropsWithLocation, ReactPropsWithStandardHTMLAttributes } from '../types';

}>>;
export declare function ThreadList(props: PropsWithRef<ReactPropsWithStandardHTMLAttributes<ThreadListReactComponentProps>>): JSX.Element;
export declare function ThreadList(props: PropsWithRef<ReactPropsWithStandardHTMLAttributes<ThreadListReactComponentProps>>): React.JSX.Element;

3

dist/mjs/components/Timestamp.d.ts

@@ -0,1 +1,2 @@

import * as React from 'react';
import type { ReactPropsWithStandardHTMLAttributes } from '../types';

@@ -7,2 +8,2 @@ export type TimestampReactComponentProps = {

};
export declare function Timestamp(props: ReactPropsWithStandardHTMLAttributes<TimestampReactComponentProps>): JSX.Element;
export declare function Timestamp(props: ReactPropsWithStandardHTMLAttributes<TimestampReactComponentProps>): React.JSX.Element;

5

dist/mjs/contexts/CordContext.d.ts
import * as React from 'react';
import type { AnnotationMode, BlurDisplayLocation, ICordSDK, Location, NavigateFn, InitErrorCallback, LoadCallback, ScreenshotOptions, JsonObject } from '@cord-sdk/types';
import type { AnnotationMode, BlurDisplayLocation, ICordSDK, Location, NavigateFn, InitErrorCallback, LoadCallback, ScreenshotOptions, JsonObject, Translations } from '@cord-sdk/types';
export type CordContextValue = {

@@ -37,2 +37,3 @@ sdk: ICordSDK | null;

customEventMetadata?: JsonObject;
translations?: Translations;
};

@@ -42,3 +43,3 @@ type ThreadOptions = {

};
export declare function CordProvider({ clientAuthToken, enableTasks, enableAnnotations, enableSlack, blurScreenshots, enableScreenshotCapture, showBlurredScreenshots, screenshotOptions, customRenderers, annotationMode, cordScriptUrl, navigate, threadOptions, children, onLoad, onInitError, customEventMetadata, }: React.PropsWithChildren<Props>): JSX.Element;
export declare function CordProvider({ clientAuthToken, enableTasks, enableAnnotations, enableSlack, blurScreenshots, enableScreenshotCapture, showBlurredScreenshots, screenshotOptions, customRenderers, annotationMode, cordScriptUrl, navigate, threadOptions, children, onLoad, onInitError, customEventMetadata, translations, }: React.PropsWithChildren<Props>): React.JSX.Element;
export declare function useCordContext(hook: string): {

@@ -45,0 +46,0 @@ sdk: ICordSDK | null;

4

dist/mjs/hooks/notification.d.ts

@@ -1,2 +0,2 @@

import type { NotificationData, NotificationSummary, ObserveNotificationDataOptions } from '@cord-sdk/types';
import type { ClientNotificationData, NotificationSummary, ObserveNotificationDataOptions } from '@cord-sdk/types';
export declare function useSummary(): NotificationSummary | null;

@@ -35,2 +35,2 @@ /**

*/
export declare function useData(options?: ObserveNotificationDataOptions): NotificationData;
export declare function useData(options?: ObserveNotificationDataOptions): ClientNotificationData;

6

dist/mjs/hooks/user.d.ts

@@ -1,2 +0,2 @@

import type { UserData, ViewerUserData } from '@cord-sdk/types';
import type { ClientUserData, ViewerUserData } from '@cord-sdk/types';
/**

@@ -31,3 +31,3 @@ * This method allows you to observe data about a user, including live updates.

*/
export declare function useUserData(userID: string): UserData | null | undefined;
export declare function useUserData(userID: string): ClientUserData | null | undefined;
/**

@@ -70,3 +70,3 @@ * This method allows you to observe data about multiple users, including live

*/
export declare function useUserData(userIDs: string[]): Record<string, UserData | null>;
export declare function useUserData(userIDs: string[]): Record<string, ClientUserData | null>;
/**

@@ -73,0 +73,0 @@ * This method allows you to observe data about the logged-in user, including

10

package.json
{
"name": "@cord-sdk/react",
"description": "React components for Cord",
"version": "1.2.0",
"version": "1.3.0",
"homepage": "https://docs.cord.com/",

@@ -22,4 +22,4 @@ "license": "MIT",

"dependencies": {
"@cord-sdk/components": "1.2.0",
"@cord-sdk/types": "1.2.0",
"@cord-sdk/components": "1.3.0",
"@cord-sdk/types": "1.3.0",
"classnames": "^2.3.1"

@@ -31,4 +31,4 @@ },

"devDependencies": {
"@cord-sdk/jsx": "1.2.0",
"@types/react": "^17.0.43",
"@cord-sdk/jsx": "1.3.0",
"@types/react": "^18.2.18",
"@vanilla-extract/css": "^1.10.0",

@@ -35,0 +35,0 @@ "@vanilla-extract/rollup-plugin": "^1.2.2",

dist/cjs/index.js

Sorry, the diff of this file is too big to display

dist/cjs/index.js.map

Sorry, the diff of this file is not supported yet

dist/mjs/index.js

Sorry, the diff of this file is too big to display

dist/mjs/index.js.map

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc