@ynput/ayon-frontend-shared 0.2.32 → 0.2.34

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

@@ -1,23 +1,23 @@
-import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as S, useEffect as te, useRef as oe } from "react";
+import { j as s } from "../../../../_virtual/jsx-runtime.es.js";
+import { useMemo as O, useEffect as te, useRef as oe } from "react";
 import ie from "./components/ActivityItem.es.js";
 import ne from "./components/CommentInput/CommentInput.es.js";
-import { FeedContainer as se, Warning as re, FeedContent as le, LoadMore as ae } from "./Feed.styled.es.js";
-import de from "./hooks/useCommentMutations.es.js";
+import { FeedContainer as se, FeedContent as re, LoadMore as le } from "./Feed.styled.es.js";
+import ae from "./hooks/useCommentMutations.es.js";
 import me from "./hooks/useTransformActivities.es.js";
-import { InView as ce } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
-import pe from "./hooks/useSaveScrollPos.es.js";
-import fe from "./hooks/useScrollOnInputOpen.es.js";
-import { getLoadingPlaceholders as ge } from "./feedHelpers.es.js";
-import { Icon as he } from "@ynput/ayon-react-components";
-import ue from "clsx";
-import xe from "./hooks/useScrollToHighlighted.es.js";
-import { isFilePreviewable as ye } from "./components/FileUploadPreview/FileUploadPreview.es.js";
-import { EmptyPlaceholder as ve } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { InView as de } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
+import ce from "./hooks/useSaveScrollPos.es.js";
+import pe from "./hooks/useScrollOnInputOpen.es.js";
+import { getLoadingPlaceholders as fe } from "./feedHelpers.es.js";
+import "@ynput/ayon-react-components";
+import ge from "clsx";
+import he from "./hooks/useScrollToHighlighted.es.js";
+import { isFilePreviewable as ue } from "./components/FileUploadPreview/FileUploadPreview.es.js";
+import { EmptyPlaceholder as xe } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { useFeedContext as Ce, FEED_NEW_COMMENT as k } from "./context/FeedContext.es.js";
+import { useFeedContext as ye, FEED_NEW_COMMENT as I } from "./context/FeedContext.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Ie } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as Ce } from "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
 import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
@@ -28,164 +28,161 @@ import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
-import ke from "./helpers/mergeAnnotationAttachments.es.js";
-const tt = 30, ot = ({ isMultiProjects: w, readOnly: R, statuses: D = [] }) => {
+import ve from "./helpers/mergeAnnotationAttachments.es.js";
+const et = 30, tt = ({ disabled: L, readOnly: S, statuses: R = [], entityListId: D }) => {
   const {
     projectName: r,
     entities: l,
     entityType: p,
-    editingId: j,
-    projectInfo: A,
-    setEditingId: N,
+    editingId: k,
+    projectInfo: w,
+    setEditingId: M,
     userName: B,
-    activitiesData: E,
+    activitiesData: j,
     isLoadingNew: a,
     isLoadingNextPage: H,
-    loadNextPage: d,
-    hasNextPage: W,
-    users: _,
-    currentTab: m
-  } = Ce(), {
-    openSlideOut: V,
+    loadNextPage: m,
+    hasNextPage: _,
+    users: V,
+    currentTab: d
+  } = ye(), {
+    openSlideOut: W,
     highlightedActivities: h,
     setHighlightedActivities: q,
     onOpenImage: u,
-    setFeedAnnotations: M
-  } = Ie(), U = ["versions"].includes(m), f = S(
-    () => ke(E),
-    [E]
+    setFeedAnnotations: A
+  } = Ce(), U = ["versions"].includes(d), f = O(
+    () => ve(j),
+    [j]
   );
   te(() => {
-    f.length || M([]);
+    f.length || A([]);
     const e = f.map(
       (t) => {
         var o, i;
-        return (i = (o = t.activityData) == null ? void 0 : o.annotations) == null ? void 0 : i.map((s) => ({
-          ...s,
+        return (i = (o = t.activityData) == null ? void 0 : o.annotations) == null ? void 0 : i.map((n) => ({
+          ...n,
           activityId: t.activityId
         }));
       }
     ).filter(Boolean).flat();
-    M(e);
+    A(e);
   }, [f]);
   const x = me(
     // @ts-ignore
     f,
-    _,
-    A,
+    V,
+    w,
     p,
     B
   ), c = oe(null);
-  fe({ feedRef: c, isInputOpen: j === k, height: 93 }), pe({
+  pe({ feedRef: c, isInputOpen: k === I, height: 93 }), ce({
     entities: l,
     feedRef: c,
-    filter: m,
+    filter: d,
     disabled: !!h.length,
     isLoading: a
-  }), xe({
+  }), he({
     feedRef: c,
     highlighted: h,
     isLoading: a,
-    loadNextPage: d,
-    hasNextPage: !!d
+    loadNextPage: m,
+    hasNextPage: !!m
   });
-  const { submitComment: Y, updateComment: T, deleteComment: $, isSaving: z } = de({
+  const { submitComment: z, updateComment: N, deleteComment: G, isSaving: J } = ae({
     projectName: r,
     entityType: p,
     entities: l,
-    filter: m
-  }), G = (e, t) => {
-    var L;
+    filter: d,
+    entityListId: D
+  }), K = (e, t) => {
+    var b;
     const o = e == null ? void 0 : e.target;
     if (!o || !t) return console.log("no target or activity");
-    const i = o.checked, s = i ? "[ ]" : "[x]", X = i ? "[x]" : "[ ]", { body: g } = t, b = Array.from(
-      ((L = o.closest(".comment-body")) == null ? void 0 : L.querySelectorAll(".task-list-item")) || []
-    ).findIndex((I) => I === o.closest("li"));
-    let F = b;
-    (g.match(/\[.\]/g) || []).forEach((I, ee) => {
-      I !== s && ee < b && F--;
+    const i = o.checked, n = i ? "[ ]" : "[x]", Z = i ? "[x]" : "[ ]", { body: g } = t, E = Array.from(
+      ((b = o.closest(".comment-body")) == null ? void 0 : b.querySelectorAll(".task-list-item")) || []
+    ).findIndex((v) => v === o.closest("li"));
+    let T = E;
+    (g.match(/\[.\]/g) || []).forEach((v, ee) => {
+      v !== n && ee < E && T--;
     });
-    const O = [];
-    let v = -1;
-    for (; (v = g.indexOf(s, v + 1)) > -1; )
-      O.push(v);
-    const C = O[F];
+    const F = [];
+    let y = -1;
+    for (; (y = g.indexOf(n, y + 1)) > -1; )
+      F.push(y);
+    const C = F[T];
     if (C === void 0) return;
-    const Z = C + s.length, P = g.slice(0, C) + X + g.slice(Z);
-    P && T(t, P, t.files);
-  }, J = (e) => {
+    const $ = C + n.length, P = g.slice(0, C) + Z + g.slice($);
+    P && N(t, P, t.files);
+  }, Q = (e) => {
     const { entityId: t, entityType: o, activityId: i } = e;
     if (!o || !["version", "task", "folder"].includes(o))
       return console.log("Entity type not supported yet");
     if (!t || !o || !r) return console.log("No entity id or type found");
-    V({ entityId: t, entityType: o, projectName: r }), q([i]);
-  }, K = ({ index: e, activityId: t }) => {
+    W({ entityId: t, entityType: o, projectName: r }), q([i]);
+  }, X = ({ index: e, activityId: t }) => {
     const o = Object.values(x).reverse().filter((i) => i.activityType == "comment").map((i) => ({
       id: i.activityId,
-      files: i.files.filter((s) => ye(s.mime, s.ext))
+      files: i.files.filter((n) => ue(n.mime, n.ext))
     })).filter((i) => i.files.length > 0);
     u == null || u({ files: o, activityId: t, index: e, projectName: r });
-  }, Q = S(() => ge(10), []);
-  let y;
-  return w && (y = `You are only viewing activities from one project: ${r}.`), /* @__PURE__ */ n.jsx(n.Fragment, { children: /* @__PURE__ */ n.jsxs(se, { className: "feed", children: [
-    y && /* @__PURE__ */ n.jsxs(re, { children: [
-      /* @__PURE__ */ n.jsx(he, { icon: "info" }),
-      y
-    ] }),
-    /* @__PURE__ */ n.jsxs(le, { ref: c, className: ue({ loading: a }, "no-shimmer"), children: [
-      a ? Q : x.map((e) => /* @__PURE__ */ n.jsx(
+  }, Y = O(() => fe(10), []);
+  return /* @__PURE__ */ s.jsx(s.Fragment, { children: /* @__PURE__ */ s.jsxs(se, { className: "feed", children: [
+    void 0,
+    /* @__PURE__ */ s.jsxs(re, { ref: c, className: ge({ loading: a }, "no-shimmer"), children: [
+      a ? Y : x.map((e) => /* @__PURE__ */ s.jsx(
         ie,
         {
           activity: e,
-          onCheckChange: G,
-          onDelete: $,
-          onUpdate: async (t, o, i) => await T(e, t, o),
-          projectInfo: A,
+          onCheckChange: K,
+          onDelete: G,
+          onUpdate: async (t, o, i, n) => await N(e, t, o, n),
+          projectInfo: w,
           projectName: r,
           entityType: p,
-          onReferenceClick: J,
+          onReferenceClick: Q,
           createdAts: l.map((t) => t.createdAt),
-          onFileExpand: K,
+          onFileExpand: X,
           showOrigin: l.length > 1,
-          filter: m,
+          filter: d,
           editProps: {
             projectName: r,
             entities: l,
             entityType: p
           },
           isHighlighted: h.includes(e.activityId),
-          readOnly: R,
-          statuses: D
+          readOnly: S,
+          statuses: R
         },
         e.activityId
       )),
-      x.length === 1 && m === "versions" && !a && /* @__PURE__ */ n.jsx(ve, { message: "No versions published yet", icon: "layers" }),
-      W && d && /* @__PURE__ */ n.jsx(
-        ce,
+      x.length === 1 && d === "versions" && !a && /* @__PURE__ */ s.jsx(xe, { message: "No versions published yet", icon: "layers" }),
+      _ && m && /* @__PURE__ */ s.jsx(
+        de,
         {
           root: c.current,
-          onChange: (e) => e && d(),
+          onChange: (e) => e && m(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ n.jsx(ae, { style: { height: 0 }, onClick: () => d(), children: H ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ s.jsx(le, { style: { height: 0 }, onClick: () => m(), children: H ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
-    !U && /* @__PURE__ */ n.jsx(
+    !U && /* @__PURE__ */ s.jsx(
       ne,
       {
         initValue: null,
-        onSubmit: Y,
-        isOpen: j === k,
-        onClose: () => N(null),
-        onOpen: () => N(k),
-        disabled: w,
-        isLoading: a || !l.length || z
+        onSubmit: z,
+        isOpen: k === I,
+        onClose: () => M(null),
+        onOpen: () => M(I),
+        disabled: L,
+        isLoading: a || !l.length || J
       }
     )
   ] }) });
 };
 export {
-  ot as Feed,
-  tt as activitiesLast
+  tt as Feed,
+  et as activitiesLast
 };
 //# sourceMappingURL=Feed.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Feed.es.js","sources":["../../../../../src/containers/Feed/Feed.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport * as Styled from './Feed.styled'\nimport useCommentMutations, { Activity } from './hooks/useCommentMutations'\nimport useTransformActivities from './hooks/useTransformActivities'\nimport { InView } from 'react-intersection-observer'\nimport useSaveScrollPos from './hooks/useSaveScrollPos'\nimport useScrollOnInputOpen from './hooks/useScrollOnInputOpen'\nimport { getLoadingPlaceholders } from './feedHelpers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport useScrollToHighlighted from './hooks/useScrollToHighlighted'\nimport { isFilePreviewable } from './components/FileUploadPreview/FileUploadPreview'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport { useFeedContext, FEED_NEW_COMMENT } from './context/FeedContext'\nimport { Status } from '../ProjectTreeTable/types/project'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nexport type FeedProps = {\n  isMultiProjects: boolean\n  readOnly: boolean\n  statuses: Status[]\n}\n\nexport const Feed = ({ isMultiProjects, readOnly, statuses = [] }: FeedProps) => {\n  const {\n    projectName,\n    entities,\n    entityType,\n    editingId,\n    projectInfo,\n    setEditingId,\n    userName,\n    activitiesData,\n    isLoadingNew,\n    isLoadingNextPage,\n    loadNextPage,\n    hasNextPage,\n    users,\n    currentTab,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n  } = useDetailsPanelContext()\n\n  // hide comment input for specific filters\n  const hideCommentInput = ['versions'].includes(currentTab)\n\n  const activitiesWithMergedAnnotations = useMemo(\n    () => mergeAnnotationAttachments(activitiesData),\n    [activitiesData],\n  )\n\n  useEffect(() => {\n    if (!activitiesWithMergedAnnotations.length) {\n      setFeedAnnotations([])\n    }\n\n    const annotations = activitiesWithMergedAnnotations\n      .map((activity) =>\n        activity.activityData?.annotations?.map((a: SavedAnnotationMetadata) => ({\n          ...a,\n          activityId: activity.activityId,\n        })),\n      )\n      .filter(Boolean)\n      .flat()\n\n    setFeedAnnotations(annotations)\n  }, [activitiesWithMergedAnnotations])\n\n  // do any transformation on activities data\n  // 1. status change activities, attach status data based on projectName\n  // 2. reverse the order\n  // 3. is this activity from the current user?\n  const transformedActivitiesData = useTransformActivities(\n    // @ts-ignore\n    activitiesWithMergedAnnotations,\n    users,\n    projectInfo,\n    entityType,\n    userName,\n  ) as any[]\n\n  // REFS\n  const feedRef = useRef(null)\n  // const commentInputRef = useRef(null)\n\n  // scroll by height of comment input when it opens or closes\n  useScrollOnInputOpen({ feedRef, isInputOpen: editingId === FEED_NEW_COMMENT, height: 93 })\n\n  // save scroll position of a feed\n  useSaveScrollPos({\n    entities,\n    feedRef,\n    filter: currentTab,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n  })\n\n  // comment mutations here!\n  const { submitComment, updateComment, deleteComment, isSaving } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: currentTab,\n  })\n\n  // When a checkbox is clicked, update the body to add/remove \"x\" in [ ] markdown\n  // Then update comment with new body\n  const handleCommentChecked = (e: React.ChangeEvent<HTMLInputElement>, activity: Activity) => {\n    const target = e?.target\n    if (!target || !activity) return console.log('no target or activity')\n\n    // the value that it's changing to\n    const checked: boolean = target.checked\n    const currentMarkdown: string = checked ? '[ ]' : '[x]'\n    const newMarkdown: string = checked ? '[x]' : '[ ]'\n\n    const { body } = activity\n\n    // based on all li elements in the whole className 'comment-body' with className 'task-list-item'\n    // find the index of the task that was checked\n    const taskIndex: number = Array.from(\n      target.closest('.comment-body')?.querySelectorAll('.task-list-item') || [],\n    ).findIndex((li: Element) => li === target.closest('li'))\n\n    let replaceIndex: number = taskIndex\n\n    // count the number of current markdowns in the body\n    const allMarkdowns: string[] = body.match(/\\[.\\]/g) || []\n\n    allMarkdowns.forEach((markdown: string, index: number) => {\n      // does it match the current markdown?\n      if (markdown !== currentMarkdown && index < taskIndex) replaceIndex--\n    })\n\n    // now find the indexes of the current markdown to replace\n    const indexesOfCurrentMarkdownInBody: number[] = []\n    let index: number = -1\n    while ((index = body.indexOf(currentMarkdown, index + 1)) > -1) {\n      indexesOfCurrentMarkdownInBody.push(index)\n    }\n\n    const indexToReplaceInBody: number | undefined = indexesOfCurrentMarkdownInBody[replaceIndex]\n    if (indexToReplaceInBody === undefined) return\n\n    const endReplaceIndex: number = indexToReplaceInBody + currentMarkdown.length\n\n    // replace the current markdown with the new markdown\n    const newBody: string =\n      body.slice(0, indexToReplaceInBody) + newMarkdown + body.slice(endReplaceIndex)\n\n    if (!newBody) return\n\n    updateComment(activity, newBody, activity.files)\n  }\n\n  const handleRefClick = (ref: {\n    entityId: string\n    entityType: DetailsPanelEntityType\n    activityId: string\n  }) => {\n    const { entityId, entityType, activityId } = ref\n    const supportedTypes = ['version', 'task', 'folder']\n\n    if (!entityType || !supportedTypes.includes(entityType))\n      return console.log('Entity type not supported yet')\n\n    if (!entityId || !entityType || !projectName) return console.log('No entity id or type found')\n\n    // open the slide out\n    openSlideOut({ entityId, entityType, projectName })\n    // set highlighted activity\n    setHighlightedActivities([activityId])\n  }\n\n  const handleFileExpand = ({ index, activityId }: { index: number; activityId: string }) => {\n    const previewableFiles = Object.values(transformedActivitiesData)\n      .reverse()\n      .filter((a) => a.activityType == 'comment')\n      .map((a) => ({\n        id: a.activityId,\n        files: a.files.filter((file: any) => isFilePreviewable(file.mime, file.ext)),\n      }))\n      .filter((a) => a.files.length > 0)\n\n    // open image callback\n    onOpenImage?.({ files: previewableFiles, activityId, index, projectName })\n  }\n\n  const loadingPlaceholders = useMemo(() => getLoadingPlaceholders(10), [])\n\n  let warningMessage\n\n  // only viewing activities from one project\n  if (isMultiProjects)\n    warningMessage = `You are only viewing activities from one project: ${projectName}.`\n\n  return (\n    <>\n      <Styled.FeedContainer className=\"feed\">\n        {warningMessage && (\n          <Styled.Warning>\n            <Icon icon=\"info\" />\n            {warningMessage}\n          </Styled.Warning>\n        )}\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : transformedActivitiesData.map((activity) => (\n                <ActivityItem\n                  key={activity.activityId}\n                  activity={activity}\n                  onCheckChange={handleCommentChecked}\n                  onDelete={deleteComment}\n                  onUpdate={async (value, files, _refs) =>\n                    await updateComment(activity, value, files)\n                  }\n                  projectInfo={projectInfo}\n                  projectName={projectName}\n                  entityType={entityType}\n                  onReferenceClick={handleRefClick}\n                  createdAts={entities.map((e) => e.createdAt)}\n                  onFileExpand={handleFileExpand}\n                  showOrigin={entities.length > 1}\n                  filter={currentTab}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                />\n              ))}\n          {/* message when no versions published */}\n          {transformedActivitiesData.length === 1 && currentTab === 'versions' && !isLoadingNew && (\n            <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />\n          )}\n          {hasNextPage && loadNextPage && (\n            <InView\n              root={feedRef.current}\n              onChange={(inView) => inView && loadNextPage()}\n              rootMargin={'400px 0px 0px 0px'}\n            >\n              <Styled.LoadMore style={{ height: 0 }} onClick={() => loadNextPage()}>\n                {isLoadingNextPage ? 'Loading more...' : 'Click to load more'}\n              </Styled.LoadMore>\n            </InView>\n          )}\n        </Styled.FeedContent>\n        {!hideCommentInput && (\n          <CommentInput\n            initValue={null}\n            onSubmit={submitComment}\n            isOpen={editingId === FEED_NEW_COMMENT}\n            onClose={() => setEditingId(null)}\n            onOpen={() => setEditingId(FEED_NEW_COMMENT)}\n            disabled={isMultiProjects}\n            isLoading={isLoadingNew || !entities.length || isSaving}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","isMultiProjects","readOnly","statuses","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","currentTab","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","useDetailsPanelContext","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","_b","_a","a","transformedActivitiesData","useTransformActivities","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitComment","updateComment","deleteComment","isSaving","useCommentMutations","handleCommentChecked","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","warningMessage","jsxs","Styled.FeedContainer","Styled.Warning","jsx","Icon","Styled.FeedContent","clsx","ActivityItem","value","files","_refs","e","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBO,MAAMA,KAAiB,IAQjBC,KAAO,CAAC,EAAE,iBAAAC,GAAiB,UAAAC,GAAU,UAAAC,IAAW,SAAoB;AACzE,QAAA;AAAA,IACJ,aAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,WAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,mBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA,IACA,OAAAC;AAAA,IACA,YAAAC;AAAA,MACEC,GAAe,GAEb;AAAA,IACJ,cAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,0BAAAC;AAAA,IACA,aAAAC;AAAA,IACA,oBAAAC;AAAA,MACEC,GAAuB,GAGrBC,IAAmB,CAAC,UAAU,EAAE,SAASR,CAAU,GAEnDS,IAAkCC;AAAA,IACtC,MAAMC,GAA2BjB,CAAc;AAAA,IAC/C,CAACA,CAAc;AAAA,EACjB;AAEA,EAAAkB,GAAU,MAAM;AACV,IAACH,EAAgC,UACnCH,EAAmB,CAAA,CAAE;AAGvB,UAAMO,IAAcJ,EACjB;AAAA,MAAI,CAACK,MACJ;;AAAA,gBAAAC,KAAAC,IAAAF,EAAS,iBAAT,gBAAAE,EAAuB,gBAAvB,gBAAAD,EAAoC,IAAI,CAACE,OAAgC;AAAA,UACvE,GAAGA;AAAA,UACH,YAAYH,EAAS;AAAA,QAAA;AAAA;AAAA,IACrB,EAEH,OAAO,OAAO,EACd,KAAK;AAER,IAAAR,EAAmBO,CAAW;AAAA,EAAA,GAC7B,CAACJ,CAA+B,CAAC;AAMpC,QAAMS,IAA4BC;AAAA;AAAA,IAEhCV;AAAA,IACAV;AAAA,IACAR;AAAA,IACAF;AAAA,IACAI;AAAA,EACF,GAGM2B,IAAUC,GAAO,IAAI;AAI3B,EAAAC,GAAqB,EAAE,SAAAF,GAAS,aAAa9B,MAAciC,GAAkB,QAAQ,IAAI,GAGxEC,GAAA;AAAA,IACf,UAAApC;AAAA,IACA,SAAAgC;AAAA,IACA,QAAQpB;AAAA,IACR,UAAU,CAAC,CAACG,EAAsB;AAAA,IAClC,WAAWR;AAAA,EAAA,CACZ,GAGsB8B,GAAA;AAAA,IACrB,SAAAL;AAAA,IACA,aAAajB;AAAA,IACb,WAAWR;AAAA,IACX,cAAAE;AAAA,IACA,aAAa,CAAC,CAACA;AAAA,EAAA,CAChB;AAGD,QAAM,EAAE,eAAA6B,GAAe,eAAAC,GAAe,eAAAC,GAAe,UAAAC,EAAA,IAAaC,GAAoB;AAAA,IACpF,aAAA3C;AAAA,IACA,YAAAE;AAAA,IACA,UAAAD;AAAA,IACA,QAAQY;AAAA,EAAA,CACT,GAIK+B,IAAuB,CAAC,GAAwCjB,MAAuB;;AAC3F,UAAMkB,IAAS,uBAAG;AAClB,QAAI,CAACA,KAAU,CAAClB,EAAiB,QAAA,QAAQ,IAAI,uBAAuB;AAGpE,UAAMmB,IAAmBD,EAAO,SAC1BE,IAA0BD,IAAU,QAAQ,OAC5CE,IAAsBF,IAAU,QAAQ,OAExC,EAAE,MAAAG,MAAStB,GAIXuB,IAAoB,MAAM;AAAA,QAC9BrB,IAAAgB,EAAO,QAAQ,eAAe,MAA9B,gBAAAhB,EAAiC,iBAAiB,uBAAsB,CAAA;AAAA,IAAC,EACzE,UAAU,CAACsB,MAAgBA,MAAON,EAAO,QAAQ,IAAI,CAAC;AAExD,QAAIO,IAAuBF;AAKd,KAFkBD,EAAK,MAAM,QAAQ,KAAK,CAAC,GAE3C,QAAQ,CAACI,GAAkBC,OAAkB;AAEpD,MAAAD,MAAaN,KAAmBO,KAAQJ,KAAWE;AAAA,IAAA,CACxD;AAGD,UAAMG,IAA2C,CAAC;AAClD,QAAID,IAAgB;AACpB,YAAQA,IAAQL,EAAK,QAAQF,GAAiBO,IAAQ,CAAC,KAAK;AAC1D,MAAAC,EAA+B,KAAKD,CAAK;AAGrC,UAAAE,IAA2CD,EAA+BH,CAAY;AAC5F,QAAII,MAAyB,OAAW;AAElC,UAAAC,IAA0BD,IAAuBT,EAAgB,QAGjEW,IACJT,EAAK,MAAM,GAAGO,CAAoB,IAAIR,IAAcC,EAAK,MAAMQ,CAAe;AAEhF,IAAKC,KAESlB,EAAAb,GAAU+B,GAAS/B,EAAS,KAAK;AAAA,EACjD,GAEMgC,IAAiB,CAACC,MAIlB;AACJ,UAAM,EAAE,UAAAC,GAAU,YAAA3D,GAAY,YAAA4D,EAAe,IAAAF;AAG7C,QAAI,CAAC1D,KAAc,CAFI,CAAC,WAAW,QAAQ,QAAQ,EAEhB,SAASA,CAAU;AAC7C,aAAA,QAAQ,IAAI,+BAA+B;AAEhD,QAAA,CAAC2D,KAAY,CAAC3D,KAAc,CAACF,EAAa,QAAO,QAAQ,IAAI,4BAA4B;AAG7F,IAAAe,EAAa,EAAE,UAAA8C,GAAU,YAAA3D,GAAY,aAAAF,GAAa,GAEzBiB,EAAA,CAAC6C,CAAU,CAAC;AAAA,EACvC,GAEMC,IAAmB,CAAC,EAAE,OAAAT,GAAO,YAAAQ,QAAwD;AACzF,UAAME,IAAmB,OAAO,OAAOjC,CAAyB,EAC7D,UACA,OAAO,CAACD,MAAMA,EAAE,gBAAgB,SAAS,EACzC,IAAI,CAACA,OAAO;AAAA,MACX,IAAIA,EAAE;AAAA,MACN,OAAOA,EAAE,MAAM,OAAO,CAACmC,MAAcC,GAAkBD,EAAK,MAAMA,EAAK,GAAG,CAAC;AAAA,IAAA,EAC3E,EACD,OAAO,CAACnC,MAAMA,EAAE,MAAM,SAAS,CAAC;AAGnC,IAAAZ,KAAA,QAAAA,EAAc,EAAE,OAAO8C,GAAkB,YAAAF,GAAY,OAAAR,GAAO,aAAAtD;EAC9D,GAEMmE,IAAsB5C,EAAQ,MAAM6C,GAAuB,EAAE,GAAG,CAAA,CAAE;AAEpE,MAAAC;AAGA,SAAAxE,MACFwE,IAAiB,qDAAqDrE,CAAW,0CAI/E,UAACsE,gBAAAA,EAAAA,KAAAC,IAAA,EAAqB,WAAU,QAC7B,UAAA;AAAA,IACCF,KAAAC,gBAAAA,EAAA,KAACE,IAAA,EACC,UAAA;AAAA,MAACC,gBAAAA,EAAAA,IAAAC,IAAA,EAAK,MAAK,OAAO,CAAA;AAAA,MACjBL;AAAA,IAAA,GACH;AAAA,IAEDC,gBAAAA,EAAAA,KAAAK,IAAA,EAAmB,KAAK1C,GAAS,WAAW2C,GAAK,EAAE,SAASpE,EAAa,GAAG,YAAY,GACtF,UAAA;AAAA,MAAAA,IACG2D,IACApC,EAA0B,IAAI,CAACJ,MAC7B8C,gBAAAA,EAAA;AAAA,QAACI;AAAA,QAAA;AAAA,UAEC,UAAAlD;AAAA,UACA,eAAeiB;AAAA,UACf,UAAUH;AAAA,UACV,UAAU,OAAOqC,GAAOC,GAAOC,MAC7B,MAAMxC,EAAcb,GAAUmD,GAAOC,CAAK;AAAA,UAE5C,aAAA3E;AAAA,UACA,aAAAJ;AAAA,UACA,YAAAE;AAAA,UACA,kBAAkByD;AAAA,UAClB,YAAY1D,EAAS,IAAI,CAACgF,MAAMA,EAAE,SAAS;AAAA,UAC3C,cAAclB;AAAA,UACd,YAAY9D,EAAS,SAAS;AAAA,UAC9B,QAAQY;AAAA,UACR,WAAW;AAAA,YACT,aAAAb;AAAA,YACA,UAAAC;AAAA,YACA,YAAAC;AAAA,UACF;AAAA,UACA,eAAec,EAAsB,SAASW,EAAS,UAAU;AAAA,UACjE,UAAA7B;AAAA,UACA,UAAAC;AAAA,QAAA;AAAA,QAtBK4B,EAAS;AAAA,MAAA,CAwBjB;AAAA,MAEJI,EAA0B,WAAW,KAAKlB,MAAe,cAAc,CAACL,KACvEiE,gBAAAA,MAACS,IAAiB,EAAA,SAAQ,6BAA4B,MAAK,SAAS,CAAA;AAAA,MAErEvE,KAAeD,KACd+D,gBAAAA,EAAA;AAAA,QAACU;AAAA,QAAA;AAAA,UACC,MAAMlD,EAAQ;AAAA,UACd,UAAU,CAACmD,MAAWA,KAAU1E,EAAa;AAAA,UAC7C,YAAY;AAAA,UAEZ,UAAC+D,gBAAAA,EAAA,IAAAY,IAAA,EAAgB,OAAO,EAAE,QAAQ,EAAE,GAAG,SAAS,MAAM3E,EAAA,GACnD,UAAAD,IAAoB,oBAAoB,qBAC3C,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,GAEJ;AAAA,IACC,CAACY,KACAoD,gBAAAA,EAAA;AAAA,MAACa;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,UAAU/C;AAAA,QACV,QAAQpC,MAAciC;AAAA,QACtB,SAAS,MAAM/B,EAAa,IAAI;AAAA,QAChC,QAAQ,MAAMA,EAAa+B,CAAgB;AAAA,QAC3C,UAAUvC;AAAA,QACV,WAAWW,KAAgB,CAACP,EAAS,UAAUyC;AAAA,MAAA;AAAA,IAAA;AAAA,EACjD,EAAA,CAEJ,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Feed.es.js","sources":["../../../../../src/containers/Feed/Feed.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport * as Styled from './Feed.styled'\nimport useCommentMutations, { Activity } from './hooks/useCommentMutations'\nimport useTransformActivities from './hooks/useTransformActivities'\nimport { InView } from 'react-intersection-observer'\nimport useSaveScrollPos from './hooks/useSaveScrollPos'\nimport useScrollOnInputOpen from './hooks/useScrollOnInputOpen'\nimport { getLoadingPlaceholders } from './feedHelpers'\nimport { Icon } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport useScrollToHighlighted from './hooks/useScrollToHighlighted'\nimport { isFilePreviewable } from './components/FileUploadPreview/FileUploadPreview'\nimport EmptyPlaceholder from '@shared/components/EmptyPlaceholder'\nimport { useFeedContext, FEED_NEW_COMMENT } from './context/FeedContext'\nimport { Status } from '../ProjectTreeTable/types/project'\nimport { useDetailsPanelContext } from '@shared/context'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nexport type FeedProps = {\n  disabled?: boolean\n  readOnly: boolean\n  statuses: Status[]\n  entityListId?: string | undefined\n}\n\nexport const Feed = ({ disabled, readOnly, statuses = [], entityListId }: FeedProps) => {\n  const {\n    projectName,\n    entities,\n    entityType,\n    editingId,\n    projectInfo,\n    setEditingId,\n    userName,\n    activitiesData,\n    isLoadingNew,\n    isLoadingNextPage,\n    loadNextPage,\n    hasNextPage,\n    users,\n    currentTab,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n  } = useDetailsPanelContext()\n\n  // hide comment input for specific filters\n  const hideCommentInput = ['versions'].includes(currentTab)\n\n  const activitiesWithMergedAnnotations = useMemo(\n    () => mergeAnnotationAttachments(activitiesData),\n    [activitiesData],\n  )\n\n  useEffect(() => {\n    if (!activitiesWithMergedAnnotations.length) {\n      setFeedAnnotations([])\n    }\n\n    const annotations = activitiesWithMergedAnnotations\n      .map((activity) =>\n        activity.activityData?.annotations?.map((a: SavedAnnotationMetadata) => ({\n          ...a,\n          activityId: activity.activityId,\n        })),\n      )\n      .filter(Boolean)\n      .flat()\n\n    setFeedAnnotations(annotations)\n  }, [activitiesWithMergedAnnotations])\n\n  // do any transformation on activities data\n  // 1. status change activities, attach status data based on projectName\n  // 2. reverse the order\n  // 3. is this activity from the current user?\n  const transformedActivitiesData = useTransformActivities(\n    // @ts-ignore\n    activitiesWithMergedAnnotations,\n    users,\n    projectInfo,\n    entityType,\n    userName,\n  ) as any[]\n\n  // REFS\n  const feedRef = useRef(null)\n  // const commentInputRef = useRef(null)\n\n  // scroll by height of comment input when it opens or closes\n  useScrollOnInputOpen({ feedRef, isInputOpen: editingId === FEED_NEW_COMMENT, height: 93 })\n\n  // save scroll position of a feed\n  useSaveScrollPos({\n    entities,\n    feedRef,\n    filter: currentTab,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n  })\n\n  // comment mutations here!\n  const { submitComment, updateComment, deleteComment, isSaving } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: currentTab,\n    entityListId,\n  })\n\n  // When a checkbox is clicked, update the body to add/remove \"x\" in [ ] markdown\n  // Then update comment with new body\n  const handleCommentChecked = (e: React.ChangeEvent<HTMLInputElement>, activity: Activity) => {\n    const target = e?.target\n    if (!target || !activity) return console.log('no target or activity')\n\n    // the value that it's changing to\n    const checked: boolean = target.checked\n    const currentMarkdown: string = checked ? '[ ]' : '[x]'\n    const newMarkdown: string = checked ? '[x]' : '[ ]'\n\n    const { body } = activity\n\n    // based on all li elements in the whole className 'comment-body' with className 'task-list-item'\n    // find the index of the task that was checked\n    const taskIndex: number = Array.from(\n      target.closest('.comment-body')?.querySelectorAll('.task-list-item') || [],\n    ).findIndex((li: Element) => li === target.closest('li'))\n\n    let replaceIndex: number = taskIndex\n\n    // count the number of current markdowns in the body\n    const allMarkdowns: string[] = body.match(/\\[.\\]/g) || []\n\n    allMarkdowns.forEach((markdown: string, index: number) => {\n      // does it match the current markdown?\n      if (markdown !== currentMarkdown && index < taskIndex) replaceIndex--\n    })\n\n    // now find the indexes of the current markdown to replace\n    const indexesOfCurrentMarkdownInBody: number[] = []\n    let index: number = -1\n    while ((index = body.indexOf(currentMarkdown, index + 1)) > -1) {\n      indexesOfCurrentMarkdownInBody.push(index)\n    }\n\n    const indexToReplaceInBody: number | undefined = indexesOfCurrentMarkdownInBody[replaceIndex]\n    if (indexToReplaceInBody === undefined) return\n\n    const endReplaceIndex: number = indexToReplaceInBody + currentMarkdown.length\n\n    // replace the current markdown with the new markdown\n    const newBody: string =\n      body.slice(0, indexToReplaceInBody) + newMarkdown + body.slice(endReplaceIndex)\n\n    if (!newBody) return\n\n    updateComment(activity, newBody, activity.files)\n  }\n\n  const handleRefClick = (ref: {\n    entityId: string\n    entityType: DetailsPanelEntityType\n    activityId: string\n  }) => {\n    const { entityId, entityType, activityId } = ref\n    const supportedTypes = ['version', 'task', 'folder']\n\n    if (!entityType || !supportedTypes.includes(entityType))\n      return console.log('Entity type not supported yet')\n\n    if (!entityId || !entityType || !projectName) return console.log('No entity id or type found')\n\n    // open the slide out\n    openSlideOut({ entityId, entityType, projectName })\n    // set highlighted activity\n    setHighlightedActivities([activityId])\n  }\n\n  const handleFileExpand = ({ index, activityId }: { index: number; activityId: string }) => {\n    const previewableFiles = Object.values(transformedActivitiesData)\n      .reverse()\n      .filter((a) => a.activityType == 'comment')\n      .map((a) => ({\n        id: a.activityId,\n        files: a.files.filter((file: any) => isFilePreviewable(file.mime, file.ext)),\n      }))\n      .filter((a) => a.files.length > 0)\n\n    // open image callback\n    onOpenImage?.({ files: previewableFiles, activityId, index, projectName })\n  }\n\n  const loadingPlaceholders = useMemo(() => getLoadingPlaceholders(10), [])\n\n  let warningMessage\n\n  return (\n    <>\n      <Styled.FeedContainer className=\"feed\">\n        {warningMessage && (\n          <Styled.Warning>\n            <Icon icon=\"info\" />\n            {warningMessage}\n          </Styled.Warning>\n        )}\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : transformedActivitiesData.map((activity) => (\n                <ActivityItem\n                  key={activity.activityId}\n                  activity={activity}\n                  onCheckChange={handleCommentChecked}\n                  onDelete={deleteComment}\n                  onUpdate={async (value, files, _refs, data) =>\n                    await updateComment(activity, value, files, data)\n                  }\n                  projectInfo={projectInfo}\n                  projectName={projectName}\n                  entityType={entityType}\n                  onReferenceClick={handleRefClick}\n                  createdAts={entities.map((e) => e.createdAt)}\n                  onFileExpand={handleFileExpand}\n                  showOrigin={entities.length > 1}\n                  filter={currentTab}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                />\n              ))}\n          {/* message when no versions published */}\n          {transformedActivitiesData.length === 1 && currentTab === 'versions' && !isLoadingNew && (\n            <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />\n          )}\n          {hasNextPage && loadNextPage && (\n            <InView\n              root={feedRef.current}\n              onChange={(inView) => inView && loadNextPage()}\n              rootMargin={'400px 0px 0px 0px'}\n            >\n              <Styled.LoadMore style={{ height: 0 }} onClick={() => loadNextPage()}>\n                {isLoadingNextPage ? 'Loading more...' : 'Click to load more'}\n              </Styled.LoadMore>\n            </InView>\n          )}\n        </Styled.FeedContent>\n        {!hideCommentInput && (\n          <CommentInput\n            initValue={null}\n            onSubmit={submitComment}\n            isOpen={editingId === FEED_NEW_COMMENT}\n            onClose={() => setEditingId(null)}\n            onOpen={() => setEditingId(FEED_NEW_COMMENT)}\n            disabled={disabled}\n            isLoading={isLoadingNew || !entities.length || isSaving}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","disabled","readOnly","statuses","entityListId","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","currentTab","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","useDetailsPanelContext","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","_b","_a","a","transformedActivitiesData","useTransformActivities","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitComment","updateComment","deleteComment","isSaving","useCommentMutations","handleCommentChecked","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","jsxs","Styled.FeedContainer","Styled.FeedContent","clsx","jsx","ActivityItem","value","files","_refs","data","e","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}

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

@@ -9,7 +9,7 @@
   display: grid;
   grid-template-rows: 1fr auto;
   background-color: var(--md-sys-color-surface-container-low);
-`,r=o.div`
+`;o.div`
   position: absolute;
   left: 8px;
   right: 8px;
@@ -28,7 +28,7 @@
   .icon {
     color: inherit;
   }
-`,a=o.ul`
+`;const r=o.ul`
   gap: var(--base-gap-large);
   overflow-y: auto;
   padding: 0;
@@ -43,7 +43,7 @@
   &.loading {
     overflow: hidden;
   }
-`,n=o.span`
+`,a=o.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
@@ -55,5 +55,5 @@
   opacity: 0.5;
 
   position: relative;
-`;exports.FeedContainer=e;exports.FeedContent=a;exports.LoadMore=n;exports.Placeholder=i;exports.Warning=r;
+`;exports.FeedContainer=e;exports.FeedContent=r;exports.LoadMore=a;exports.Placeholder=i;
 //# sourceMappingURL=Feed.styled.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Feed.styled.cjs.js","sources":["../../../../../src/containers/Feed/Feed.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const FeedContainer = styled.section`\n  padding: 4px;\n  padding-top: 0;\n  overflow: hidden;\n  position: relative;\n\n  height: 100%;\n\n  display: grid;\n  grid-template-rows: 1fr auto;\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const Warning = styled.div`\n  position: absolute;\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: var(--padding-m) var(--padding-s);\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-on-warning-container);\n  color: var(--md-sys-color-warning-container);\n\n  .icon {\n    color: inherit;\n  }\n`\n\nexport const FeedContent = styled.ul`\n  gap: var(--base-gap-large);\n  overflow-y: auto;\n  padding: 0;\n  padding-bottom: 40px;\n  scrollbar-gutter: stable;\n\n  display: flex;\n  flex-direction: column;\n\n  flex-direction: column-reverse;\n\n  &.loading {\n    overflow: hidden;\n  }\n`\n\nexport const LoadMore = styled.span`\n  padding: 16px 8px;\n  color: var(--md-sys-color-outline);\n  font-size: 11px;\n`\n\nexport const Placeholder = styled.div`\n  height: 50px;\n  border-radius: 8px;\n  overflow: hidden;\n  margin: 8px 0;\n  opacity: 0.5;\n\n  position: relative;\n`\n"],"names":["FeedContainer","styled","Warning","FeedContent","LoadMore","Placeholder"],"mappings":"qHAEaA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAavBC,EAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBjBE,EAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBrBG,EAAWH,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlBI,EAAcJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"Feed.styled.cjs.js","sources":["../../../../../src/containers/Feed/Feed.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const FeedContainer = styled.section`\n  padding: 4px;\n  padding-top: 0;\n  overflow: hidden;\n  position: relative;\n\n  height: 100%;\n\n  display: grid;\n  grid-template-rows: 1fr auto;\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const Warning = styled.div`\n  position: absolute;\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: var(--padding-m) var(--padding-s);\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-on-warning-container);\n  color: var(--md-sys-color-warning-container);\n\n  .icon {\n    color: inherit;\n  }\n`\n\nexport const FeedContent = styled.ul`\n  gap: var(--base-gap-large);\n  overflow-y: auto;\n  padding: 0;\n  padding-bottom: 40px;\n  scrollbar-gutter: stable;\n\n  display: flex;\n  flex-direction: column;\n\n  flex-direction: column-reverse;\n\n  &.loading {\n    overflow: hidden;\n  }\n`\n\nexport const LoadMore = styled.span`\n  padding: 16px 8px;\n  color: var(--md-sys-color-outline);\n  font-size: 11px;\n`\n\nexport const Placeholder = styled.div`\n  height: 50px;\n  border-radius: 8px;\n  overflow: hidden;\n  margin: 8px 0;\n  opacity: 0.5;\n\n  position: relative;\n`\n"],"names":["FeedContainer","styled","FeedContent","LoadMore","Placeholder"],"mappings":"qHAEaA,EAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAabA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBvB,MAAMC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBrBE,EAAWF,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlBG,EAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -10,7 +10,8 @@ const e = o.section`
   display: grid;
   grid-template-rows: 1fr auto;
   background-color: var(--md-sys-color-surface-container-low);
-`, a = o.div`
+`;
+o.div`
   position: absolute;
   left: 8px;
   right: 8px;
@@ -29,7 +30,8 @@ const e = o.section`
   .icon {
     color: inherit;
   }
-`, i = o.ul`
+`;
+const a = o.ul`
   gap: var(--base-gap-large);
   overflow-y: auto;
   padding: 0;
@@ -44,7 +46,7 @@ const e = o.section`
   &.loading {
     overflow: hidden;
   }
-`, n = o.span`
+`, i = o.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
@@ -59,9 +61,8 @@ const e = o.section`
 `;
 export {
   e as FeedContainer,
-  i as FeedContent,
-  n as LoadMore,
-  d as Placeholder,
-  a as Warning
+  a as FeedContent,
+  i as LoadMore,
+  d as Placeholder
 };
 //# sourceMappingURL=Feed.styled.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Feed.styled.es.js","sources":["../../../../../src/containers/Feed/Feed.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const FeedContainer = styled.section`\n  padding: 4px;\n  padding-top: 0;\n  overflow: hidden;\n  position: relative;\n\n  height: 100%;\n\n  display: grid;\n  grid-template-rows: 1fr auto;\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const Warning = styled.div`\n  position: absolute;\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: var(--padding-m) var(--padding-s);\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-on-warning-container);\n  color: var(--md-sys-color-warning-container);\n\n  .icon {\n    color: inherit;\n  }\n`\n\nexport const FeedContent = styled.ul`\n  gap: var(--base-gap-large);\n  overflow-y: auto;\n  padding: 0;\n  padding-bottom: 40px;\n  scrollbar-gutter: stable;\n\n  display: flex;\n  flex-direction: column;\n\n  flex-direction: column-reverse;\n\n  &.loading {\n    overflow: hidden;\n  }\n`\n\nexport const LoadMore = styled.span`\n  padding: 16px 8px;\n  color: var(--md-sys-color-outline);\n  font-size: 11px;\n`\n\nexport const Placeholder = styled.div`\n  height: 50px;\n  border-radius: 8px;\n  overflow: hidden;\n  margin: 8px 0;\n  opacity: 0.5;\n\n  position: relative;\n`\n"],"names":["FeedContainer","styled","Warning","FeedContent","LoadMore","Placeholder"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAavBC,IAAUD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAqBjBE,IAAcF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBrBG,IAAWH,EAAO;AAAA;AAAA;AAAA;AAAA,GAMlBI,IAAcJ,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"Feed.styled.es.js","sources":["../../../../../src/containers/Feed/Feed.styled.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const FeedContainer = styled.section`\n  padding: 4px;\n  padding-top: 0;\n  overflow: hidden;\n  position: relative;\n\n  height: 100%;\n\n  display: grid;\n  grid-template-rows: 1fr auto;\n  background-color: var(--md-sys-color-surface-container-low);\n`\n\nexport const Warning = styled.div`\n  position: absolute;\n  left: 8px;\n  right: 8px;\n  top: 8px;\n  z-index: 100;\n\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  padding: var(--padding-m) var(--padding-s);\n  border-radius: var(--border-radius-m);\n\n  background-color: var(--md-sys-color-on-warning-container);\n  color: var(--md-sys-color-warning-container);\n\n  .icon {\n    color: inherit;\n  }\n`\n\nexport const FeedContent = styled.ul`\n  gap: var(--base-gap-large);\n  overflow-y: auto;\n  padding: 0;\n  padding-bottom: 40px;\n  scrollbar-gutter: stable;\n\n  display: flex;\n  flex-direction: column;\n\n  flex-direction: column-reverse;\n\n  &.loading {\n    overflow: hidden;\n  }\n`\n\nexport const LoadMore = styled.span`\n  padding: 16px 8px;\n  color: var(--md-sys-color-outline);\n  font-size: 11px;\n`\n\nexport const Placeholder = styled.div`\n  height: 50px;\n  border-radius: 8px;\n  overflow: hidden;\n  margin: 8px 0;\n  opacity: 0.5;\n\n  position: relative;\n`\n"],"names":["FeedContainer","styled","FeedContent","LoadMore","Placeholder"],"mappings":";AAEO,MAAMA,IAAgBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAabA,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAqBvB,MAAMC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBrBE,IAAWF,EAAO;AAAA;AAAA;AAAA;AAAA,GAMlBG,IAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/shared/src/containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js

@@ -0,0 +1,13 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("../../../../../../_virtual/jsx-runtime.cjs.js"),p=require("@ynput/ayon-react-components"),n=require("./CategoryTag.cjs.js"),j=require("styled-components"),C=require("./CategoryDropdownItem.cjs.js"),f=require("react-toastify"),h="1.3.0",E=j(p.Dropdown)`
+  button {
+    /* remove all styles and just use a wrapper */
+    background-color: unset !important;
+
+    /* override the default quill styles */
+    padding: 0 !important;
+    height: 32px !important;
+    width: unset !important;
+    color: var(--md-sys-color-on-surface) !important;
+  }
+`,R=({value:e,categories:s,readonly:c,isCompact:i,hasPowerpack:u,onPowerFeature:a,onChange:y,...r})=>{const g=s.find(t=>t.name===e),{color:l}=g||{};if(!u)return o.jsxRuntimeExports.jsx(n.CategoryTag,{value:null,isPower:!0,isDisabled:!0,style:r.style,onClick:()=>a==null?void 0:a("commentCategories"),"data-tooltip":"Comment categories is a Powerpack feature"});if(c)return o.jsxRuntimeExports.jsx(n.CategoryTag,{value:e,color:l,isCompact:i,style:r.style});if(!s.length)return o.jsxRuntimeExports.jsx(n.CategoryTag,{value:e,color:l,isCompact:i,style:r.style,onClick:()=>f.toast.warning(`No categories found. Ensure they are set in the Powerpack settings and the version is at least ${h}.`)});const m=[...e?[{label:"No category",value:null,color:"inherit",icon:"clear"}]:[],...s.map(t=>({label:t.name,value:t.name,color:t.color,icon:null}))];return o.jsxRuntimeExports.jsx(E,{options:m,value:e?[e]:[],onChange:t=>y(t[0]),valueTemplate:()=>o.jsxRuntimeExports.jsx(n.CategoryTag,{value:e,color:l,isCompact:i,isEditing:!0}),itemTemplate:(t,T,d,x)=>o.jsxRuntimeExports.jsx(C.CategoryDropdownItem,{label:t.label,color:t.color,isSelected:d,isClear:t.value===null},x),...r})};exports.ActivityCategorySelect=R;
+//# sourceMappingURL=ActivityCategorySelect.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityCategorySelect.cjs.js","sources":["../../../../../../../src/containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.tsx"],"sourcesContent":["import { ActivityCategory } from '@shared/api'\nimport { Dropdown, DropdownProps, StatusField } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { CategoryTag } from './CategoryTag'\nimport styled from 'styled-components'\nimport { CategoryDropdownItem } from './CategoryDropdownItem'\nimport { PowerpackFeature } from '@shared/context'\nimport { toast } from 'react-toastify'\n\nconst CATEGORY_PP_MIN_VERSION = '1.3.0'\n\nconst StyledDropdown = styled(Dropdown)`\n  button {\n    /* remove all styles and just use a wrapper */\n    background-color: unset !important;\n\n    /* override the default quill styles */\n    padding: 0 !important;\n    height: 32px !important;\n    width: unset !important;\n    color: var(--md-sys-color-on-surface) !important;\n  }\n`\n\nexport interface ActivityCategorySelectProps\n  extends Omit<DropdownProps, 'options' | 'value' | 'onChange' | 'valueTemplate'> {\n  value?: string | null\n  categories: ActivityCategory[]\n  readonly?: boolean\n  isCompact?: boolean\n  hasPowerpack?: boolean\n  onPowerFeature?: (feature: PowerpackFeature) => void\n  onChange: (value: string) => void\n}\n\nexport const ActivityCategorySelect: FC<ActivityCategorySelectProps> = ({\n  value,\n  categories,\n  readonly,\n  isCompact,\n  hasPowerpack,\n  onPowerFeature,\n  onChange,\n  ...props\n}) => {\n  const category = categories.find((cat) => cat.name === value)\n  const { color } = category || {}\n\n  if (!hasPowerpack) {\n    return (\n      <CategoryTag\n        value={null}\n        isPower\n        isDisabled\n        style={props.style}\n        onClick={() => onPowerFeature?.('commentCategories')}\n        data-tooltip={'Comment categories is a Powerpack feature'}\n      />\n    )\n  }\n\n  if (readonly) {\n    return <CategoryTag value={value} color={color} isCompact={isCompact} style={props.style} />\n  }\n\n  if (!categories.length) {\n    return (\n      <CategoryTag\n        value={value}\n        color={color}\n        isCompact={isCompact}\n        style={props.style}\n        onClick={() =>\n          toast.warning(\n            `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${CATEGORY_PP_MIN_VERSION}.`,\n          )\n        }\n      />\n    )\n  }\n\n  const options: DropdownProps['options'] = [\n    ...(value ? [{ label: 'No category', value: null, color: 'inherit', icon: 'clear' }] : []),\n    ...categories.map((cat) => ({\n      label: cat.name,\n      value: cat.name,\n      color: cat.color,\n      icon: null,\n    })),\n  ]\n\n  return (\n    <StyledDropdown\n      options={options}\n      value={value ? [value] : []}\n      onChange={(val) => onChange(val[0] as string)}\n      valueTemplate={() => (\n        <CategoryTag value={value} color={color} isCompact={isCompact} isEditing />\n      )}\n      itemTemplate={(option, isActive, isSelected, index) => (\n        <CategoryDropdownItem\n          label={option.label}\n          color={option.color}\n          isSelected={isSelected}\n          isClear={option.value === null}\n          key={index}\n        />\n      )}\n      {...props}\n    />\n  )\n}\n"],"names":["CATEGORY_PP_MIN_VERSION","StyledDropdown","styled","Dropdown","ActivityCategorySelect","value","categories","readonly","isCompact","hasPowerpack","onPowerFeature","onChange","props","category","cat","color","jsx","CategoryTag","toast","options","val","option","isActive","isSelected","index","CategoryDropdownItem"],"mappings":"mUASMA,EAA0B,QAE1BC,EAAiBC,EAAOC,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAwBzBC,EAA0D,CAAC,CACtE,MAAAC,EACA,WAAAC,EACA,SAAAC,EACA,UAAAC,EACA,aAAAC,EACA,eAAAC,EACA,SAAAC,EACA,GAAGC,CACL,IAAM,CACJ,MAAMC,EAAWP,EAAW,KAAMQ,GAAQA,EAAI,OAAST,CAAK,EACtD,CAAE,MAAAU,GAAUF,GAAY,CAAC,EAE/B,GAAI,CAACJ,EAED,OAAAO,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,MAAO,KACP,QAAO,GACP,WAAU,GACV,MAAOL,EAAM,MACb,QAAS,IAAMF,GAAA,YAAAA,EAAiB,qBAChC,eAAc,2CAAA,CAChB,EAIJ,GAAIH,EACF,+BAAQU,cAAY,CAAA,MAAAZ,EAAc,MAAAU,EAAc,UAAAP,EAAsB,MAAOI,EAAM,MAAO,EAGxF,GAAA,CAACN,EAAW,OAEZ,OAAAU,EAAA,kBAAA,IAACC,EAAA,YAAA,CACC,MAAAZ,EACA,MAAAU,EACA,UAAAP,EACA,MAAOI,EAAM,MACb,QAAS,IACPM,EAAAA,MAAM,QACJ,kGAAkGlB,CAAuB,GAAA,CAC3H,CAEJ,EAIJ,MAAMmB,EAAoC,CACxC,GAAId,EAAQ,CAAC,CAAE,MAAO,cAAe,MAAO,KAAM,MAAO,UAAW,KAAM,OAAQ,CAAC,EAAI,CAAC,EACxF,GAAGC,EAAW,IAAKQ,IAAS,CAC1B,MAAOA,EAAI,KACX,MAAOA,EAAI,KACX,MAAOA,EAAI,MACX,KAAM,IAAA,EACN,CACJ,EAGE,OAAAE,EAAA,kBAAA,IAACf,EAAA,CACC,QAAAkB,EACA,MAAOd,EAAQ,CAACA,CAAK,EAAI,CAAC,EAC1B,SAAWe,GAAQT,EAASS,EAAI,CAAC,CAAW,EAC5C,cAAe,IACZJ,wBAAAC,EAAAA,YAAA,CAAY,MAAAZ,EAAc,MAAAU,EAAc,UAAAP,EAAsB,UAAS,GAAC,EAE3E,aAAc,CAACa,EAAQC,EAAUC,EAAYC,IAC3CR,EAAA,kBAAA,IAACS,EAAA,qBAAA,CACC,MAAOJ,EAAO,MACd,MAAOA,EAAO,MACd,WAAAE,EACA,QAASF,EAAO,QAAU,IAAA,EACrBG,CACP,EAED,GAAGZ,CAAA,CACN,CAEJ"}

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

@@ -0,0 +1,89 @@
+import { j as o } from "../../../../../../_virtual/jsx-runtime.es.js";
+import { Dropdown as f } from "@ynput/ayon-react-components";
+import { CategoryTag as l } from "./CategoryTag.es.js";
+import h from "styled-components";
+import { CategoryDropdownItem as x } from "./CategoryDropdownItem.es.js";
+import { toast as j } from "react-toastify";
+const C = "1.3.0", b = h(f)`
+  button {
+    /* remove all styles and just use a wrapper */
+    background-color: unset !important;
+
+    /* override the default quill styles */
+    padding: 0 !important;
+    height: 32px !important;
+    width: unset !important;
+    color: var(--md-sys-color-on-surface) !important;
+  }
+`, A = ({
+  value: e,
+  categories: n,
+  readonly: m,
+  isCompact: s,
+  hasPowerpack: c,
+  onPowerFeature: i,
+  onChange: u,
+  ...r
+}) => {
+  const d = n.find((t) => t.name === e), { color: a } = d || {};
+  if (!c)
+    return /* @__PURE__ */ o.jsx(
+      l,
+      {
+        value: null,
+        isPower: !0,
+        isDisabled: !0,
+        style: r.style,
+        onClick: () => i == null ? void 0 : i("commentCategories"),
+        "data-tooltip": "Comment categories is a Powerpack feature"
+      }
+    );
+  if (m)
+    return /* @__PURE__ */ o.jsx(l, { value: e, color: a, isCompact: s, style: r.style });
+  if (!n.length)
+    return /* @__PURE__ */ o.jsx(
+      l,
+      {
+        value: e,
+        color: a,
+        isCompact: s,
+        style: r.style,
+        onClick: () => j.warning(
+          `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${C}.`
+        )
+      }
+    );
+  const y = [
+    ...e ? [{ label: "No category", value: null, color: "inherit", icon: "clear" }] : [],
+    ...n.map((t) => ({
+      label: t.name,
+      value: t.name,
+      color: t.color,
+      icon: null
+    }))
+  ];
+  return /* @__PURE__ */ o.jsx(
+    b,
+    {
+      options: y,
+      value: e ? [e] : [],
+      onChange: (t) => u(t[0]),
+      valueTemplate: () => /* @__PURE__ */ o.jsx(l, { value: e, color: a, isCompact: s, isEditing: !0 }),
+      itemTemplate: (t, v, p, g) => /* @__PURE__ */ o.jsx(
+        x,
+        {
+          label: t.label,
+          color: t.color,
+          isSelected: p,
+          isClear: t.value === null
+        },
+        g
+      ),
+      ...r
+    }
+  );
+};
+export {
+  A as ActivityCategorySelect
+};
+//# sourceMappingURL=ActivityCategorySelect.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityCategorySelect.es.js","sources":["../../../../../../../src/containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.tsx"],"sourcesContent":["import { ActivityCategory } from '@shared/api'\nimport { Dropdown, DropdownProps, StatusField } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport { CategoryTag } from './CategoryTag'\nimport styled from 'styled-components'\nimport { CategoryDropdownItem } from './CategoryDropdownItem'\nimport { PowerpackFeature } from '@shared/context'\nimport { toast } from 'react-toastify'\n\nconst CATEGORY_PP_MIN_VERSION = '1.3.0'\n\nconst StyledDropdown = styled(Dropdown)`\n  button {\n    /* remove all styles and just use a wrapper */\n    background-color: unset !important;\n\n    /* override the default quill styles */\n    padding: 0 !important;\n    height: 32px !important;\n    width: unset !important;\n    color: var(--md-sys-color-on-surface) !important;\n  }\n`\n\nexport interface ActivityCategorySelectProps\n  extends Omit<DropdownProps, 'options' | 'value' | 'onChange' | 'valueTemplate'> {\n  value?: string | null\n  categories: ActivityCategory[]\n  readonly?: boolean\n  isCompact?: boolean\n  hasPowerpack?: boolean\n  onPowerFeature?: (feature: PowerpackFeature) => void\n  onChange: (value: string) => void\n}\n\nexport const ActivityCategorySelect: FC<ActivityCategorySelectProps> = ({\n  value,\n  categories,\n  readonly,\n  isCompact,\n  hasPowerpack,\n  onPowerFeature,\n  onChange,\n  ...props\n}) => {\n  const category = categories.find((cat) => cat.name === value)\n  const { color } = category || {}\n\n  if (!hasPowerpack) {\n    return (\n      <CategoryTag\n        value={null}\n        isPower\n        isDisabled\n        style={props.style}\n        onClick={() => onPowerFeature?.('commentCategories')}\n        data-tooltip={'Comment categories is a Powerpack feature'}\n      />\n    )\n  }\n\n  if (readonly) {\n    return <CategoryTag value={value} color={color} isCompact={isCompact} style={props.style} />\n  }\n\n  if (!categories.length) {\n    return (\n      <CategoryTag\n        value={value}\n        color={color}\n        isCompact={isCompact}\n        style={props.style}\n        onClick={() =>\n          toast.warning(\n            `No categories found. Ensure they are set in the Powerpack settings and the version is at least ${CATEGORY_PP_MIN_VERSION}.`,\n          )\n        }\n      />\n    )\n  }\n\n  const options: DropdownProps['options'] = [\n    ...(value ? [{ label: 'No category', value: null, color: 'inherit', icon: 'clear' }] : []),\n    ...categories.map((cat) => ({\n      label: cat.name,\n      value: cat.name,\n      color: cat.color,\n      icon: null,\n    })),\n  ]\n\n  return (\n    <StyledDropdown\n      options={options}\n      value={value ? [value] : []}\n      onChange={(val) => onChange(val[0] as string)}\n      valueTemplate={() => (\n        <CategoryTag value={value} color={color} isCompact={isCompact} isEditing />\n      )}\n      itemTemplate={(option, isActive, isSelected, index) => (\n        <CategoryDropdownItem\n          label={option.label}\n          color={option.color}\n          isSelected={isSelected}\n          isClear={option.value === null}\n          key={index}\n        />\n      )}\n      {...props}\n    />\n  )\n}\n"],"names":["CATEGORY_PP_MIN_VERSION","StyledDropdown","styled","Dropdown","ActivityCategorySelect","value","categories","readonly","isCompact","hasPowerpack","onPowerFeature","onChange","props","category","cat","color","jsx","CategoryTag","toast","options","val","option","isActive","isSelected","index","CategoryDropdownItem"],"mappings":";;;;;;AASA,MAAMA,IAA0B,SAE1BC,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAwBzBC,IAA0D,CAAC;AAAA,EACtE,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAMC,IAAWP,EAAW,KAAK,CAACQ,MAAQA,EAAI,SAAST,CAAK,GACtD,EAAE,OAAAU,MAAUF,KAAY,CAAC;AAE/B,MAAI,CAACJ;AAED,WAAAO,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,SAAO;AAAA,QACP,YAAU;AAAA,QACV,OAAOL,EAAM;AAAA,QACb,SAAS,MAAMF,KAAA,gBAAAA,EAAiB;AAAA,QAChC,gBAAc;AAAA,MAAA;AAAA,IAChB;AAIJ,MAAIH;AACF,iCAAQU,GAAY,EAAA,OAAAZ,GAAc,OAAAU,GAAc,WAAAP,GAAsB,OAAOI,EAAM,OAAO;AAGxF,MAAA,CAACN,EAAW;AAEZ,WAAAU,gBAAAA,EAAA;AAAA,MAACC;AAAA,MAAA;AAAA,QACC,OAAAZ;AAAA,QACA,OAAAU;AAAA,QACA,WAAAP;AAAA,QACA,OAAOI,EAAM;AAAA,QACb,SAAS,MACPM,EAAM;AAAA,UACJ,kGAAkGlB,CAAuB;AAAA,QAAA;AAAA,MAC3H;AAAA,IAEJ;AAIJ,QAAMmB,IAAoC;AAAA,IACxC,GAAId,IAAQ,CAAC,EAAE,OAAO,eAAe,OAAO,MAAM,OAAO,WAAW,MAAM,QAAQ,CAAC,IAAI,CAAC;AAAA,IACxF,GAAGC,EAAW,IAAI,CAACQ,OAAS;AAAA,MAC1B,OAAOA,EAAI;AAAA,MACX,OAAOA,EAAI;AAAA,MACX,OAAOA,EAAI;AAAA,MACX,MAAM;AAAA,IAAA,EACN;AAAA,EACJ;AAGE,SAAAE,gBAAAA,EAAA;AAAA,IAACf;AAAA,IAAA;AAAA,MACC,SAAAkB;AAAA,MACA,OAAOd,IAAQ,CAACA,CAAK,IAAI,CAAC;AAAA,MAC1B,UAAU,CAACe,MAAQT,EAASS,EAAI,CAAC,CAAW;AAAA,MAC5C,eAAe,MACZJ,gBAAAA,MAAAC,GAAA,EAAY,OAAAZ,GAAc,OAAAU,GAAc,WAAAP,GAAsB,WAAS,IAAC;AAAA,MAE3E,cAAc,CAACa,GAAQC,GAAUC,GAAYC,MAC3CR,gBAAAA,EAAA;AAAA,QAACS;AAAA,QAAA;AAAA,UACC,OAAOJ,EAAO;AAAA,UACd,OAAOA,EAAO;AAAA,UACd,YAAAE;AAAA,UACA,SAASF,EAAO,UAAU;AAAA,QAAA;AAAA,QACrBG;AAAA,MACP;AAAA,MAED,GAAGZ;AAAA,IAAA;AAAA,EACN;AAEJ;"}

package/dist/shared/src/containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js

@@ -0,0 +1,21 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../../../_virtual/jsx-runtime.cjs.js"),d=require("@ynput/ayon-react-components"),x=require("clsx"),g=require("react"),m=require("styled-components"),y=m.span`
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  padding: 4px 8px;
+  gap: 8px;
+  white-space: nowrap;
+
+  [icon='crop_square'] {
+    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+    font-size: 16px;
+  }
+
+  &.selected {
+    [icon='crop_square'] {
+      font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+      color: var(--md-sys-color-on-surface) !important;
+    }
+  }
+`,f=g.forwardRef(({label:r,color:e,icon:t,isSelected:o,startContent:n,endContent:a,isClear:c,style:i,className:p,...l},u)=>s.jsxRuntimeExports.jsxs(y,{...l,className:x(p,{selected:o}),style:{backgroundColor:o&&e?e:"",...i},ref:u,children:[n,s.jsxRuntimeExports.jsx(d.Icon,{icon:t||(c?"clear":"crop_square"),style:{color:e||""}}),r,a]}));exports.CategoryDropdownItem=f;
+//# sourceMappingURL=CategoryDropdownItem.cjs.js.map