@layers-app/shared 0.0.45 → 0.0.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/KanbanLayout-CqLSzjCH.js +297 -0
- package/dist/assets/jsons/icons.min.json.d.ts +1 -1
- package/dist/components/AppContainer/hooks/useAppContainer.d.ts +1 -1
- package/dist/components/AppContainer/types.d.ts +1 -0
- package/dist/components/AttachmentsGalleryModal/AttachmentsGalleryContext.d.ts +4 -2
- package/dist/components/AttachmentsGalleryModal/components/ShakePlayer/ShakaPlayer.d.ts +4 -1
- package/dist/components/AttachmentsGalleryModal/constants.d.ts +2 -1
- package/dist/components/AttachmentsGalleryModal/helpers.d.ts +22 -0
- package/dist/components/AttachmentsGalleryModal/hooks/usePanning.d.ts +10 -0
- package/dist/components/AttachmentsPreview/AttachmentsPreview.d.ts +9 -0
- package/dist/components/ColorPicker/ColorPicker.d.ts +1 -0
- package/dist/components/CommentComposer/CommentEditorHotkeys.d.ts +16 -11
- package/dist/components/CommentComposer/index.d.ts +2 -55
- package/dist/components/CommentComposer/types.d.ts +96 -0
- package/dist/components/CommentsPanel/index.d.ts +1 -26
- package/dist/components/EmojiPicker/EmojiPicker.d.ts +1 -0
- package/dist/components/EmojiPicker/getIconsList.d.ts +11 -0
- package/dist/components/EmojiPicker/getRandomIcon.d.ts +1 -0
- package/dist/components/FilePicker/FilePicker.d.ts +2 -1
- package/dist/components/FilePicker/types.d.ts +1 -0
- package/dist/components/FormViewer/helpers/conditions.d.ts +1 -1
- package/dist/components/FormViewer/helpers/helpers.d.ts +1 -1
- package/dist/components/FormViewer/helpers/steps.d.ts +1 -1
- package/dist/components/FormViewer/hooks/useActiveStep.d.ts +1 -1
- package/dist/components/FormViewer/store/formStore.d.ts +6 -6
- package/dist/components/FormViewer/store/formStoreApi.d.ts +3 -3
- package/dist/components/FormViewer/store/selectors.d.ts +342 -342
- package/dist/components/FormViewer/types/schemes.d.ts +22 -22
- package/dist/components/ProjectIcon/ProjectIcon.d.ts +5 -0
- package/dist/components/RichText/extensions/bold.d.ts +3 -0
- package/dist/components/RichText/extensions/check-list.d.ts +42 -0
- package/dist/components/RichText/extensions/color-picker.d.ts +28 -0
- package/dist/components/RichText/extensions/font-size.d.ts +23 -0
- package/dist/components/RichText/extensions/italic.d.ts +3 -0
- package/dist/components/RichText/extensions/underline.d.ts +3 -0
- package/dist/components/RichText/index.d.ts +41 -0
- package/dist/components/UserAvatar/index.d.ts +3 -2
- package/dist/components/modals/RemoveConfirmModal.d.ts +8 -1
- package/dist/emoji-categorized-CRsMUQyD.js +4 -0
- package/dist/helpers/hotjar.d.ts +9 -0
- package/dist/helpers/pickRandomEmoji.d.ts +1 -0
- package/dist/icons.min-43tm8BtD.js +4 -0
- package/dist/index-By3Za6p9.js +116619 -0
- package/dist/index.d.ts +4 -2
- package/dist/index.js +261 -310
- package/dist/index.umd.cjs +60 -429
- package/dist/lang/locales/ui_en.json.d.ts +5 -4
- package/dist/lang/locales/ui_es.json.d.ts +2 -1
- package/dist/lang/locales/ui_ru.json.d.ts +2 -1
- package/package.json +9 -17
- package/dist/KanbanLayout-C6wJBGZ2.js +0 -287
- package/dist/components/CommentFilterMenu/index.d.ts +0 -9
- package/dist/components/CommentsPanel/components/CommentActionMenu.d.ts +0 -10
- package/dist/components/CommentsPanel/components/CommentActions.d.ts +0 -16
- package/dist/components/CommentsPanel/components/CommentPanelListItem.d.ts +0 -21
- package/dist/components/CommentsPanel/components/CommentTabFilter.d.ts +0 -7
- package/dist/components/CommentsPanel/components/CommentsEmptyPlaceholder.d.ts +0 -6
- package/dist/components/CommentsPanel/components/CommentsFilterHeader.d.ts +0 -3
- package/dist/components/CommentsPanel/components/CommentsListItemMenu.d.ts +0 -7
- package/dist/components/CommentsPanel/components/CommentsPanelList.d.ts +0 -18
- package/dist/components/CommentsPanel/components/CommentsThreadReplyControls.d.ts +0 -15
- package/dist/components/CommentsPanel/components/CommentsUploadFilesPreview.d.ts +0 -10
- package/dist/components/CommentsPanel/components/Icon.d.ts +0 -8
- package/dist/components/CommentsPanel/store.d.ts +0 -25
- package/dist/components/CommentsPanel/types.d.ts +0 -339
- package/dist/components/CommentsPanel/utils.d.ts +0 -14
- package/dist/emoji-categorized-DAOdcF53.js +0 -4
- package/dist/helpers/pickRandomIcon.d.ts +0 -1
- package/dist/icons.min-Chyr-bjL.js +0 -4
- package/dist/index-W83Evo8i.js +0 -78459
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { AppContainerActionsStore, AppContainerDataStore } from '../types';
|
|
2
|
-
export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, version, updatedAt, privacyPolicyLink, whatsNewItems, }: AppContainerDataStore & AppContainerActionsStore) => void;
|
|
2
|
+
export declare const useAppContainer: ({ user, workspaceMenu, tools, userMenuItems, notifications, isAnonym, readNotificationsFunc, publicMode, showMessenger, showNewMessage, version, updatedAt, privacyPolicyLink, userAgreementLink, whatsNewItems, }: AppContainerDataStore & AppContainerActionsStore) => void;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
|
|
2
3
|
import { EmblaCarouselType } from 'embla-carousel';
|
|
3
4
|
interface AttachmentsGalleryContextValue {
|
|
4
5
|
embla: EmblaCarouselType | null;
|
|
@@ -11,12 +12,13 @@ interface AttachmentsGalleryContextValue {
|
|
|
11
12
|
setSelectedIndex: (value: number) => void;
|
|
12
13
|
zoomPercentage: number;
|
|
13
14
|
setZoomPercentage: (value: number) => void;
|
|
14
|
-
transformRefs: React.MutableRefObject<
|
|
15
|
+
transformRefs: React.MutableRefObject<ReactZoomPanPinchContentRef[]>;
|
|
15
16
|
prevIndexRef: React.MutableRefObject<number>;
|
|
16
17
|
}
|
|
17
18
|
export declare const useAttachmentsGalleryContext: () => AttachmentsGalleryContextValue;
|
|
18
19
|
interface AttachmentsGalleryProviderProps {
|
|
19
20
|
children: ReactNode;
|
|
21
|
+
initialIndex: number;
|
|
20
22
|
}
|
|
21
|
-
export declare const AttachmentsGalleryProvider: ({ children, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
23
|
+
export declare const AttachmentsGalleryProvider: ({ children, initialIndex, }: AttachmentsGalleryProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
24
|
export {};
|
|
@@ -2,6 +2,9 @@ type BaseProps = {
|
|
|
2
2
|
autoPlay?: boolean;
|
|
3
3
|
isActive?: boolean;
|
|
4
4
|
attachmentId: string;
|
|
5
|
+
loader?: React.ReactNode;
|
|
6
|
+
stylesContainer?: React.CSSProperties;
|
|
7
|
+
classNameContainer?: string;
|
|
5
8
|
};
|
|
6
|
-
export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, }: BaseProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export declare const ShakaVideoPlayer: ({ attachmentId, autoPlay, isActive, loader, stylesContainer, classNameContainer, }: BaseProps) => string | number | boolean | Iterable<import('react').ReactNode> | import("react/jsx-runtime").JSX.Element;
|
|
7
10
|
export {};
|
|
@@ -4,7 +4,7 @@ export declare const ZOOM_CONFIG: {
|
|
|
4
4
|
readonly minScale: 1;
|
|
5
5
|
readonly maxScale: 5;
|
|
6
6
|
readonly wheelStep: 0.1;
|
|
7
|
-
readonly
|
|
7
|
+
readonly buttonStepPercent: 50;
|
|
8
8
|
};
|
|
9
9
|
export declare const MODAL_TRANSITION: {
|
|
10
10
|
readonly duration: 200;
|
|
@@ -17,3 +17,4 @@ export declare const TRANSFORM_COMPONENT_STYLES: {
|
|
|
17
17
|
alignItems: string;
|
|
18
18
|
justifyContent: string;
|
|
19
19
|
};
|
|
20
|
+
export declare const STEPS: number[];
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { MutableRefObject } from 'react';
|
|
2
|
+
import { ReactZoomPanPinchContentRef } from 'react-zoom-pan-pinch';
|
|
3
|
+
export declare const animateTransform: ({ instance, from, to, duration, animationRef, }: {
|
|
4
|
+
instance: ReactZoomPanPinchContentRef["instance"];
|
|
5
|
+
from: {
|
|
6
|
+
scale: number;
|
|
7
|
+
x: number;
|
|
8
|
+
y: number;
|
|
9
|
+
};
|
|
10
|
+
to: {
|
|
11
|
+
scale: number;
|
|
12
|
+
x: number;
|
|
13
|
+
y: number;
|
|
14
|
+
};
|
|
15
|
+
duration: number;
|
|
16
|
+
animationRef: MutableRefObject<number | null>;
|
|
17
|
+
}) => void;
|
|
18
|
+
export declare const zoomStep: ({ dir, activeRef, animationRef, }: {
|
|
19
|
+
dir: "in" | "out";
|
|
20
|
+
activeRef: ReactZoomPanPinchContentRef;
|
|
21
|
+
animationRef: MutableRefObject<number | null>;
|
|
22
|
+
}) => void;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
export declare const usePanning: ({ isVideo, isFetching, }: {
|
|
2
|
+
isFetching: boolean;
|
|
3
|
+
isVideo: boolean;
|
|
4
|
+
}) => {
|
|
5
|
+
onMouseDown: (e: React.MouseEvent) => void;
|
|
6
|
+
onMouseMove: (e: React.MouseEvent) => void;
|
|
7
|
+
onMouseUp: () => void;
|
|
8
|
+
onMouseLeave: () => void;
|
|
9
|
+
onDoubleClick: () => void;
|
|
10
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { CommentComposerTypes } from '../CommentComposer/types';
|
|
2
|
+
interface CommentAttachmentsPreviewProps {
|
|
3
|
+
files: CommentComposerTypes.AnyCommentFile[];
|
|
4
|
+
mode: 'draft' | 'view';
|
|
5
|
+
onRemove?: (index: number) => void;
|
|
6
|
+
parentIsExisting?: boolean;
|
|
7
|
+
}
|
|
8
|
+
export declare const AttachmentsPreview: ({ files, onRemove, mode, parentIsExisting, }: CommentAttachmentsPreviewProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
9
|
+
export {};
|
|
@@ -12,6 +12,7 @@ export declare const ColorPicker: import('react').ForwardRefExoticComponent<{
|
|
|
12
12
|
colors?: string[];
|
|
13
13
|
swatchShape?: "circle" | "square";
|
|
14
14
|
fullWidth?: boolean;
|
|
15
|
+
swatchSize?: number;
|
|
15
16
|
} & Omit<FlexProps, "onChange"> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
16
17
|
ColorCircle: import('react').ForwardRefExoticComponent<ColorCircleProps & import('react').RefAttributes<HTMLDivElement>>;
|
|
17
18
|
};
|
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
children: (editorRef: React.MutableRefObject<EditorType | null>) => ReactNode;
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { CommentComposerTypes } from './types';
|
|
3
|
+
export declare const CommentEditorHandler: ({ children, onSubmit, editorRef, commentDraft, onBlur, inputContainerRef, isFloat, isEdit, hasChanges, ns, }: {
|
|
4
|
+
children: React.ReactNode;
|
|
6
5
|
onSubmit: () => void;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
6
|
+
editorRef: React.MutableRefObject<any>;
|
|
7
|
+
inputContainerRef: React.MutableRefObject<any>;
|
|
8
|
+
commentDraft: {
|
|
9
|
+
text: string;
|
|
10
|
+
files: CommentComposerTypes.CommentAttachment[];
|
|
11
|
+
};
|
|
12
|
+
onBlur?: () => void;
|
|
13
|
+
isFloat: boolean;
|
|
14
|
+
isEdit: boolean;
|
|
15
|
+
hasChanges: boolean;
|
|
16
|
+
ns: string;
|
|
17
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,55 +1,2 @@
|
|
|
1
|
-
import {
|
|
2
|
-
|
|
3
|
-
import { Comment, CommentsNs, GeneralComment, ICommentFile, ICommentOptions, IUser, Thread } from '../CommentsPanel/types.ts';
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
interface CommentValue {
|
|
6
|
-
value: string;
|
|
7
|
-
files: ICommentFile[];
|
|
8
|
-
}
|
|
9
|
-
interface CommentComposerProps {
|
|
10
|
-
children: (args: {
|
|
11
|
-
onSubmit: () => void;
|
|
12
|
-
handleBlur: () => void;
|
|
13
|
-
autoFocus: boolean;
|
|
14
|
-
setCommentValue: React.Dispatch<React.SetStateAction<CommentValue>>;
|
|
15
|
-
commentValue: CommentValue;
|
|
16
|
-
registerClearEditor?: (fn: () => void) => void;
|
|
17
|
-
editorRef?: React.MutableRefObject<EditorType | null>;
|
|
18
|
-
}) => React.ReactNode;
|
|
19
|
-
getSelectionText?: (selection: RangeSelection) => string;
|
|
20
|
-
removeCommentImage?: (index: string) => void;
|
|
21
|
-
providedUser?: IUser;
|
|
22
|
-
updateLocation?: (boxElem: HTMLDivElement, selectionRef: MutableRefObject<RangeSelection | null>, selectionState: {
|
|
23
|
-
container: HTMLDivElement;
|
|
24
|
-
elements: HTMLSpanElement[];
|
|
25
|
-
}) => void;
|
|
26
|
-
commentValue: {
|
|
27
|
-
value: string;
|
|
28
|
-
files: ICommentFile[];
|
|
29
|
-
};
|
|
30
|
-
setCommentValue: React.Dispatch<React.SetStateAction<{
|
|
31
|
-
value: string;
|
|
32
|
-
files: ICommentFile[];
|
|
33
|
-
}>>;
|
|
34
|
-
isEditInput?: boolean;
|
|
35
|
-
autoFocus?: boolean;
|
|
36
|
-
handleBlur: () => void;
|
|
37
|
-
thread?: Thread;
|
|
38
|
-
updateThreadId?: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
|
|
39
|
-
setCommentActions?: React.Dispatch<React.SetStateAction<{
|
|
40
|
-
replyList: string[];
|
|
41
|
-
editCommentId: string;
|
|
42
|
-
editedContent: string;
|
|
43
|
-
}>>;
|
|
44
|
-
isGeneral?: boolean;
|
|
45
|
-
submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
|
|
46
|
-
handleEditComment?: (data: {
|
|
47
|
-
value: string;
|
|
48
|
-
files: ICommentFile[];
|
|
49
|
-
}) => void;
|
|
50
|
-
provideCommentOptions?: ICommentOptions;
|
|
51
|
-
placeholder?: string;
|
|
52
|
-
composerLocales?: CommentsNs;
|
|
53
|
-
}
|
|
54
|
-
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;
|
|
55
|
-
export {};
|
|
1
|
+
import { CommentComposerProps } from './types';
|
|
2
|
+
export declare const CommentComposer: ({ children, onSubmit, initialDraft, updateLocation, onBlur, setEdit, ns, }: CommentComposerProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,96 @@
|
|
|
1
|
+
export declare namespace CommentComposerTypes {
|
|
2
|
+
enum Entity {
|
|
3
|
+
None = "NONE",
|
|
4
|
+
Project = "PROJECT",
|
|
5
|
+
Sprint = "SPRINT",
|
|
6
|
+
Folder = "FOLDER",
|
|
7
|
+
Workspace = "WORKSPACE",
|
|
8
|
+
Page = "PAGE",
|
|
9
|
+
Task = "PROJECTTASK",
|
|
10
|
+
Form = "FORM",
|
|
11
|
+
Attachment = "ATTACHMENT",
|
|
12
|
+
User = "USER",
|
|
13
|
+
Comment = "COMMENT",
|
|
14
|
+
Flow = "FLOW"
|
|
15
|
+
}
|
|
16
|
+
interface OptimisticCommentFile {
|
|
17
|
+
id: string;
|
|
18
|
+
name: string;
|
|
19
|
+
type: string;
|
|
20
|
+
size: number;
|
|
21
|
+
url: string;
|
|
22
|
+
src: string;
|
|
23
|
+
isImage: boolean;
|
|
24
|
+
isTemp: true;
|
|
25
|
+
raw: File;
|
|
26
|
+
}
|
|
27
|
+
interface CommentAttachment {
|
|
28
|
+
id: string;
|
|
29
|
+
name: string;
|
|
30
|
+
type: string;
|
|
31
|
+
size: number;
|
|
32
|
+
url: string;
|
|
33
|
+
src: string;
|
|
34
|
+
isImage: boolean;
|
|
35
|
+
isTemp: boolean;
|
|
36
|
+
raw?: File;
|
|
37
|
+
}
|
|
38
|
+
type AnyCommentFile = CommentAttachment;
|
|
39
|
+
interface CommentDraft {
|
|
40
|
+
text: string;
|
|
41
|
+
files: CommentAttachment[];
|
|
42
|
+
}
|
|
43
|
+
interface RenderEditorParams {
|
|
44
|
+
onSubmit: () => void;
|
|
45
|
+
handleBlur: (e: any) => void;
|
|
46
|
+
setCommentDraft: React.Dispatch<React.SetStateAction<CommentDraft>>;
|
|
47
|
+
commentDraft: CommentDraft;
|
|
48
|
+
editorRef: React.MutableRefObject<unknown>;
|
|
49
|
+
initialContent?: string;
|
|
50
|
+
}
|
|
51
|
+
interface ComposerInitialDraft {
|
|
52
|
+
text: string;
|
|
53
|
+
files: CommentAttachment[];
|
|
54
|
+
}
|
|
55
|
+
interface ComposerDraft {
|
|
56
|
+
text: string;
|
|
57
|
+
files: CommentAttachment[];
|
|
58
|
+
quote?: string;
|
|
59
|
+
}
|
|
60
|
+
interface EditChangesPayload {
|
|
61
|
+
textChanged: boolean;
|
|
62
|
+
newFiles: CommentAttachment[];
|
|
63
|
+
deletedFiles: CommentAttachment[];
|
|
64
|
+
newText: string;
|
|
65
|
+
}
|
|
66
|
+
type ComposerSubmitPayload = {
|
|
67
|
+
mode: 'create';
|
|
68
|
+
data: ComposerDraft;
|
|
69
|
+
} | {
|
|
70
|
+
mode: 'edit';
|
|
71
|
+
data: EditChangesPayload;
|
|
72
|
+
};
|
|
73
|
+
}
|
|
74
|
+
export interface CommentComposerBaseProps {
|
|
75
|
+
children?: (params: CommentComposerTypes.RenderEditorParams) => React.ReactNode;
|
|
76
|
+
onSubmit: (payload: CommentComposerTypes.ComposerSubmitPayload) => void;
|
|
77
|
+
initialDraft?: CommentComposerTypes.ComposerInitialDraft;
|
|
78
|
+
ns?: string;
|
|
79
|
+
setEdit?: (v: {
|
|
80
|
+
id: string;
|
|
81
|
+
text: string;
|
|
82
|
+
files: CommentComposerTypes.AnyCommentFile[];
|
|
83
|
+
}) => void;
|
|
84
|
+
}
|
|
85
|
+
export interface FloatComposerProps extends CommentComposerBaseProps {
|
|
86
|
+
updateLocation: (boxElem: HTMLDivElement, selectionRef: React.MutableRefObject<any>, selectionState: {
|
|
87
|
+
container: HTMLDivElement;
|
|
88
|
+
elements: HTMLSpanElement[];
|
|
89
|
+
}) => void;
|
|
90
|
+
onBlur: () => void;
|
|
91
|
+
}
|
|
92
|
+
export interface InlineComposerProps extends CommentComposerBaseProps {
|
|
93
|
+
updateLocation?: undefined;
|
|
94
|
+
onBlur?: () => void;
|
|
95
|
+
}
|
|
96
|
+
export type CommentComposerProps = FloatComposerProps | InlineComposerProps;
|
|
@@ -1,27 +1,2 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
|
|
3
|
-
import { Comment, Comments, CommentsFilter, CommentsLocales, GeneralComment, GetEditorFn, ICommentFile, StoreOptions, Thread, UpdateCommentTextArgs, SharedCommentProps } from './types.ts';
|
|
4
|
-
import * as React from 'react';
|
|
5
|
-
interface CommentsPanelProps extends Omit<SharedCommentProps, 'commentOrThread'> {
|
|
6
|
-
comments: Comments;
|
|
7
|
-
activeIDs: string[];
|
|
8
|
-
restoreComment?: (commentId: string, threadId?: string) => void;
|
|
9
|
-
storeOptions: StoreOptions;
|
|
10
|
-
updateThreadId: (tempId: string, realId: string, updatedAt: string, commentType: string, files: ICommentFile[], thread?: Thread) => void;
|
|
11
|
-
deleteCommentImage: (photoToRemove: string, threadOrGeneralId: string, commentId?: string) => void;
|
|
12
|
-
removeCommentReactions: (reaction: string, threatOrGeneral: Thread | GeneralComment | Comment, comment?: Thread | GeneralComment) => void;
|
|
13
|
-
addCommentReaction: (reaction: string, comment: Thread | GeneralComment | Comment, threatOrGeneral?: Thread | GeneralComment) => void;
|
|
14
|
-
updateCommentTextOrImage: UpdateCommentTextArgs;
|
|
15
|
-
markNodeMap?: Map<string, Set<NodeKey>>;
|
|
16
|
-
submitAddComment: (commentOrThread: Comment | Thread | GeneralComment, isInlineComment: boolean, thread?: Thread | GeneralComment, selection?: RangeSelection | null, files?: File[]) => void;
|
|
17
|
-
listRef: React.RefObject<HTMLElement>;
|
|
18
|
-
getEditor: GetEditorFn;
|
|
19
|
-
clipPath?: string;
|
|
20
|
-
isSidebar?: boolean;
|
|
21
|
-
locales: CommentsLocales;
|
|
22
|
-
commentsFilter: CommentsFilter;
|
|
23
|
-
setCommentsFilter: React.Dispatch<React.SetStateAction<CommentsFilter>>;
|
|
24
|
-
isLoading: boolean;
|
|
25
|
-
}
|
|
26
|
-
export declare function CommentsPanel({ activeIDs, deleteCommentOrThread, comments, submitAddComment, markNodeMap, storeOptions, deleteCommentImage, addCommentReaction, removeCommentReactions, restoreComment, updateCommentTextOrImage, listRef, resolveThreat, updateThreadId, locales, getEditor, setCommentsFilter, commentsFilter, clipPath, isLoading, isSidebar, }: CommentsPanelProps): ReactElement;
|
|
27
|
-
export {};
|
|
2
|
+
export declare function CommentsPanel(): ReactElement;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
export type IconMinified = {
|
|
2
|
+
n: string;
|
|
3
|
+
c: string;
|
|
4
|
+
t: string;
|
|
5
|
+
s: 'outline' | 'filled' | 'unknown';
|
|
6
|
+
}[];
|
|
7
|
+
/**
|
|
8
|
+
* Load and prepare icons list.
|
|
9
|
+
* If project === 'PROJECT' applies special grouping rules and includes custom icons.
|
|
10
|
+
*/
|
|
11
|
+
export declare const getIconsList: (project?: string) => Promise<IconMinified>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare function getRandomIcon(project?: string): Promise<string | undefined>;
|
|
@@ -23,6 +23,7 @@ export type FilePickerProps = PropsWithChildren<{
|
|
|
23
23
|
type?: FileType;
|
|
24
24
|
isValidMediaUrl?: (url: string) => boolean;
|
|
25
25
|
targetProps?: FlexProps;
|
|
26
|
+
onOpenedChange?: (opened: boolean) => void;
|
|
26
27
|
}>;
|
|
27
|
-
export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, locales, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
export declare const FilePicker: ({ onChange, onRemove, onUpload, uploading, showTabs, children, width, position, readOnly, hasImage, giphyToken, unsplashClientId, type, galleryCollection, isValidMediaUrl, popoverProps, dropZoneProps, targetProps, onOpenedChange, locales, }: PropsWithChildren<FilePickerProps>) => import("react/jsx-runtime").JSX.Element;
|
|
28
29
|
export {};
|
|
@@ -253,6 +253,7 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
|
|
|
253
253
|
fit?: string | undefined;
|
|
254
254
|
blendMode?: string | undefined;
|
|
255
255
|
} | undefined;
|
|
256
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
256
257
|
container?: {
|
|
257
258
|
color?: string | undefined;
|
|
258
259
|
opacity?: number | undefined;
|
|
@@ -261,7 +262,6 @@ export declare const getNextStep: (step: StepData, steps: StepData[], form: UseF
|
|
|
261
262
|
shadowSize?: number | undefined;
|
|
262
263
|
shadowColor?: string | undefined;
|
|
263
264
|
} | undefined;
|
|
264
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
265
265
|
font?: {
|
|
266
266
|
color?: string | undefined;
|
|
267
267
|
fontSize?: number | undefined;
|
|
@@ -252,6 +252,7 @@ export declare const sortSteps: (steps: StepData[]) => {
|
|
|
252
252
|
fit?: string | undefined;
|
|
253
253
|
blendMode?: string | undefined;
|
|
254
254
|
} | undefined;
|
|
255
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
255
256
|
container?: {
|
|
256
257
|
color?: string | undefined;
|
|
257
258
|
opacity?: number | undefined;
|
|
@@ -260,7 +261,6 @@ export declare const sortSteps: (steps: StepData[]) => {
|
|
|
260
261
|
shadowSize?: number | undefined;
|
|
261
262
|
shadowColor?: string | undefined;
|
|
262
263
|
} | undefined;
|
|
263
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
264
264
|
font?: {
|
|
265
265
|
color?: string | undefined;
|
|
266
266
|
fontSize?: number | undefined;
|
|
@@ -252,6 +252,7 @@ export declare const getFirstStep: (steps: StepData[]) => {
|
|
|
252
252
|
fit?: string | undefined;
|
|
253
253
|
blendMode?: string | undefined;
|
|
254
254
|
} | undefined;
|
|
255
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
255
256
|
container?: {
|
|
256
257
|
color?: string | undefined;
|
|
257
258
|
opacity?: number | undefined;
|
|
@@ -260,7 +261,6 @@ export declare const getFirstStep: (steps: StepData[]) => {
|
|
|
260
261
|
shadowSize?: number | undefined;
|
|
261
262
|
shadowColor?: string | undefined;
|
|
262
263
|
} | undefined;
|
|
263
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
264
264
|
font?: {
|
|
265
265
|
color?: string | undefined;
|
|
266
266
|
fontSize?: number | undefined;
|
|
@@ -250,6 +250,7 @@ export declare const useActiveStep: () => {
|
|
|
250
250
|
fit?: string | undefined;
|
|
251
251
|
blendMode?: string | undefined;
|
|
252
252
|
} | undefined;
|
|
253
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
253
254
|
container?: {
|
|
254
255
|
color?: string | undefined;
|
|
255
256
|
opacity?: number | undefined;
|
|
@@ -258,7 +259,6 @@ export declare const useActiveStep: () => {
|
|
|
258
259
|
shadowSize?: number | undefined;
|
|
259
260
|
shadowColor?: string | undefined;
|
|
260
261
|
} | undefined;
|
|
261
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
262
262
|
font?: {
|
|
263
263
|
color?: string | undefined;
|
|
264
264
|
fontSize?: number | undefined;
|
|
@@ -78,6 +78,7 @@ export declare const createFormStore: () => {
|
|
|
78
78
|
fit?: string | undefined;
|
|
79
79
|
blendMode?: string | undefined;
|
|
80
80
|
} | undefined;
|
|
81
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
81
82
|
container?: {
|
|
82
83
|
color?: string | undefined;
|
|
83
84
|
opacity?: number | undefined;
|
|
@@ -86,7 +87,6 @@ export declare const createFormStore: () => {
|
|
|
86
87
|
shadowSize?: number | undefined;
|
|
87
88
|
shadowColor?: string | undefined;
|
|
88
89
|
} | undefined;
|
|
89
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
90
90
|
font?: {
|
|
91
91
|
color?: string | undefined;
|
|
92
92
|
fontSize?: number | undefined;
|
|
@@ -360,6 +360,7 @@ export declare const createFormStore: () => {
|
|
|
360
360
|
fit?: string | undefined;
|
|
361
361
|
blendMode?: string | undefined;
|
|
362
362
|
} | undefined;
|
|
363
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
363
364
|
container?: {
|
|
364
365
|
color?: string | undefined;
|
|
365
366
|
opacity?: number | undefined;
|
|
@@ -368,7 +369,6 @@ export declare const createFormStore: () => {
|
|
|
368
369
|
shadowSize?: number | undefined;
|
|
369
370
|
shadowColor?: string | undefined;
|
|
370
371
|
} | undefined;
|
|
371
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
372
372
|
font?: {
|
|
373
373
|
color?: string | undefined;
|
|
374
374
|
fontSize?: number | undefined;
|
|
@@ -641,6 +641,7 @@ export declare const createFormStore: () => {
|
|
|
641
641
|
fit?: string | undefined;
|
|
642
642
|
blendMode?: string | undefined;
|
|
643
643
|
} | undefined;
|
|
644
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
644
645
|
container?: {
|
|
645
646
|
color?: string | undefined;
|
|
646
647
|
opacity?: number | undefined;
|
|
@@ -649,7 +650,6 @@ export declare const createFormStore: () => {
|
|
|
649
650
|
shadowSize?: number | undefined;
|
|
650
651
|
shadowColor?: string | undefined;
|
|
651
652
|
} | undefined;
|
|
652
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
653
653
|
font?: {
|
|
654
654
|
color?: string | undefined;
|
|
655
655
|
fontSize?: number | undefined;
|
|
@@ -756,6 +756,7 @@ export declare const useFormViewerStore: () => {
|
|
|
756
756
|
fit?: string | undefined;
|
|
757
757
|
blendMode?: string | undefined;
|
|
758
758
|
} | undefined;
|
|
759
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
759
760
|
container?: {
|
|
760
761
|
color?: string | undefined;
|
|
761
762
|
opacity?: number | undefined;
|
|
@@ -764,7 +765,6 @@ export declare const useFormViewerStore: () => {
|
|
|
764
765
|
shadowSize?: number | undefined;
|
|
765
766
|
shadowColor?: string | undefined;
|
|
766
767
|
} | undefined;
|
|
767
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
768
768
|
font?: {
|
|
769
769
|
color?: string | undefined;
|
|
770
770
|
fontSize?: number | undefined;
|
|
@@ -1038,6 +1038,7 @@ export declare const useFormViewerStore: () => {
|
|
|
1038
1038
|
fit?: string | undefined;
|
|
1039
1039
|
blendMode?: string | undefined;
|
|
1040
1040
|
} | undefined;
|
|
1041
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
1041
1042
|
container?: {
|
|
1042
1043
|
color?: string | undefined;
|
|
1043
1044
|
opacity?: number | undefined;
|
|
@@ -1046,7 +1047,6 @@ export declare const useFormViewerStore: () => {
|
|
|
1046
1047
|
shadowSize?: number | undefined;
|
|
1047
1048
|
shadowColor?: string | undefined;
|
|
1048
1049
|
} | undefined;
|
|
1049
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
1050
1050
|
font?: {
|
|
1051
1051
|
color?: string | undefined;
|
|
1052
1052
|
fontSize?: number | undefined;
|
|
@@ -1319,6 +1319,7 @@ export declare const useFormViewerStore: () => {
|
|
|
1319
1319
|
fit?: string | undefined;
|
|
1320
1320
|
blendMode?: string | undefined;
|
|
1321
1321
|
} | undefined;
|
|
1322
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
1322
1323
|
container?: {
|
|
1323
1324
|
color?: string | undefined;
|
|
1324
1325
|
opacity?: number | undefined;
|
|
@@ -1327,7 +1328,6 @@ export declare const useFormViewerStore: () => {
|
|
|
1327
1328
|
shadowSize?: number | undefined;
|
|
1328
1329
|
shadowColor?: string | undefined;
|
|
1329
1330
|
} | undefined;
|
|
1330
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
1331
1331
|
font?: {
|
|
1332
1332
|
color?: string | undefined;
|
|
1333
1333
|
fontSize?: number | undefined;
|
|
@@ -59,6 +59,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
|
|
|
59
59
|
fit?: string | undefined;
|
|
60
60
|
blendMode?: string | undefined;
|
|
61
61
|
} | undefined;
|
|
62
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
62
63
|
container?: {
|
|
63
64
|
color?: string | undefined;
|
|
64
65
|
opacity?: number | undefined;
|
|
@@ -67,7 +68,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
|
|
|
67
68
|
shadowSize?: number | undefined;
|
|
68
69
|
shadowColor?: string | undefined;
|
|
69
70
|
} | undefined;
|
|
70
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
71
71
|
font?: {
|
|
72
72
|
color?: string | undefined;
|
|
73
73
|
fontSize?: number | undefined;
|
|
@@ -341,6 +341,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
|
|
|
341
341
|
fit?: string | undefined;
|
|
342
342
|
blendMode?: string | undefined;
|
|
343
343
|
} | undefined;
|
|
344
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
344
345
|
container?: {
|
|
345
346
|
color?: string | undefined;
|
|
346
347
|
opacity?: number | undefined;
|
|
@@ -349,7 +350,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
|
|
|
349
350
|
shadowSize?: number | undefined;
|
|
350
351
|
shadowColor?: string | undefined;
|
|
351
352
|
} | undefined;
|
|
352
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
353
353
|
font?: {
|
|
354
354
|
color?: string | undefined;
|
|
355
355
|
fontSize?: number | undefined;
|
|
@@ -622,6 +622,7 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
|
|
|
622
622
|
fit?: string | undefined;
|
|
623
623
|
blendMode?: string | undefined;
|
|
624
624
|
} | undefined;
|
|
625
|
+
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
625
626
|
container?: {
|
|
626
627
|
color?: string | undefined;
|
|
627
628
|
opacity?: number | undefined;
|
|
@@ -630,7 +631,6 @@ export declare const createFormStoreApi: (store: UseBoundStore<StoreApi<FormStor
|
|
|
630
631
|
shadowSize?: number | undefined;
|
|
631
632
|
shadowColor?: string | undefined;
|
|
632
633
|
} | undefined;
|
|
633
|
-
borderRadius?: "sm" | "md" | "lg" | undefined;
|
|
634
634
|
font?: {
|
|
635
635
|
color?: string | undefined;
|
|
636
636
|
fontSize?: number | undefined;
|