@drodil/backstage-plugin-qeta-react 3.52.6 → 3.53.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"useQetaEntities.esm.js","sources":["../../src/hooks/useQetaEntities.ts"],"sourcesContent":["import { useAnalytics } from '@backstage/core-plugin-api';\nimport { useEffect, useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport useDebounce from 'react-use/lib/useDebounce';\nimport { useQetaApi } from './useQetaApi';\nimport { QetaApi } from '@drodil/backstage-plugin-qeta-common';\nimport { filterKeys as globalFilterKeys } from '../components/FilterPanel/FilterPanel';\nimport { filterTags } from '@drodil/backstage-plugin-qeta-common';\nimport { useUserSettings } from './useUserSettings';\n\nexport type QetaEntitiesProps<T, F> = {\n  fetch: (\n    api: QetaApi,\n    limit: number,\n    offset: number,\n    filters: F,\n  ) => Promise<{ items: T[]; total: number }>;\n  initialFilters: F;\n  prefix: string;\n  defaultPageSize?: number;\n  filterKeys?: string[];\n  fetchDeps?: any[];\n  getKey?: (item: T) => string | number;\n  usePagination?: boolean;\n};\n\nexport type FilterChange<F> = {\n  key: keyof F;\n  value?: F[keyof F] | string | string[];\n};\n\nexport function useQetaEntities<T, F>(props: QetaEntitiesProps<T, F>) {\n  const {\n    fetch,\n    initialFilters,\n    prefix,\n    defaultPageSize,\n    filterKeys,\n    fetchDeps,\n    getKey,\n    usePagination,\n  } = props;\n  const analytics = useAnalytics();\n  const [page, setPage] = useState(1);\n  const [pageSize, setPageSize] = useState(defaultPageSize ?? 24);\n  const { getSetting, setSetting } = useUserSettings();\n  const [showFilterPanel, setShowFilterPanel] = useState(\n    getSetting('filterPanelExpanded')[prefix] ?? false,\n  );\n  const [searchParams, setSearchParams] = useSearchParams();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [filters, setFilters] = useState<F>(initialFilters);\n\n  const [items, setItems] = useState<T[]>([]);\n  const [hasMore, setHasMore] = useState(true);\n  const [total, setTotal] = useState(0);\n\n  useEffect(() => {\n    if (defaultPageSize) {\n      setPageSize(defaultPageSize);\n    }\n  }, [defaultPageSize]);\n\n  useEffect(() => {\n    const currentExpanded = getSetting('filterPanelExpanded');\n    setSetting('filterPanelExpanded', {\n      ...currentExpanded,\n      [prefix]: showFilterPanel,\n    });\n  }, [showFilterPanel, prefix, getSetting, setSetting]);\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: FilterChange<F> | FilterChange<F>[]) => {\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        const allowedKeys = filterKeys ?? globalFilterKeys;\n        if (!allowedKeys.includes(key as any)) {\n          continue;\n        }\n        if (!value || value === 'false') {\n          newValue.delete(key as string);\n        } else if (Array.isArray(value)) {\n          if (value.length === 0) {\n            newValue.delete(key as string);\n          } else {\n            newValue.set(key as string, value.join(','));\n          }\n        } else if (typeof value === 'number') {\n          newValue.set(key as string, String(value));\n        } else if ((value as any).length > 0) {\n          newValue.set(key as string, value as any);\n        } else {\n          newValue.delete(key as string);\n        }\n      }\n      return newValue;\n    });\n  };\n\n  const onSearchQueryChange = (query: string) => {\n    onPageChange(1);\n    if (query) {\n      analytics.captureEvent(`qeta_search_${prefix}`, query);\n    }\n    setSearchQuery(query);\n  };\n\n  useDebounce(\n    () => {\n      if ((filters as any).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            setItems([]);\n          }\n        } else if (key === `${prefix}PerPage`) {\n          const qpp = Number.parseInt(value, 10);\n          if (qpp > 0) setPageSize(qpp);\n        } else if ((filterKeys ?? globalFilterKeys).includes(key as any)) {\n          filtersApplied = true;\n          if (key === 'tags') {\n            (filters as any).tags = filterTags(value.split(',')) ?? [];\n          } else if (key === 'entities') {\n            (filters as any).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    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchParams, filterKeys, prefix]);\n\n  const {\n    value: response,\n    loading,\n    error,\n    retry,\n  } = useQetaApi(\n    api => {\n      return fetch(api, pageSize, (page - 1) * pageSize, filters);\n    },\n    [page, filters, pageSize, ...(fetchDeps ?? [])],\n  );\n\n  useEffect(() => {\n    if (response) {\n      if (page === 1 || usePagination) {\n        setItems(response.items);\n      } else {\n        setItems(prev => {\n          const newItems = response.items.filter(\n            newItem =>\n              !prev.some(prevItem => {\n                if (getKey) {\n                  return getKey(prevItem) === getKey(newItem);\n                }\n                return (prevItem as any).id === (newItem as any).id;\n              }),\n          );\n          return [...prev, ...newItems];\n        });\n      }\n      setHasMore((response.items ?? []).length >= pageSize);\n      setTotal(response.total);\n    }\n  }, [response, page, pageSize, getKey, usePagination]);\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    setPageSize(value);\n    setSearchParams(prev => {\n      const newValue = prev;\n      newValue.set(`${prefix}PerPage`, String(value));\n      return newValue;\n    });\n  };\n\n  return {\n    page,\n    setPage,\n    pageSize,\n    setPageSize,\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    items:\n      (page === 1 || usePagination) && !loading && response\n        ? response.items\n        : items,\n    hasMore,\n    total,\n    loading,\n    error,\n    loadNextPage,\n    retry,\n    fetchNextPage: loadNextPage,\n  };\n}\n"],"names":["filterKeys","globalFilterKeys"],"mappings":"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"}

package/dist/hooks/useUserSettings.esm.js

@@ -0,0 +1,83 @@
+import { useApi, storageApiRef } from '@backstage/core-plugin-api';
+import { useState, useRef, useEffect, useCallback } from 'react';
+
+const DEFAULT_SETTINGS = {
+  autoSaveEnabled: false,
+  filterPanelExpanded: {},
+  viewType: {},
+  aiAnswerExpanded: false,
+  usePagination: false
+};
+const BUCKET_KEY = "qeta";
+const STORAGE_KEY = "qeta-user-settings";
+const useUserSettings = () => {
+  const storageApi = useApi(storageApiRef);
+  const [settings, setSettings] = useState(DEFAULT_SETTINGS);
+  const [isLoaded, setIsLoaded] = useState(false);
+  const settingsRef = useRef(DEFAULT_SETTINGS);
+  useEffect(() => {
+    settingsRef.current = settings;
+  }, [settings]);
+  useEffect(() => {
+    const bucket = storageApi.forBucket(BUCKET_KEY);
+    const snapshot = bucket.snapshot(STORAGE_KEY);
+    const stored = snapshot.value;
+    if (stored) {
+      setSettings(stored);
+    }
+    setIsLoaded(true);
+    const subscription = bucket.observe$(STORAGE_KEY).subscribe({
+      next: (newSnapshot) => {
+        const value = newSnapshot.value;
+        if (value) {
+          setSettings(value);
+        } else {
+          setSettings(DEFAULT_SETTINGS);
+        }
+      }
+    });
+    return () => {
+      subscription.unsubscribe();
+    };
+  }, [storageApi]);
+  const updateSettings = useCallback(
+    async (updates) => {
+      const bucket = storageApi.forBucket(BUCKET_KEY);
+      const snapshot = bucket.snapshot(STORAGE_KEY);
+      const currentSettings = snapshot.value || DEFAULT_SETTINGS;
+      const newSettings = {
+        ...currentSettings,
+        ...updates
+      };
+      await bucket.set(STORAGE_KEY, newSettings);
+    },
+    [storageApi]
+  );
+  const getSetting = useCallback(
+    (key) => {
+      return settingsRef.current[key];
+    },
+    []
+  );
+  const setSetting = useCallback(
+    async (key, value) => {
+      await updateSettings({ [key]: value });
+    },
+    [updateSettings]
+  );
+  const resetSettings = useCallback(async () => {
+    const bucket = storageApi.forBucket("qeta");
+    await bucket.set(STORAGE_KEY, DEFAULT_SETTINGS);
+  }, [storageApi]);
+  return {
+    settings,
+    updateSettings,
+    getSetting,
+    setSetting,
+    resetSettings,
+    isLoaded
+  };
+};
+
+export { useUserSettings };
+//# sourceMappingURL=useUserSettings.esm.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUserSettings.esm.js","sources":["../../src/hooks/useUserSettings.ts"],"sourcesContent":["import { useApi } from '@backstage/core-plugin-api';\nimport { storageApiRef } from '@backstage/core-plugin-api';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { ViewType } from '../components/ViewToggle/ViewToggle';\n\nexport type UserSettings = {\n  autoSaveEnabled: boolean;\n  filterPanelExpanded: Record<string, boolean>;\n  viewType: Record<string, ViewType>;\n  aiAnswerExpanded: boolean;\n  usePagination: boolean;\n};\n\nconst DEFAULT_SETTINGS: UserSettings = {\n  autoSaveEnabled: false,\n  filterPanelExpanded: {},\n  viewType: {},\n  aiAnswerExpanded: false,\n  usePagination: false,\n};\n\nconst BUCKET_KEY = 'qeta';\nconst STORAGE_KEY = 'qeta-user-settings';\n\nexport const useUserSettings = () => {\n  const storageApi = useApi(storageApiRef);\n  const [settings, setSettings] = useState<UserSettings>(DEFAULT_SETTINGS);\n  const [isLoaded, setIsLoaded] = useState(false);\n  const settingsRef = useRef<UserSettings>(DEFAULT_SETTINGS);\n\n  useEffect(() => {\n    settingsRef.current = settings;\n  }, [settings]);\n\n  useEffect(() => {\n    const bucket = storageApi.forBucket(BUCKET_KEY);\n    const snapshot = bucket.snapshot(STORAGE_KEY);\n    const stored = snapshot.value as UserSettings | undefined;\n\n    if (stored) {\n      setSettings(stored);\n    }\n\n    setIsLoaded(true);\n\n    const subscription = bucket.observe$<UserSettings>(STORAGE_KEY).subscribe({\n      next: newSnapshot => {\n        const value = newSnapshot.value as UserSettings | undefined;\n        if (value) {\n          setSettings(value);\n        } else {\n          setSettings(DEFAULT_SETTINGS);\n        }\n      },\n    });\n\n    return () => {\n      subscription.unsubscribe();\n    };\n  }, [storageApi]);\n\n  const updateSettings = useCallback(\n    async (updates: Partial<UserSettings>) => {\n      const bucket = storageApi.forBucket(BUCKET_KEY);\n      const snapshot = bucket.snapshot(STORAGE_KEY);\n      const currentSettings =\n        (snapshot.value as UserSettings) || DEFAULT_SETTINGS;\n      const newSettings = {\n        ...currentSettings,\n        ...(updates as Partial<UserSettings>),\n      };\n      await bucket.set(STORAGE_KEY, newSettings);\n    },\n    [storageApi],\n  );\n\n  const getSetting = useCallback(\n    <K extends keyof UserSettings>(key: K): UserSettings[K] => {\n      return settingsRef.current[key];\n    },\n    [],\n  );\n\n  const setSetting = useCallback(\n    async <K extends keyof UserSettings>(\n      key: K,\n      value: UserSettings[K],\n    ): Promise<void> => {\n      await updateSettings({ [key]: value } as Partial<UserSettings>);\n    },\n    [updateSettings],\n  );\n\n  const resetSettings = useCallback(async () => {\n    const bucket = storageApi.forBucket('qeta');\n    await bucket.set(STORAGE_KEY, DEFAULT_SETTINGS);\n  }, [storageApi]);\n\n  return {\n    settings,\n    updateSettings,\n    getSetting,\n    setSetting,\n    resetSettings,\n    isLoaded,\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, 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 { QetaApi, TimelineItem, PostType, PostStatus, PostResponse, Template, AnswerResponse, Collection, Post, PostsQuery, CollectionResponse, TagResponse, Answer, Comment, Stat, Badge, EntityResponse, UserResponse, TemplatesResponse, Article, 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';
@@ -10,7 +10,9 @@ import { CSSProperties, ReactNode, KeyboardEvent, MouseEvent, Dispatch, SetState
 import { LinkProps } from '@backstage/core-components';
 import { SvgIconProps } from '@material-ui/core';
 import { PluggableList } from 'unified';
+import * as _material_ui_styles from '@material-ui/styles';
 import * as react_use_lib_useAsyncFn from 'react-use/lib/useAsyncFn';
+import * as react_router_dom from 'react-router-dom';
 import { Overrides } from '@material-ui/core/styles/overrides';
 import { StyleRules } from '@material-ui/core/styles/withStyles';
 
@@ -41,6 +43,7 @@ declare const entitiesRouteRef: _backstage_core_plugin_api.SubRouteRef<undefined
 declare const entityRouteRef: _backstage_core_plugin_api.SubRouteRef<_backstage_core_plugin_api.PathParams<"/entities/:entityRef">>;
 declare const moderatorRouteRef: _backstage_core_plugin_api.SubRouteRef<undefined>;
 declare const reviewRouteRef: _backstage_core_plugin_api.SubRouteRef<undefined>;
+declare const settingsRouteRef: _backstage_core_plugin_api.SubRouteRef<undefined>;
 
 declare const qetaApiRef: _backstage_frontend_plugin_api.ApiRef<QetaApi>;
 
@@ -102,19 +105,6 @@ type Filters = {
     dateRange?: string;
     status?: PostStatus;
 };
-type PostFilters = Filters & {
-    orderBy?: 'rank' | 'created' | 'title' | 'views' | 'score' | 'trend' | 'answersCount' | 'updated';
-    noAnswers?: 'true' | 'false';
-    noCorrectAnswer?: 'true' | 'false';
-    noVotes?: 'true' | 'false';
-    collectionId?: number;
-    type?: PostType;
-    entities?: string[];
-    tags?: string[];
-    tagsRelation?: 'and' | 'or';
-    entitiesRelation?: 'and' | 'or';
-    status?: PostStatus;
-};
 type Change<T extends Filters> = {
     key: keyof T;
     value?: string | string[];
@@ -139,7 +129,9 @@ interface ViewToggleProps {
 }
 declare const ViewToggle: ({ view, onChange }: ViewToggleProps) => react_jsx_runtime.JSX.Element;
 
-type PaginatedPostsProps = PostFilters & {
+type PostsContainerProps = {
+    type?: PostType;
+    tags?: string[];
     author?: string;
     showFilters?: boolean;
     showTitle?: boolean;
@@ -149,52 +141,41 @@ type PaginatedPostsProps = PostFilters & {
     showWriteButton?: boolean;
     showLinkButton?: boolean;
     showNoQuestionsBtn?: boolean;
-    initialPageSize?: number;
     collectionId?: number;
-    status?: PostStatus;
-};
-
-type PostsContainerProps = PaginatedPostsProps & {
+    initialPageSize?: number;
     entity?: string;
     filterPanelProps?: CommonFilterPanelProps;
     showTypeLabel?: boolean;
+    allowRanking?: boolean;
+    defaultView?: ViewType;
     view?: ViewType;
     onViewChange?: (view: ViewType) => void;
+    status?: string;
+    prefix?: string;
+    orderBy?: 'rank' | 'created' | 'title' | 'views' | 'score' | 'trend' | 'answersCount' | 'updated';
 };
 declare const PostsContainer: (props: PostsContainerProps) => react_jsx_runtime.JSX.Element;
 
-declare const PostList: (props: {
-    loading: boolean;
-    error: any;
-    response?: PostsResponse;
-    entity?: string;
-    tags?: string[];
-    showNoQuestionsBtn?: boolean;
-    entityPage?: boolean;
-    type?: PostType;
-    showTypeLabel?: boolean;
-    hasMore?: boolean;
-    loadNextPage?: () => void;
-}) => react_jsx_runtime.JSX.Element;
-
 interface PostListItemProps {
     post: PostResponse;
     entity?: string;
     type?: PostType;
     showTypeLabel?: boolean;
+    allowRanking?: boolean;
+    onRankUpdate?: () => void;
+    collectionId?: number;
 }
 declare const PostListItem: (props: PostListItemProps) => react_jsx_runtime.JSX.Element;
 
-declare const AnswerList: (props: {
-    loading: boolean;
-    error: any;
-    response?: AnswersResponse;
+interface PostsGridItemProps {
+    post: PostResponse;
     entity?: string;
-    tags?: string[];
-    entityPage?: boolean;
-    hasMore?: boolean;
-    loadNextPage?: () => void;
-}) => react_jsx_runtime.JSX.Element;
+    type?: PostType;
+    allowRanking?: boolean;
+    onRankUpdate?: () => void;
+    collectionId?: number;
+}
+declare const PostsGridItem: (props: PostsGridItemProps) => react_jsx_runtime.JSX.Element;
 
 interface AnswersContainerProps {
     tags?: string[];
@@ -203,6 +184,7 @@ interface AnswersContainerProps {
     showFilters?: boolean;
     showTitle?: boolean;
     title?: string;
+    prefix?: string;
 }
 declare const AnswersContainer: (props: AnswersContainerProps) => react_jsx_runtime.JSX.Element;
 
@@ -212,6 +194,12 @@ interface AnswerListItemProps {
 }
 declare const AnswerListItem: (props: AnswerListItemProps) => react_jsx_runtime.JSX.Element;
 
+interface AnswersGridItemProps {
+    answer: AnswerResponse;
+    entity?: string;
+}
+declare const AnswersGridItem: (props: AnswersGridItemProps) => react_jsx_runtime.JSX.Element;
+
 declare const AskQuestionButton: (props: {
     entity?: string;
     tags?: string[];
@@ -274,6 +262,13 @@ interface ContentHeaderButtonProps {
 }
 declare const ContentHeaderButton: (props: ContentHeaderButtonProps) => react_jsx_runtime.JSX.Element;
 
+interface RankingButtonsProps {
+    postId: number;
+    collectionId: number | undefined;
+    onRankUpdate?: () => void;
+}
+declare const RankingButtons: (props: RankingButtonsProps) => react_jsx_runtime.JSX.Element | null;
+
 declare const PostHighlightListContent: (props: {
     loading?: boolean;
     error?: any;
@@ -421,19 +416,61 @@ declare const TopRankingUsers: (props: {
 
 declare const TrophyIcon: (props: SvgIconProps) => react_jsx_runtime.JSX.Element;
 
-declare const TagsGrid: () => react_jsx_runtime.JSX.Element;
+declare const TagsContainer: (props: {
+    filterPanelProps?: CommonFilterPanelProps;
+    defaultView?: ViewType;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const EntitiesGrid: () => react_jsx_runtime.JSX.Element;
+declare const TagGridItem: (props: {
+    tag: TagResponse;
+    onTagEdit: () => void;
+    isModerator?: boolean;
+}) => react_jsx_runtime.JSX.Element;
 
-declare const UsersGrid: () => react_jsx_runtime.JSX.Element;
+declare const TagListItem: (props: {
+    tag: TagResponse;
+    onTagEdit: () => void;
+    isModerator?: boolean;
+}) => react_jsx_runtime.JSX.Element;
 
-type PostGridProps = PaginatedPostsProps & {
-    allowRanking?: boolean;
+declare const CreateTagModal: (props: {
+    open: boolean;
+    onClose: () => void;
+    isModerator?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const EditTagModal: (props: {
+    tag: TagResponse;
+    open: boolean;
+    onClose: () => void;
+    isModerator?: boolean;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const EntitiesContainer: (props: {
     filterPanelProps?: CommonFilterPanelProps;
-    view?: ViewType;
-    onViewChange?: (view: ViewType) => void;
-};
-declare const PostsGrid: (props: PostGridProps) => react_jsx_runtime.JSX.Element;
+    defaultView?: ViewType;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const EntitiesGridItem: (props: {
+    entity: EntityResponse;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const EntityListItem: (props: {
+    entity: EntityResponse;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const UsersContainer: (props: {
+    filterPanelProps?: CommonFilterPanelProps;
+    defaultView?: ViewType;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const UsersGridItem: (props: {
+    user: UserResponse;
+}) => react_jsx_runtime.JSX.Element;
+
+declare const UserListItem: (props: {
+    user: UserResponse;
+}) => react_jsx_runtime.JSX.Element;
 
 type QetaArticleContentClassKey = 'content' | 'headerImage' | 'commentSection' | 'commentSectionContainer';
 declare const ArticleContent: (props: {
@@ -447,12 +484,12 @@ type CollectionFormProps = {
 };
 declare const CollectionForm: (props: CollectionFormProps) => react_jsx_runtime.JSX.Element;
 
-type CollectionsGridProps = {
-    owner?: string;
-    showFilters?: boolean;
+declare const CollectionsContainer: (props: {
     filterPanelProps?: CommonFilterPanelProps;
-};
-declare const CollectionsGrid: (props: CollectionsGridProps) => react_jsx_runtime.JSX.Element;
+    defaultView?: ViewType;
+    owner?: string;
+    prefix?: string;
+}) => react_jsx_runtime.JSX.Element;
 
 declare const LeftMenu: (props: {
     onKeyDown?: (event: KeyboardEvent) => void;
@@ -577,6 +614,21 @@ declare function useQetaApi<T>(f: (api: QetaApi) => Promise<T>, deps?: any[]): {
     value: T;
 };
 
+declare function useVoting(resp: PostResponse | AnswerResponse): {
+    entity: _drodil_backstage_plugin_qeta_common.Post | _drodil_backstage_plugin_qeta_common.Answer;
+    ownVote: number;
+    correctAnswer: boolean;
+    score: number;
+    voteUp: () => void;
+    voteDown: () => void;
+    toggleCorrectAnswer: () => void;
+    voteUpTooltip: string;
+    voteDownTooltip: string;
+    correctTooltip: string;
+};
+
+declare const useListItemStyles: (props?: any) => _material_ui_styles.ClassNameMap<"root">;
+
 declare const useTagsFollow: () => {
     tags: string[];
     followTag: (tag: string) => void;
@@ -652,6 +704,70 @@ declare const useCanReview: () => {
 type GridType = 'posts' | 'tags' | 'entities' | 'users' | 'collections';
 declare function useGridPageSize(gridType: GridType, basePageSize?: number): number;
 
+type QetaEntitiesProps<T, F> = {
+    fetch: (api: QetaApi, limit: number, offset: number, filters: F) => Promise<{
+        items: T[];
+        total: number;
+    }>;
+    initialFilters: F;
+    prefix: string;
+    defaultPageSize?: number;
+    filterKeys?: string[];
+    fetchDeps?: any[];
+    getKey?: (item: T) => string | number;
+    usePagination?: boolean;
+};
+type FilterChange<F> = {
+    key: keyof F;
+    value?: F[keyof F] | string | string[];
+};
+declare function useQetaEntities<T, F>(props: QetaEntitiesProps<T, F>): {
+    page: number;
+    setPage: react.Dispatch<react.SetStateAction<number>>;
+    pageSize: number;
+    setPageSize: react.Dispatch<react.SetStateAction<number>>;
+    showFilterPanel: boolean;
+    setShowFilterPanel: react.Dispatch<react.SetStateAction<boolean>>;
+    searchParams: URLSearchParams;
+    setSearchParams: react_router_dom.SetURLSearchParams;
+    searchQuery: string;
+    setSearchQuery: react.Dispatch<react.SetStateAction<string>>;
+    filters: F;
+    setFilters: react.Dispatch<react.SetStateAction<F>>;
+    onPageChange: (value: number) => void;
+    onPageSizeChange: (value: number) => void;
+    onFilterChange: (changes: FilterChange<F> | FilterChange<F>[]) => void;
+    onSearchQueryChange: (query: string) => void;
+    response: {
+        items: T[];
+        total: number;
+    } | undefined;
+    items: T[];
+    hasMore: boolean;
+    total: number;
+    loading: boolean;
+    error: Error | undefined;
+    loadNextPage: () => void;
+    retry: (() => void) | (() => void) | (() => void) | (() => void);
+    fetchNextPage: () => void;
+};
+
+type UserSettings = {
+    autoSaveEnabled: boolean;
+    filterPanelExpanded: Record<string, boolean>;
+    viewType: Record<string, ViewType>;
+    aiAnswerExpanded: boolean;
+    usePagination: boolean;
+};
+declare const useUserSettings: () => {
+    settings: UserSettings;
+    updateSettings: (updates: Partial<UserSettings>) => Promise<void>;
+    getSetting: <K extends keyof UserSettings>(key: K) => UserSettings[K];
+    setSetting: <K extends keyof UserSettings>(key: K, value: UserSettings[K]) => Promise<void>;
+    resetSettings: () => Promise<void>;
+    isLoaded: boolean;
+};
+
 /** @alpha */
 declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<"qeta", {
     readonly "answer.questionTitle": "Q: {{question}}";
@@ -711,6 +827,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "common.draft": "Draft";
     readonly "common.deleted": "Deleted";
     readonly "common.score": "{{score}} score";
+    readonly "common.error": "Error";
     readonly "common.answers": "answers";
     readonly "common.links": "links";
     readonly "common.questions": "questions";
@@ -938,6 +1055,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "leftMenu.articles": "Articles";
     readonly "leftMenu.moderate": "Moderate";
     readonly "leftMenu.review": "Review";
+    readonly "leftMenu.settings": "Settings";
     readonly "leftMenu.manage": "Manage";
     readonly "leftMenu.buttonLabel": "Menu";
     readonly "leftMenu.home": "Home";
@@ -951,6 +1069,35 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "moderatorPage.tools": "Tools";
     readonly "moderatorPage.templatesInfo": "Templates can be used to prefill question content for the user";
     readonly "moderatorPage.deletedPosts": "Deleted posts";
+    readonly "settingsPage.title": "User Settings";
+    readonly "settingsPage.autoSave.description": "Automatically save your drafts while writing questions and articles";
+    readonly "settingsPage.autoSave.label": "Enable Auto-save";
+    readonly "settingsPage.editorPreferences": "Editor Preferences";
+    readonly "settingsPage.displayPreferences": "Display Preferences";
+    readonly "settingsPage.aiAnswerExpanded.description": "Show AI-generated answers in expanded state when viewing questions";
+    readonly "settingsPage.aiAnswerExpanded.label": "Expand AI Answers by Default";
+    readonly "settingsPage.usePagination.description": "Use traditional pagination instead of infinite scrolling to load more items";
+    readonly "settingsPage.usePagination.label": "Use Pagination";
+    readonly "settingsPage.viewTypePreferences.title": "View Type Preferences";
+    readonly "settingsPage.viewTypePreferences.default": "Default";
+    readonly "settingsPage.viewTypePreferences.description": "Choose how you want to view different types of content. Select \"Default\" to use the system default view.";
+    readonly "settingsPage.viewTypePreferences.labels.tags": "Tags";
+    readonly "settingsPage.viewTypePreferences.labels.entities": "Entities";
+    readonly "settingsPage.viewTypePreferences.labels.users": "Users";
+    readonly "settingsPage.viewTypePreferences.labels.collections": "Collections";
+    readonly "settingsPage.viewTypePreferences.labels.links": "Links";
+    readonly "settingsPage.viewTypePreferences.labels.questions": "Questions";
+    readonly "settingsPage.viewTypePreferences.labels.favorites": "Favorites";
+    readonly "settingsPage.viewTypePreferences.labels.articles": "Articles";
+    readonly "settingsPage.viewTypePreferences.labels.tagPosts": "Tag page posts";
+    readonly "settingsPage.viewTypePreferences.labels.collectionPosts": "Collection page posts";
+    readonly "settingsPage.viewTypePreferences.labels.userQuestions": "User page questions";
+    readonly "settingsPage.viewTypePreferences.labels.userArticles": "User page articles";
+    readonly "settingsPage.viewTypePreferences.labels.userLinks": "User page links";
+    readonly "settingsPage.viewTypePreferences.labels.userCollections": "User page collections";
+    readonly "settingsPage.viewTypePreferences.labels.userAnswers": "User page answers";
+    readonly "settingsPage.viewTypePreferences.grid": "Grid";
+    readonly "settingsPage.viewTypePreferences.list": "List";
     readonly "suggestionsCard.title": "Suggestions";
     readonly "suggestionsCard.noSuggestions": "No suggestions";
     readonly "suggestionsCard.noCorrectAnswer1": "Your question \"{{title}}\" does not have a correct answer";
@@ -1115,6 +1262,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "datePicker.range.last7days": "Last 7 days";
     readonly "datePicker.range.last30days": "Last 30 days";
     readonly "datePicker.range.custom": "Custom";
+    readonly "pagination.defaultTooltip": "Items per page";
     readonly "filterPanel.entitiesRelation.label": "Entities relation";
     readonly "filterPanel.noAnswers.label": "No answers";
     readonly "filterPanel.noVotes.label": "No votes";
@@ -1175,6 +1323,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "postsTable.cells.updated": "Last updated";
     readonly "postsTable.cells.title": "Title";
     readonly "postsTable.cells.asked": "Asked";
+    readonly "tagPage.tags": "Tags";
     readonly "tagPage.search.label": "Search tag";
     readonly "tagPage.search.placeholder": "Search...";
     readonly "tagPage.errorLoading": "Could not load tags";
@@ -1183,6 +1332,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "tagPage.tags_zero": "No tags";
     readonly "tagPage.tags_one": "{{count}} tag";
     readonly "tagPage.tags_other": "{{count}} tags";
+    readonly "entitiesPage.entities": "Entities";
     readonly "entitiesPage.search.label": "Search entity";
     readonly "entitiesPage.search.placeholder": "Search...";
     readonly "entitiesPage.errorLoading": "Could not load entities";
@@ -1197,6 +1347,7 @@ declare const qetaTranslationRef: _backstage_frontend_plugin_api.TranslationRef<
     readonly "aiAnswerCard.show": "Show";
     readonly "aiAnswerCard.hide": "Hide";
     readonly "usersPage.title": "Users";
+    readonly "usersPage.users": "Users";
     readonly "usersPage.search.label": "Search user";
     readonly "usersPage.search.placeholder": "Search...";
     readonly "usersPage.errorLoading": "Could not load users";
@@ -1317,4 +1468,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, 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 };
+export { AIAnswerCard, AddToCollectionButton, AnswerCard, AnswerForm, AnswerListItem, AnswersContainer, AnswersGridItem, ArticleContent, AskQuestionButton, AuthorLink, BadgeChip, ButtonContainer, CollectionFollowButton, CollectionForm, CollectionsContainer, ContentHeader, ContentHeaderButton, ContentHeaderCard, type ContentHeaderCardProps, type ContentHeaderProps, CreateCollectionButton, CreateLinkButton, CreateTagModal, DeleteModal, DeletedBanner, DraftBanner, EditTagModal, EntitiesContainer, EntitiesGridItem, EntityFollowButton, EntityListItem, FaviconItem, type FilterChange, FilterPanel, FollowedCollectionsList, FollowedEntitiesList, FollowedTagsList, FollowedUsersList, type GridType, ImpactCard, LeftMenu, LeftMenuButton, LinkCard, MarkdownRenderer, ObsoleteBanner, ObsoleteModal, OpenLinkButton, PostForm, PostHighlightList, PostHighlightListContainer, PostHighlightListContent, PostListItem, PostsCard, PostsContainer, type PostsContainerProps, PostsGridItem, PostsTable, QetaContext, type QetaContextProps, type QetaEntitiesProps, type QetaOverrides, QetaProvider, QuestionCard, type QuestionFormValues, QuestionsTable, RankingButtons, RelativeTimeWithTooltip, SelectTemplateList, StatsChart, StatusChip, SuggestionsCard, type TagAndEntitiesFormValues, TagFollowButton, TagGridItem, TagListItem, TagsContainer, type TemplateFormValues, TemplateList, Timeline, TimelineItemCard, TopRankingUsers, TrophyIcon, UpdatedByLink, UserBadges, UserFollowButton, UserLink, UserListItem, type UserSettings, UsersContainer, UsersGridItem, 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, settingsRouteRef, statisticsRouteRef, tagRouteRef, tagsRouteRef, useAI, useCanReview, useCollectionsFollow, useEntityAuthor, useEntityFollow, useGridPageSize, useIdentityApi, useIsModerator, useListItemStyles, useQetaApi, useQetaContext, useQetaEntities, useTagsFollow, useUserFollow, useUserInfo, useUserSettings, useVoting, userRouteRef, usersRouteRef, writeRouteRef };

package/dist/index.esm.js

@@ -1,15 +1,15 @@
-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 { articleRouteRef, articlesRouteRef, askRouteRef, collectionCreateRouteRef, collectionEditRouteRef, collectionRouteRef, collectionsRouteRef, createLinkRouteRef, editArticleRouteRef, editLinkRouteRef, editQuestionRouteRef, entitiesRouteRef, entityRouteRef, favoriteQuestionsRouteRef, linkRouteRef, linksRouteRef, moderatorRouteRef, qetaRouteRef, questionRouteRef, questionsRouteRef, reviewRouteRef, settingsRouteRef, 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';
 export { PostListItem } from './components/PostsContainer/PostListItem.esm.js';
+export { PostsGridItem } from './components/PostsContainer/PostsGridItem.esm.js';
 export { FilterPanel } from './components/FilterPanel/FilterPanel.esm.js';
-export { AnswerList } from './components/AnswersContainer/AnswerList.esm.js';
 export { AnswersContainer } from './components/AnswersContainer/AnswersContainer.esm.js';
 export { AnswerListItem } from './components/AnswersContainer/AnswerListItem.esm.js';
+export { AnswersGridItem } from './components/AnswersContainer/AnswersGridItem.esm.js';
 export { AskQuestionButton } from './components/Buttons/AskQuestionButton.esm.js';
 export { EntityFollowButton } from './components/Buttons/EntityFollowButton.esm.js';
 export { TagFollowButton } from './components/Buttons/TagFollowButton.esm.js';
@@ -22,6 +22,7 @@ export { UserFollowButton } from './components/Buttons/UserFollowButton.esm.js';
 export { CollectionFollowButton } from './components/Buttons/CollectionFollowButton.esm.js';
 export { ButtonContainer } from './components/Buttons/ButtonContainer.esm.js';
 export { ContentHeaderButton } from './components/Buttons/ContentHeaderButton.esm.js';
+export { RankingButtons } from './components/Buttons/RankingButtons.esm.js';
 export { PostHighlightList, PostHighlightListContent } from './components/PostHighlightList/PostHighlightList.esm.js';
 export { PostHighlightListContainer } from './components/PostHighlightList/PostHighlightListContainer.esm.js';
 export { MarkdownRenderer } from './components/MarkdownRenderer/MarkdownRenderer.esm.js';
@@ -45,13 +46,20 @@ export { BadgeChip } from './components/Badges/BadgeChip.esm.js';
 export { UserBadges } from './components/Badges/UserBadges.esm.js';
 export { TopRankingUsers } from './components/TopRankingUsersCard/TopRankingUsersCard.esm.js';
 export { TrophyIcon } from './components/TopRankingUsersCard/TrophyIcon.esm.js';
-export { TagsGrid } from './components/TagsGrid/TagsGrid.esm.js';
-export { EntitiesGrid } from './components/EntitiesGrid/EntitiesGrid.esm.js';
-export { UsersGrid } from './components/UsersGrid/UsersGrid.esm.js';
-export { PostsGrid } from './components/PostsGrid/PostsGrid.esm.js';
+export { TagsContainer } from './components/TagsContainer/TagsContainer.esm.js';
+export { TagGridItem } from './components/TagsContainer/TagGridItem.esm.js';
+export { TagListItem } from './components/TagsContainer/TagListItem.esm.js';
+export { CreateTagModal } from './components/TagsContainer/CreateTagModal.esm.js';
+export { EditTagModal } from './components/TagsContainer/EditTagModal.esm.js';
+export { EntitiesContainer } from './components/EntitiesContainer/EntitiesContainer.esm.js';
+export { EntitiesGridItem } from './components/EntitiesContainer/EntitiesGridItem.esm.js';
+export { EntityListItem } from './components/EntitiesContainer/EntityListItem.esm.js';
+export { UsersContainer } from './components/UsersContainer/UsersContainer.esm.js';
+export { UsersGridItem } from './components/UsersContainer/UsersGridItem.esm.js';
+export { UserListItem } from './components/UsersContainer/UserListItem.esm.js';
 export { ArticleContent } from './components/ArticleContent/ArticleContent.esm.js';
 export { CollectionForm } from './components/CollectionForm/CollectionForm.esm.js';
-export { CollectionsGrid } from './components/CollectionsGrid/CollectionsGrid.esm.js';
+export { CollectionsContainer } from './components/CollectionsContainer/CollectionsContainer.esm.js';
 export { LeftMenu } from './components/LeftMenu/LeftMenu.esm.js';
 export { LeftMenuButton } from './components/LeftMenu/LeftMenuButton.esm.js';
 export { TemplateList } from './components/TemplateList/TemplateList.esm.js';
@@ -67,10 +75,13 @@ export { DeletedBanner } from './components/Utility/DeletedBanner.esm.js';
 export { DraftBanner } from './components/Utility/DraftBanner.esm.js';
 export { ObsoleteBanner } from './components/Utility/ObsoleteBanner.esm.js';
 export { StatusChip } from './components/Utility/StatusChip.esm.js';
+import './components/Utility/QetaPagination.esm.js';
 export { ContentHeaderCard } from './components/ContentHeaderCard/ContentHeaderCard.esm.js';
 export { ContentHeader } from './components/ContentHeader/ContentHeader.esm.js';
 export { ViewToggle } from './components/ViewToggle/ViewToggle.esm.js';
 export { useQetaApi } from './hooks/useQetaApi.esm.js';
+export { useVoting } from './hooks/useVoting.esm.js';
+export { useListItemStyles } from './hooks/useListItemStyles.esm.js';
 export { useTagsFollow } from './hooks/useTagsFollow.esm.js';
 export { useEntityFollow } from './hooks/useEntityFollow.esm.js';
 export { useEntityAuthor, useUserInfo } from './hooks/useEntityAuthor.esm.js';
@@ -81,5 +92,7 @@ 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 { useQetaEntities } from './hooks/useQetaEntities.esm.js';
+export { useUserSettings } from './hooks/useUserSettings.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}