@ynput/ayon-frontend-shared 0.3.36 → 0.3.37

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

@@ -1,23 +1,23 @@
 import { j as r } from "../../../../_virtual/jsx-runtime.es.js";
-import { useMemo as _, useEffect as gt, useRef as ht, useCallback as B } from "react";
-import yt from "./components/ActivityItem.es.js";
-import vt from "./components/CommentInput/CommentInput.es.js";
-import { FeedContainer as xt, FeedContent as kt, LoadMore as Ct } from "./Feed.styled.es.js";
-import wt from "./hooks/useCommentMutations.es.js";
-import It from "./hooks/useTransformActivities.es.js";
-import { InView as Ft } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
-import bt from "./hooks/useSaveScrollPos.es.js";
-import At from "./hooks/useScrollOnInputOpen.es.js";
-import { getLoadingPlaceholders as Mt } from "./feedHelpers.es.js";
+import { useMemo as I, useEffect as kt, useRef as wt, useCallback as W } from "react";
+import It from "./components/ActivityItem.es.js";
+import Ft from "./components/CommentInput/CommentInput.es.js";
+import { FeedContainer as bt, FeedContent as Mt, LoadMore as At } from "./Feed.styled.es.js";
+import jt from "./hooks/useCommentMutations.es.js";
+import Lt from "./hooks/useTransformActivities.es.js";
+import { InView as Rt } from "../../../../node_modules/react-intersection-observer/dist/index.es.js";
+import Pt from "./hooks/useSaveScrollPos.es.js";
+import Tt from "./hooks/useScrollOnInputOpen.es.js";
+import { getLoadingPlaceholders as Nt } from "./feedHelpers.es.js";
 import "@ynput/ayon-react-components";
-import jt from "clsx";
-import Pt from "./hooks/useScrollToHighlighted.es.js";
-import { isFilePreviewable as Rt } from "./components/FileUploadPreview/FileUploadPreview.es.js";
-import { EmptyPlaceholder as Lt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import Ot from "clsx";
+import Et from "./hooks/useScrollToHighlighted.es.js";
+import { isFilePreviewable as St } from "./components/FileUploadPreview/FileUploadPreview.es.js";
+import { EmptyPlaceholder as Dt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import { useFeedContext as Et, FEED_NEW_COMMENT as C } from "./context/FeedContext.es.js";
+import { useFeedContext as Vt, FEED_NEW_COMMENT as F } from "./context/FeedContext.es.js";
 import "../../context/RemoteModulesContext.es.js";
-import { useDetailsPanelContext as Nt } from "../../context/DetailsPanelContext.es.js";
+import { useDetailsPanelContext as Bt } from "../../context/DetailsPanelContext.es.js";
 import "../../../../_virtual/runtime.es.js";
 import "../../../../_virtual/semver.es.js";
 import "../../api/base/client.es.js";
@@ -93,7 +93,7 @@ import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
 import "../../api/queries/links/getLinks.es.js";
-import { useGetMyProjectPermissionsQuery as Ot } from "../../api/queries/permissions/getPermissions.es.js";
+import { useGetMyProjectPermissionsQuery as Ht } from "../../api/queries/permissions/getPermissions.es.js";
 import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/products/getFolderProducts.es.js";
 import "../../api/queries/project/getProject.es.js";
@@ -138,236 +138,228 @@ import "../../context/GlobalContext.es.js";
 import "../../context/ProjectContext.es.js";
 import "../../context/ProjectFoldersContext.es.js";
 import "../../context/UriContext.es.js";
-import Tt from "./helpers/mergeAnnotationAttachments.es.js";
-import St from "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.es.js";
-import { useLastVersionReview as Dt } from "./hooks/useLastVersionReview.es.js";
-const Fo = 30, Vt = [
-  {
-    id: "comments",
-    tooltip: "Comments",
-    icon: "chat"
-  },
-  {
-    id: "checklists",
-    tooltip: "Checklists",
-    icon: "checklist"
-  },
-  {
-    id: "versions",
-    tooltip: "Published versions",
-    icon: "layers"
-  },
-  {
-    id: "updates",
-    tooltip: "Entity updates",
-    icon: "arrow_circle_right"
-  }
-], bo = ({
-  disabled: H,
-  readOnly: G,
-  statuses: W = [],
-  entityListId: q,
-  isSlideOut: Q,
-  versionReview: w = !1
+import _t from "./helpers/mergeAnnotationAttachments.es.js";
+import Gt from "./components/FeedSearchFilter.es.js";
+import { useLastVersionReview as Wt } from "./hooks/useLastVersionReview.es.js";
+const Lo = 30, Ro = ({
+  disabled: q,
+  readOnly: Q,
+  statuses: U = [],
+  entityListId: z,
+  isSlideOut: J,
+  versionReview: b = !1
 }) => {
   const {
     projectName: s,
     entities: l,
-    entityType: d,
-    editingId: I,
-    projectInfo: F,
-    setEditingId: b,
-    userName: A,
+    entityType: c,
+    editingId: M,
+    projectInfo: A,
+    setEditingId: j,
+    userName: L,
     activitiesData: h,
     isLoadingNew: m,
-    isLoadingNextPage: M,
-    loadNextPage: c,
-    hasNextPage: U,
-    users: z,
+    isLoadingNextPage: R,
+    loadNextPage: d,
+    hasNextPage: K,
+    users: P,
+    categories: X,
+    checklistCount: Y,
     feedFilter: p,
-    setFeedFilter: J,
-    isGuest: K
-  } = Et(), {
-    openSlideOut: X,
-    highlightedActivities: y,
-    setHighlightedActivities: Y,
-    onOpenImage: Z,
-    setFeedAnnotations: j,
-    user: P
-  } = Nt(), $ = p.conditions?.some(
+    setFeedFilter: Z,
+    isGuest: $,
+    searchText: y,
+    setSearchText: tt
+  } = Vt(), {
+    openSlideOut: it,
+    highlightedActivities: v,
+    setHighlightedActivities: et,
+    onOpenImage: ot,
+    setFeedAnnotations: T,
+    user: N
+  } = Bt(), rt = p.conditions?.some(
     (t) => "key" in t && t.key === "versions" && t.value === !0
-  ), tt = p.conditions?.some(
+  ), st = p.conditions?.some(
     (t) => "key" in t && ["comments", "checklists", "versions", "updates"].includes(t.key) && t.value === !0
-  ), R = p.conditions?.some(
+  ), O = p.conditions?.some(
     (t) => "key" in t && (t.key === "comments" || t.key === "checklists") && t.value === !0
-  ), { data: L, isLoading: it } = Ot({ projectName: s }, { skip: !s }), et = !P.data?.isManager && !P.data?.isAdmin && !it && L?.activities?.enabled && !L?.activities?.activities?.includes("comment") || tt && !R, u = _(
-    () => Tt(h),
+  ), nt = c === "version" || c === "folder", { data: E, isLoading: mt } = Ht({ projectName: s }, { skip: !s }), pt = !N.data?.isManager && !N.data?.isAdmin && !mt && E?.activities?.enabled && !E?.activities?.activities?.includes("comment") || st && !O, u = I(
+    () => _t(h),
     [h]
   );
-  gt(() => {
-    u.length || j([]);
+  kt(() => {
+    u.length || T([]);
     const t = u.map(
       (i) => i.activityData?.annotations?.map((e) => ({
         ...e,
         activityId: i.activityId
       }))
     ).filter(Boolean).flat();
-    j(t);
+    T(t);
   }, [u]);
-  const f = It(
+  const f = Lt(
     // @ts-ignore
     u,
-    z,
-    F,
-    d,
+    P,
     A,
+    c,
+    L,
     p
-  ), a = ht(null);
-  At({ feedRef: a, isInputOpen: I === C, height: 93 }), bt({
+  ), x = I(() => {
+    if (!y) return f;
+    const t = y.toLowerCase();
+    return f.filter(
+      (i) => i.body?.toLowerCase().includes(t)
+    );
+  }, [f, y]), a = wt(null);
+  Tt({ feedRef: a, isInputOpen: M === F, height: 93 }), Pt({
     entities: l,
     feedRef: a,
     filter: p,
-    disabled: !!y.length,
+    disabled: !!v.length,
     isLoading: m
-  }), Pt({
+  }), Et({
     feedRef: a,
-    highlighted: y,
-    isLoading: m || M,
-    loadNextPage: c,
-    hasNextPage: !!c,
+    highlighted: v,
+    isLoading: m || R,
+    loadNextPage: d,
+    hasNextPage: !!d,
     activities: h
   });
   const {
-    submitComment: E,
-    updateComment: N,
-    deleteComment: ot,
-    submitReview: O,
-    isSaving: rt
-  } = wt({
+    submitComment: S,
+    updateComment: D,
+    deleteComment: at,
+    submitReview: V,
+    isSaving: lt
+  } = jt({
     projectName: s,
-    entityType: d,
+    entityType: c,
     entities: l,
     filter: p,
-    entityListId: q
-  }), st = B(
+    entityListId: z
+  }), ct = W(
     async (t, i = [], e = {}) => {
-      await E(t, i, e), a.current && a.current.scrollTo({ top: 0 });
+      await S(t, i, e), a.current && a.current.scrollTo({ top: 0 });
     },
-    [E, a]
-  ), nt = B(
+    [S, a]
+  ), dt = W(
     async (t) => {
-      await O(t);
+      await V(t);
     },
-    [O]
-  ), mt = (t, i) => {
+    [V]
+  ), ut = (t, i) => {
     const e = t?.target;
     if (!e || !i) return console.log("no target or activity");
-    const o = e.checked, n = o ? "[ ]" : "[x]", dt = o ? "[x]" : "[ ]", { body: g } = i, T = Array.from(
+    const o = e.checked, n = o ? "[ ]" : "[x]", vt = o ? "[x]" : "[ ]", { body: g } = i, B = Array.from(
       e.closest(".comment-body")?.querySelectorAll(".task-list-item") || []
-    ).findIndex((k) => k === e.closest("li"));
-    let S = T;
-    (g.match(/\[.\]/g) || []).forEach((k, ft) => {
-      k !== n && ft < T && S--;
+    ).findIndex((w) => w === e.closest("li"));
+    let H = B;
+    (g.match(/\[.\]/g) || []).forEach((w, Ct) => {
+      w !== n && Ct < B && H--;
     });
-    const D = [];
-    let v = -1;
-    for (; (v = g.indexOf(n, v + 1)) > -1; )
-      D.push(v);
-    const x = D[S];
-    if (x === void 0) return;
-    const ut = x + n.length, V = g.slice(0, x) + dt + g.slice(ut);
-    V && N(i, V, i.files);
-  }, pt = (t) => {
+    const _ = [];
+    let C = -1;
+    for (; (C = g.indexOf(n, C + 1)) > -1; )
+      _.push(C);
+    const k = _[H];
+    if (k === void 0) return;
+    const xt = k + n.length, G = g.slice(0, k) + vt + g.slice(xt);
+    G && D(i, G, i.files);
+  }, ft = (t) => {
     const { entityId: i, entityType: e, activityId: o } = t;
     if (!e || !["version", "task", "folder"].includes(e))
       return console.log("Entity type not supported yet");
     if (!i || !e || !s) return console.log("No entity id or type found");
-    X({ entityId: i, entityType: e, projectName: s }), Y([o]);
-  }, at = ({ index: t, activityId: i }) => {
-    const e = Object.values(f).reverse().filter((o) => o.activityType == "comment").map((o) => ({
+    it({ entityId: i, entityType: e, projectName: s }), et([o]);
+  }, gt = ({ index: t, activityId: i }) => {
+    const e = Object.values(x).reverse().filter((o) => o.activityType == "comment").map((o) => ({
       id: o.activityId,
-      files: o.files.filter((n) => Rt(n.mime, n.ext))
+      files: o.files.filter((n) => St(n.mime, n.ext))
     })).filter((o) => o.files.length > 0);
-    Z?.({ files: e, activityId: i, index: t, projectName: s });
-  }, lt = _(() => Mt(10), []), ct = Dt({
+    ot?.({ files: e, activityId: i, index: t, projectName: s });
+  }, ht = I(() => Nt(10), []), yt = Wt({
     projectName: s,
-    enabled: w,
+    enabled: b,
     entityIds: l.map((t) => t.id),
     activities: f,
     loadingActivities: m,
-    userName: A
+    userName: L
   });
-  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(xt, { className: "feed", children: [
+  return /* @__PURE__ */ r.jsx(r.Fragment, { children: /* @__PURE__ */ r.jsxs(bt, { className: "feed", children: [
     void 0,
     /* @__PURE__ */ r.jsx(
-      St,
+      Gt,
       {
-        label: "Activity Feed",
-        filters: Vt,
-        currentFilter: p,
-        onFilterChange: J,
-        isLoading: m
+        feedFilter: p,
+        setFeedFilter: Z,
+        users: P,
+        categories: X,
+        supportsReviewSession: nt,
+        isLoading: m,
+        onSearchTextChange: tt,
+        checklistCount: Y
       }
     ),
-    /* @__PURE__ */ r.jsxs(kt, { ref: a, className: jt({ loading: m }, "no-shimmer"), children: [
-      m ? lt : f.map((t) => /* @__PURE__ */ r.jsx(
-        yt,
+    /* @__PURE__ */ r.jsxs(Mt, { ref: a, className: Ot({ loading: m }, "no-shimmer"), children: [
+      m ? ht : x.map((t) => /* @__PURE__ */ r.jsx(
+        It,
         {
           activity: t,
-          onCheckChange: mt,
-          onDelete: ot,
-          onUpdate: async (i, e, o, n) => await N(t, i, e, n),
-          projectInfo: F,
+          onCheckChange: ut,
+          onDelete: at,
+          onUpdate: async (i, e, o, n) => await D(t, i, e, n),
+          projectInfo: A,
           projectName: s,
-          entityType: d,
-          onReferenceClick: pt,
+          entityType: c,
+          onReferenceClick: ft,
           createdAts: l.map((i) => i.createdAt),
-          onFileExpand: at,
+          onFileExpand: gt,
           showOrigin: l.length > 1,
           filter: p,
           editProps: {
             projectName: s,
             entities: l,
-            entityType: d
+            entityType: c
           },
-          isHighlighted: y.includes(t.activityId),
-          readOnly: G,
-          statuses: W,
-          isSlideOut: Q,
-          isGuest: K
+          isHighlighted: v.includes(t.activityId),
+          readOnly: Q,
+          statuses: U,
+          isSlideOut: J,
+          isGuest: $
         },
         t.activityId
       )),
-      f.length === 0 && $ && !R && !m && /* @__PURE__ */ r.jsx(Lt, { message: "No versions published yet", icon: "layers" }),
-      U && c && /* @__PURE__ */ r.jsx(
-        Ft,
+      x.length === 0 && rt && !O && !m && /* @__PURE__ */ r.jsx(Dt, { message: "No versions published yet", icon: "layers" }),
+      K && d && /* @__PURE__ */ r.jsx(
+        Rt,
         {
           root: a.current,
-          onChange: (t) => t && c(),
+          onChange: (t) => t && d(),
           rootMargin: "400px 0px 0px 0px",
-          children: /* @__PURE__ */ r.jsx(Ct, { style: { height: 0 }, onClick: () => c(), children: M ? "Loading more..." : "Click to load more" })
+          children: /* @__PURE__ */ r.jsx(At, { style: { height: 0 }, onClick: () => d(), children: R ? "Loading more..." : "Click to load more" })
         }
       )
     ] }),
-    !et && /* @__PURE__ */ r.jsx(
-      vt,
+    !pt && /* @__PURE__ */ r.jsx(
+      Ft,
       {
         initValue: null,
-        onSubmit: st,
-        isOpen: I === C,
-        onClose: () => b(null),
-        onOpen: () => b(C),
-        disabled: H,
-        isLoading: m || !l.length || rt,
-        versionReview: w,
-        lastOwnVersionReview: ct,
-        onReview: nt
+        onSubmit: ct,
+        isOpen: M === F,
+        onClose: () => j(null),
+        onOpen: () => j(F),
+        disabled: q,
+        isLoading: m || !l.length || lt,
+        versionReview: b,
+        lastOwnVersionReview: yt,
+        onReview: dt
       }
     )
   ] }) });
 };
 export {
-  bo as Feed,
-  Fo as activitiesLast
+  Ro as Feed,
+  Lo 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 { useCallback, useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport { VersionReviewFeedback } from './components/CommentInput/types'\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, useGetMyProjectPermissionsQuery } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\nimport TabHeaderAndFilters, {\n  FilterItem,\n} from '../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters'\nimport { useLastVersionReview } from './hooks/useLastVersionReview'\n\n// number of activities to get\nexport const activitiesLast = 30\n\nconst feedFilters: FilterItem<string>[] = [\n  {\n    id: 'comments',\n    tooltip: 'Comments',\n    icon: 'chat',\n  },\n  {\n    id: 'checklists',\n    tooltip: 'Checklists',\n    icon: 'checklist',\n  },\n  {\n    id: 'versions',\n    tooltip: 'Published versions',\n    icon: 'layers',\n  },\n  {\n    id: 'updates',\n    tooltip: 'Entity updates',\n    icon: 'arrow_circle_right',\n  },\n]\n\nexport type FeedProps = {\n  disabled?: boolean\n  readOnly: boolean\n  statuses: Status[]\n  entityListId?: string | undefined\n  isSlideOut?: boolean\n  versionReview?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\n  versionReview = false,\n}: 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    feedFilter,\n    setFeedFilter,\n    isGuest,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n    user,\n  } = useDetailsPanelContext()\n\n  const isVersionsFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && c.key === 'versions' && c.value === true,\n  )\n  const hasActiveFilters = feedFilter.conditions?.some(\n    (c) =>\n      'key' in c &&\n      ['comments', 'checklists', 'versions', 'updates'].includes(c.key) &&\n      c.value === true,\n  )\n  const hasCommentLikeFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && (c.key === 'comments' || c.key === 'checklists') && c.value === true,\n  )\n\n  // check activities permission for commenting\n  const { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\n  const isCommentRestricted =\n    !user.data?.isManager &&\n    !user.data?.isAdmin &&\n    !isLoadingPermissions &&\n    projectPermissions?.activities?.enabled &&\n    !projectPermissions?.activities?.activities?.includes('comment')\n\n  // hide comment input for specific filters or when restricted by permissions\n  const hideCommentInput = isCommentRestricted || (hasActiveFilters && !hasCommentLikeFilter)\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    feedFilter,\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: feedFilter,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew || isLoadingNextPage,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n    activities: activitiesData,\n  })\n\n  // comment mutations here!\n  const {\n    submitComment: submitCommentMutation,\n    updateComment,\n    deleteComment,\n    submitReview: submitReviewMutation,\n    isSaving,\n  } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: feedFilter,\n    entityListId,\n  })\n\n  // wrap submitComment to scroll to bottom\n  const submitComment = useCallback(\n    async (value: string, files: any[] = [], data: any = {}) => {\n      await submitCommentMutation(value, files, data)\n      // scroll to bottom (scrollTop 0 is bottom because of column-reverse)\n      if (feedRef.current) {\n        ;(feedRef.current as any).scrollTo({ top: 0 })\n      }\n    },\n    [submitCommentMutation, feedRef],\n  )\n\n  const submitReview = useCallback(\n    async (feedback: VersionReviewFeedback) => {\n      await submitReviewMutation(feedback)\n    },\n    [submitReviewMutation],\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  const lastVersionReview = useLastVersionReview({\n    projectName,\n    enabled: versionReview,\n    entityIds: entities.map((e) => e.id),\n    activities: transformedActivitiesData,\n    loadingActivities: isLoadingNew,\n    userName,\n  })\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        <TabHeaderAndFilters\n          label=\"Activity Feed\"\n          filters={feedFilters}\n          currentFilter={feedFilter}\n          onFilterChange={setFeedFilter}\n          isLoading={isLoadingNew}\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={feedFilter}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                  isSlideOut={isSlideOut}\n                  isGuest={isGuest}\n                />\n              ))}\n          {/* message when no versions published */}\n          {transformedActivitiesData.length === 0 &&\n            isVersionsFilter &&\n            !hasCommentLikeFilter &&\n            !isLoadingNew && <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />}\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            versionReview={versionReview}\n            lastOwnVersionReview={lastVersionReview}\n            onReview={submitReview}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","feedFilters","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","versionReview","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","feedFilter","setFeedFilter","isGuest","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","user","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","submitReviewMutation","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","submitReview","feedback","handleCommentChecked","e","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","lastVersionReview","useLastVersionReview","jsxs","Styled.FeedContainer","jsx","TabHeaderAndFilters","Styled.FeedContent","clsx","ActivityItem","_refs","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}
+{"version":3,"file":"Feed.es.js","sources":["../../../../../src/containers/Feed/Feed.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useRef } from 'react'\nimport ActivityItem from './components/ActivityItem'\nimport CommentInput from './components/CommentInput/CommentInput'\nimport { VersionReviewFeedback } from './components/CommentInput/types'\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, useGetMyProjectPermissionsQuery } from '@shared/api'\nimport mergeAnnotationAttachments from './helpers/mergeAnnotationAttachments'\nimport { SavedAnnotationMetadata } from '.'\nimport FeedSearchFilter from './components/FeedSearchFilter'\nimport { useLastVersionReview } from './hooks/useLastVersionReview'\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  isSlideOut?: boolean\n  versionReview?: boolean\n}\n\nexport const Feed = ({\n  disabled,\n  readOnly,\n  statuses = [],\n  entityListId,\n  isSlideOut,\n  versionReview = false,\n}: 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    categories,\n    checklistCount,\n    feedFilter,\n    setFeedFilter,\n    isGuest,\n    searchText,\n    setSearchText,\n  } = useFeedContext()\n\n  const {\n    openSlideOut,\n    highlightedActivities,\n    setHighlightedActivities,\n    onOpenImage,\n    setFeedAnnotations,\n    user,\n  } = useDetailsPanelContext()\n\n  const isVersionsFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && c.key === 'versions' && c.value === true,\n  )\n  const hasActiveFilters = feedFilter.conditions?.some(\n    (c) =>\n      'key' in c &&\n      ['comments', 'checklists', 'versions', 'updates'].includes(c.key) &&\n      c.value === true,\n  )\n  const hasCommentLikeFilter = feedFilter.conditions?.some(\n    (c) => 'key' in c && (c.key === 'comments' || c.key === 'checklists') && c.value === true,\n  )\n\n  const supportsReviewSession = entityType === 'version' || entityType === 'folder'\n\n  // check activities permission for commenting\n  const { data: projectPermissions, isLoading: isLoadingPermissions } =\n    useGetMyProjectPermissionsQuery({ projectName }, { skip: !projectName })\n  const isCommentRestricted =\n    !user.data?.isManager &&\n    !user.data?.isAdmin &&\n    !isLoadingPermissions &&\n    projectPermissions?.activities?.enabled &&\n    !projectPermissions?.activities?.activities?.includes('comment')\n\n  // hide comment input for specific filters or when restricted by permissions\n  const hideCommentInput = isCommentRestricted || (hasActiveFilters && !hasCommentLikeFilter)\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    feedFilter,\n  ) as any[]\n\n  // Filter activities by live text search (separate from feedFilter)\n  const filteredActivitiesData = useMemo(() => {\n    if (!searchText) return transformedActivitiesData\n    const lower = searchText.toLowerCase()\n    return transformedActivitiesData.filter((activity) =>\n      activity.body?.toLowerCase().includes(lower),\n    )\n  }, [transformedActivitiesData, searchText])\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: feedFilter,\n    disabled: !!highlightedActivities.length,\n    isLoading: isLoadingNew,\n  })\n  // try and scroll to highlightedActivities activity\n  useScrollToHighlighted({\n    feedRef,\n    highlighted: highlightedActivities,\n    isLoading: isLoadingNew || isLoadingNextPage,\n    loadNextPage,\n    hasNextPage: !!loadNextPage,\n    activities: activitiesData,\n  })\n\n  // comment mutations here!\n  const {\n    submitComment: submitCommentMutation,\n    updateComment,\n    deleteComment,\n    submitReview: submitReviewMutation,\n    isSaving,\n  } = useCommentMutations({\n    projectName,\n    entityType: entityType,\n    entities,\n    filter: feedFilter,\n    entityListId,\n  })\n\n  // wrap submitComment to scroll to bottom\n  const submitComment = useCallback(\n    async (value: string, files: any[] = [], data: any = {}) => {\n      await submitCommentMutation(value, files, data)\n      // scroll to bottom (scrollTop 0 is bottom because of column-reverse)\n      if (feedRef.current) {\n        ;(feedRef.current as any).scrollTo({ top: 0 })\n      }\n    },\n    [submitCommentMutation, feedRef],\n  )\n\n  const submitReview = useCallback(\n    async (feedback: VersionReviewFeedback) => {\n      await submitReviewMutation(feedback)\n    },\n    [submitReviewMutation],\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(filteredActivitiesData)\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  const lastVersionReview = useLastVersionReview({\n    projectName,\n    enabled: versionReview,\n    entityIds: entities.map((e) => e.id),\n    activities: transformedActivitiesData,\n    loadingActivities: isLoadingNew,\n    userName,\n  })\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        <FeedSearchFilter\n          feedFilter={feedFilter}\n          setFeedFilter={setFeedFilter}\n          users={users}\n          categories={categories}\n          supportsReviewSession={supportsReviewSession}\n          isLoading={isLoadingNew}\n          onSearchTextChange={setSearchText}\n          checklistCount={checklistCount}\n        />\n        <Styled.FeedContent ref={feedRef} className={clsx({ loading: isLoadingNew }, 'no-shimmer')}>\n          {isLoadingNew\n            ? loadingPlaceholders\n            : filteredActivitiesData.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={feedFilter}\n                  editProps={{\n                    projectName,\n                    entities: entities,\n                    entityType,\n                  }}\n                  isHighlighted={highlightedActivities.includes(activity.activityId)}\n                  readOnly={readOnly}\n                  statuses={statuses}\n                  isSlideOut={isSlideOut}\n                  isGuest={isGuest}\n                />\n              ))}\n          {/* message when no versions published */}\n          {filteredActivitiesData.length === 0 &&\n            isVersionsFilter &&\n            !hasCommentLikeFilter &&\n            !isLoadingNew && <EmptyPlaceholder message=\"No versions published yet\" icon=\"layers\" />}\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            versionReview={versionReview}\n            lastOwnVersionReview={lastVersionReview}\n            onReview={submitReview}\n          />\n        )}\n      </Styled.FeedContainer>\n    </>\n  )\n}\n"],"names":["activitiesLast","Feed","disabled","readOnly","statuses","entityListId","isSlideOut","versionReview","projectName","entities","entityType","editingId","projectInfo","setEditingId","userName","activitiesData","isLoadingNew","isLoadingNextPage","loadNextPage","hasNextPage","users","categories","checklistCount","feedFilter","setFeedFilter","isGuest","searchText","setSearchText","useFeedContext","openSlideOut","highlightedActivities","setHighlightedActivities","onOpenImage","setFeedAnnotations","user","useDetailsPanelContext","isVersionsFilter","c","hasActiveFilters","hasCommentLikeFilter","supportsReviewSession","projectPermissions","isLoadingPermissions","useGetMyProjectPermissionsQuery","hideCommentInput","activitiesWithMergedAnnotations","useMemo","mergeAnnotationAttachments","useEffect","annotations","activity","a","transformedActivitiesData","useTransformActivities","filteredActivitiesData","lower","feedRef","useRef","useScrollOnInputOpen","FEED_NEW_COMMENT","useSaveScrollPos","useScrollToHighlighted","submitCommentMutation","updateComment","deleteComment","submitReviewMutation","isSaving","useCommentMutations","submitComment","useCallback","value","files","data","submitReview","feedback","handleCommentChecked","e","target","checked","currentMarkdown","newMarkdown","body","taskIndex","li","replaceIndex","markdown","index","indexesOfCurrentMarkdownInBody","indexToReplaceInBody","endReplaceIndex","newBody","handleRefClick","ref","entityId","activityId","handleFileExpand","previewableFiles","file","isFilePreviewable","loadingPlaceholders","getLoadingPlaceholders","lastVersionReview","useLastVersionReview","jsxs","Styled.FeedContainer","jsx","FeedSearchFilter","Styled.FeedContent","clsx","ActivityItem","_refs","EmptyPlaceholder","InView","inView","Styled.LoadMore","CommentInput"],"mappings":"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"}

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

@@ -8,6 +8,23 @@
   display: grid;
   grid-template-rows: auto 1fr auto;
   background-color: var(--md-sys-color-surface-container-low);
+
+  padding-top: 4px;
+  /* fade out the content at the top with a gradient */
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 45px;
+    background: linear-gradient(
+      to bottom,
+      var(--md-sys-color-surface-container-low) 20%,
+      rgba(255, 255, 255, 0) 100%
+    );
+    z-index: 1;
+  }
 `;o.div`
   position: absolute;
   left: 8px;
@@ -43,11 +60,16 @@
   &.loading {
     overflow: hidden;
   }
-`,a=o.span`
+
+  /* first (last in dom) has margin to separate from filter */
+  & > *:last-child {
+    margin-top: 32px;
+  }
+`,t=o.span`
   padding: 16px 8px;
   color: var(--md-sys-color-outline);
   font-size: 11px;
-`,i=o.div`
+`,a=o.div`
   height: 50px;
   border-radius: 8px;
   overflow: hidden;
@@ -55,5 +77,5 @@
   opacity: 0.5;
 
   position: relative;
-`;exports.FeedContainer=e;exports.FeedContent=r;exports.LoadMore=a;exports.Placeholder=i;
+`;exports.FeedContainer=e;exports.FeedContent=r;exports.LoadMore=t;exports.Placeholder=a;
 //# 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-bottom: 4px;\n  overflow: hidden;\n  position: relative;\n\n  height: 100%;\n\n  display: grid;\n  grid-template-rows: auto 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: 24px 0;\n  margin: 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,EAYbA,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;AAAA,EAkBrBE,EAAWF,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlBG,EAAcH,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-bottom: 4px;\n  overflow: hidden;\n  position: relative;\n\n  height: 100%;\n\n  display: grid;\n  grid-template-rows: auto 1fr auto;\n  background-color: var(--md-sys-color-surface-container-low);\n\n  padding-top: 4px;\n  /* fade out the content at the top with a gradient */\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    height: 45px;\n    background: linear-gradient(\n      to bottom,\n      var(--md-sys-color-surface-container-low) 20%,\n      rgba(255, 255, 255, 0) 100%\n    );\n    z-index: 1;\n  }\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: 24px 0;\n  margin: 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  /* first (last in dom) has margin to separate from filter */\n  & > *:last-child {\n    margin-top: 32px;\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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BbA,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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBrBE,EAAWF,EAAO;AAAA;AAAA;AAAA;AAAA,EAMlBG,EAAcH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}