@layers-app/shared 0.0.39 → 0.0.41

package/dist/{KanbanLayout-k814Ysrn.js → KanbanLayout-BUnjGOO7.js}

@@ -11,7 +11,7 @@ import "@mantine/form";
 import "@mantine/dropzone";
 import "@mantine/notifications";
 import "lodash-es";
-import { u as useOnboardingState, S as StatusBadge } from "./index-BHgJVazX.js";
+import { u as useOnboardingState, S as StatusBadge } from "./index-Bo9kCsKS.js";
 import "react-dom";
 import "draggable-ui";
 import "@mantine/modals";

package/dist/components/AppContainer/AppContainer.d.ts

@@ -5,7 +5,7 @@ declare global {
         preSignMode?: boolean;
     }
 }
-export declare const AppContainer: (({ header, content, navbar, navbarTitle, displayType, footer, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
+export declare const AppContainer: (({ header, content, navbar, navbarTitle, displayType, footer, onTitleChange, }: AppContainerProps) => import("react/jsx-runtime").JSX.Element) & {
     NavbarContent: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
     NavbarFooter: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
     NavbarHeader: ({ children }: import('react').PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/DesktopNavbar.d.ts

@@ -4,4 +4,4 @@ declare global {
         openTemplatesModal?: () => void;
     }
 }
-export declare const DesktopNavbar: (props: Pick<AppContainerProps, "navbar" | "navbarTitle" | "displayType">) => import("react/jsx-runtime").JSX.Element;
+export declare const DesktopNavbar: (props: Pick<AppContainerProps, "navbar" | "navbarTitle" | "displayType" | "onTitleChange">) => import("react/jsx-runtime").JSX.Element;

package/dist/components/AppContainer/components/MenuUserDropdown.d.ts

@@ -1,10 +1,12 @@
 import { PropsWithChildren, ReactNode } from 'react';
+import { appMode } from '../../..';
 import { FloatingPosition } from '@mantine/core';
 export type MenuUser = {
     id: string;
     avatar: string | null;
     email?: string | null;
     name: string | null;
+    mode?: appMode;
 };
 export type UserNotifications = {
     createdAt: string;

package/dist/components/AppContainer/hooks/useAppContainerStore.d.ts

@@ -1,12 +1,14 @@
 import { AppContainerStore } from '../types';
-export declare const useAppContainerStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AppContainerStore>, "persist"> & {
+export declare const useAppContainerStore: import('zustand').UseBoundStore<Omit<import('zustand').StoreApi<AppContainerStore>, "setState" | "persist"> & {
+    setState(partial: AppContainerStore | Partial<AppContainerStore> | ((state: AppContainerStore) => AppContainerStore | Partial<AppContainerStore>), replace?: false | undefined): unknown;
+    setState(state: AppContainerStore | ((state: AppContainerStore) => AppContainerStore), replace: true): unknown;
     persist: {
-        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore>>) => void;
+        setOptions: (options: Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>) => void;
         clearStorage: () => void;
         rehydrate: () => Promise<void> | void;
         hasHydrated: () => boolean;
         onHydrate: (fn: (state: AppContainerStore) => void) => () => void;
         onFinishHydration: (fn: (state: AppContainerStore) => void) => () => void;
-        getOptions: () => Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore>>;
+        getOptions: () => Partial<import('zustand/middleware').PersistOptions<AppContainerStore, AppContainerStore, unknown>>;
     };
 }>;

package/dist/components/AppContainer/types.d.ts

@@ -17,11 +17,14 @@ export type AppContainerProps = {
     navbarTitle?: string;
     displayType?: 'ROUNDED' | 'BOXED';
     footer?: ReactNode;
+    onTitleChange?: (title?: string) => void;
 };
 export type AppContainerDataStore = {
     tools: ToolDef[];
     workspaceMenu: WorkspaceMenuProps;
-    user: MenuUser;
+    user: MenuUser & {
+        role: string;
+    };
     userMenuItems?: ReactNode;
     notifications: UserNotifications[];
     isAnonym: boolean;

package/dist/components/AttachmentsGalleryModal/ShakaPlayer.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    attachmentId: string;
+};
+export declare const ShakaVideoPlayer: ({ attachmentId }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/BouncingLogo/BouncingLogo.d.ts

@@ -0,0 +1,3 @@
+export declare const BouncingLogo: ({ c }: {
+    c?: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CircleColorPicker/CircleColorPicker.d.ts

@@ -1,7 +1,7 @@
 import { ColorPickerProps, MenuProps } from '@mantine/core';
 export declare const CircleColorPicker: ({ value, onChange, menuProps, colorPickerProps, }: {
-    value: string;
-    onChange: (value: string) => void;
+    value?: string | null;
+    onChange: (value: string | null) => void;
     menuProps?: MenuProps;
     colorPickerProps?: ColorPickerProps;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+import { EditorType } from '@layers-app/editor';
+import * as React from 'react';
+type Props = {
+    children: (editorRef: React.MutableRefObject<EditorType | null>) => ReactNode;
+    onSubmit: () => void;
+    handleBlur: () => void;
+    autoFocus?: boolean;
+    registerClearEditor?: (fn: () => void) => void;
+};
+export declare function CommentEditorBehavior({ children, onSubmit, handleBlur, autoFocus, registerClearEditor, }: Props): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/CommentComposer/index.d.ts

@@ -1,20 +1,20 @@
 import { MutableRefObject } from 'react';
 import { RangeSelection } from '@layers-app/editor';
-import { Comment, GeneralComment, ICommentOptions, ICommentFile, ILocalCommentFile, IUser, Thread } from '../CommentsPanel/types.ts';
+import { Comment, CommentsNs, GeneralComment, ICommentFile, ICommentOptions, IUser, Thread } from '../CommentsPanel/types.ts';
 import * as React from 'react';
 interface CommentValue {
     value: string;
-    files: (ICommentFile | ILocalCommentFile)[];
+    files: ICommentFile[];
 }
 interface CommentComposerProps {
-    children: ((args: {
+    children: (args: {
         onSubmit: () => void;
         handleBlur: () => void;
         autoFocus: boolean;
         setCommentValue: React.Dispatch<React.SetStateAction<CommentValue>>;
         commentValue: CommentValue;
         registerClearEditor?: (fn: () => void) => void;
-    }) => React.ReactNode);
+    }) => React.ReactNode;
     getSelectionText?: (selection: RangeSelection) => string;
     removeCommentImage?: (index: string) => void;
     providedUser?: IUser;
@@ -24,11 +24,11 @@ interface CommentComposerProps {
     }) => void;
     commentValue: {
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: ICommentFile[];
     };
     setCommentValue: React.Dispatch<React.SetStateAction<{
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: ICommentFile[];
     }>>;
     isEditInput?: boolean;
     autoFocus?: boolean;
@@ -44,9 +44,11 @@ interface CommentComposerProps {
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
     handleEditComment?: (data: {
         value: string;
-        files: (ICommentFile | ILocalCommentFile)[];
+        files: ICommentFile[];
     }) => void;
     provideCommentOptions?: ICommentOptions;
+    placeholder?: string;
+    composerLocales?: CommentsNs;
 }
-export declare const CommentComposer: ({ submitAddComment, commentValue, thread, setCommentValue, handleBlur, autoFocus, provideCommentOptions, removeCommentImage, handleEditComment, isEditInput, isGeneral, updateThreadId, setCommentActions, updateLocation, getSelectionText, children, providedUser, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentComposer: ({ submitAddComment, commentValue, thread, setCommentValue, handleBlur, autoFocus, provideCommentOptions, removeCommentImage, handleEditComment, isEditInput, isGeneral, updateThreadId, setCommentActions, updateLocation, getSelectionText, children, providedUser, placeholder, composerLocales, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CommentFilterMenu/index.d.ts

@@ -0,0 +1,9 @@
+import { CommentsFilter } from '../CommentsPanel/types.ts';
+import * as React from 'react';
+export declare const CommentFilterMenu: ({ commentsFilter, setCommentsFilter, disabled, onCollapse, listRef, }: {
+    commentsFilter: CommentsFilter;
+    setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
+    disabled?: boolean;
+    listRef?: React.RefObject<HTMLElement>;
+    onCollapse?: React.Dispatch<React.SetStateAction<string | null>>;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentActionMenu.d.ts

@@ -1,6 +1,10 @@
+import { CommentsNs } from '../types.ts';
 interface CommentActionMenuProps {
     onDownload: () => void;
     onDelete: () => void;
+    iconColor?: string;
+    hasPermission: boolean;
+    locales?: CommentsNs;
 }
-export declare const CommentActionMenu: ({ onDownload, onDelete }: CommentActionMenuProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentActionMenu: ({ onDownload, onDelete, iconColor, hasPermission, locales: propLocales, }: CommentActionMenuProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CommentsPanel/components/CommentPanelListItem.d.ts

@@ -1,9 +1,7 @@
 import { NodeKey, RangeSelection } from '@layers-app/editor';
-import { TFunction } from 'i18next';
-import { Comment, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
+import { Comment, CommentsNs, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
 import * as React from 'react';
 interface ICommentPanelListItemProps extends SharedCommentProps {
-    t: TFunction;
     deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
     addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
     removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
@@ -17,6 +15,7 @@ interface ICommentPanelListItemProps extends SharedCommentProps {
     replyInput?: string;
     setShowReplyInput?: React.Dispatch<React.SetStateAction<string>>;
     activeIDs?: Array<string>;
+    locales: CommentsNs;
 }
-export declare const CommentPanelListItem: ({ commentOrThread, handleClickThread, markNodeMap, parentThreadOrGeneral, submitAddComment, removeCommentReactions, updateThreadId, addCommentReaction, deleteCommentImage, activeIDs, updateCommentTextOrImage, resolveThreat, toggleRepliesInput, t, deleteCommentOrThread, replyInput, }: ICommentPanelListItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentPanelListItem: ({ commentOrThread, handleClickThread, markNodeMap, parentThreadOrGeneral, submitAddComment, removeCommentReactions, updateThreadId, addCommentReaction, deleteCommentImage, activeIDs, updateCommentTextOrImage, resolveThreat, toggleRepliesInput, locales, deleteCommentOrThread, replyInput, }: ICommentPanelListItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CommentsPanel/components/{CommentFilterMenu.d.ts → CommentTabFilter.d.ts}

@@ -1,6 +1,7 @@
 import { CommentsFilter } from '../types.ts';
 import * as React from 'react';
-export declare const CommentFilterMenu: ({ commentsFilter, setCommentsFilter, }: {
+export declare const CommentTabFilter: ({ commentsFilter, setCommentsFilter, listRef, }: {
     commentsFilter: CommentsFilter;
     setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
+    listRef: React.RefObject<HTMLElement>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsEmptyPlaceholder.d.ts

@@ -1,3 +1,6 @@
-export declare const CommentsEmptyPlaceholder: ({ resolved, }: {
-    resolved: boolean;
+import { CommentsFilter } from '../types.ts';
+import * as React from 'react';
+export declare const CommentsEmptyPlaceholder: ({ commentsFilter, listRef }: {
+    commentsFilter: CommentsFilter;
+    listRef: React.RefObject<HTMLElement>;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsListItemMenu.d.ts

@@ -1,6 +1,7 @@
 import { Comment, GeneralComment, Thread } from '../types.ts';
-export declare const CommentsListItemMenu: ({ handleEditClick, commentOrThread, deleteCommentOrThread, }: {
+export declare const CommentsListItemMenu: ({ handleEditClick, commentOrThread, deleteCommentOrThread, hasPermission }: {
     handleEditClick: (comment: Comment | Thread | GeneralComment) => void;
     commentOrThread: Comment | Thread | GeneralComment;
     deleteCommentOrThread: (commentOrThread: Comment | Thread, thread?: Thread) => void;
+    hasPermission: boolean;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/components/CommentsPanel/components/CommentsPanelList.d.ts

@@ -1,17 +1,16 @@
 import { ReactElement } from 'react';
 import { RangeSelection, NodeKey } from '@layers-app/editor';
 import { Comment, Comments, GeneralComment, ICommentFile, SharedCommentProps, Thread, UpdateCommentTextArgs } from '../types.ts';
+import * as React from 'react';
 interface CommentsPanelListProps extends Omit<SharedCommentProps, 'commentOrThread'> {
     activeIDs: string[];
     comments: Comments;
-    listRef: {
-        current: null | HTMLUListElement;
-    };
+    listRef: React.RefObject<HTMLElement>;
     updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
     deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
     removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
     addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
-    markNodeMap: Map<string, Set<NodeKey>>;
+    markNodeMap?: Map<string, Set<NodeKey>>;
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
     updateCommentTextOrImage: UpdateCommentTextArgs;
 }

package/dist/components/CommentsPanel/components/CommentsThreadReplyControls.d.ts

@@ -1,3 +1,4 @@
+import { CommentsNs } from '../types.ts';
 import * as React from 'react';
 interface CommentsThreadReplyControlsProps {
     onSubmit: () => void;
@@ -6,6 +7,9 @@ interface CommentsThreadReplyControlsProps {
     disabledUploadButton: boolean;
     isSubmitting: boolean;
     setIsSubmitting: React.Dispatch<React.SetStateAction<boolean>>;
+    handleClearInput: () => void;
+    isFloatInput?: boolean;
+    locales?: CommentsNs;
 }
-export declare const CommentsThreadReplyControls: ({ onSubmit, handleFileChange, disabledSubmitButton, disabledUploadButton, setIsSubmitting, isSubmitting, }: CommentsThreadReplyControlsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CommentsThreadReplyControls: ({ onSubmit, handleFileChange, disabledSubmitButton, disabledUploadButton, isFloatInput, setIsSubmitting, isSubmitting, handleClearInput, locales: propLocales, }: CommentsThreadReplyControlsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.d.ts

@@ -1,6 +1,10 @@
-import { ICommentFile, ILocalCommentFile } from '../types.ts';
-export declare const CommentsUploadFilesPreview: ({ files, removeImage, isUploaded, }: {
-    files: Array<ICommentFile | ILocalCommentFile>;
+import { CommentsNs, ICommentFile } from '../types.ts';
+interface CommentsUploadFilesPreviewProps {
+    files: Array<ICommentFile>;
+    hasPermission?: boolean;
     removeImage: (index: number | string) => void;
-    isUploaded?: boolean;
-}) => import("react/jsx-runtime").JSX.Element;
+    showLoading?: boolean;
+    locales?: CommentsNs;
+}
+export declare const CommentsUploadFilesPreview: ({ files, hasPermission, removeImage, showLoading, locales, }: CommentsUploadFilesPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
+export {};

package/dist/components/CommentsPanel/index.d.ts

@@ -1,6 +1,7 @@
 import { ReactElement } from 'react';
 import { NodeKey, RangeSelection } from '@layers-app/editor';
-import { Comment, Comments, GeneralComment, GetEditorFn, ICommentFile, StoreOptions, Thread, UpdateCommentTextArgs, SharedCommentProps } from './types.ts';
+import { Comment, Comments, CommentsFilter, CommentsLocales, GeneralComment, GetEditorFn, ICommentFile, StoreOptions, Thread, UpdateCommentTextArgs, SharedCommentProps } from './types.ts';
+import * as React from 'react';
 interface CommentsPanelProps extends Omit<SharedCommentProps, 'commentOrThread'> {
     comments: Comments;
     activeIDs: string[];
@@ -10,13 +11,16 @@ interface CommentsPanelProps extends Omit<SharedCommentProps, 'commentOrThread'>
     removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
     addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
     updateCommentTextOrImage: UpdateCommentTextArgs;
-    markNodeMap: Map<string, Set<NodeKey>>;
+    markNodeMap?: Map<string, Set<NodeKey>>;
     submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
-    listRef: {
-        current: null | HTMLUListElement;
-    };
+    listRef: React.RefObject<HTMLElement>;
     getEditor: GetEditorFn;
     clipPath?: string;
+    isSidebar?: boolean;
+    locales: CommentsLocales;
+    commentsFilter: CommentsFilter;
+    setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
+    isLoading: boolean;
 }
-export declare function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, storeOptions, deleteCommentImage, addCommentReaction, removeCommentReactions, updateCommentTextOrImage, listRef, resolveThreat, updateThreadId, getEditor, clipPath }: CommentsPanelProps): ReactElement;
+export declare function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, storeOptions, deleteCommentImage, addCommentReaction, removeCommentReactions, updateCommentTextOrImage, listRef, resolveThreat, updateThreadId, locales, getEditor, setCommentsFilter, commentsFilter, clipPath, isLoading, isSidebar, }: CommentsPanelProps): ReactElement;
 export {};

package/dist/components/CommentsPanel/store.d.ts

@@ -1,10 +1,14 @@
-import { GetEditorFn, ICommentOptions, IMember, IUser } from './types.ts';
+import { CommentsNs, GetEditorFn, ICommentOptions, IMember, IUser } from './types';
 interface CommentsState {
     workspaceMembers: IMember[];
     currentUser?: IUser;
     showComments: boolean;
+    adminPermission: boolean;
     commentOptions?: ICommentOptions;
     getEditor?: GetEditorFn;
+    isSidebar: boolean;
+    isGuest: boolean;
+    commentsLocales: CommentsNs;
     selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
     initializeComments: (data: {
         workspaceMembers?: IMember[];
@@ -12,6 +16,8 @@ interface CommentsState {
         showComments?: boolean;
         commentOptions?: ICommentOptions;
         getEditor?: GetEditorFn;
+        isSidebar: boolean;
+        commentsLocales: CommentsNs;
         selectMarkNode?: (markNodeKeys: Set<string>, activeElement: Element | null) => void;
     }) => void;
 }