@drodil/backstage-plugin-qeta-react 3.51.0 → 3.52.0

package/dist/hooks/usePaginatedPosts.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"usePaginatedPosts.esm.js","sources":["../../src/hooks/usePaginatedPosts.ts"],"sourcesContent":["import { useAnalytics } from '@backstage/core-plugin-api';\nimport { useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  FilterKey,\n  filterKeys,\n  PostFilters,\n} from '../components/FilterPanel/FilterPanel';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { getFiltersWithDateRange } from '../utils';\nimport { filterTags, PostStatus } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from './useQetaApi';\n\nexport type PaginatedPostsProps = PostFilters & {\n  author?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showWriteButton?: boolean;\n  showLinkButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n  initialPageSize?: number;\n  collectionId?: number;\n  status?: PostStatus;\n};\n\nexport type PostFilterChange = {\n  key: keyof PostFilters;\n  value?: PostFilters[keyof PostFilters];\n};\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-post-filters-expanded';\n\nexport function usePaginatedPosts(props: PaginatedPostsProps) {\n  const {\n    type,\n    tags,\n    author,\n    entities,\n    entity,\n    favorite,\n    initialPageSize,\n    status,\n  } = props;\n  const analytics = useAnalytics();\n  const [page, setPage] = useState(1);\n  const [pageCount, setPageCount] = useState(1);\n  const [postsPerPage, setPostsPerPage] = useState(initialPageSize ?? 10);\n  const [showFilterPanel, setShowFilterPanel] = useState(\n    localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n  );\n  const [searchParams, setSearchParams] = useSearchParams();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = useState<PostFilters>({\n    order: props.order ?? 'desc',\n    orderBy: props.orderBy ?? 'created',\n    noAnswers: props.noAnswers ?? 'false',\n    noCorrectAnswer: props.noCorrectAnswer ?? 'false',\n    noVotes: props.noVotes ?? 'false',\n    searchQuery: props.searchQuery ?? '',\n    entities: entities ?? (entity ? [entity] : undefined),\n    tags: tags,\n    dateRange: '',\n    collectionId: props.collectionId,\n    status,\n    type,\n  });\n\n  useEffect(() => {\n    localStorage.setItem(\n      EXPANDED_LOCAL_STORAGE_KEY,\n      showFilterPanel ? 'true' : 'false',\n    );\n  }, [showFilterPanel]);\n\n  useEffect(() => {\n    setFilters(prev => ({\n      ...prev,\n      tags: tags,\n      entities: entities ?? (entity ? [entity] : undefined),\n      type,\n      status,\n      collectionId: props.collectionId,\n    }));\n    setPage(1);\n  }, [tags, entities, entity, type, status, props.collectionId]);\n\n  const onPageChange = (value: number) => {\n    setPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('page', String(value));\n      return newValue;\n    });\n  };\n\n  const loadNextPage = () => {\n    setPage(prev => prev + 1);\n  };\n\n  const onFilterChange = (changes: PostFilterChange | PostFilterChange[]) => {\n    const changesArray = Array.isArray(changes) ? changes : [changes];\n    setPage(1);\n    setFilters(prev => {\n      const newValue = { ...prev };\n      for (const { key, value } of changesArray) {\n        (newValue as any)[key] = value;\n      }\n      return newValue;\n    });\n    setSearchParams(prev => {\n      const newValue = prev;\n      for (const { key, value } of changesArray) {\n        if (!filterKeys.includes(key as FilterKey)) {\n          continue;\n        }\n        if (!value || value === 'false') {\n          newValue.delete(key);\n        } else if (Array.isArray(value)) {\n          if (value.length === 0) {\n            newValue.delete(key);\n          } else {\n            newValue.set(key, value.join(','));\n          }\n        } else if (typeof value === 'number') {\n          newValue.set(key, String(value));\n        } else if (value.length > 0) {\n          newValue.set(key, value);\n        } else {\n          newValue.delete(key);\n        }\n      }\n      return newValue;\n    });\n  };\n\n  const onSearchQueryChange = (query: string) => {\n    onPageChange(1);\n    if (query) {\n      analytics.captureEvent('qeta_search', query);\n    }\n    setSearchQuery(query);\n  };\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    let filtersApplied = false;\n    searchParams.forEach((value, key) => {\n      try {\n        if (key === 'page') {\n          const pv = Number.parseInt(value, 10);\n          if (pv > 0) {\n            setPage(pv);\n          } else {\n            setPage(1);\n          }\n        } else if (key === 'postsPerPage') {\n          const qpp = Number.parseInt(value, 10);\n          if (qpp > 0) setPostsPerPage(qpp);\n        } else if (filterKeys.includes(key as FilterKey)) {\n          filtersApplied = true;\n          if (key === 'tags') {\n            filters.tags = filterTags(value.split(',')) ?? [];\n          } else if (key === 'entities') {\n            filters.entities = value.split(',');\n          } else {\n            (filters as any)[key] = value;\n          }\n        }\n      } catch (_e) {\n        // NOOP\n      }\n    });\n    setFilters(filters);\n    if (filtersApplied) {\n      setShowFilterPanel(true);\n    }\n  }, [searchParams, filters]);\n\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(\n    api => {\n      return api.getPosts({\n        type,\n        limit: postsPerPage,\n        offset: (page - 1) * postsPerPage,\n        includeEntities: true,\n        includeAnswers: false,\n        includeComments: false,\n        includeAttachments: false,\n        includeExperts: false,\n        author,\n        favorite,\n        status,\n        ...(getFiltersWithDateRange(filters) as any),\n      });\n    },\n    [type, page, filters, postsPerPage],\n  );\n\n  useEffect(() => {\n    if (response) {\n      setPageCount(Math.ceil(response.total / postsPerPage));\n    }\n  }, [response, postsPerPage]);\n\n  const onPageSizeChange = (value: number) => {\n    if (response) {\n      let newPage = page;\n      while (newPage * value > response.total) {\n        newPage -= 1;\n      }\n      onPageChange(Math.max(1, newPage));\n    }\n    setPostsPerPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('postsPerPage', String(value));\n      return newValue;\n    });\n  };\n\n  return {\n    page,\n    setPage,\n    postsPerPage,\n    setPostsPerPage,\n    showFilterPanel,\n    setShowFilterPanel,\n    searchParams,\n    setSearchParams,\n    searchQuery,\n    setSearchQuery,\n    filters,\n    setFilters,\n    onPageChange,\n    onPageSizeChange,\n    onFilterChange,\n    onSearchQueryChange,\n    response,\n    loading,\n    error,\n    loadNextPage,\n    pageCount,\n    retry,\n  };\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"usePaginatedPosts.esm.js","sources":["../../src/hooks/usePaginatedPosts.ts"],"sourcesContent":["import { useAnalytics } from '@backstage/core-plugin-api';\nimport { useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  FilterKey,\n  filterKeys,\n  PostFilters,\n} from '../components/FilterPanel/FilterPanel';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { getFiltersWithDateRange } from '../utils';\nimport { filterTags, PostStatus } from '@drodil/backstage-plugin-qeta-common';\nimport { useQetaApi } from './useQetaApi';\n\nexport type PaginatedPostsProps = PostFilters & {\n  author?: string;\n  showFilters?: boolean;\n  showTitle?: boolean;\n  title?: string;\n  favorite?: boolean;\n  showAskButton?: boolean;\n  showWriteButton?: boolean;\n  showLinkButton?: boolean;\n  showNoQuestionsBtn?: boolean;\n  initialPageSize?: number;\n  collectionId?: number;\n  status?: PostStatus;\n};\n\nexport type PostFilterChange = {\n  key: keyof PostFilters;\n  value?: PostFilters[keyof PostFilters];\n};\n\nconst EXPANDED_LOCAL_STORAGE_KEY = 'qeta-post-filters-expanded';\n\nexport function usePaginatedPosts(props: PaginatedPostsProps) {\n  const {\n    type,\n    tags,\n    author,\n    entities,\n    entity,\n    favorite,\n    initialPageSize,\n    status,\n  } = props;\n  const analytics = useAnalytics();\n  const [page, setPage] = useState(1);\n  const pageCount = 1; // No longer using pagination\n  const [postsPerPage, setPostsPerPage] = useState(initialPageSize ?? 25);\n  const [showFilterPanel, setShowFilterPanel] = useState(\n    localStorage.getItem(EXPANDED_LOCAL_STORAGE_KEY) === 'true',\n  );\n  const [searchParams, setSearchParams] = useSearchParams();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = useState<PostFilters>({\n    order: props.order ?? 'desc',\n    orderBy: props.orderBy ?? 'created',\n    noAnswers: props.noAnswers ?? 'false',\n    noCorrectAnswer: props.noCorrectAnswer ?? 'false',\n    noVotes: props.noVotes ?? 'false',\n    searchQuery: props.searchQuery ?? '',\n    entities: entities ?? (entity ? [entity] : undefined),\n    tags: tags,\n    dateRange: '',\n    collectionId: props.collectionId,\n    status,\n    type,\n  });\n\n  const [posts, setPosts] = useState<any[]>([]);\n  const [hasMore, setHasMore] = useState(true);\n  const [total, setTotal] = useState(0);\n\n  useEffect(() => {\n    localStorage.setItem(\n      EXPANDED_LOCAL_STORAGE_KEY,\n      showFilterPanel ? 'true' : 'false',\n    );\n  }, [showFilterPanel]);\n\n  useEffect(() => {\n    setFilters(prev => ({\n      ...prev,\n      tags: tags,\n      entities: entities ?? (entity ? [entity] : undefined),\n      type,\n      status,\n      collectionId: props.collectionId,\n    }));\n    setPage(1);\n    setPosts([]);\n  }, [tags, entities, entity, type, status, props.collectionId]);\n\n  const onPageChange = (value: number) => {\n    setPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('page', String(value));\n      return newValue;\n    });\n  };\n\n  const loadNextPage = () => {\n    setPage(prev => prev + 1);\n  };\n\n  const onFilterChange = (changes: PostFilterChange | PostFilterChange[]) => {\n    const changesArray = Array.isArray(changes) ? changes : [changes];\n    setPage(1);\n    setPosts([]);\n    setFilters(prev => {\n      const newValue = { ...prev };\n      for (const { key, value } of changesArray) {\n        (newValue as any)[key] = value;\n      }\n      return newValue;\n    });\n    setSearchParams(prev => {\n      const newValue = prev;\n      for (const { key, value } of changesArray) {\n        if (!filterKeys.includes(key as FilterKey)) {\n          continue;\n        }\n        if (!value || value === 'false') {\n          newValue.delete(key);\n        } else if (Array.isArray(value)) {\n          if (value.length === 0) {\n            newValue.delete(key);\n          } else {\n            newValue.set(key, value.join(','));\n          }\n        } else if (typeof value === 'number') {\n          newValue.set(key, String(value));\n        } else if (value.length > 0) {\n          newValue.set(key, value);\n        } else {\n          newValue.delete(key);\n        }\n      }\n      return newValue;\n    });\n  };\n\n  const onSearchQueryChange = (query: string) => {\n    onPageChange(1);\n    setPosts([]);\n    if (query) {\n      analytics.captureEvent('qeta_search', query);\n    }\n    setSearchQuery(query);\n  };\n\n  useDebounce(\n    () => {\n      if (filters.searchQuery !== searchQuery) {\n        setFilters({ ...filters, searchQuery: searchQuery });\n      }\n    },\n    400,\n    [searchQuery],\n  );\n\n  useEffect(() => {\n    let filtersApplied = false;\n    searchParams.forEach((value, key) => {\n      try {\n        if (key === 'page') {\n          const pv = Number.parseInt(value, 10);\n          if (pv > 0) {\n            setPage(pv);\n          } else {\n            setPage(1);\n            setPosts([]);\n          }\n        } else if (key === 'postsPerPage') {\n          const qpp = Number.parseInt(value, 10);\n          if (qpp > 0) setPostsPerPage(qpp);\n        } else if (filterKeys.includes(key as FilterKey)) {\n          filtersApplied = true;\n          if (key === 'tags') {\n            filters.tags = filterTags(value.split(',')) ?? [];\n          } else if (key === 'entities') {\n            filters.entities = value.split(',');\n          } else {\n            (filters as any)[key] = value;\n          }\n        }\n      } catch (_e) {\n        // NOOP\n      }\n    });\n    setFilters(filters);\n    if (filtersApplied) {\n      setShowFilterPanel(true);\n    }\n  }, [searchParams, filters]);\n\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(\n    api => {\n      return api.getPosts({\n        type,\n        limit: postsPerPage,\n        offset: (page - 1) * postsPerPage,\n        includeEntities: true,\n        includeAnswers: false,\n        includeComments: false,\n        includeAttachments: false,\n        includeExperts: false,\n        author,\n        favorite,\n        status,\n        ...(getFiltersWithDateRange(filters) as any),\n      });\n    },\n    [type, page, filters, postsPerPage],\n  );\n\n  useEffect(() => {\n    if (response) {\n      if (page === 1) {\n        setPosts(response.posts);\n      } else {\n        setPosts(prev => [...prev, ...response.posts]);\n      }\n      setHasMore(response.posts.length >= postsPerPage);\n      setTotal(response.total);\n    }\n  }, [response, page, postsPerPage]);\n\n  const onPageSizeChange = (value: number) => {\n    if (response) {\n      let newPage = page;\n      while (newPage * value > response.total) {\n        newPage -= 1;\n      }\n      onPageChange(Math.max(1, newPage));\n    }\n    setPostsPerPage(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set('postsPerPage', String(value));\n      return newValue;\n    });\n  };\n\n  return {\n    page,\n    setPage,\n    postsPerPage,\n    setPostsPerPage,\n    showFilterPanel,\n    setShowFilterPanel,\n    searchParams,\n    setSearchParams,\n    searchQuery,\n    setSearchQuery,\n    filters,\n    setFilters,\n    onPageChange,\n    onPageSizeChange,\n    onFilterChange,\n    onSearchQueryChange,\n    response,\n    posts,\n    hasMore,\n    total,\n    loading,\n    error,\n    loadNextPage,\n    pageCount,\n    retry,\n    fetchNextPage: loadNextPage,\n  };\n}\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -2,7 +2,7 @@ import * as _backstage_core_plugin_api from '@backstage/core-plugin-api';
 import { IdentityApi } from '@backstage/core-plugin-api';
 import * as _backstage_frontend_plugin_api from '@backstage/frontend-plugin-api';
 import * as _drodil_backstage_plugin_qeta_common from '@drodil/backstage-plugin-qeta-common';
-import { QetaApi, PostType, PostStatus, PostResponse, Template, PostsResponse, AnswersResponse, AnswerResponse, Collection, Post, PostsQuery, CollectionResponse, TagResponse, Answer, Comment, Stat, Badge, TemplatesResponse, Article, UserResponse, AIQuery } from '@drodil/backstage-plugin-qeta-common';
+import { QetaApi, TimelineItem, PostType, PostStatus, PostResponse, Template, PostsResponse, AnswersResponse, AnswerResponse, Collection, Post, PostsQuery, CollectionResponse, TagResponse, Answer, Comment, Stat, Badge, TemplatesResponse, Article, UserResponse, AIQuery } from '@drodil/backstage-plugin-qeta-common';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { Entity, UserEntity } from '@backstage/catalog-model';
 import * as react from 'react';
@@ -44,6 +44,16 @@ declare const reviewRouteRef: _backstage_core_plugin_api.SubRouteRef<undefined>;
 
 declare const qetaApiRef: _backstage_frontend_plugin_api.ApiRef<QetaApi>;
 
+interface TimelineProps {
+    loadMore?: boolean;
+    limit?: number;
+}
+declare const Timeline: (props: TimelineProps) => react_jsx_runtime.JSX.Element;
+
+declare const TimelineItemCard: ({ item }: {
+    item: TimelineItem;
+}) => react_jsx_runtime.JSX.Element;
+
 interface TagAndEntitiesFormValues {
     tags?: string[];
     entities?: Entity[];
@@ -157,17 +167,14 @@ declare const PostList: (props: {
     loading: boolean;
     error: any;
     response?: PostsResponse;
-    onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number) => void;
-    page: number;
-    pageSize: number;
-    pageCount: number;
     entity?: string;
     tags?: string[];
     showNoQuestionsBtn?: boolean;
     entityPage?: boolean;
     type?: PostType;
     showTypeLabel?: boolean;
+    hasMore?: boolean;
+    loadNextPage?: () => void;
 }) => react_jsx_runtime.JSX.Element;
 
 interface PostListItemProps {
@@ -182,13 +189,11 @@ declare const AnswerList: (props: {
     loading: boolean;
     error: any;
     response?: AnswersResponse;
-    onPageChange: (page: number) => void;
-    onPageSizeChange: (size: number) => void;
-    page: number;
-    pageSize: number;
     entity?: string;
     tags?: string[];
     entityPage?: boolean;
+    hasMore?: boolean;
+    loadNextPage?: () => void;
 }) => react_jsx_runtime.JSX.Element;
 
 interface AnswersContainerProps {
@@ -640,9 +645,13 @@ declare const useAI: () => {
 
 declare const useCanReview: () => {
     canReview: boolean;
+    canRead: boolean;
     loading: boolean;
 };
 
+type GridType = 'posts' | 'tags' | 'entities' | 'users' | 'collections';
+declare function useGridPageSize(gridType: GridType, basePageSize?: number): number;
+
 /** @alpha */
 declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"qeta", {
     readonly "answer.questionTitle": "Q: {{question}}";
@@ -671,13 +680,28 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "statistics.topVotedAnswers.description": "People who have the highest rated answers";
     readonly "statistics.topVotedCorrectAnswers.title": "Top voted correct answers";
     readonly "statistics.topVotedCorrectAnswers.description": "People who have the highest rated correct answers";
-    readonly "code.aria": "Copy code to clipboard";
-    readonly "code.copied": "Code copied to clipboard";
     readonly pluginName: "Q&A";
     readonly "answerList.noAnswers": "No answers";
     readonly "answerList.errorLoading": "Could not load answers";
     readonly "answerList.limitSelect": "Answers per page";
+    readonly "timeline.title": "Timeline";
+    readonly "timeline.loadMore": "Load more";
+    readonly "timeline.loading": "Loading...";
+    readonly "timeline.postedQuestion": "posted question";
+    readonly "timeline.postedArticle": "posted article";
+    readonly "timeline.postedLink": "posted link";
+    readonly "timeline.updatedQuestion": "updated question";
+    readonly "timeline.updatedArticle": "updated article";
+    readonly "timeline.updatedLink": "updated link";
+    readonly "timeline.answered": "answered to";
+    readonly "timeline.commentedOnQuestion": "commented on question";
+    readonly "timeline.commentedOnArticle": "commented on article";
+    readonly "timeline.commentedOnLink": "commented on link";
+    readonly "timeline.createdCollection": "created collection";
+    readonly "timeline.noMoreItems": "No more items";
     readonly "common.post": "post";
+    readonly "common.answer": "answer";
+    readonly "common.comment": "comment";
     readonly "common.collection": "collection";
     readonly "common.favorite": "Favorite";
     readonly "common.obsolete": "Obsolete";
@@ -692,6 +716,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "common.questions": "questions";
     readonly "common.articles": "articles";
     readonly "common.search": "Search";
+    readonly "common.loading": "Loading...";
     readonly "common.experts": "Experts";
     readonly "common.tagExpert": "This user is an expert in this area";
     readonly "common.comments": "Comments";
@@ -736,7 +761,6 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "common.followersLabel_one": "follower";
     readonly "common.followersLabel_other": "followers";
     readonly "common.unsaved_changes": "You have unsaved changes. Are you sure you want to leave?";
-    readonly "common.loading": "Loading...";
     readonly "markdownEditor.write": "Write";
     readonly "markdownEditor.preview": "Preview";
     readonly "markdownEditor.uploadingImage": "Uploading image...";
@@ -750,8 +774,8 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "anonymousCheckbox.tooltip": "By enabling this, other users won't be able to see you as an author";
     readonly "anonymousCheckbox.answerAnonymously": "Answer anonymously";
     readonly "anonymousCheckbox.postAnonymously": "Post anonymously";
-    readonly "fileInput.label": "Header image";
     readonly "fileInput.preview": "Preview image";
+    readonly "fileInput.label": "Header image";
     readonly "fileInput.helperText": "URL of the header image to be used";
     readonly "fileInput.uploadHeaderImage": "Upload image";
     readonly "fileInput.dropHere": "Drop your image here";
@@ -856,9 +880,9 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "commentList.deleteLink": "delete";
     readonly "markdown.toc": "Table of contents";
     readonly "commentSection.post": "Post";
-    readonly "commentSection.input.placeholder": "Your comment";
     readonly "commentSection.addComment": "Add a comment";
     readonly "commentSection.leaveComment": "Leave a comment";
+    readonly "commentSection.input.placeholder": "Your comment";
     readonly "tagChip.nonExistingTag": "This tag does not yet exist";
     readonly "editTagModal.title": "Edit tag {{tag}}";
     readonly "editTagModal.description": "Tag description";
@@ -959,16 +983,27 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "suggestionsCard.randomPost3": "Have you seen \"{{title}}\"?";
     readonly "suggestionsCard.randomPost4": "Join the discussion on \"{{title}}\"";
     readonly "suggestionsCard.randomPost5": "Check this out: \"{{title}}\"";
+    readonly "suggestionsCard.needsReview1": "\"{{title}}\" needs a content review";
+    readonly "suggestionsCard.needsReview2": "Please review \"{{title}}\" for accuracy";
+    readonly "suggestionsCard.needsReview3": "Content review needed: \"{{title}}\"";
+    readonly "suggestionsCard.needsReview4": "Can you verify \"{{title}}\" is still valid?";
+    readonly "suggestionsCard.needsReview5": "\"{{title}}\" is due for a review";
     readonly "homePage.title": "Home";
     readonly "impactCard.reputation": "Reputation";
     readonly "impactCard.title": "Your impact";
     readonly "impactCard.error": "Failed to load impact data";
     readonly "impactCard.answers": "Answers";
+    readonly "impactCard.links": "Links";
     readonly "impactCard.questions": "Questions";
+    readonly "impactCard.articles": "Articles";
     readonly "impactCard.votes": "Votes";
     readonly "impactCard.views": "views";
     readonly "impactCard.followers": "Followers";
     readonly "impactCard.contributions": "Your contributions helped {{lastWeek}} people this week";
+    readonly "impactCard.totalContributions": "Contributions";
+    readonly "impactCard.answerScore": "Answer Score";
+    readonly "impactCard.postScore": "Post Score";
+    readonly "impactCard.correctAnswers": "Correct Answers";
     readonly "userBadges.title": "Badges";
     readonly "userBadges.error": "Failed to load badges";
     readonly "userBadges.noBadges": "No badges earned yet";
@@ -1028,7 +1063,6 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "templateSelectList.selectButton": "Choose";
     readonly "templateSelectList.genericQuestion": "Generic question";
     readonly "templateSelectList.genericQuestionDescription": "Create a generic question";
-    readonly "pagination.defaultTooltip": "Number of items";
     readonly "collectionsPage.title": "Collections";
     readonly "collectionsPage.search.label": "Search collection";
     readonly "collectionsPage.search.placeholder": "Search...";
@@ -1062,6 +1096,8 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "authorBox.updatedBy": "by";
     readonly "authorBox.answeredAtTime": "Answered";
     readonly "authorBox.correctAnswer": "Correct answer";
+    readonly "code.aria": "Copy code to clipboard";
+    readonly "code.copied": "Code copied to clipboard";
     readonly "voteButtons.post.own": "You cannot vote your own {{type}}";
     readonly "voteButtons.post.good": "This {{type}} is good";
     readonly "voteButtons.post.bad": "This {{type}} is not good";
@@ -1105,16 +1141,16 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "filterPanel.orderBy.links": "Links";
     readonly "filterPanel.orderBy.questions": "Questions";
     readonly "filterPanel.orderBy.articles": "Articles";
-    readonly "filterPanel.orderBy.label": "Order by";
     readonly "filterPanel.orderBy.votes": "Votes";
     readonly "filterPanel.orderBy.clicks": "Clicks";
     readonly "filterPanel.orderBy.views": "Views";
     readonly "filterPanel.orderBy.followers": "Followers";
+    readonly "filterPanel.orderBy.label": "Order by";
     readonly "filterPanel.orderBy.rank": "Rank";
     readonly "filterPanel.orderBy.trend": "Trend";
     readonly "filterPanel.order.label": "Order";
-    readonly "filterPanel.order.desc": "Descending";
     readonly "filterPanel.order.asc": "Ascending";
+    readonly "filterPanel.order.desc": "Descending";
     readonly "filterPanel.filters.tag.label": "Tag";
     readonly "filterPanel.filters.tag.placeholder": "Type or select tag";
     readonly "filterPanel.filters.label": "Filters";
@@ -1123,8 +1159,8 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "postsList.errorLoading": "Could not load {{itemType}}s";
     readonly "postsList.postsPerPage": "{{itemType}}s per page";
     readonly "postsContainer.title.favorite": "Your favorite {{itemType}}s";
-    readonly "postsContainer.title.by": "{{itemType}}s by";
     readonly "postsContainer.title.about": "{{itemType}}s about";
+    readonly "postsContainer.title.by": "{{itemType}}s by";
     readonly "postsContainer.title.tagged": "{{itemType}} tagged with {{tags}}";
     readonly "postsContainer.search.label": "Search {{itemType}}";
     readonly "postsContainer.search.placeholder": "Search...";
@@ -1191,11 +1227,14 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "stats.links": "Links";
     readonly "stats.questions": "Questions";
     readonly "stats.articles": "Articles";
+    readonly "stats.tooltip": "Chart Tooltip";
     readonly "stats.comments": "Comments";
     readonly "stats.votes": "Votes";
     readonly "stats.views": "Views";
     readonly "stats.followers": "Followers";
-    readonly "stats.tooltip": "Chart Tooltip";
+    readonly "stats.answerScore": "Answer score";
+    readonly "stats.postScore": "Post score";
+    readonly "stats.correctAnswers": "Correct answers";
     readonly "stats.noStats": "No statistics available. Check back later!";
     readonly "stats.barChart": "Bar Chart";
     readonly "stats.lineChart": "Line Chart";
@@ -1206,9 +1245,6 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "stats.totalUsers": "Total users";
     readonly "stats.totalTags": "Total tags";
     readonly "stats.totalFollowers": "Total followers";
-    readonly "stats.answerScore": "Answer score";
-    readonly "stats.postScore": "Post score";
-    readonly "stats.correctAnswers": "Correct answers";
     readonly "collectionButton.follow": "Follow";
     readonly "collectionButton.tooltip": "By following a collection, you will get notified when ever a new post is added to the collection";
     readonly "collectionButton.unfollow": "Unfollow";
@@ -1236,10 +1272,6 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "contentHealth.reviewHistory": "Review History";
     readonly "reviewPage.title": "Review";
     readonly "reviewPage.description": "Review posts that are possibly outdated.";
-    readonly "reviewPage.dialog.title": "Mark Post as Obsolete";
-    readonly "reviewPage.dialog.cancel": "Cancel";
-    readonly "reviewPage.dialog.commentLabel": "Comment (Optional)";
-    readonly "reviewPage.dialog.confirm": "Mark as Obsolete";
     readonly "reviewPage.table.author": "Author";
     readonly "reviewPage.table.score": "Health Score";
     readonly "reviewPage.table.created": "Created";
@@ -1249,6 +1281,10 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "reviewPage.errorLoading": "Could not load posts for review";
     readonly "reviewPage.actions.markValid": "Mark Valid";
     readonly "reviewPage.actions.markObsolete": "Mark Obsolete";
+    readonly "reviewPage.dialog.title": "Mark Post as Obsolete";
+    readonly "reviewPage.dialog.cancel": "Cancel";
+    readonly "reviewPage.dialog.commentLabel": "Comment (Optional)";
+    readonly "reviewPage.dialog.confirm": "Mark as Obsolete";
 }>;
 declare const qetaTranslations: _backstage_frontend_plugin_api.TranslationResource<"qeta">;
 
@@ -1264,8 +1300,6 @@ type QetaCommentSectionClassKey = 'root' | 'addCommentButton' | 'commentSection'
 
 type QetaSearchBarClassKeys = 'root' | 'input' | 'iconButton' | 'divider' | 'searchIcon' | 'loadingIcon';
 
-type QetaPaginationClassKeys = 'root' | 'pageSizeSelect' | 'pagination';
-
 type QetaComponentsNameToClassKey = {
     QetaArticleButtons: QetaArticleButtonsClassKey;
     QetaMarkdownContent: QetaMarkdownContentClassKey;
@@ -1276,7 +1310,6 @@ type QetaComponentsNameToClassKey = {
     QetaCommentList: QetaCommentListClassKey;
     QetaCommentSection: QetaCommentSectionClassKey;
     QetaSearchBar: QetaSearchBarClassKeys;
-    QetaPagination: QetaPaginationClassKeys;
     QetaQuestionCard: QuestionCardClassKeys;
     QetaAnswerCard: AnswerCardClassKeys;
 };
@@ -1284,4 +1317,4 @@ type QetaOverrides = Overrides & {
     [Name in keyof QetaComponentsNameToClassKey]?: Partial<StyleRules<QetaComponentsNameToClassKey[Name]>>;
 };
 
-export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerList, AnswerListItem, AnswersContainer, ArticleContent, AskQuestionButton, AuthorLink, BadgeChip, ButtonContainer, CollectionFollowButton, CollectionForm, CollectionsGrid, ContentHeader, ContentHeaderButton, ContentHeaderCard, type ContentHeaderCardProps, type ContentHeaderProps, CreateCollectionButton, CreateLinkButton, DeleteModal, DeletedBanner, DraftBanner, EntitiesGrid, EntityFollowButton, FaviconItem, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, FollowedUsersList, ImpactCard, LeftMenu, LeftMenuButton, LinkCard, MarkdownRenderer, ObsoleteBanner, ObsoleteModal, OpenLinkButton, PostForm, type PostGridProps, PostHighlightList, PostHighlightListContainer, PostHighlightListContent, PostList, PostListItem, PostsCard, PostsContainer, type PostsContainerProps, PostsGrid, PostsTable, QetaContext, type QetaContextProps, type QetaOverrides, QetaProvider, QuestionCard, type QuestionFormValues, QuestionsTable, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, StatusChip, SuggestionsCard, type TagAndEntitiesFormValues, TagFollowButton, TagsGrid, type TemplateFormValues, TemplateList, TopRankingUsers, TrophyIcon, UpdatedByLink, UserBadges, UserFollowButton, UserLink, UsersGrid, ValidReviewModal, ViewToggle, type ViewType, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, createLinkRouteRef, editArticleRouteRef, editLinkRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, linkRouteRef, linksRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, qetaTranslationRef, qetaTranslations, questionRouteRef, questionsRouteRef, reviewRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCanReview, useCollectionsFollow, useEntityAuthor, useEntityFollow, useIdentityApi, useIsModerator, useQetaApi, useQetaContext, useTagsFollow, useUserFollow, useUserInfo, userRouteRef, usersRouteRef, writeRouteRef };
+export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerList, AnswerListItem, AnswersContainer, ArticleContent, AskQuestionButton, AuthorLink, BadgeChip, ButtonContainer, CollectionFollowButton, CollectionForm, CollectionsGrid, ContentHeader, ContentHeaderButton, ContentHeaderCard, type ContentHeaderCardProps, type ContentHeaderProps, CreateCollectionButton, CreateLinkButton, DeleteModal, DeletedBanner, DraftBanner, EntitiesGrid, EntityFollowButton, FaviconItem, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, FollowedUsersList, type GridType, ImpactCard, LeftMenu, LeftMenuButton, LinkCard, MarkdownRenderer, ObsoleteBanner, ObsoleteModal, OpenLinkButton, PostForm, type PostGridProps, PostHighlightList, PostHighlightListContainer, PostHighlightListContent, PostList, PostListItem, PostsCard, PostsContainer, type PostsContainerProps, PostsGrid, PostsTable, QetaContext, type QetaContextProps, type QetaOverrides, QetaProvider, QuestionCard, type QuestionFormValues, QuestionsTable, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, StatusChip, SuggestionsCard, type TagAndEntitiesFormValues, TagFollowButton, TagsGrid, type TemplateFormValues, TemplateList, Timeline, TimelineItemCard, TopRankingUsers, TrophyIcon, UpdatedByLink, UserBadges, UserFollowButton, UserLink, UsersGrid, ValidReviewModal, ViewToggle, type ViewType, WriteArticleButton, articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, createLinkRouteRef, editArticleRouteRef, editLinkRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, linkRouteRef, linksRouteRef, moderatorRouteRef, qetaApiRef, qetaRouteRef, qetaTranslationRef, qetaTranslations, questionRouteRef, questionsRouteRef, reviewRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCanReview, useCollectionsFollow, useEntityAuthor, useEntityFollow, useGridPageSize, useIdentityApi, useIsModerator, useQetaApi, useQetaContext, useTagsFollow, useUserFollow, useUserInfo, userRouteRef, usersRouteRef, writeRouteRef };

package/dist/index.esm.js

@@ -1,5 +1,7 @@
 export { articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, createLinkRouteRef, editArticleRouteRef, editLinkRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, linkRouteRef, linksRouteRef, moderatorRouteRef, qetaRouteRef, questionRouteRef, questionsRouteRef, reviewRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, userRouteRef, usersRouteRef, writeRouteRef } from './routes.esm.js';
 export { qetaApiRef } from './api.esm.js';
+export { Timeline } from './components/Timeline/Timeline.esm.js';
+export { TimelineItemCard } from './components/Timeline/TimelineItem.esm.js';
 export { PostForm } from './components/PostForm/PostForm.esm.js';
 export { PostsContainer } from './components/PostsContainer/PostsContainer.esm.js';
 export { PostList } from './components/PostsContainer/PostList.esm.js';
@@ -78,5 +80,6 @@ export { useCollectionsFollow } from './hooks/useCollectionsFollow.esm.js';
 export { useIsModerator } from './hooks/useIsModerator.esm.js';
 export { useAI } from './hooks/useAI.esm.js';
 export { useCanReview } from './hooks/useCanReview.esm.js';
+export { useGridPageSize } from './hooks/useGridPageSize.esm.js';
 export { qetaTranslationRef, qetaTranslations } from './translation.esm.js';
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.esm.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/translation.esm.js

@@ -9,6 +9,23 @@ const qetaTranslationRef = createTranslationRef({
       noAnswers: "No answers",
       limitSelect: "Answers per page"
     },
+    timeline: {
+      title: "Timeline",
+      loadMore: "Load more",
+      loading: "Loading...",
+      postedQuestion: "posted question",
+      postedArticle: "posted article",
+      postedLink: "posted link",
+      updatedQuestion: "updated question",
+      updatedArticle: "updated article",
+      updatedLink: "updated link",
+      answered: "answered to",
+      commentedOnQuestion: "commented on question",
+      commentedOnArticle: "commented on article",
+      commentedOnLink: "commented on link",
+      createdCollection: "created collection",
+      noMoreItems: "No more items"
+    },
     common: {
       post: "post",
       experts: "Experts",
@@ -19,6 +36,8 @@ const qetaTranslationRef = createTranslationRef({
       link: "link",
       links: "links",
       collection: "collection",
+      comment: "comment",
+      answer: "answer",
       score: "{{score}} score",
       comments: "Comments",
       answers: "answers",
@@ -393,7 +412,12 @@ const qetaTranslationRef = createTranslationRef({
       randomPost2: 'What do you think about "{{title}}"?',
       randomPost3: 'Have you seen "{{title}}"?',
       randomPost4: 'Join the discussion on "{{title}}"',
-      randomPost5: 'Check this out: "{{title}}"'
+      randomPost5: 'Check this out: "{{title}}"',
+      needsReview1: '"{{title}}" needs a content review',
+      needsReview2: 'Please review "{{title}}" for accuracy',
+      needsReview3: 'Content review needed: "{{title}}"',
+      needsReview4: 'Can you verify "{{title}}" is still valid?',
+      needsReview5: '"{{title}}" is due for a review'
     },
     homePage: {
       title: "Home"
@@ -403,11 +427,17 @@ const qetaTranslationRef = createTranslationRef({
       views: "views",
       error: "Failed to load impact data",
       contributions: "Your contributions helped {{lastWeek}} people this week",
+      totalContributions: "Contributions",
       votes: "Votes",
       questions: "Questions",
       answers: "Answers",
+      articles: "Articles",
+      links: "Links",
       followers: "Followers",
-      reputation: "Reputation"
+      reputation: "Reputation",
+      answerScore: "Answer Score",
+      postScore: "Post Score",
+      correctAnswers: "Correct Answers"
     },
     userBadges: {
       title: "Badges",
@@ -512,9 +542,6 @@ const qetaTranslationRef = createTranslationRef({
       genericQuestion: "Generic question",
       genericQuestionDescription: "Create a generic question"
     },
-    pagination: {
-      defaultTooltip: "Number of items"
-    },
     collectionsPage: {
       title: "Collections",
       search: {