@cord-sdk/react - npm Package Compare versions

Comparing version 1.30.1 to 1.30.2

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

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 type Args = {
@@ -2,0 +3,0 @@ capture?: boolean;

dist/mjs/common/ui/modifiers.d.ts

@@ -20,2 +20,3 @@ export declare const MODIFIERS: {
     resolved: string;
+    open: string;
     extraLarge: string;
@@ -22,0 +23,0 @@ large: string;

dist/mjs/common/util.d.ts

@@ -27,2 +27,3 @@ /**
 export declare function isDefined<T>(value: T | null | undefined): value is T;
+export declare function isNotNull<T>(value: T | null): value is T;
 export declare function getFileSizeString(size: number): string;

dist/mjs/components/all.css.d.ts

 import './ThreadedComments.css';
+import './composer/userReferences/UserReferenceElement.css';

dist/mjs/components/Composer.d.ts

@@ -9,2 +9,3 @@ import * as React from 'react';
     autofocus?: boolean;
+    disabled?: boolean;
     showExpanded?: boolean;
@@ -11,0 +12,0 @@ showCloseButton?: boolean;

dist/mjs/components/Thread.d.ts

@@ -14,2 +14,3 @@ import * as React from 'react';
     composerExpanded?: boolean;
+    composerDisabled?: boolean;
     threadOptions?: ThreadOptions;
@@ -16,0 +17,0 @@ groupId?: string;

dist/mjs/experimental.d.ts

@@ -10,1 +10,2 @@ export { SelectionComments, SelectionCommentsReactComponentProps, } from './components/SelectionComments';
 export { AddReactionButton } from './experimental/components/AddReactionButton';
+export { Button } from './experimental/components/helpers/Button';

dist/mjs/experimental/components/helpers/ButtonWithUnderline.d.ts

@@ -8,4 +8,4 @@ import * as React from 'react';
     className?: string | undefined;
-    iconName?: "AddEmoji" | "AnnotationPin" | "Assign" | "ChatAdd" | "ArrowRight" | "ArrowUp" | "Clipboard" | "Cursor" | "DownSolid" | "Slack" | "SlackColour" | "Asana" | "Linear" | "Jira" | "Monday" | "UpSolid" | "Launcher" | "Face" | "Help" | "WinkSmileyCircle" | "WinkSmileyRect" | "ReturnArrow" | "MailUnread" | "Archive" | "ArrowBendDownRight" | "ArrowCircleUpRight" | "ArrowSquareOut" | "ArrowsInSimple" | "At" | "Bell" | "BellSlash" | "CaretLeft" | "CaretRight" | "Chats" | "ChatText" | "Check" | "Checks" | "CheckCircle" | "CheckSquare" | "CircleNotch" | "Code" | "Copy" | "DotsThree" | "EnvelopeSimple" | "Export" | "EyeSlash" | "Faders" | "File" | "FileAudio" | "FileCsv" | "FileDoc" | "FilePdf" | "FileText" | "FileVideo" | "FileXls" | "FileZip" | "Gear" | "Hash" | "ImageSquare" | "LinkSimple" | "MagnifyingGlass" | "MicrosoftWordLogo" | "MegaphoneSimple" | "Moon" | "Paperclip" | "PencilSimpleLine" | "Question" | "Smiley" | "Square" | "Sun" | "TextAa" | "Trash" | "Tray" | "UserCirclePlus" | "Users" | "WarningCircle" | "X" | undefined;
+    iconName?: "ArrowRight" | "ArrowUp" | "AddEmoji" | "AnnotationPin" | "Assign" | "ChatAdd" | "Clipboard" | "Cursor" | "DownSolid" | "Slack" | "SlackColour" | "Asana" | "Linear" | "Jira" | "Monday" | "UpSolid" | "Launcher" | "Face" | "Help" | "WinkSmileyCircle" | "WinkSmileyRect" | "ReturnArrow" | "MailUnread" | "Archive" | "ArrowBendDownRight" | "ArrowCircleUpRight" | "ArrowSquareOut" | "ArrowsInSimple" | "At" | "Bell" | "BellSlash" | "CaretLeft" | "CaretRight" | "Chats" | "ChatText" | "Check" | "Checks" | "CheckCircle" | "CheckSquare" | "CircleNotch" | "Code" | "Copy" | "DotsThree" | "EnvelopeSimple" | "Export" | "EyeSlash" | "Faders" | "File" | "FileAudio" | "FileCsv" | "FileDoc" | "FilePdf" | "FileText" | "FileVideo" | "FileXls" | "FileZip" | "Gear" | "Hash" | "ImageSquare" | "LinkSimple" | "MagnifyingGlass" | "MicrosoftWordLogo" | "MegaphoneSimple" | "Moon" | "Paperclip" | "PencilSimpleLine" | "Question" | "Smiley" | "Square" | "Sun" | "TextAa" | "Trash" | "Tray" | "UserCirclePlus" | "Users" | "WarningCircle" | "X" | undefined;
     iconPosition?: "start" | "end" | undefined;
 } & React.HTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

dist/mjs/experimental/components/hoc/withPortal.d.ts

@@ -5,3 +5,8 @@ import * as React from 'react';
 }
+/**
+ * High Order Component (HOC) that adds Portal target.
+ * WrappedComponent must not be a Portal without a specific
+ * `target`.
+ */
 export default function withPortal<T extends Props = Props>(WrappedComponent: React.ComponentType<T>): React.ForwardRefExoticComponent<React.PropsWithoutRef<T> & React.RefAttributes<HTMLElement>>;
 export {};

dist/mjs/experimental/components/message/MessageImageAttachment.d.ts

@@ -1,2 +0,2 @@
-import React from 'react';
+import * as React from 'react';
 import type { UploadedFile } from '@cord-sdk/types';
@@ -3,0 +3,0 @@ type Props = {

dist/mjs/experimental/components/replacements.d.ts

@@ -0,3 +1,5 @@
+/// <reference types="react" />
 import type { WritableAtom } from 'jotai';
 import type { AvatarFallbackProps, AvatarProps, AvatarTooltipProps } from './Avatar';
+import type { OverlayProps } from './Overlay';
 import type { FacepileProps } from './Facepile';
@@ -7,2 +9,5 @@ import type { PresenceFacepileProps } from './PresenceFacepile';
 import type { GeneralButtonProps } from './helpers/Button';
+import type { MessageFilesAttachmentsProps } from './message/MessageFilesAttachments';
+import type { MediaModalProps } from './MediaModal';
+import type { MessageUserReferenceElementProps } from './message/MessageUserReferenceElement';
 export type ReplaceConfig = ReplaceConfigBase & ReplaceWithin;
@@ -19,2 +24,6 @@ export type ReplaceConfigBase = Partial<{
     PagePresence: React.ComponentType<PagePresenceProps>;
+    Overlay: React.ComponentType<OverlayProps>;
+    MessageFilesAttachments: React.ComponentType<MessageFilesAttachmentsProps>;
+    MediaModal: React.ComponentType<MediaModalProps>;
+    MessageUserReferenceElement: React.ComponentType<MessageUserReferenceElementProps>;
 }>;
@@ -21,0 +30,0 @@ type ReplaceWithin = Partial<{

dist/mjs/hooks/useCordAnnotationTargetRef.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 import type { Location, AnnotationHandler } from '@cord-sdk/types';
@@ -2,0 +3,0 @@ export declare function useCordAnnotationRenderer<L extends Location = Location>(location: Partial<L>, handler: AnnotationHandler<L>['getAnnotationPosition']): {

dist/mjs/hooks/useCustomEventListener.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="react" />
 export type CustomEventsDefinition<T extends Record<string, unknown[]>> = {
@@ -2,0 +3,0 @@ [P in keyof T]: ((...args: T[P]) => unknown) | undefined;

dist/mjs/hooks/useForwardCustomElementRef.d.ts

@@ -0,2 +1,3 @@
+/// <reference types="react" />
 import type { HTMLCordElement } from '@cord-sdk/types';
 export declare function useForwardCustomElementRef<T extends HTMLCordElement>(forwardedRef: React.ForwardedRef<T>): (element: T | null) => (() => void) | undefined;

package.json

 {
   "name": "@cord-sdk/react",
   "description": "React components for Cord",
-  "version": "1.30.1",
+  "version": "1.30.2",
   "homepage": "https://docs.cord.com/",
@@ -22,4 +22,4 @@ "license": "MIT",
   "dependencies": {
-    "@cord-sdk/components": "1.30.1",
-    "@cord-sdk/types": "1.30.1",
+    "@cord-sdk/components": "1.30.2",
+    "@cord-sdk/types": "1.30.2",
     "@floating-ui/react-dom": "^1.3.0",
@@ -31,3 +31,7 @@ "@radix-ui/react-slot": "^1.0.1",
     "phosphor-react": "^1.4.0",
-    "react-i18next": "^13.2.2"
+    "react-i18next": "^13.2.2",
+    "slate": "^0.100.0",
+    "slate-history": "^0.100.0",
+    "slate-react": "^0.100.0",
+    "uuid": "^8.3.2"
   },
@@ -39,5 +43,6 @@ "peerDependencies": {
   "devDependencies": {
-    "@cord-sdk/jsx": "1.30.1",
+    "@cord-sdk/jsx": "1.30.2",
     "@types/react": "^18.2.25",
     "@types/react-dom": "^18.2.17",
+    "@types/uuid": "^8.3.0",
     "@vanilla-extract/css": "^1.13.0",
@@ -44,0 +49,0 @@ "@vanilla-extract/rollup-plugin": "^1.2.2",

No alert changes

Improved metrics

Total package byte prevSize

526901

increased by3.15%

Number of package files

192

increased by8.47%

Lines of code

10660

increased by3.37%

Worsened metrics

Dependency count

15

increased by36.36%

Dev dependency count

9

increased by12.5%

Dependency changes

• + Addedslate@^0.100.0

• + Addedslate-history@^0.100.0

• + Addedslate-react@^0.100.0

• + Addeduuid@^8.3.2

• + Added@cord-sdk/components@1.30.2(transitive)

• + Added@cord-sdk/types@1.30.2(transitive)

• + Added@juggle/resize-observer@3.4.0(transitive)

• + Added@types/is-hotkey@0.1.10(transitive)

• + Added@types/lodash@4.17.15(transitive)

• + Addedcompute-scroll-into-view@3.1.1(transitive)

• + Addeddirection@1.0.4(transitive)

• + Addedimmer@10.1.1(transitive)

• + Addedis-hotkey@0.2.0(transitive)

• + Addedis-plain-object@5.0.0(transitive)

• + Addedlodash@4.17.21(transitive)

• + Addedscroll-into-view-if-needed@3.1.0(transitive)

• + Addedslate@0.100.0(transitive)

• + Addedslate-history@0.100.0(transitive)

• + Addedslate-react@0.100.1(transitive)

• + Addedtiny-invariant@1.3.1(transitive)

• + Addedtiny-warning@1.0.3(transitive)

• + Addeduuid@8.3.2(transitive)

• - Removed@cord-sdk/components@1.30.1(transitive)

• - Removed@cord-sdk/types@1.30.1(transitive)

• Updated@cord-sdk/components@1.30.2

• Updated@cord-sdk/types@1.30.2