@edifice.io/react 2.5.9 → 2.5.10-develop-pedago.20260216173040

package/dist/index.js

@@ -1,4 +1,5 @@
 import { default as default2 } from "./components/ActionBar/ActionBar.js";
+import { AddAttachments } from "./components/AddAttachments/AddAttachments.js";
 import { default as default3 } from "./components/Alert/Alert.js";
 import { default as default4 } from "./components/AppHeader/AppHeader.js";
 import { default as default5 } from "./components/AppIcon/AppIcon.js";
@@ -39,76 +40,78 @@ import { default as default38 } from "./components/Loading/Loading.js";
 import { default as default39 } from "./components/LoadingScreen/LoadingScreen.js";
 import { default as default40 } from "./components/Logo/Logo.js";
 import { default as default41 } from "./modules/multimedia/MediaLibrary/MediaLibrary.js";
-import { default as default42 } from "./components/Modal/Modal.js";
-import { default as default43 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
-import { default as default44 } from "./components/PreventPropagation/PreventPropagation.js";
-import { default as default45 } from "./modules/modals/PublishModal/PublishModal.js";
-import { default as default46 } from "./components/Radio/Radio.js";
-import { default as default47 } from "./components/RadioCard/RadioCard.js";
-import { default as default48 } from "./components/SearchBar/SearchBar.js";
-import { default as default49 } from "./components/Button/SearchButton.js";
-import { default as default50 } from "./components/SegmentedControl/SegmentedControl.js";
-import { default as default51 } from "./components/Select/Select.js";
-import { default as default52 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
-import { default as default53 } from "./modules/modals/ShareModal/ShareModal.js";
-import { default as default54 } from "./modules/modals/ShareModal/ShareResources.js";
-import { default as default55 } from "./components/Tree/components/SortableTree.js";
-import { default as default56 } from "./components/StackedGroup/StackedGroup.js";
-import { default as default57 } from "./components/Stepper/Stepper.js";
-import { default as default58 } from "./components/Switch/Switch.js";
-import { default as default59 } from "./components/Table/components/Table.js";
-import { default as default60 } from "./components/TextArea/TextArea.js";
-import { default as default61 } from "./components/Skeleton/TextSkeleton.js";
-import { default as default62 } from "./components/Tooltip/Tooltip.js";
-import { default as default63 } from "./components/Tree/components/Tree.js";
-import { default as default64 } from "./components/TreeView/TreeView.js";
-import { default as default65 } from "./modules/multimedia/UploadCard/UploadCard.js";
-import { default as default66 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
-import { default as default67 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
-import { default as default68 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
-import { default as default69 } from "./components/VisuallyHidden/VisuallyHidden.js";
-import { default as default70 } from "./modules/multimedia/Workspace/Workspace.js";
-import { default as default71 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
-import { default as default72 } from "./hooks/useBookmark/useBookmark.js";
-import { default as default73 } from "./hooks/useBreakpoint/useBreakpoint.js";
-import { default as default74 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
-import { default as default75 } from "./hooks/useCantoo/useCantoo.js";
-import { default as default76 } from "./hooks/useClickOutside/useClickOutside.js";
-import { default as default77 } from "./hooks/useConversation/useConversation.js";
-import { default as default78 } from "./hooks/useDate/useDate.js";
-import { default as default79 } from "./hooks/useDebounce/useDebounce.js";
-import { default as default80 } from "./hooks/useDirectory/useDirectory.js";
-import { default as default81 } from "./hooks/useDropdown/useDropdown.js";
-import { default as default82 } from "./hooks/useDropzone/useDropzone.js";
-import { default as default83 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
-import { default as default84 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
-import { default as default85 } from "./hooks/useHover/useHover.js";
-import { default as default86 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
-import { default as default87 } from "./hooks/useImage/useImage.js";
-import { default as default88 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
-import { default as default89 } from "./hooks/useIsAdmc/useIsAdmc.js";
-import { default as default90 } from "./hooks/useIsAdml/useIsAdml.js";
-import { default as default91 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
-import { default as default92 } from "./hooks/useKeyPress/useKeyPress.js";
-import { default as default93 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
-import { default as default94 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
-import { default as default95 } from "./hooks/useScrollToTop/useScrollToTop.js";
-import { default as default96 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
-import { default as default97 } from "./hooks/useTitle/useTitle.js";
-import { default as default98 } from "./hooks/useToast/useToast.js";
-import { default as default99 } from "./hooks/useToggle/useToggle.js";
-import { default as default100 } from "./hooks/useTrapFocus/useTrapFocus.js";
-import { default as default101 } from "./hooks/useTrashedResource/useTrashedResource.js";
-import { default as default102 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
-import { default as default103 } from "./hooks/useUpload/useUpload.js";
-import { default as default104 } from "./hooks/useUploadFiles/useUploadFiles.js";
-import { default as default105 } from "./hooks/useUser/useUser.js";
-import { default as default106 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
-import { default as default107 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
-import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default108 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
-import { default as default109 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
-import { default as default110 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
-import { default as default111 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
+import { default as default42 } from "./components/MediaViewer/MediaViewer.js";
+import { default as default43 } from "./components/Modal/Modal.js";
+import { default as default44 } from "./modules/modals/OnboardingModal/OnboardingModal.js";
+import { default as default45 } from "./components/PreventPropagation/PreventPropagation.js";
+import { default as default46, Root } from "./components/PromotionCard/PromotionCard.js";
+import { default as default47 } from "./modules/modals/PublishModal/PublishModal.js";
+import { default as default48 } from "./components/Radio/Radio.js";
+import { default as default49 } from "./components/RadioCard/RadioCard.js";
+import { default as default50 } from "./components/SearchBar/SearchBar.js";
+import { default as default51 } from "./components/Button/SearchButton.js";
+import { default as default52 } from "./components/SegmentedControl/SegmentedControl.js";
+import { default as default53 } from "./components/Select/Select.js";
+import { default as default54 } from "./modules/modals/ShareModal/apps/ShareBlog.js";
+import { default as default55 } from "./modules/modals/ShareModal/ShareModal.js";
+import { default as default56 } from "./modules/modals/ShareModal/ShareResources.js";
+import { default as default57 } from "./components/Tree/components/SortableTree.js";
+import { default as default58 } from "./components/StackedGroup/StackedGroup.js";
+import { default as default59 } from "./components/Stepper/Stepper.js";
+import { default as default60 } from "./components/Switch/Switch.js";
+import { default as default61 } from "./components/Table/components/Table.js";
+import { default as default62 } from "./components/TextArea/TextArea.js";
+import { default as default63 } from "./components/Skeleton/TextSkeleton.js";
+import { default as default64 } from "./components/Tooltip/Tooltip.js";
+import { default as default65 } from "./components/Tree/components/Tree.js";
+import { default as default66 } from "./components/TreeView/TreeView.js";
+import { default as default67 } from "./modules/multimedia/UploadCard/UploadCard.js";
+import { default as default68 } from "./modules/multimedia/UploadFiles/UploadFiles.js";
+import { default as default69 } from "./modules/multimedia/VideoEmbed/VideoEmbed.js";
+import { default as default70 } from "./modules/multimedia/VideoRecorder/VideoRecorder.js";
+import { default as default71 } from "./components/VisuallyHidden/VisuallyHidden.js";
+import { default as default72 } from "./modules/multimedia/Workspace/Workspace.js";
+import { default as default73 } from "./modules/multimedia/WorkspaceFolders/WorkspaceFolders.js";
+import { default as default74 } from "./hooks/useBookmark/useBookmark.js";
+import { default as default75 } from "./hooks/useBreakpoint/useBreakpoint.js";
+import { default as default76 } from "./hooks/useBrowserInfo/useBrowserInfo.js";
+import { default as default77 } from "./hooks/useCantoo/useCantoo.js";
+import { default as default78 } from "./hooks/useClickOutside/useClickOutside.js";
+import { default as default79 } from "./hooks/useConversation/useConversation.js";
+import { default as default80 } from "./hooks/useDate/useDate.js";
+import { default as default81 } from "./hooks/useDebounce/useDebounce.js";
+import { default as default82 } from "./hooks/useDirectory/useDirectory.js";
+import { default as default83 } from "./hooks/useDropdown/useDropdown.js";
+import { default as default84 } from "./hooks/useDropzone/useDropzone.js";
+import { default as default85 } from "./hooks/useEdificeIcons/useEdificeIcons.js";
+import { default as default86 } from "./hooks/useHasWorkflow/useHasWorkflow.js";
+import { default as default87 } from "./hooks/useHover/useHover.js";
+import { default as default88 } from "./hooks/useHttpErrorToast/useHttpErrorToast.js";
+import { default as default89 } from "./hooks/useImage/useImage.js";
+import { default as default90 } from "./hooks/useInfiniteScroll/useInfiniteScroll.js";
+import { default as default91 } from "./hooks/useIsAdmc/useIsAdmc.js";
+import { default as default92 } from "./hooks/useIsAdml/useIsAdml.js";
+import { default as default93 } from "./hooks/useIsAdmlcOrAdmc/useIsAdmlcOrAdmc.js";
+import { default as default94 } from "./hooks/useKeyPress/useKeyPress.js";
+import { default as default95 } from "./hooks/useLibraryUrl/useLibraryUrl.js";
+import { default as default96 } from "./hooks/useMediaLibrary/useMediaLibrary.js";
+import { default as default97 } from "./hooks/useScrollToTop/useScrollToTop.js";
+import { default as default98 } from "./modules/modals/ShareModal/hooks/useShareMutation.js";
+import { default as default99 } from "./hooks/useTitle/useTitle.js";
+import { default as default100 } from "./hooks/useToast/useToast.js";
+import { default as default101 } from "./hooks/useToggle/useToggle.js";
+import { default as default102 } from "./hooks/useTrapFocus/useTrapFocus.js";
+import { default as default103 } from "./hooks/useTrashedResource/useTrashedResource.js";
+import { default as default104 } from "./modules/modals/ResourceModal/hooks/useUpdateMutation.js";
+import { default as default105 } from "./hooks/useUpload/useUpload.js";
+import { default as default106 } from "./hooks/useUploadFiles/useUploadFiles.js";
+import { default as default107 } from "./hooks/useUser/useUser.js";
+import { default as default108 } from "./hooks/useWorkspaceFile/useWorkspaceFile.js";
+import { default as default109 } from "./hooks/useWorkspaceFolders/useWorkspaceFolders.js";
+import { WORKSPACE_SHARED_FOLDER_ID, WORKSPACE_USER_FOLDER_ID, default as default110 } from "./hooks/useWorkspaceFolders/useWorkspaceFoldersTree.js";
+import { default as default111 } from "./hooks/useWorkspaceSearch/useWorkspaceSearch.js";
+import { default as default112 } from "./hooks/useXitiTrackPageLoad/useXitiTrackPageLoad.js";
+import { default as default113 } from "./hooks/useZendeskGuide/useZendeskGuide.js";
 import { AccessiblePalette, DefaultPalette } from "./components/ColorPicker/ColorPalette.js";
 import { AntProvider } from "./providers/AntThemeProvider/AntProvider.js";
 import { Column, Grid } from "./components/Grid/Grid.js";
@@ -143,6 +146,7 @@ import { useTreeView } from "./components/TreeView/hooks/useTreeView.js";
 export {
   AccessiblePalette,
   default2 as ActionBar,
+  AddAttachments,
   default3 as Alert,
   AntProvider,
   default4 as AppHeader,
@@ -196,50 +200,53 @@ export {
   default39 as LoadingScreen,
   default40 as Logo,
   default41 as MediaLibrary,
+  default42 as MediaViewer,
   Menu,
   MockedProvider,
-  default42 as Modal,
-  default43 as OnboardingModal,
+  default43 as Modal,
+  default44 as OnboardingModal,
   Popover,
   PopoverBody,
   PopoverFooter,
   PopoverHeader,
-  default44 as PreventPropagation,
-  default45 as PublishModal,
-  default46 as Radio,
-  default47 as RadioCard,
+  default45 as PreventPropagation,
+  default46 as PromotionCard,
+  default47 as PublishModal,
+  default48 as Radio,
+  default49 as RadioCard,
   ResourceModal,
-  default48 as SearchBar,
-  default49 as SearchButton,
-  default50 as SegmentedControl,
-  default51 as Select,
-  default52 as ShareBlog,
-  default53 as ShareModal,
-  default54 as ShareResources,
-  default55 as SortableTree,
-  default56 as StackedGroup,
-  default57 as Stepper,
-  default58 as Switch,
-  default59 as Table,
+  Root,
+  default50 as SearchBar,
+  default51 as SearchButton,
+  default52 as SegmentedControl,
+  default53 as Select,
+  default54 as ShareBlog,
+  default55 as ShareModal,
+  default56 as ShareResources,
+  default57 as SortableTree,
+  default58 as StackedGroup,
+  default59 as Stepper,
+  default60 as Switch,
+  default61 as Table,
   Tabs,
-  default60 as TextArea,
-  default61 as TextSkeleton,
+  default62 as TextArea,
+  default63 as TextSkeleton,
   Toolbar,
-  default62 as Tooltip,
-  default63 as Tree,
+  default64 as Tooltip,
+  default65 as Tree,
   TreeNode,
   TreeNodeFolderWrapper,
-  default64 as TreeView,
+  default66 as TreeView,
   Upload,
-  default65 as UploadCard,
-  default66 as UploadFiles,
-  default67 as VideoEmbed,
-  default68 as VideoRecorder,
-  default69 as VisuallyHidden,
+  default67 as UploadCard,
+  default68 as UploadFiles,
+  default69 as VideoEmbed,
+  default70 as VideoRecorder,
+  default71 as VisuallyHidden,
   WORKSPACE_SHARED_FOLDER_ID,
   WORKSPACE_USER_FOLDER_ID,
-  default70 as Workspace,
-  default71 as WorkspaceFolders,
+  default72 as Workspace,
+  default73 as WorkspaceFolders,
   addNode,
   arrayUnique,
   buildTree,
@@ -268,51 +275,51 @@ export {
   setRef,
   updateNode,
   updateParentIds,
-  default72 as useBookmark,
-  default73 as useBreakpoint,
-  default74 as useBrowserInfo,
-  default75 as useCantoo,
+  default74 as useBookmark,
+  default75 as useBreakpoint,
+  default76 as useBrowserInfo,
+  default77 as useCantoo,
   useCheckable,
-  default76 as useClickOutside,
-  default77 as useConversation,
-  default78 as useDate,
-  default79 as useDebounce,
-  default80 as useDirectory,
-  default81 as useDropdown,
-  default82 as useDropzone,
+  default78 as useClickOutside,
+  default79 as useConversation,
+  default80 as useDate,
+  default81 as useDebounce,
+  default82 as useDirectory,
+  default83 as useDropdown,
+  default84 as useDropzone,
   useDropzoneContext,
   useEdificeClient,
-  default83 as useEdificeIcons,
+  default85 as useEdificeIcons,
   useEdificeTheme,
-  default84 as useHasWorkflow,
-  default85 as useHover,
-  default86 as useHttpErrorToast,
-  default87 as useImage,
-  default88 as useInfiniteScroll,
-  default89 as useIsAdmc,
-  default90 as useIsAdml,
-  default91 as useIsAdmlcOrAdmc,
-  default92 as useKeyPress,
-  default93 as useLibraryUrl,
-  default94 as useMediaLibrary,
-  default95 as useScrollToTop,
-  default96 as useShareMutation,
-  default97 as useTitle,
-  default98 as useToast,
-  default99 as useToggle,
-  default100 as useTrapFocus,
-  default101 as useTrashedResource,
+  default86 as useHasWorkflow,
+  default87 as useHover,
+  default88 as useHttpErrorToast,
+  default89 as useImage,
+  default90 as useInfiniteScroll,
+  default91 as useIsAdmc,
+  default92 as useIsAdml,
+  default93 as useIsAdmlcOrAdmc,
+  default94 as useKeyPress,
+  default95 as useLibraryUrl,
+  default96 as useMediaLibrary,
+  default97 as useScrollToTop,
+  default98 as useShareMutation,
+  default99 as useTitle,
+  default100 as useToast,
+  default101 as useToggle,
+  default102 as useTrapFocus,
+  default103 as useTrashedResource,
   useTreeSortable,
   useTreeView,
-  default102 as useUpdateMutation,
-  default103 as useUpload,
-  default104 as useUploadFiles,
-  default105 as useUser,
-  default106 as useWorkspaceFile,
-  default107 as useWorkspaceFolders,
-  default108 as useWorkspaceFoldersTree,
-  default109 as useWorkspaceSearch,
-  default110 as useXitiTrackPageLoad,
-  default111 as useZendeskGuide,
+  default104 as useUpdateMutation,
+  default105 as useUpload,
+  default106 as useUploadFiles,
+  default107 as useUser,
+  default108 as useWorkspaceFile,
+  default109 as useWorkspaceFolders,
+  default110 as useWorkspaceFoldersTree,
+  default111 as useWorkspaceSearch,
+  default112 as useXitiTrackPageLoad,
+  default113 as useZendeskGuide,
   wrapTreeNode
 };

package/dist/modules/audience/ViewsCounter.d.ts

@@ -1,20 +1,6 @@
-export interface ViewsCounterProps {
-    /**
-     * The number of views to display.
-     *
-     */
+export interface ViewsCounterProps extends React.ComponentPropsWithRef<'button'> {
+    /** The number of views to display. */
     viewsCounter: number;
-    /**
-     * Optional click handler for the counter button.
-     */
-    onClick?: (event?: React.MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Optional CSS class name to apply to the counter component.
-     */
-    className?: string;
 }
-declare const ViewsCounter: {
-    ({ viewsCounter, onClick, className, }: ViewsCounterProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+declare const ViewsCounter: import('react').ForwardRefExoticComponent<Omit<ViewsCounterProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default ViewsCounter;

package/dist/modules/audience/ViewsCounter.js

@@ -1,18 +1,20 @@
 import { jsx } from "react/jsx-runtime";
 import { StringUtils } from "@edifice.io/utilities";
 import clsx from "clsx";
+import { forwardRef } from "react";
 import SvgIconSee from "../icons/components/IconSee.js";
 import Button from "../../components/Button/Button.js";
-const ViewsCounter = ({
+const ViewsCounter = /* @__PURE__ */ forwardRef(({
   viewsCounter,
   onClick,
-  className
-}) => {
+  className,
+  ...restProps
+}, ref) => {
   const handleButtonClick = (event) => {
-    event.preventDefault(), event.stopPropagation(), onClick == null || onClick();
-  };
-  return className = clsx("text-gray-700 fw-normal py-4 px-8 btn-icon", className), /* @__PURE__ */ jsx(Button, { rightIcon: /* @__PURE__ */ jsx(SvgIconSee, {}), variant: "ghost", type: "button", className, onClick: handleButtonClick, disabled: !viewsCounter, children: StringUtils.toCounter(viewsCounter) });
-};
+    event.preventDefault(), event.stopPropagation(), onClick == null || onClick(event);
+  }, isDisabled = viewsCounter <= 0;
+  return className = clsx("text-gray-700 fw-normal py-4 px-8 btn-icon", className), /* @__PURE__ */ jsx(Button, { ref, rightIcon: /* @__PURE__ */ jsx(SvgIconSee, {}), className, onClick: handleButtonClick, disabled: isDisabled, ...restProps, color: "tertiary", variant: "ghost", children: StringUtils.toCounter(viewsCounter) });
+});
 export {
   ViewsCounter as default
 };

package/dist/modules/comments/components/Comment.js

@@ -50,7 +50,7 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
       /* @__PURE__ */ jsx(CommentReplies, { parentComment: comment })
     ] }),
     !comment.deleted && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsxs("div", { className: `${isEditing ? "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200  my-16" : "border rounded-3 p-12 pb-8 d-flex gap-12 mt-16"}`, children: [
+      /* @__PURE__ */ jsxs("div", { "data-testid": "div-comment-read", className: `${isEditing ? "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200  my-16" : "border rounded-3 p-12 pb-8 d-flex gap-12 mt-16"}`, children: [
         /* @__PURE__ */ jsx(CommentAvatar, { id: authorId }),
         /* @__PURE__ */ jsxs("div", { className: "flex flex-fill", children: [
           /* @__PURE__ */ jsxs("div", { className: "d-flex align-items-center gap-12", children: [
@@ -67,7 +67,7 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
               /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: handleReset, children: t("comment.cancel") }),
               /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end align-items-center gap-4", children: [
                 /* @__PURE__ */ jsx(TextCounter, { content: value, maxLength: options.maxCommentLength }),
-                /* @__PURE__ */ jsx(Button, { type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSave, {}), disabled: !(content != null && content.length), onClick: () => handleUpdateComment(value), children: t("comment.save") })
+                /* @__PURE__ */ jsx(Button, { "data-testid": "comment-save", type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSave, {}), disabled: !(content != null && content.length), onClick: () => handleUpdateComment(value), children: t("comment.save") })
               ] })
             ] })
           ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
@@ -76,10 +76,10 @@ const DeleteModal = /* @__PURE__ */ lazy(() => import("./DeleteModal.js")), Comm
             }, children: content }),
             type === "edit" && /* @__PURE__ */ jsxs("div", { className: "ms-n8", children: [
               !replyTo && options.allowReplies && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => handleReplyToComment(comment.id), children: t("comment.reply") }),
-              userId === authorId && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
+              userId === authorId && /* @__PURE__ */ jsx(Button, { "data-testid": "comment-edit", variant: "ghost", color: "tertiary", size: "sm", onClick: () => {
                 handleModifyComment(comment.id), setValue(content);
               }, children: t("comment.edit") }),
-              (userId === authorId || (userRights == null ? void 0 : userRights.manager)) && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", size: "sm", onClick: () => setIsDeleteModalOpen(!0), children: t("comment.remove") })
+              (userId === authorId || (userRights == null ? void 0 : userRights.manager)) && /* @__PURE__ */ jsx(Button, { "data-testid": "comment-delete", variant: "ghost", color: "tertiary", size: "sm", onClick: () => setIsDeleteModalOpen(!0), children: t("comment.remove") })
             ] })
           ] })
         ] })

package/dist/modules/comments/components/CommentDate.js

@@ -9,17 +9,14 @@ const CommentDate = ({
     fromNow
   } = useDate(), {
     t
-  } = useTranslation(), getPublishedDate = (date) => t("comment.publish.date", {
-    date: fromNow(date)
-  }), getUpdatedDate = (date) => t("comment.update.date", {
-    date: fromNow(date)
-  });
-  return updatedAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
+  } = useTranslation();
+  return updatedAt || createdAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: "|" }),
-    /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: getUpdatedDate(updatedAt) })
-  ] }) : createdAt ? /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: "|" }),
-    /* @__PURE__ */ jsx("span", { className: "small text-gray-700", children: getPublishedDate(createdAt) })
+    /* @__PURE__ */ jsx("span", { "data-testid": "comment-info-date", className: "small text-gray-700", children: updatedAt ? ((date) => t("comment.update.date", {
+      date: fromNow(date)
+    }))(updatedAt) : ((date) => t("comment.publish.date", {
+      date: fromNow(date)
+    }))(createdAt) })
   ] }) : null;
 };
 export {

package/dist/modules/comments/components/CommentDeleted.js

@@ -4,7 +4,7 @@ const CommentDeleted = () => {
   const {
     t
   } = useTranslation();
-  return /* @__PURE__ */ jsx("div", { className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 my-16", children: t("comment.deleted") });
+  return /* @__PURE__ */ jsx("div", { "data-testid": "div-comment-deleted", className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 my-16", children: t("comment.deleted") });
 };
 export {
   CommentDeleted

package/dist/modules/comments/components/CommentForm.d.ts

@@ -1,4 +1,4 @@
 export declare const CommentForm: ({ userId, replyTo, }: {
     userId: string;
     replyTo?: string;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => false | import("react/jsx-runtime").JSX.Element;

package/dist/modules/comments/components/CommentForm.js

@@ -1,11 +1,11 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
 import { useTranslation } from "react-i18next";
 import SvgIconSend from "../../icons/components/IconSend.js";
 import { useAutosizeTextarea } from "../hooks/useAutosizeTextarea.js";
 import { useCommentsContext } from "../hooks/useCommentsContext.js";
 import { CommentAvatar } from "./CommentAvatar.js";
 import { TextCounter } from "./TextCounter.js";
-import { useState } from "react";
 import Button from "../../../components/Button/Button.js";
 const CommentForm = ({
   userId,
@@ -22,19 +22,19 @@ const CommentForm = ({
   }, handleSubmit = () => {
     handleCreateComment(content, replyTo), setContent("");
   };
-  return /* @__PURE__ */ jsx(Fragment, { children: type === "edit" && /* @__PURE__ */ jsxs("div", { className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200", children: [
+  return type === "edit" && /* @__PURE__ */ jsxs("div", { "data-testid": "div-comment-create", className: "border rounded-3 p-12 pb-8 d-flex gap-12 bg-gray-200 d-print-none", children: [
     /* @__PURE__ */ jsx(CommentAvatar, { id: userId }),
     /* @__PURE__ */ jsxs("div", { className: "d-flex flex-column flex-fill gap-4", children: [
-      /* @__PURE__ */ jsx("textarea", { id: "add-comment", ref, value: content, className: "form-control", placeholder: t("comment.placeholder.textarea"), maxLength: options.maxCommentLength, onChange: handleChangeContent, onFocus, rows: 1, style: {
+      /* @__PURE__ */ jsx("textarea", { id: "add-comment", "data-testid": "comment-form", ref, value: content, className: "form-control", placeholder: t("comment.placeholder.textarea"), maxLength: options.maxCommentLength, onChange: handleChangeContent, onFocus, rows: 1, style: {
         resize: "none",
         overflow: "hidden"
       } }),
       /* @__PURE__ */ jsxs("div", { className: "d-flex justify-content-end align-items-center gap-4", children: [
         /* @__PURE__ */ jsx(TextCounter, { content, maxLength: options.maxCommentLength }),
-        /* @__PURE__ */ jsx(Button, { type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSend, {}), disabled: !(content != null && content.length), onClick: handleSubmit, children: t("comment.post") })
+        /* @__PURE__ */ jsx(Button, { "data-testid": "comment-publish", type: "submit", variant: "ghost", size: "sm", leftIcon: /* @__PURE__ */ jsx(SvgIconSend, {}), disabled: !(content != null && content.length), onClick: handleSubmit, children: t("comment.post") })
       ] })
     ] })
-  ] }) });
+  ] });
 };
 export {
   CommentForm

package/dist/modules/comments/components/CommentTitle.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 const CommentTitle = ({
   children
-}) => /* @__PURE__ */ jsx("span", { className: "small text-gray-800", children });
+}) => /* @__PURE__ */ jsx("span", { "data-testid": "comment-info-author", className: "small text-gray-800", children });
 export {
   CommentTitle
 };

package/dist/modules/comments/provider/CommentProvider.js

@@ -1,11 +1,11 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useMemo } from "react";
 import { CommentForm } from "../components/CommentForm.js";
-import { CommentHeader } from "../components/CommentHeader.js";
 import { CommentList } from "../components/CommentList.js";
 import { DEFAULT_ALLOW_REPLIES, DEFAULT_ADD_REPLIES, DEFAULT_MAX_REPLIES, DEFAULT_ADD_COMMENTS, DEFAULT_MAX_COMMENTS, DEFAULT_MAX_REPLY_LENGTH, DEFAULT_MAX_COMMENT_LENGTH } from "../constants.js";
 import { CommentContext } from "../context/Context.js";
 import { useComments } from "../hooks/useComments.js";
+import Heading from "../../../components/Heading/Heading.js";
 import Button from "../../../components/Button/Button.js";
 import EmptyScreen from "../../../components/EmptyScreen/EmptyScreen.js";
 const CommentProvider = ({
@@ -71,15 +71,15 @@ const CommentProvider = ({
     [displayedComments, editCommentId, profilesQueries, options]
   );
   return /* @__PURE__ */ jsx(CommentContext.Provider, { value: values, children: /* @__PURE__ */ jsxs("div", { className: "my-24", children: [
-    /* @__PURE__ */ jsx(CommentHeader, { title }),
+    /* @__PURE__ */ jsx(Heading, { "data-testid": "comments-info-count-text", level: "h3", headingStyle: "h3", className: displayedComments.length === 0 ? "d-print-none" : "", children: title }),
     /* @__PURE__ */ jsxs("div", { className: "my-24", children: [
       user && /* @__PURE__ */ jsx(CommentForm, { userId: user.userId }),
-      profilesQueries.isLoading ? null : /* @__PURE__ */ jsxs(Fragment, { children: [
+      !profilesQueries.isLoading && /* @__PURE__ */ jsxs(Fragment, { children: [
         /* @__PURE__ */ jsx(CommentList, {}),
         showMoreComments && /* @__PURE__ */ jsx(Button, { variant: "ghost", color: "tertiary", onClick: handleMoreComments, className: "my-16", children: t("comment.more") })
       ] })
     ] }),
-    !displayedComments.length && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen", children: [
+    !displayedComments.length && type === "edit" && /* @__PURE__ */ jsxs("div", { className: "comments-emptyscreen d-print-none", children: [
       /* @__PURE__ */ jsx("div", { className: "comments-emptyscreen-wrapper", children: /* @__PURE__ */ jsx(EmptyScreen, { imageSrc: emptyscreenPath, size: 150 }) }),
       /* @__PURE__ */ jsx("p", { children: t("comment.emptyscreen") })
     ] })

package/dist/modules/comments/types.d.ts

@@ -71,7 +71,9 @@ interface EditRootProps extends BaseProps {
      */
     callbacks: CommentCallbacks;
     /**
-     * Rights to perform CRUD on comment
+     * Rights to perform CRUD on comment (type=`edit` required):
+     * - manager => delete
+     * Also, comment's author can update, delete
      */
     rights?: Record<RightRole, boolean>;
 }

package/dist/modules/icons/components/IconAdjustSettings.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconAdjustSettings: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconAdjustSettings;

package/dist/modules/icons/components/IconAdjustSettings.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconAdjustSettings = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "M10 17c1.306 0 2.414.835 2.826 2H21.9c.608 0 1.1.448 1.1 1s-.492 1-1.1 1h-9.074a2.998 2.998 0 0 1-5.652 0H2.1c-.608 0-1.1-.448-1.1-1s.492-1 1.1-1h5.074c.412-1.165 1.52-2 2.826-2m8-8c1.306 0 2.414.835 2.826 2H21.9c.608 0 1.1.448 1.1 1s-.492 1-1.1 1h-1.074a2.998 2.998 0 0 1-5.652 0H2.1c-.608 0-1.1-.448-1.1-1s.492-1 1.1-1h13.074c.412-1.165 1.52-2 2.826-2M7 1c1.306 0 2.414.835 2.826 2H21.9c.608 0 1.1.448 1.1 1s-.492 1-1.1 1H9.826A3 3 0 0 1 7 7a3 3 0 0 1-2.826-2H2.1C1.492 5 1 4.552 1 4s.492-1 1.1-1h2.074C4.586 1.835 5.694 1 7 1" })
+] });
+export {
+  SvgIconAdjustSettings as default
+};

package/dist/modules/icons/components/IconAiFill.d.ts

@@ -0,0 +1,7 @@
+import { SVGProps } from 'react';
+interface SVGRProps {
+    title?: string;
+    titleId?: string;
+}
+declare const SvgIconAiFill: ({ title, titleId, ...props }: SVGProps<SVGSVGElement> & SVGRProps) => import("react/jsx-runtime").JSX.Element;
+export default SvgIconAiFill;

package/dist/modules/icons/components/IconAiFill.js

@@ -0,0 +1,12 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgIconAiFill = ({
+  title,
+  titleId,
+  ...props
+}) => /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", "aria-labelledby": titleId, ...props, children: [
+  title ? /* @__PURE__ */ jsx("title", { id: titleId, children: title }) : null,
+  /* @__PURE__ */ jsx("path", { fill: "currentColor", d: "m12.61 21.262.585-1.344a10.35 10.35 0 0 1 5.27-5.342l1.805-.802a1.258 1.258 0 0 0 0-2.283l-1.705-.76A10.38 10.38 0 0 1 13.22 5.21l-.601-1.448a1.201 1.201 0 0 0-2.237 0l-.601 1.45a10.37 10.37 0 0 1-5.346 5.52l-1.703.757a1.258 1.258 0 0 0 0 2.285l1.802.805a10.35 10.35 0 0 1 5.273 5.34l.584 1.343a1.201 1.201 0 0 0 2.218 0M19.35 7.767l.185-.424A3.27 3.27 0 0 1 21.2 5.656l.57-.254a.398.398 0 0 0 0-.72l-.539-.24a3.28 3.28 0 0 1-1.688-1.744l-.19-.457a.38.38 0 0 0-.706 0l-.19.458a3.28 3.28 0 0 1-1.688 1.743l-.538.239a.398.398 0 0 0 0 .721l.57.254c.746.335 1.34.936 1.665 1.687l.184.424a.38.38 0 0 0 .7 0" })
+] });
+export {
+  SvgIconAiFill as default
+};