@ynput/ayon-frontend-shared 0.2.15 → 0.2.17

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.es.js

@@ -6,7 +6,7 @@ import TextMime from "./Mimes/TextMime.es.js";
 import clsx from "clsx";
 import { Icon } from "@ynput/ayon-react-components";
 import useAttachmentNavigation from "./hooks/useAttachmentNavigation.es.js";
-import { DialogWrapper } from "./FileUploadPreview.styled.es.js";
+import { DialogWrapper, ScrollableContent } from "./FileUploadPreview.styled.es.js";
 const expandableMimeTypes = {
   image: {
     component: ImageMime,
@@ -124,7 +124,14 @@ const FileUploadPreview = ({
             onClick: handleNavigateToPrevious
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { style: { zIndex: zIndex + 1 }, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MimeComponent, { file, fullPreviews }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(
+          ScrollableContent,
+          {
+            style: { zIndex: zIndex + 1 },
+            className: clsx({ scrollable: !isImage }),
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(MimeComponent, { file, fullPreviews })
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Icon,
           {

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadPreview.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { getFileURL } from './fileUtils'\nimport ImageMime from './Mimes/ImageMime'\nimport TextMime from './Mimes/TextMime'\nimport clsx from 'clsx'\nimport { Icon } from '@ynput/ayon-react-components'\nimport useAttachmentNavigation from './hooks/useAttachmentNavigation'\nimport * as Styled from './FileUploadPreview.styled'\n\nexport type MimeTypeDefinition = {\n  component: React.FC<any> | null\n  mimeTypes: string[]\n  fullPreviews?: string[]\n  id: string\n  callback?: (file: any) => void\n}\n\n// define expandable mime types and their components\nexport const expandableMimeTypes: { [key: string]: MimeTypeDefinition } = {\n  image: {\n    component: ImageMime,\n    mimeTypes: ['image/'],\n    fullPreviews: ['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp'],\n    id: 'image',\n  },\n  text: {\n    component: TextMime,\n    mimeTypes: ['text/', 'application/json', 'scss', 'jsx'],\n    id: 'text',\n  },\n  pdf: {\n    component: null,\n    mimeTypes: ['pdf'],\n    id: 'pdf',\n    callback: (file: any) => window.open(getFileURL(file.id, file.projectName), '_blank'),\n  },\n}\n\nexport const isFilePreviewable = (mime = '', ext = '') =>\n  Object.values(expandableMimeTypes).some(({ mimeTypes = [] }) =>\n    mimeTypes.some((type) => (mime || ext)?.includes(type)),\n  )\n\ninterface FileUploadPreviewProps {\n  files: any[] // replace with correct type\n  index: number\n  activityId: string\n  projectName: string\n  onFilePreviewClose: () => void\n  onNavigate: (payload: any) => void // replace with correct type\n}\n\nconst FileUploadPreview: React.FC<FileUploadPreviewProps> = ({\n  files,\n  index,\n  activityId,\n  projectName,\n  onFilePreviewClose,\n  onNavigate,\n}) => {\n  const {\n    canNavigateDown,\n    canNavigateUp,\n    canNavigateLeft,\n    canNavigateRight,\n    getByIndexActivity,\n    navigateUp,\n    navigateDown,\n    navigateLeft,\n    navigateRight,\n  } = useAttachmentNavigation({ files, index, activityId, onNavigate })\n  const file = { ...getByIndexActivity(activityId, index), projectName }\n  const { id, mime, extension, name } = file\n\n  // when dialog open, focus on the dialog\n  // we do this so that the user can navigate with the keyboard (esc works)\n  const dialogRef = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    if (id && projectName) {\n      dialogRef.current?.focus()\n    }\n  }, [id, projectName])\n\n  const handleClose = () => {\n    onFilePreviewClose()\n  }\n\n  if (!id || !projectName) return null\n\n  // get the correct mime type component based on mimeTypes match\n  const previewable = Object.values(expandableMimeTypes).find(({ mimeTypes }) =>\n    mimeTypes.some((type) => (mime || extension)?.includes(type)),\n  )\n\n  // @ts-ignore\n  const { component: MimeComponent, id: typeId, callback, fullPreviews } = previewable || {}\n\n  // if there is a callback, run it and return null\n  // mainly for pdfs\n  if (callback) {\n    callback(file)\n    return null\n  }\n\n  const handleNavigateToPrevActivity = () => canNavigateUp() && navigateUp()\n  const handleNavigateToNextActivity = () => canNavigateDown() && navigateDown()\n  const handleNavigateToPrevious = () => canNavigateLeft() && navigateLeft()\n  const handleNavigateToNext = () => canNavigateRight() && navigateRight()\n\n  const isImage = typeId === 'image'\n  const zIndex = 50\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.code === 'ArrowUp') {\n      handleNavigateToPrevActivity()\n    }\n    if (e.code === 'ArrowDown') {\n      handleNavigateToNextActivity()\n    }\n    if (e.code === 'ArrowRight') {\n      handleNavigateToNext()\n    }\n    if (e.code === 'ArrowLeft') {\n      handleNavigateToPrevious()\n    }\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      handleClose()\n    }\n  }\n\n  if (!MimeComponent) {\n    return null\n  }\n\n  return (\n    <Styled.DialogWrapper\n      onKeyDown={handleKeyDown}\n      size=\"full\"\n      isOpen={!!(id && projectName)}\n      onClose={handleClose}\n      hideCancelButton={isImage}\n      ref={dialogRef}\n      className={clsx({ isImage }, 'block-shortcuts')}\n      header={isImage ? null : name}\n    >\n      <div style={{ position: 'absolute', inset: 0, zIndex: zIndex }} onClick={handleClose}></div>\n\n      <Icon\n        style={{ zIndex: zIndex + 1 }}\n        icon=\"chevron_left\"\n        className={clsx('navIcon', 'left', { disabled: !canNavigateLeft() })}\n        onClick={handleNavigateToPrevious}\n      />\n\n      <div style={{ zIndex: zIndex + 1 }}>\n        <MimeComponent file={file} fullPreviews={fullPreviews} />\n      </div>\n\n      <Icon\n        style={{ zIndex: zIndex + 1 }}\n        icon=\"chevron_right\"\n        className={clsx('navIcon', 'right', { disabled: !canNavigateRight() })}\n        onClick={handleNavigateToNext}\n      />\n    </Styled.DialogWrapper>\n  )\n}\n\nexport default FileUploadPreview\n"],"names":["jsxs","Styled.DialogWrapper","jsx"],"mappings":"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"}
+{"version":3,"file":"FileUploadPreview.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.tsx"],"sourcesContent":["import { useEffect, useRef } from 'react'\nimport { getFileURL } from './fileUtils'\nimport ImageMime from './Mimes/ImageMime'\nimport TextMime from './Mimes/TextMime'\nimport clsx from 'clsx'\nimport { Icon } from '@ynput/ayon-react-components'\nimport useAttachmentNavigation from './hooks/useAttachmentNavigation'\nimport * as Styled from './FileUploadPreview.styled'\n\nexport type MimeTypeDefinition = {\n  component: React.FC<any> | null\n  mimeTypes: string[]\n  fullPreviews?: string[]\n  id: string\n  callback?: (file: any) => void\n}\n\n// define expandable mime types and their components\nexport const expandableMimeTypes: { [key: string]: MimeTypeDefinition } = {\n  image: {\n    component: ImageMime,\n    mimeTypes: ['image/'],\n    fullPreviews: ['png', 'jpg', 'jpeg', 'gif', 'svg', 'webp'],\n    id: 'image',\n  },\n  text: {\n    component: TextMime,\n    mimeTypes: ['text/', 'application/json', 'scss', 'jsx'],\n    id: 'text',\n  },\n  pdf: {\n    component: null,\n    mimeTypes: ['pdf'],\n    id: 'pdf',\n    callback: (file: any) => window.open(getFileURL(file.id, file.projectName), '_blank'),\n  },\n}\n\nexport const isFilePreviewable = (mime = '', ext = '') =>\n  Object.values(expandableMimeTypes).some(({ mimeTypes = [] }) =>\n    mimeTypes.some((type) => (mime || ext)?.includes(type)),\n  )\n\ninterface FileUploadPreviewProps {\n  files: any[] // replace with correct type\n  index: number\n  activityId: string\n  projectName: string\n  onFilePreviewClose: () => void\n  onNavigate: (payload: any) => void // replace with correct type\n}\n\nconst FileUploadPreview: React.FC<FileUploadPreviewProps> = ({\n  files,\n  index,\n  activityId,\n  projectName,\n  onFilePreviewClose,\n  onNavigate,\n}) => {\n  const {\n    canNavigateDown,\n    canNavigateUp,\n    canNavigateLeft,\n    canNavigateRight,\n    getByIndexActivity,\n    navigateUp,\n    navigateDown,\n    navigateLeft,\n    navigateRight,\n  } = useAttachmentNavigation({ files, index, activityId, onNavigate })\n  const file = { ...getByIndexActivity(activityId, index), projectName }\n  const { id, mime, extension, name } = file\n\n  // when dialog open, focus on the dialog\n  // we do this so that the user can navigate with the keyboard (esc works)\n  const dialogRef = useRef<HTMLDivElement>(null)\n  useEffect(() => {\n    if (id && projectName) {\n      dialogRef.current?.focus()\n    }\n  }, [id, projectName])\n\n  const handleClose = () => {\n    onFilePreviewClose()\n  }\n\n  if (!id || !projectName) return null\n\n  // get the correct mime type component based on mimeTypes match\n  const previewable = Object.values(expandableMimeTypes).find(({ mimeTypes }) =>\n    mimeTypes.some((type) => (mime || extension)?.includes(type)),\n  )\n\n  // @ts-ignore\n  const { component: MimeComponent, id: typeId, callback, fullPreviews } = previewable || {}\n\n  // if there is a callback, run it and return null\n  // mainly for pdfs\n  if (callback) {\n    callback(file)\n    return null\n  }\n\n  const handleNavigateToPrevActivity = () => canNavigateUp() && navigateUp()\n  const handleNavigateToNextActivity = () => canNavigateDown() && navigateDown()\n  const handleNavigateToPrevious = () => canNavigateLeft() && navigateLeft()\n  const handleNavigateToNext = () => canNavigateRight() && navigateRight()\n\n  const isImage = typeId === 'image'\n  const zIndex = 50\n\n  const handleKeyDown = (e: React.KeyboardEvent) => {\n    if (e.code === 'ArrowUp') {\n      handleNavigateToPrevActivity()\n    }\n    if (e.code === 'ArrowDown') {\n      handleNavigateToNextActivity()\n    }\n    if (e.code === 'ArrowRight') {\n      handleNavigateToNext()\n    }\n    if (e.code === 'ArrowLeft') {\n      handleNavigateToPrevious()\n    }\n    if (e.key === 'Escape') {\n      e.preventDefault()\n      handleClose()\n    }\n  }\n\n  if (!MimeComponent) {\n    return null\n  }\n\n  return (\n    <Styled.DialogWrapper\n      onKeyDown={handleKeyDown}\n      size=\"full\"\n      isOpen={!!(id && projectName)}\n      onClose={handleClose}\n      hideCancelButton={isImage}\n      ref={dialogRef}\n      className={clsx({ isImage }, 'block-shortcuts')}\n      header={isImage ? null : name}\n    >\n      <div style={{ position: 'absolute', inset: 0, zIndex: zIndex }} onClick={handleClose}></div>\n\n      <Icon\n        style={{ zIndex: zIndex + 1 }}\n        icon=\"chevron_left\"\n        className={clsx('navIcon', 'left', { disabled: !canNavigateLeft() })}\n        onClick={handleNavigateToPrevious}\n      />\n\n      <Styled.ScrollableContent\n        style={{ zIndex: zIndex + 1 }}\n        className={clsx({ scrollable: !isImage })}\n      >\n        <MimeComponent file={file} fullPreviews={fullPreviews} />\n      </Styled.ScrollableContent>\n\n      <Icon\n        style={{ zIndex: zIndex + 1 }}\n        icon=\"chevron_right\"\n        className={clsx('navIcon', 'right', { disabled: !canNavigateRight() })}\n        onClick={handleNavigateToNext}\n      />\n    </Styled.DialogWrapper>\n  )\n}\n\nexport default FileUploadPreview\n"],"names":["jsxs","Styled.DialogWrapper","jsx","Styled.ScrollableContent"],"mappings":"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"}

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js

@@ -14,6 +14,7 @@ const DialogWrapper = styled(ayonReactComponents.Dialog)`
     justify-content: center;
     align-content: center;
     padding-top: 0;
+    overflow: hidden;
   }
   .navIcon {
     position: absolute;
@@ -98,6 +99,14 @@ const Image = styled.img`
   min-width: 300px;
   background-color: var(--md-sys-color-surface-container-lowest);
 `;
+const ScrollableContent = styled.div`
+  &.scrollable {
+    position: absolute;
+    inset: 56px;
+    overflow: auto;
+  }
+`;
 exports.DialogWrapper = DialogWrapper;
 exports.Image = Image;
+exports.ScrollableContent = ScrollableContent;
 //# sourceMappingURL=FileUploadPreview.styled.cjs.js.map

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadPreview.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.ts"],"sourcesContent":["import { Dialog } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DialogWrapper = styled(Dialog)`\n  min-height: 90vh;\n  max-height: 90vh;\n  min-width: min(90vw, 100%);\n  max-width: 1000px;\n\n  .body {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-content: center;\n    padding-top: 0;\n  }\n  .navIcon {\n    position: absolute;\n    top: 50%;\n    user-select: none;\n\n    &.left {\n      left: 0;\n      translate: -100% -50%;\n    }\n    &.right {\n      right: 0;\n      translate: 100% -50%;\n    }\n    align-content: center;\n    font-size: 60px;\n    &:hover {\n      cursor: pointer;\n      color: var(--md-sys-color-primary);\n    }\n    &.disabled {\n      color: var(--md-sys-color-outline-variant);\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  /* custom image styles */\n  &.isImage {\n    /* remove min/max height */\n\n    background-color: unset;\n    border-radius: 0;\n\n    width: 0;\n\n    .cancelButton {\n      top: 1px;\n      right: 1px;\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n\n    /* Backdrop property affects inactive area around modal */\n    &::backdrop {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .header {\n      display: none;\n    }\n\n    .body {\n      padding: 0;\n      align-items: stretch;\n      user-select: none;\n      overflow: hidden;\n    }\n\n    footer {\n      display: none;\n    }\n\n    /* remove focus outline */\n    &:focus {\n      outline: none;\n    }\n  }\n  /* remove focus outline */\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const Image = styled.img`\n  height: 100%;\n  width: 100%;\n\n  width: max-content;\n  height: max-content;\n  max-height: 80vh;\n  max-width: 90vw;\n  min-width: 300px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n"],"names":["Dialog"],"mappings":";;;;AAGa,MAAA,gBAAgB,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsFnC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;"}
+{"version":3,"file":"FileUploadPreview.styled.cjs.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.ts"],"sourcesContent":["import { Dialog } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DialogWrapper = styled(Dialog)`\n  min-height: 90vh;\n  max-height: 90vh;\n  min-width: min(90vw, 100%);\n  max-width: 1000px;\n\n  .body {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-content: center;\n    padding-top: 0;\n    overflow: hidden;\n  }\n  .navIcon {\n    position: absolute;\n    top: 50%;\n    user-select: none;\n\n    &.left {\n      left: 0;\n      translate: -100% -50%;\n    }\n    &.right {\n      right: 0;\n      translate: 100% -50%;\n    }\n    align-content: center;\n    font-size: 60px;\n    &:hover {\n      cursor: pointer;\n      color: var(--md-sys-color-primary);\n    }\n    &.disabled {\n      color: var(--md-sys-color-outline-variant);\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  /* custom image styles */\n  &.isImage {\n    /* remove min/max height */\n\n    background-color: unset;\n    border-radius: 0;\n\n    width: 0;\n\n    .cancelButton {\n      top: 1px;\n      right: 1px;\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n\n    /* Backdrop property affects inactive area around modal */\n    &::backdrop {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .header {\n      display: none;\n    }\n\n    .body {\n      padding: 0;\n      align-items: stretch;\n      user-select: none;\n      overflow: hidden;\n    }\n\n    footer {\n      display: none;\n    }\n\n    /* remove focus outline */\n    &:focus {\n      outline: none;\n    }\n  }\n  /* remove focus outline */\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const Image = styled.img`\n  height: 100%;\n  width: 100%;\n\n  width: max-content;\n  height: max-content;\n  max-height: 80vh;\n  max-width: 90vw;\n  min-width: 300px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const ScrollableContent = styled.div`\n  &.scrollable {\n    position: absolute;\n    inset: 56px;\n    overflow: auto;\n  }\n`\n"],"names":["Dialog"],"mappings":";;;;AAGa,MAAA,gBAAgB,OAAOA,0BAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFnC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;;"}

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js

@@ -12,6 +12,7 @@ const DialogWrapper = styled(Dialog)`
     justify-content: center;
     align-content: center;
     padding-top: 0;
+    overflow: hidden;
   }
   .navIcon {
     position: absolute;
@@ -96,8 +97,16 @@ const Image = styled.img`
   min-width: 300px;
   background-color: var(--md-sys-color-surface-container-lowest);
 `;
+const ScrollableContent = styled.div`
+  &.scrollable {
+    position: absolute;
+    inset: 56px;
+    overflow: auto;
+  }
+`;
 export {
   DialogWrapper,
-  Image
+  Image,
+  ScrollableContent
 };
 //# sourceMappingURL=FileUploadPreview.styled.es.js.map

package/dist/shared/src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileUploadPreview.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.ts"],"sourcesContent":["import { Dialog } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DialogWrapper = styled(Dialog)`\n  min-height: 90vh;\n  max-height: 90vh;\n  min-width: min(90vw, 100%);\n  max-width: 1000px;\n\n  .body {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-content: center;\n    padding-top: 0;\n  }\n  .navIcon {\n    position: absolute;\n    top: 50%;\n    user-select: none;\n\n    &.left {\n      left: 0;\n      translate: -100% -50%;\n    }\n    &.right {\n      right: 0;\n      translate: 100% -50%;\n    }\n    align-content: center;\n    font-size: 60px;\n    &:hover {\n      cursor: pointer;\n      color: var(--md-sys-color-primary);\n    }\n    &.disabled {\n      color: var(--md-sys-color-outline-variant);\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  /* custom image styles */\n  &.isImage {\n    /* remove min/max height */\n\n    background-color: unset;\n    border-radius: 0;\n\n    width: 0;\n\n    .cancelButton {\n      top: 1px;\n      right: 1px;\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n\n    /* Backdrop property affects inactive area around modal */\n    &::backdrop {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .header {\n      display: none;\n    }\n\n    .body {\n      padding: 0;\n      align-items: stretch;\n      user-select: none;\n      overflow: hidden;\n    }\n\n    footer {\n      display: none;\n    }\n\n    /* remove focus outline */\n    &:focus {\n      outline: none;\n    }\n  }\n  /* remove focus outline */\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const Image = styled.img`\n  height: 100%;\n  width: 100%;\n\n  width: max-content;\n  height: max-content;\n  max-height: 80vh;\n  max-width: 90vw;\n  min-width: 300px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n"],"names":[],"mappings":";;AAGa,MAAA,gBAAgB,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAsFnC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"FileUploadPreview.styled.es.js","sources":["../../../../../../../src/containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.ts"],"sourcesContent":["import { Dialog } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const DialogWrapper = styled(Dialog)`\n  min-height: 90vh;\n  max-height: 90vh;\n  min-width: min(90vw, 100%);\n  max-width: 1000px;\n\n  .body {\n    flex-direction: row;\n    flex-wrap: wrap;\n    justify-content: center;\n    align-content: center;\n    padding-top: 0;\n    overflow: hidden;\n  }\n  .navIcon {\n    position: absolute;\n    top: 50%;\n    user-select: none;\n\n    &.left {\n      left: 0;\n      translate: -100% -50%;\n    }\n    &.right {\n      right: 0;\n      translate: 100% -50%;\n    }\n    align-content: center;\n    font-size: 60px;\n    &:hover {\n      cursor: pointer;\n      color: var(--md-sys-color-primary);\n    }\n    &.disabled {\n      color: var(--md-sys-color-outline-variant);\n      &:hover {\n        cursor: not-allowed;\n      }\n    }\n  }\n\n  /* custom image styles */\n  &.isImage {\n    /* remove min/max height */\n\n    background-color: unset;\n    border-radius: 0;\n\n    width: 0;\n\n    .cancelButton {\n      top: 1px;\n      right: 1px;\n      background-color: var(--md-sys-color-surface-container-highest);\n    }\n\n    /* Backdrop property affects inactive area around modal */\n    &::backdrop {\n      background-color: rgba(0, 0, 0, 0.7);\n    }\n\n    .header {\n      display: none;\n    }\n\n    .body {\n      padding: 0;\n      align-items: stretch;\n      user-select: none;\n      overflow: hidden;\n    }\n\n    footer {\n      display: none;\n    }\n\n    /* remove focus outline */\n    &:focus {\n      outline: none;\n    }\n  }\n  /* remove focus outline */\n  &:focus-visible {\n    outline: none;\n  }\n`\n\nexport const Image = styled.img`\n  height: 100%;\n  width: 100%;\n\n  width: max-content;\n  height: max-content;\n  max-height: 80vh;\n  max-width: 90vw;\n  min-width: 300px;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nexport const ScrollableContent = styled.div`\n  &.scrollable {\n    position: absolute;\n    inset: 56px;\n    overflow: auto;\n  }\n`\n"],"names":[],"mappings":";;AAGa,MAAA,gBAAgB,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAuFnC,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYrB,MAAM,oBAAoB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/context/FeedContext.cjs.js

@@ -38,6 +38,7 @@ require("../../../api/generated/users.cjs.js");
 require("../../../api/generated/versions.cjs.js");
 require("../../../api/generated/workfiles.cjs.js");
 require("../../../api/generated/ynputCloud.cjs.js");
+require("../../../api/generated/grouping.cjs.js");
 require("../../../api/queries/actions/getActions.cjs.js");
 const getActivities = require("../../../api/queries/activities/getActivities.cjs.js");
 const updateActivities = require("../../../api/queries/activities/updateActivities.cjs.js");
@@ -69,6 +70,7 @@ require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
 require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
 require("../../../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = require("../../../context/DetailsPanelContext.cjs.js");
 require("../../../context/ThumbnailUploaderContext.cjs.js");

package/dist/shared/src/containers/Feed/context/FeedContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContext.cjs.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetActivityUsersQuery","useScopedDetailsPanel","useCreateEntityActivityMutation","useUpdateActivityMutation","useDeleteActivityMutation","useCreateReactionToActivityMutation","useDeleteReactionToActivityMutation","getFilterActivityTypes","useState","useGetEntityTooltipQuery","useGetEntityMentionsQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAcA,oBAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAOC,cAAAA,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAAC,0CAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjEC,iBAAAA,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgBC,yCAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAAC,cAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAAC,YAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAUC,iBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;;;;"}
+{"version":3,"file":"FeedContext.cjs.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["createContext","useGetActivityUsersQuery","useScopedDetailsPanel","useCreateEntityActivityMutation","useUpdateActivityMutation","useDeleteActivityMutation","useCreateReactionToActivityMutation","useDeleteReactionToActivityMutation","getFilterActivityTypes","useState","useGetEntityTooltipQuery","useGetEntityMentionsQuery","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAcA,oBAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAOC,cAAAA,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAAC,0CAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjEC,iBAAAA,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAIC,iBAAAA,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAIC,mDAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgBC,yCAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAIC,MAAAA,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAAC,cAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAAC,YAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAUC,iBAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;;;;"}

package/dist/shared/src/containers/Feed/context/FeedContext.es.js

@@ -36,6 +36,7 @@ import "../../../api/generated/users.es.js";
 import "../../../api/generated/versions.es.js";
 import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import { useGetActivityUsersQuery, useGetEntityTooltipQuery } from "../../../api/queries/activities/getActivities.es.js";
 import { useCreateEntityActivityMutation, useUpdateActivityMutation, useDeleteActivityMutation } from "../../../api/queries/activities/updateActivities.es.js";
@@ -67,6 +68,7 @@ import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
 import "../../../context/RemoteModulesContext.es.js";
 import { useScopedDetailsPanel } from "../../../context/DetailsPanelContext.es.js";
 import "../../../context/ThumbnailUploaderContext.es.js";

package/dist/shared/src/containers/Feed/context/FeedContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeedContext.es.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAc,cAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAO,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAA,sBAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjE,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgB,uBAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;"}
+{"version":3,"file":"FeedContext.es.js","sources":["../../../../../../src/containers/Feed/context/FeedContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useState } from 'react'\nimport useGetFeedActivitiesData from '../hooks/useGetFeedActivitiesData'\n\n// Queries\nimport {\n  useCreateEntityActivityMutation,\n  useDeleteActivityMutation,\n  useUpdateActivityMutation,\n  useCreateReactionToActivityMutation,\n  useDeleteReactionToActivityMutation,\n  useGetActivityUsersQuery,\n  useGetEntityMentionsQuery,\n  useGetEntityTooltipQuery,\n} from '@shared/api'\nimport type { SuggestRequest, SuggestResponse } from '@shared/api'\nimport { ActivityUser } from '../helpers/groupMinorActivities'\nimport { DetailsPanelTab, useScopedDetailsPanel } from '@shared/context'\nimport { getFilterActivityTypes } from '@shared/api'\n\nexport const FEED_NEW_COMMENT = '__new__' as const\n\nexport type EditingState = null | typeof FEED_NEW_COMMENT | string\n\n// Add type for the refTooltip\nexport interface RefTooltip {\n  id: string | null\n  type: string\n  name: string\n  label: string\n  pos: {\n    top: number\n    left: number\n  }\n}\n\nexport type FeedContextProps = {\n  children: React.ReactNode\n  projectName: string\n  entityType: string\n  activityTypes?: string[] | null\n  entities: any[]\n  projectInfo: any\n  scope: string\n  userName: string\n  userFullName: string\n\n  // annotations\n  annotations?: Record<string, any>\n  removeAnnotation?: (id: string) => void\n  exportAnnotationComposite?: (id: string) => Promise<Blob | null>\n  // editingId state and functions\n  editingId: EditingState\n  setEditingId: (id: EditingState) => void\n}\n\ninterface FeedContextType extends Omit<FeedContextProps, 'children'> {\n  currentTab: DetailsPanelTab\n  // activities data props\n  activitiesData: any[]\n  isLoadingActivities: boolean\n  isLoadingNew: boolean\n  isLoadingNextPage: boolean\n  hasNextPage: boolean\n  loadNextPage?: () => Promise<any>\n  // refTooltip state and functions\n  refTooltip: RefTooltip | null\n  setRefTooltip: (tooltip: RefTooltip | null) => void\n  // tooltip data\n  entityTooltipData: any\n  isFetchingTooltip: boolean\n  // query functions\n  createEntityActivity: (args: any) => Promise<any>\n  updateActivity: (args: any) => Promise<any>\n  deleteActivity: (args: any) => Promise<any>\n  createReaction: (args: any) => Promise<any>\n  deleteReaction: (args: any) => Promise<any>\n  isUpdatingActivity: boolean\n  // users data\n  users: ActivityUser[]\n  // mentions data\n  mentionSuggestionsData: SuggestResponse\n}\n\nconst FeedContext = createContext<FeedContextType | undefined>(undefined)\n\nexport const FeedProvider = ({ children, ...props }: FeedContextProps) => {\n  const { data: users = [] } = useGetActivityUsersQuery({ projects: [props.projectName] })\n  const { currentTab } = useScopedDetailsPanel(props.scope)\n\n  //   queries\n  const [createEntityActivityMutation, { isLoading: isLoadingCreate }] =\n    useCreateEntityActivityMutation()\n  const [updateActivityMutation, { isLoading: isLoadingUpdate }] = useUpdateActivityMutation()\n  const [deleteActivityMutation, { isLoading: isLoadingDelete }] = useDeleteActivityMutation()\n  const isUpdatingActivity = isLoadingCreate || isLoadingUpdate || isLoadingDelete\n\n  const createEntityActivity: FeedContextType['createEntityActivity'] = async (args) =>\n    await createEntityActivityMutation(args).unwrap()\n  const updateActivity: FeedContextType['updateActivity'] = async (args) =>\n    await updateActivityMutation(args).unwrap()\n  const deleteActivity: FeedContextType['deleteActivity'] = async (args) =>\n    await deleteActivityMutation(args).unwrap()\n\n  const [createReactionToActivity] = useCreateReactionToActivityMutation()\n  const [deleteReactionToActivity] = useDeleteReactionToActivityMutation()\n\n  const createReaction: FeedContextType['createReaction'] = async (args) =>\n    await createReactionToActivity(args).unwrap()\n  const deleteReaction: FeedContextType['deleteReaction'] = async (args) =>\n    await deleteReactionToActivity(args).unwrap()\n\n  const activityTypes = getFilterActivityTypes(currentTab)\n\n  const activitiesDataProps = useGetFeedActivitiesData({\n    entities: props.entities,\n    filter: currentTab,\n    activityTypes: activityTypes,\n    projectName: props.projectName,\n    entityType: props.entityType,\n  })\n\n  const [refTooltip, setRefTooltip] = useState<RefTooltip | null>(null)\n  const skip = !props.projectName || !refTooltip?.id || refTooltip.type === 'user'\n  const { data: entityTooltipData, isFetching: isFetchingTooltip } = useGetEntityTooltipQuery(\n    { entityType: refTooltip?.type, entityId: refTooltip?.id, projectName: props.projectName },\n    { skip: skip },\n  )\n\n  // get all versions that can be mentioned\n  const { data: mentionSuggestionsData = {} } = useGetEntityMentionsQuery(\n    {\n      suggestRequest: {\n        entityType: props.entityType as SuggestRequest['entityType'],\n        entityId: props.entities[0]?.id,\n      },\n      projectName: props.projectName,\n    },\n    { skip: !props.editingId },\n  )\n\n  return (\n    <FeedContext.Provider\n      value={{\n        ...props,\n        ...activitiesDataProps,\n        mentionSuggestionsData,\n        users,\n        isUpdatingActivity,\n        entityTooltipData,\n        isFetchingTooltip,\n        refTooltip,\n        activityTypes,\n        currentTab,\n        setRefTooltip,\n        // Query functions\n        createEntityActivity,\n        updateActivity,\n        deleteActivity,\n        createReaction,\n        deleteReaction,\n      }}\n    >\n      {children}\n    </FeedContext.Provider>\n  )\n}\n\nexport const useFeedContext = () => {\n  const context = useContext(FeedContext)\n  if (!context) {\n    throw new Error('useFeedContext must be used within a FeedProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmBO,MAAM,mBAAmB;AAgEhC,MAAM,cAAc,cAA2C,MAAS;AAEjE,MAAM,eAAe,CAAC,EAAE,UAAU,GAAG,YAA8B;;AACxE,QAAM,EAAE,MAAM,QAAQ,CAAA,MAAO,yBAAyB,EAAE,UAAU,CAAC,MAAM,WAAW,GAAG;AACvF,QAAM,EAAE,WAAe,IAAA,sBAAsB,MAAM,KAAK;AAGxD,QAAM,CAAC,8BAA8B,EAAE,WAAW,gBAAiB,CAAA,IACjE,gCAAgC;AAClC,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AAC3F,QAAM,CAAC,wBAAwB,EAAE,WAAW,gBAAiB,CAAA,IAAI,0BAA0B;AACrF,QAAA,qBAAqB,mBAAmB,mBAAmB;AAEjE,QAAM,uBAAgE,OAAO,SAC3E,MAAM,6BAA6B,IAAI,EAAE,OAAO;AAClD,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAC5C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,uBAAuB,IAAI,EAAE,OAAO;AAEtC,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AACjE,QAAA,CAAC,wBAAwB,IAAI,oCAAoC;AAEvE,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAC9C,QAAM,iBAAoD,OAAO,SAC/D,MAAM,yBAAyB,IAAI,EAAE,OAAO;AAExC,QAAA,gBAAgB,uBAAuB,UAAU;AAEvD,QAAM,sBAAsB,yBAAyB;AAAA,IACnD,UAAU,MAAM;AAAA,IAChB,QAAQ;AAAA,IACR;AAAA,IACA,aAAa,MAAM;AAAA,IACnB,YAAY,MAAM;AAAA,EAAA,CACnB;AAED,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B,IAAI;AAC9D,QAAA,OAAO,CAAC,MAAM,eAAe,EAAC,yCAAY,OAAM,WAAW,SAAS;AAC1E,QAAM,EAAE,MAAM,mBAAmB,YAAY,kBAAsB,IAAA;AAAA,IACjE,EAAE,YAAY,yCAAY,MAAM,UAAU,yCAAY,IAAI,aAAa,MAAM,YAAY;AAAA,IACzF,EAAE,KAAW;AAAA,EACf;AAGA,QAAM,EAAE,MAAM,yBAAyB,CAAA,EAAO,IAAA;AAAA,IAC5C;AAAA,MACE,gBAAgB;AAAA,QACd,YAAY,MAAM;AAAA,QAClB,WAAU,WAAM,SAAS,CAAC,MAAhB,mBAAmB;AAAA,MAC/B;AAAA,MACA,aAAa,MAAM;AAAA,IACrB;AAAA,IACA,EAAE,MAAM,CAAC,MAAM,UAAU;AAAA,EAC3B;AAGE,SAAAA,kCAAA;AAAA,IAAC,YAAY;AAAA,IAAZ;AAAA,MACC,OAAO;AAAA,QACL,GAAG;AAAA,QACH,GAAG;AAAA,QACH;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,QAEA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,iBAAiB,MAAM;AAC5B,QAAA,UAAU,WAAW,WAAW;AACtC,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,mDAAmD;AAAA,EAAA;AAE9D,SAAA;AACT;"}

package/dist/shared/src/containers/Feed/hooks/useGetFeedActivitiesData.cjs.js

@@ -34,6 +34,7 @@ require("../../../api/generated/users.cjs.js");
 require("../../../api/generated/versions.cjs.js");
 require("../../../api/generated/workfiles.cjs.js");
 require("../../../api/generated/ynputCloud.cjs.js");
+require("../../../api/generated/grouping.cjs.js");
 require("../../../api/queries/actions/getActions.cjs.js");
 const getActivities = require("../../../api/queries/activities/getActivities.cjs.js");
 require("../../../api/queries/activities/updateActivities.cjs.js");
@@ -64,6 +65,7 @@ require("../../../api/queries/users/getUsers.cjs.js");
 require("../../../api/queries/users/updateUsers.cjs.js");
 require("../../../api/queries/watchers/getWatchers.cjs.js");
 require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
 const lodash = require("lodash");
 const React = require("react");
 const useGetFeedActivitiesData = ({

package/dist/shared/src/containers/Feed/hooks/useGetFeedActivitiesData.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetFeedActivitiesData.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":["useMemo","useGetActivitiesInfiniteInfiniteQuery","union","isEqual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkBA,MAAA;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAAC,oDAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiBD,MAAAA,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwBA,MAAAA,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAeA,MAAAA,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmBE,OAAA;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAACC,OAAAA,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useGetFeedActivitiesData.cjs.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":["useMemo","useGetActivitiesInfiniteInfiniteQuery","union","isEqual"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkBA,MAAA;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAAC,oDAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiBD,MAAAA,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwBA,MAAAA,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAeA,MAAAA,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmBE,OAAA;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAACC,OAAAA,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/shared/src/containers/Feed/hooks/useGetFeedActivitiesData.es.js

@@ -33,6 +33,7 @@ import "../../../api/generated/users.es.js";
 import "../../../api/generated/versions.es.js";
 import "../../../api/generated/workfiles.es.js";
 import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import { useGetActivitiesInfiniteInfiniteQuery } from "../../../api/queries/activities/getActivities.es.js";
 import "../../../api/queries/activities/updateActivities.es.js";
@@ -63,6 +64,7 @@ import "../../../api/queries/users/getUsers.es.js";
 import "../../../api/queries/users/updateUsers.es.js";
 import "../../../api/queries/watchers/getWatchers.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
 import { union, isEqual } from "lodash";
 import { useMemo } from "react";
 const useGetFeedActivitiesData = ({

package/dist/shared/src/containers/Feed/hooks/useGetFeedActivitiesData.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useGetFeedActivitiesData.es.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkB;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,sCAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiB,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwB,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAe,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmB;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAAC,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useGetFeedActivitiesData.es.js","sources":["../../../../../../src/containers/Feed/hooks/useGetFeedActivitiesData.ts"],"sourcesContent":["import { GetActivitiesQueryVariables, PageInfo } from '@shared/api'\nimport { useGetActivitiesInfiniteInfiniteQuery } from '@shared/api'\nimport { isEqual, union } from 'lodash'\nimport { useMemo } from 'react'\n\nexport type UseGetActivitiesInfiniteInfiniteQuery = (\n  queryArgs: Omit<GetActivitiesQueryVariables, 'last' | 'first' | 'cursor'> & { filter?: string },\n  options: { skip: boolean },\n) => {\n  data: { pages: { activities: any[] }[] } & { pageInfo: PageInfo }\n  isLoading: boolean\n  isFetchingNextPage: boolean\n  currentData: ({ pages: { activities: any[] }[] } & { pageInfo: PageInfo }) | undefined\n  fetchNextPage: () => Promise<any>\n  hasNextPage: boolean\n}\n\ntype Props = {\n  entities: Array<{ id: string; projectName: string }>\n  filter: string\n  activityTypes?: string[] | null\n  projectName: string\n  entityType: string\n}\n\nconst useGetFeedActivitiesData = ({\n  entities,\n  filter,\n  activityTypes,\n  projectName,\n  entityType,\n}: Props) => {\n  const entitiesToQuery = useMemo(\n    () =>\n      entities.map((entity) => ({ id: entity.id, projectName: entity.projectName, entityType })),\n    [entities],\n  )\n  const entityIds = entitiesToQuery.map((entity) => entity.id)\n\n  const skip = !entities.length || !filter || !activityTypes || !projectName\n  // QUERY MADE TO GET ACTIVITIES\n\n  const queryArgs = {\n    entityIds: entityIds,\n    projectName: projectName,\n    referenceTypes: ['origin', 'mention', 'relation'],\n    activityTypes: activityTypes,\n    filter,\n  }\n\n  let {\n    data: activitiesInfiniteData,\n    isLoading: isFetchingActivities,\n    isFetchingNextPage,\n    currentData,\n    fetchNextPage,\n    hasNextPage,\n  } = useGetActivitiesInfiniteInfiniteQuery(queryArgs, { skip: skip })\n\n  // Extract tasks from infinite query data correctly\n  const activitiesList = useMemo(() => {\n    if (!activitiesInfiniteData?.pages) return []\n    return activitiesInfiniteData.pages.flatMap((page) => page.activities || [])\n  }, [activitiesInfiniteData?.pages])\n\n  const currentActivitiesList = useMemo(() => {\n    if (!currentData?.pages) return []\n    return currentData.pages.flatMap((page) => page.activities || [])\n  }, [currentData?.pages])\n\n  const loadNextPage = async () => {\n    if (!hasNextPage) {\n      console.log('No more activities to load')\n      return undefined\n    }\n    console.log('loading next page...')\n    const result = await fetchNextPage()\n\n    return result\n  }\n\n  // check if currentData matches all the entityIds\n  // if not, this means we are loading new entity\n  const isLoadingNew = useMemo(() => {\n    if (!isFetchingActivities) return false\n\n    const currentEntityIds = union(\n      currentActivitiesList?.flatMap((activity) => (activity.entityId ? activity.entityId : [])),\n    )\n\n    return !isEqual(currentEntityIds, entityIds)\n  }, [currentActivitiesList, entityIds, isFetchingActivities])\n\n  if (skip) {\n    isFetchingActivities = true\n  }\n\n  return {\n    activitiesData: activitiesList,\n    isLoadingActivities: isFetchingActivities,\n    isLoadingNew,\n    isLoadingNextPage: isFetchingNextPage,\n    hasNextPage,\n    loadNextPage,\n  }\n}\n\nexport default useGetFeedActivitiesData\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyBA,MAAM,2BAA2B,CAAC;AAAA,EAChC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAa;AACX,QAAM,kBAAkB;AAAA,IACtB,MACE,SAAS,IAAI,CAAC,YAAY,EAAE,IAAI,OAAO,IAAI,aAAa,OAAO,aAAa,WAAa,EAAA;AAAA,IAC3F,CAAC,QAAQ;AAAA,EACX;AACA,QAAM,YAAY,gBAAgB,IAAI,CAAC,WAAW,OAAO,EAAE;AAErD,QAAA,OAAO,CAAC,SAAS,UAAU,CAAC,UAAU,CAAC,iBAAiB,CAAC;AAG/D,QAAM,YAAY;AAAA,IAChB;AAAA,IACA;AAAA,IACA,gBAAgB,CAAC,UAAU,WAAW,UAAU;AAAA,IAChD;AAAA,IACA;AAAA,EACF;AAEI,MAAA;AAAA,IACF,MAAM;AAAA,IACN,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACE,IAAA,sCAAsC,WAAW,EAAE,MAAY;AAG7D,QAAA,iBAAiB,QAAQ,MAAM;AACnC,QAAI,EAAC,iEAAwB,OAAO,QAAO,CAAC;AACrC,WAAA,uBAAuB,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC1E,CAAC,iEAAwB,KAAK,CAAC;AAE5B,QAAA,wBAAwB,QAAQ,MAAM;AAC1C,QAAI,EAAC,2CAAa,OAAO,QAAO,CAAC;AAC1B,WAAA,YAAY,MAAM,QAAQ,CAAC,SAAS,KAAK,cAAc,EAAE;AAAA,EAAA,GAC/D,CAAC,2CAAa,KAAK,CAAC;AAEvB,QAAM,eAAe,YAAY;AAC/B,QAAI,CAAC,aAAa;AAChB,cAAQ,IAAI,4BAA4B;AACjC,aAAA;AAAA,IAAA;AAET,YAAQ,IAAI,sBAAsB;AAC5B,UAAA,SAAS,MAAM,cAAc;AAE5B,WAAA;AAAA,EACT;AAIM,QAAA,eAAe,QAAQ,MAAM;AAC7B,QAAA,CAAC,qBAA6B,QAAA;AAElC,UAAM,mBAAmB;AAAA,MACvB,+DAAuB,QAAQ,CAAC,aAAc,SAAS,WAAW,SAAS,WAAW,CAAG;AAAA,IAC3F;AAEO,WAAA,CAAC,QAAQ,kBAAkB,SAAS;AAAA,EAC1C,GAAA,CAAC,uBAAuB,WAAW,oBAAoB,CAAC;AAE3D,MAAI,MAAM;AACe,2BAAA;AAAA,EAAA;AAGlB,SAAA;AAAA,IACL,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/shared/src/containers/ProjectTreeTable/ProjectTreeTable.cjs.js

@@ -31,7 +31,6 @@ const getReadOnlyLists = require("./utils/getReadOnlyLists.cjs.js");
 const core = require("@dnd-kit/core");
 const sortable = require("@dnd-kit/sortable");
 const utilities_esm = require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js");
-const useBuildGroupByTableData = require("./hooks/useBuildGroupByTableData.cjs.js");
 const getCommonPinningStyles = (column) => {
   const isPinned = column.getIsPinned();
   const offset = column.id !== SelectionCellsContext.ROW_SELECTION_COLUMN_ID && column.id !== DRAG_HANDLE_COLUMN_ID ? -30 : 0;
@@ -44,6 +43,9 @@ const getCommonPinningStyles = (column) => {
     zIndex: isPinned ? 100 : 0
   };
 };
+const getColumnWidth = (rowId, columnId) => {
+  return `calc(var(--col-${columnId}-size) * 1px)`;
+};
 const DRAG_HANDLE_COLUMN_ID = "drag-handle";
 const ProjectTreeTable = ({
   scope,
@@ -59,7 +61,6 @@ const ProjectTreeTable = ({
   onRowReorder,
   dndActiveId,
   // Destructure new prop
-  groupByConfig,
   pt,
   ...props
 }) => {
@@ -75,10 +76,10 @@ const ProjectTreeTable = ({
     columnSizingUpdater,
     groupBy
   } = ColumnSettingsContext.useColumnSettingsContext();
+  const isGrouping = !!groupBy;
   const {
     projectInfo,
-    tableData: defaultTableData,
-    taskGroups,
+    tableData,
     attribFields,
     entitiesMap,
     users,
@@ -94,17 +95,6 @@ const ProjectTreeTable = ({
     showHierarchy,
     fetchNextPage
   } = ProjectTableContext.useProjectTableContext();
-  const buildGroupByTableData = useBuildGroupByTableData.default({
-    entities: entitiesMap,
-    entityType: groupByConfig == null ? void 0 : groupByConfig.entityType,
-    groups: taskGroups,
-    project: projectInfo
-  });
-  const groupedTableData = React.useMemo(
-    () => !!groupBy && buildGroupByTableData(groupBy),
-    [groupBy, entitiesMap, groupByConfig == null ? void 0 : groupByConfig.entityType]
-  );
-  const tableData = groupedTableData ? groupedTableData : defaultTableData;
   const isLoading = isLoadingProp || isLoadingData;
   const { statuses = [], folderTypes = [], taskTypes = [], tags = [] } = projectInfo || {};
   const options = React.useMemo(
@@ -322,7 +312,8 @@ const ProjectTreeTable = ({
                     onOpenNew,
                     rowOrderIds,
                     sortableRows,
-                    error
+                    error,
+                    isGrouping
                   }
                 )
               ]
@@ -354,7 +345,7 @@ const ProjectTreeTable = ({
               if (!cell) return null;
               const cellStyleBase = {
                 ...getCommonPinningStyles(cell.column),
-                width: `calc(var(--col-${cell.column.id}-size) * 1px)`,
+                width: getColumnWidth(overlayRowInstance.id, cell.column.id),
                 display: "flex",
                 alignItems: "center",
                 height: 40
@@ -484,7 +475,7 @@ const TableHeadCell = ({
       }),
       style: {
         ...getCommonPinningStyles(column),
-        width: `calc(var(--header-${header == null ? void 0 : header.id}-size) * 1px)`
+        width: getColumnWidth("", column.id)
       },
       children: header.isPlaceholder ? null : /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ProjectTreeTable_styled.TableCellContent, { className: clsx("bold", "header"), children: [
         reactTable.flexRender(column.columnDef.header, header.getContext()),
@@ -553,9 +544,22 @@ const TableBody = ({
   onOpenNew,
   rowOrderIds,
   sortableRows,
-  error
+  error,
+  isGrouping
 }) => {
-  const { handleTableBodyContextMenu } = useCellContextMenu({ attribs, onOpenNew });
+  const headerLabels = React.useMemo(() => {
+    const allColumns = table.getAllColumns();
+    const headers = allColumns.map((col) => {
+      const headerId = col.id;
+      const header = col.columnDef.header;
+      if (typeof header === "string" || typeof header === "number") {
+        return { label: header, id: headerId };
+      }
+      return null;
+    }).filter(Boolean);
+    return headers;
+  }, [table.getAllColumns()]);
+  const { handleTableBodyContextMenu } = useCellContextMenu({ attribs, onOpenNew, headerLabels });
   const { handlePreFetchTasks } = usePrefetchFolderTasks.usePrefetchFolderTasks();
   const { rows } = table.getRowModel();
   const rowVirtualizer = reactVirtual.useVirtualizer({
@@ -589,7 +593,7 @@ const TableBody = ({
       onMouseOver: (e) => {
         handlePreFetchTasks(e);
       },
-      children: virtualRows.map((virtualRow) => {
+      children: virtualRows.map((virtualRow, i) => {
         const row = rows[virtualRow.index];
         if (!row) {
           console.warn("Virtualized row data not found for index:", virtualRow.index);
@@ -607,9 +611,10 @@ const TableBody = ({
             rowRef: measureRowElement,
             dataIndex: virtualRow.index,
             offsetTop: virtualRow.start,
-            sortableRows
+            sortableRows,
+            isGrouping
           },
-          row.id
+          row.id + i.toString()
         );
       })
     }
@@ -636,7 +641,8 @@ const TableBodyRow = ({
   rowRef,
   dataIndex,
   offsetTop,
-  sortableRows
+  sortableRows,
+  isGrouping = false
 }) => {
   const sortable$1 = sortableRows ? sortable.useSortable({ id: row.id }) : null;
   const combinedRef = React.useCallback(
@@ -677,12 +683,13 @@ const TableBodyRow = ({
       ref: combinedRef,
       "data-index": dataIndex,
       style,
+      className: clsx({ "group-row": row.original.group }),
       children: [
         paddingLeft ? (
           //fake empty column to the left for virtualization scroll padding
           /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("td", { style: { display: "flex", width: paddingLeft } })
         ) : null,
-        virtualColumns.map((vc) => {
+        virtualColumns.map((vc, i) => {
           const cell = visibleCells[vc.index];
           if (!cell) return null;
           const cellId = cellUtils.getCellId(row.id, cell.column.id);
@@ -692,7 +699,7 @@ const TableBodyRow = ({
               {
                 style: {
                   ...getCommonPinningStyles(cell.column),
-                  width: `calc(var(--col-${cell.column.id}-size) * 1px)`,
+                  width: getColumnWidth(row.id, cell.column.id),
                   display: "flex",
                   alignItems: "center",
                   justifyContent: "center",
@@ -716,7 +723,7 @@ const TableBodyRow = ({
                   }
                 )
               },
-              cell.id
+              cell.id + i.toString()
             );
           }
           return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
@@ -728,7 +735,7 @@ const TableBodyRow = ({
               showHierarchy,
               sortableRows
             },
-            cell.id
+            cell.id + i.toString()
           );
         }),
         paddingRight ? (
@@ -765,12 +772,11 @@ const TableCell = ({
   const isLastLeftPinnedColumn = isPinned === "left" && cell.column.getIsLastColumn("left");
   const isRowSelectionColumn = cell.column.id === SelectionCellsContext.ROW_SELECTION_COLUMN_ID;
   const isGroup = cell.row.original.entityType === "group";
-  return /* @__PURE__ */ React.createElement(
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
     ProjectTreeTable_styled.TableCell,
     {
       ...props,
       tabIndex: 0,
-      key: cell.id,
       $isLastPinned: isLastLeftPinnedColumn,
       className: clsx(
         cell.column.id,
@@ -787,7 +793,7 @@ const TableCell = ({
       ),
       style: {
         ...getCommonPinningStyles(cell.column),
-        width: `calc(var(--col-${cell.column.id}-size) * 1px)`,
+        width: getColumnWidth(cell.row.id, cell.column.id),
         height: 40
       },
       onMouseDown: (e) => {
@@ -823,9 +829,9 @@ const TableCell = ({
         if (!isCellSelected(cellId)) {
           selectCell(cellId, false, false);
         }
-      }
-    },
-    reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())
+      },
+      children: reactTable.flexRender(cell.column.columnDef.cell, cell.getContext())
+    }
   );
 };
 const TableCellMemo = React.memo(TableCell);