@weavy/uikit-react 14.0.4 → 15.0.0

package/dist/cjs/types/ConversationListItem.d.ts

@@ -1,4 +1,5 @@
 export interface ConversationListItemProps {
     item: ConversationType;
+    userId: number;
     refetchConversations: Function;
 }

package/dist/cjs/types/Files.d.ts

@@ -0,0 +1,7 @@
+export interface FilesProps {
+    uid: string;
+    className?: string;
+    view?: FileView;
+    order?: FileOrder;
+    trashed?: boolean;
+}

package/dist/cjs/types/Message.d.ts

@@ -7,8 +7,8 @@ export interface MessageProps {
     name: string;
     created_at: string;
     created_by: string;
-    attachments: AttachmentType[];
-    meeting: MeetingCardType;
+    attachments: FileType[];
+    meeting?: MeetingType;
     parentId: number | null;
     reactions: ReactableType[];
     reactions_count?: number;

package/dist/cjs/types/Posts.d.ts

@@ -0,0 +1,4 @@
+export interface PostsProps {
+    uid: string;
+    className?: string;
+}

package/dist/cjs/types/interfaces.d.ts

@@ -0,0 +1,9 @@
+import { Completion } from "@codemirror/autocomplete";
+interface MentionsCompletion extends Completion {
+    item?: {
+        is_member: boolean;
+        avatar_url: string;
+        display_name: string;
+    };
+}
+export { MentionsCompletion };

package/dist/cjs/types/types.d.ts

@@ -7,11 +7,17 @@ interface WeavyClient {
     destroy: Function;
     get: (url: string, retry?: boolean) => Promise<Response>;
     post: (url: string, method: "GET" | "POST" | "PUT" | "DELETE" | "PATCH", body: string | FormData, contentType?: string, retry?: boolean) => Promise<Response>;
+    upload: (url: string, method: "POST" | "PUT" | "PATCH", body: string | FormData, contentType?: string, onProgress?: (progress: number) => void, retry?: boolean) => Promise<Response>;
 }
 declare type WeavyClientOptions = {
     url: string;
     tokenFactory: (refresh: boolean) => Promise<string>;
 };
+declare type ServerErrorResponse = {
+    status: number;
+    title: string;
+    detail?: string;
+};
 declare type WeavyContextProps = {
     client: WeavyClient | null;
     options?: WeavyContextOptions;
@@ -33,9 +39,13 @@ declare type MessengerContextProps = {
 declare type UserContextProps = {
     user: UserType;
 };
+declare type CloudFilesContextProps = {
+    open: Function;
+};
 declare type PreviewContextProps = {
     openPreview: Function;
     closePreview: Function;
+    setPreviewFiles: Function;
 };
 declare type ProviderProps = {
     children: React.ReactNode;
@@ -63,15 +73,34 @@ declare type MessagesResult = {
     end: number;
     count: number;
 };
+declare type SortOrder = {
+    by: string;
+    descending: boolean;
+};
+declare type FileOrderBy = "id" | "name" | "size" | "created_at" | "modified_at" | "timestamp";
+declare type FileOrder = SortOrder & {
+    by: FileOrderBy;
+    descending: boolean;
+};
+declare type FileView = "list" | "grid";
+declare type FilesResult = {
+    data: FileType[];
+    start: number;
+    end: number;
+    count: number;
+};
 declare type ConversationType = {
     id: number;
+    created_by_id: number;
     display_name: string;
     last_message: MessageType;
     is_unread: boolean;
     is_pinned: boolean;
+    is_starred: boolean;
     type: string;
-    member_ids: number[];
     avatar_url: string;
+    user_id?: number;
+    member_count?: number;
 };
 declare type MemberType = {
     id: number;
@@ -91,16 +120,33 @@ declare type MessageType = {
     id: number;
     html: string;
     text: string;
+    plain: string;
     app_id: number;
     temp?: boolean;
     created_at: string;
     created_by: MemberType;
     created_by_id: number;
-    attachments: AttachmentType[];
+    modified_at?: string;
+    modified_by?: MemberType;
+    trashed_at?: string;
+    trashed_by?: MemberType;
+    attachments: FileType[];
     attachment_ids: number[];
-    meeting: MeetingCardType;
+    attachment_count?: number;
+    meeting?: MeetingType;
     meeting_id?: number;
     reactions: ReactableType[];
+    embed?: EmbedType;
+    comment_count?: number;
+    is_subscribed: boolean;
+    is_trashed: boolean;
+    options?: PollOptionType[];
+};
+declare type PollOptionType = {
+    id: number | null;
+    text: string;
+    has_voted?: boolean;
+    vote_count?: number;
 };
 declare type UserType = {
     id: number;
@@ -112,31 +158,47 @@ declare type UserType = {
     avatar_url: string;
     presence: string;
 };
-declare type FileType = {
+declare type FileKindType = "archive" | "audio" | "code" | "document" | "email" | "presentation" | "spreadsheet" | "image" | "text" | "video" | "file";
+declare type PreviewFormatType = "audio" | "code" | "embed" | "html" | "image" | "pdf" | "text" | "video" | "none";
+declare type ProviderType = "google-drive" | "onedrive" | "box" | "dropbox";
+declare type BlobType = {
     id: number;
     name: string;
+    size?: number;
+    media_type?: string;
+    thumbnail_url?: string;
 };
-declare type AttachmentType = {
+declare type FileType = {
     id: number;
+    refId?: number;
+    version: number;
     name: string;
-    kind: string;
+    kind: FileKindType;
     media_type: string;
-    width: number;
-    height: number;
-    size: number;
-    provider: string;
-    download_url: string;
+    width?: number;
+    height?: number;
+    size?: number;
+    provider?: string;
+    download_url?: string;
     embed_url: string;
-    external_url: string;
-    thumbnail_url: string;
+    external_url?: string;
+    application_url?: string;
     preview_format: PreviewFormatType;
-    application_url: string;
-    preview_url: string;
+    preview_url?: string;
+    thumbnail_url?: string;
     created_at: string;
     created_by?: UserType;
-    createdById?: number;
+    created_by_id: number;
+    modified_at?: string;
+    modified_by?: UserType;
+    modified_by_id?: number;
+    comment_ids?: number[];
+    is_subscribed: boolean;
+    is_trashed: boolean;
+    status?: "ok" | "pending" | "conflict" | "error";
+    statusText?: string;
+    progress?: number;
 };
-declare type PreviewFormatType = "audio" | "code" | "embed" | "html" | "image" | "pdf" | "text" | "video" | "none";
 declare type ReactionType = {
     id: number;
     parent: MessageType;
@@ -153,11 +215,13 @@ declare type ReactionGroup = {
     count: number;
     has_reacted: boolean;
 };
-declare type MeetingType = {
-    id: number;
-    provider: string;
+declare type ReactionsResult = {
+    data: ReactionType[];
+    start: number;
+    end: number;
+    count: number;
 };
-declare type MeetingCardType = {
+declare type MeetingType = {
     id: number;
     provider: string;
     provider_id: string;
@@ -205,5 +269,57 @@ declare type RealtimeTyping = {
     action: string;
     id: number;
     actor: MemberTypingType;
-    conversation: ConversationType;
+    entity: EntityType;
+    type: string;
+};
+declare type AppType = {
+    id: number;
+    type: string;
+    uid: string;
+    display_name: string;
+    name: string;
+    description: string;
+    avatar_url: string;
+    metadata: any;
+    tags?: string[];
+    created_at: string;
+    created_by_id: number;
+    created_by?: UserType;
+    modified_at?: string;
+    modified_by_id?: number;
+    modified_by?: UserType;
+    member_count?: number;
+    members?: MemberType[];
+    is_subscribed: boolean;
+    is_trashed: boolean;
+    archive_url: string;
+};
+declare type PostsType = {
+    id: number;
+    display_name: string;
+    last_message: MessageType;
+    is_unread: boolean;
+    is_pinned: boolean;
+    type: string;
+    member_ids: number[];
+    avatar_url: string;
+};
+declare type EmbedType = {
+    id: number;
+    title: string;
+    description: string;
+    type: "link" | "video" | "photo" | "audio" | "rich";
+    host: string;
+    original_url: string;
+    provider_name: string;
+    provider_url?: string;
+    thumbnail_url?: string;
+    thumbnail_width?: number;
+    thumbnail_height?: number;
+    width?: number;
+    height?: number;
+    author_name: string;
+    author_url: string;
+    html?: string;
+    image?: string;
 };

package/dist/cjs/ui/Dropdown.d.ts

@@ -2,18 +2,34 @@ import React from "react";
 declare type DropdownProps = {
     directionX?: "left" | "right";
     directionY?: "up" | "down";
+    icon?: string;
     children: React.ReactNode;
     className?: string;
+    title?: string;
+    buttonContent?: React.ReactNode;
+    disabled?: boolean;
+    noWrapper?: boolean;
     props?: React.HTMLAttributes<HTMLSpanElement>;
 };
 declare type ItemProps = {
     children: React.ReactNode;
     className?: string;
     onClick?: (e: any) => void;
+    active?: boolean;
     props?: React.HTMLAttributes<HTMLDivElement>;
 };
+declare type AnchorProps = {
+    children: React.ReactNode;
+    className?: string;
+    link?: string;
+    active?: boolean;
+    download?: boolean;
+    props?: React.HTMLAttributes<HTMLAnchorElement>;
+};
 declare const UIDropdown: {
-    UI: ({ directionX, directionY, children, className, ...props }: DropdownProps) => JSX.Element;
-    Item: ({ children, className, onClick, ...props }: ItemProps) => JSX.Element;
+    UI: ({ directionX, directionY, icon, children, className, title, buttonContent, disabled, noWrapper, ...props }: DropdownProps) => JSX.Element;
+    Item: ({ children, className, onClick, active, ...props }: ItemProps) => JSX.Element;
+    Anchor: ({ children, className, link, active, download, ...props }: AnchorProps) => JSX.Element;
+    Divider: () => JSX.Element;
 };
 export default UIDropdown;

package/dist/cjs/ui/Icon.d.ts

@@ -1,10 +1,18 @@
-/// <reference types="react" />
+import { ReactNode } from "react";
 declare type Props = {
     name: string;
     color?: string;
     size?: number;
+    title?: string;
+    className?: string;
+};
+declare type IconActiveStackProps = {
+    className?: string;
+    children: ReactNode;
 };
 declare const UIIcon: {
-    UI: ({ name, color, size, ...props }: Props) => JSX.Element;
+    UI: ({ name, color, size, className, title, ...props }: Props) => JSX.Element;
+    Raw: ({ name, color, size, className, title, ...props }: Props) => JSX.Element;
+    ActiveStack: ({ className, children }: IconActiveStackProps) => JSX.Element;
 };
 export default UIIcon;

package/dist/cjs/ui/Overlay.d.ts

@@ -5,8 +5,10 @@ declare type OverlayProps = {
     className?: string;
     isOpen: boolean;
     style?: Styles;
+    closeOnEsc?: boolean;
+    onClose?: () => void;
 };
 declare const UIOverlay: {
-    UI: ({ children, className, isOpen, style }: OverlayProps) => JSX.Element;
+    UI: ({ children, className, isOpen, style, closeOnEsc, onClose }: OverlayProps) => JSX.Element;
 };
 export default UIOverlay;

package/dist/cjs/ui/Sheet.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Styles } from 'react-modal';
+declare type SheetProps = {
+    children: React.ReactNode;
+    className?: string;
+    isOpen: boolean;
+    style?: Styles;
+    title: string;
+    onClose?: (e: any) => void;
+};
+declare const UISheet: {
+    UI: ({ children, className, isOpen, style, title, onClose }: SheetProps) => JSX.Element;
+};
+export default UISheet;

package/dist/cjs/ui/Spinner.d.ts

@@ -3,8 +3,9 @@ declare type SpinnerProps = {
     size?: number;
     spin?: boolean;
     overlay?: boolean;
+    progress?: number;
 };
 declare const UISpinner: {
-    UI: ({ spin, size, overlay }: SpinnerProps) => JSX.Element;
+    UI: ({ spin, size, overlay, progress }: SpinnerProps) => JSX.Element;
 };
 export default UISpinner;

package/dist/cjs/utils/cacheUtils.d.ts

@@ -0,0 +1,14 @@
+import { InfiniteData, QueryClient, QueryKey } from "react-query";
+export declare function findAnyExistingItem<TDataItem>(queryData: InfiniteData<any> | undefined, propertyName: string, value: string, copy?: boolean): TDataItem | undefined;
+export declare function addToQueryData(queryData: any, item: any, sorting?: {
+    by?: string;
+    descending?: boolean;
+}, tempId?: number): any;
+export declare function updateQueryData(queryData: any, select: number | ((item: any) => boolean), fnUpdater: Function): any;
+export declare function removeQueryData(queryData: any, select: number | ((item: any) => boolean)): any;
+export declare const addCacheItem: <T>(queryClient: QueryClient, key: QueryKey, item: any, tempId?: number, sorting?: {
+    by?: string;
+    descending?: boolean;
+}) => void | T;
+export declare const updateCacheItem: <T>(queryClient: QueryClient, key: QueryKey, select: number | ((item: any) => boolean), fnUpdater: Function) => void | T;
+export declare const removeCacheItem: <T>(queryClient: QueryClient, key: QueryKey, select: number | ((item: any) => boolean)) => void | T;

package/dist/cjs/utils/fileUtilities.d.ts

@@ -1,4 +1,4 @@
-export declare const fileSizeAsString: (size: number) => string;
+export declare const fileSizeAsString: (size: number, significantDigits?: number) => string;
 export declare function getExtension(name: string): string;
 export declare function isAudio(ext: string): boolean;
 export declare function isImage(ext: string): boolean;
@@ -15,3 +15,12 @@ export declare function getIcon(name: string, mediaType?: string): {
     icon: string;
     color?: string;
 };
+/**
+ * Returns preview formats that can be rendered directly in the browser
+ *
+ * @param {string} name - Name of the file
+ * @returns PreviewFormatType
+ */
+export declare function getWebPreviewFormat(name: string): PreviewFormatType;
+export declare function getProvider(provider: string | undefined): ProviderType | "";
+export declare function getKind(name: string): FileKindType;

package/dist/cjs/utils/mentions.d.ts

@@ -0,0 +1,6 @@
+import { Decoration, ViewPlugin, ViewUpdate } from "@codemirror/view";
+import { RangeSet } from "@codemirror/state";
+export declare const mentions: ViewPlugin<{
+    mentions: RangeSet<Decoration>;
+    update(update: ViewUpdate): void;
+}>;

package/dist/cjs/utils/openUrl.d.ts

@@ -0,0 +1 @@
+export default function openUrl(url?: string, target?: string, name?: string, download?: boolean): void;