@layers-app/shared 0.0.38 → 0.0.39-comments.2

package/dist/KanbanLayout-DGHT9E0N.js

@@ -0,0 +1,297 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useTranslation } from "react-i18next";
+import { Flex, Text, ActionIcon, Divider, Box, Avatar, Skeleton } from "@mantine/core";
+import "react";
+import { IconCheck, IconBug, IconSquareRotated, IconPlus, IconCalendarEvent, IconEqual } from "@tabler/icons-react";
+import "react-router-dom";
+import { randomId } from "@mantine/hooks";
+import "@tanstack/react-query";
+import "query-string";
+import "@mantine/form";
+import "@mantine/dropzone";
+import "@mantine/notifications";
+import "lodash-es";
+import { u as useOnboardingState, S as StatusBadge } from "./index-BI1_FPl_.js";
+import "react-dom";
+import "draggable-ui";
+import "@mantine/modals";
+import "i18next";
+import "framer-motion";
+import "@mantine/dates";
+const column = "_column_1trmk_1";
+const card = "_card_1trmk_6";
+const styles = {
+  column,
+  card
+};
+const KanbanLayout = () => {
+  const { tasksList, statusesList } = useOnboardingState();
+  const today = /* @__PURE__ */ new Date();
+  const getPlusDays = (prop) => {
+    const plusThreeDays = new Date(today);
+    plusThreeDays.setDate(plusThreeDays.getDate() + (3 + prop));
+    return plusThreeDays.toDateString();
+  };
+  const { t } = useTranslation("onboarding");
+  const defaultTypes = [
+    {
+      id: randomId(),
+      color: "blue",
+      icon: IconCheck,
+      name: t("selectCategory.options.task"),
+      type: "task",
+      order: 1
+    },
+    {
+      id: randomId(),
+      color: "orange",
+      icon: IconBug,
+      name: t("selectCategory.options.bug"),
+      type: "bug",
+      order: 2
+    },
+    {
+      id: randomId(),
+      color: "grape",
+      icon: IconSquareRotated,
+      name: t("selectCategory.options.milestone"),
+      type: "milestone",
+      order: 3
+    }
+  ];
+  const getCurrentType = (type) => {
+    const current = defaultTypes.find((t2) => t2.type === type);
+    if (!current) return null;
+    return /* @__PURE__ */ jsx(ActionIcon, { size: 16, variant: "filled", color: current.color, children: /* @__PURE__ */ jsx(current.icon, {}) });
+  };
+  return /* @__PURE__ */ jsxs(Flex, { gap: 13, align: "start", w: "100%", children: [
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        gap: 11,
+        p: 7,
+        direction: "column",
+        w: 340,
+        className: styles.column,
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { w: "100%", justify: "space-between", children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: 14, align: "center", children: [
+              /* @__PURE__ */ jsx(StatusBadge, { color: "#228BE6", title: statusesList[0] }),
+              /* @__PURE__ */ jsxs(Text, { c: "#868E96", fz: 14, children: [
+                "(",
+                t("defineStatuses.tasks"),
+                ": ",
+                tasksList.length,
+                ")"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: 18, children: /* @__PURE__ */ jsx(IconPlus, {}) })
+          ] }),
+          /* @__PURE__ */ jsx(Divider, { w: "100%" }),
+          tasksList.map((task, idx) => /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              gap: 0,
+              direction: "column",
+              align: "start",
+              justify: "space-between",
+              w: "100%",
+              h: 105,
+              className: styles.card,
+              px: 14,
+              py: 9,
+              children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(Text, { fz: 18, fw: 400, children: task.title }),
+                  /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+                    /* @__PURE__ */ jsx(IconCalendarEvent, { color: "#495057", size: 13 }),
+                    /* @__PURE__ */ jsx(Text, { fz: 16, c: "#495057", children: getPlusDays(idx) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(Flex, { justify: "space-between", w: "100%", children: [
+                  /* @__PURE__ */ jsxs(Flex, { children: [
+                    getCurrentType(task.type),
+                    /* @__PURE__ */ jsxs(Text, { fz: 13, children: [
+                      "DEMO-",
+                      idx + 1
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { children: [
+                    /* @__PURE__ */ jsx(IconEqual, { color: "#F59F00", size: 16 }),
+                    /* @__PURE__ */ jsx(
+                      Avatar,
+                      {
+                        variant: "filled",
+                        color: "#228BE6",
+                        radius: "xl",
+                        size: 24
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            },
+            task.id
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        gap: 11,
+        p: 7,
+        direction: "column",
+        w: 340,
+        className: styles.column,
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { w: "100%", justify: "space-between", children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: 14, align: "center", children: [
+              /* @__PURE__ */ jsx(StatusBadge, { color: "#12B886", title: statusesList[1] }),
+              /* @__PURE__ */ jsxs(Text, { c: "#868E96", fz: 14, children: [
+                "(",
+                t("defineStatuses.tasks"),
+                ": 2)"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: 18, children: /* @__PURE__ */ jsx(IconPlus, {}) })
+          ] }),
+          /* @__PURE__ */ jsx(Divider, { w: "100%" }),
+          Array(2).fill(0).map((_, idx) => /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              gap: 0,
+              direction: "column",
+              align: "start",
+              justify: "space-between",
+              w: "100%",
+              h: 105,
+              className: styles.card,
+              px: 14,
+              py: 9,
+              children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(
+                    Skeleton,
+                    {
+                      animate: false,
+                      mb: 15,
+                      w: idx === 0 ? 128 : 172,
+                      h: 18
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+                    /* @__PURE__ */ jsx(IconCalendarEvent, { color: "#495057", size: 13 }),
+                    /* @__PURE__ */ jsx(Skeleton, { animate: false, w: idx === 0 ? 52 : 63, h: 12 })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(Flex, { justify: "space-between", w: "100%", children: [
+                  /* @__PURE__ */ jsxs(Flex, { children: [
+                    /* @__PURE__ */ jsx(ActionIcon, { size: 16, variant: "filled", color: "#ADB5BD", children: /* @__PURE__ */ jsx(IconCheck, {}) }),
+                    /* @__PURE__ */ jsxs(Text, { c: "#ADB5BD", fz: 13, children: [
+                      "DEMO-",
+                      idx + 4
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { children: [
+                    /* @__PURE__ */ jsx(IconEqual, { color: "#F59F00", size: 16 }),
+                    /* @__PURE__ */ jsx(
+                      Avatar,
+                      {
+                        variant: "filled",
+                        color: "#228BE6",
+                        radius: "xl",
+                        size: 24
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            },
+            idx
+          ))
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      Flex,
+      {
+        gap: 11,
+        p: 7,
+        direction: "column",
+        w: 340,
+        className: styles.column,
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { w: "100%", justify: "space-between", children: [
+            /* @__PURE__ */ jsxs(Flex, { gap: 14, align: "center", children: [
+              /* @__PURE__ */ jsx(StatusBadge, { color: "#FA5252", title: statusesList[2] }),
+              /* @__PURE__ */ jsxs(Text, { c: "#868E96", fz: 14, children: [
+                "(",
+                t("defineStatuses.tasks"),
+                ": 2)"
+              ] })
+            ] }),
+            /* @__PURE__ */ jsx(ActionIcon, { variant: "subtle", size: 18, children: /* @__PURE__ */ jsx(IconPlus, {}) })
+          ] }),
+          /* @__PURE__ */ jsx(Divider, { w: "100%" }),
+          Array(2).fill(0).map((_, idx) => /* @__PURE__ */ jsxs(
+            Flex,
+            {
+              gap: 0,
+              direction: "column",
+              align: "start",
+              justify: "space-between",
+              w: "100%",
+              h: 105,
+              className: styles.card,
+              px: 14,
+              py: 9,
+              children: [
+                /* @__PURE__ */ jsxs(Box, { children: [
+                  /* @__PURE__ */ jsx(
+                    Skeleton,
+                    {
+                      animate: false,
+                      mb: 15,
+                      w: idx === 0 ? 266 : 150,
+                      h: 18
+                    }
+                  ),
+                  /* @__PURE__ */ jsxs(Flex, { align: "center", children: [
+                    /* @__PURE__ */ jsx(IconCalendarEvent, { color: "#495057", size: 13 }),
+                    /* @__PURE__ */ jsx(Skeleton, { animate: false, w: idx === 0 ? 72 : 46, h: 12 })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(Flex, { justify: "space-between", w: "100%", children: [
+                  /* @__PURE__ */ jsxs(Flex, { children: [
+                    /* @__PURE__ */ jsx(ActionIcon, { size: 16, variant: "filled", color: "#ADB5BD", children: /* @__PURE__ */ jsx(IconCheck, {}) }),
+                    /* @__PURE__ */ jsxs(Text, { c: "#ADB5BD", fz: 13, children: [
+                      "DEMO-",
+                      idx + 6
+                    ] })
+                  ] }),
+                  /* @__PURE__ */ jsxs(Flex, { children: [
+                    /* @__PURE__ */ jsx(IconEqual, { color: "#F59F00", size: 16 }),
+                    /* @__PURE__ */ jsx(
+                      Avatar,
+                      {
+                        variant: "filled",
+                        color: "#228BE6",
+                        radius: "xl",
+                        size: 24
+                      }
+                    )
+                  ] })
+                ] })
+              ]
+            },
+            idx
+          ))
+        ]
+      }
+    )
+  ] });
+};
+export {
+  KanbanLayout as default
+};

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

@@ -7,6 +7,8 @@ export type ToolDef = {
     icon: ReactNode;
     path: string;
     onClick?: () => void;
+    withBackButton?: boolean;
+    entityName?: string;
 };
 export type AppContainerProps = {
     content?: ReactNode;

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

@@ -0,0 +1,7 @@
+import { ColorPickerProps, MenuProps } from '@mantine/core';
+export declare const CircleColorPicker: ({ value, onChange, menuProps, colorPickerProps, }: {
+    value: string;
+    onChange: (value: string) => 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;
 }