From 88a41479f4a7bfbe3f6d05a0409c8b7148f137ce Mon Sep 17 00:00:00 2001 From: Jayash Tripathy <76092296+JayashTripathy@users.noreply.github.com> Date: Wed, 19 Nov 2025 14:31:48 +0530 Subject: [PATCH] [WEB-5000] feat: enhance exports settings with rich filters (#8124) --- .../core/components/exporter/export-form.tsx | 74 ++++++++++++++++++- .../project/project-export.service.ts | 3 + packages/i18n/src/locales/cs/translations.ts | 1 + packages/i18n/src/locales/de/translations.ts | 2 + packages/i18n/src/locales/en/translations.ts | 1 + packages/i18n/src/locales/es/translations.ts | 1 + packages/i18n/src/locales/fr/translations.ts | 1 + packages/i18n/src/locales/id/translations.ts | 1 + packages/i18n/src/locales/it/translations.ts | 1 + packages/i18n/src/locales/ja/translations.ts | 1 + packages/i18n/src/locales/ko/translations.ts | 1 + packages/i18n/src/locales/pl/translations.ts | 1 + .../i18n/src/locales/pt-BR/translations.ts | 1 + packages/i18n/src/locales/ro/translations.ts | 1 + packages/i18n/src/locales/ru/translations.ts | 1 + packages/i18n/src/locales/sk/translations.ts | 1 + .../i18n/src/locales/tr-TR/translations.ts | 1 + packages/i18n/src/locales/ua/translations.ts | 1 + .../i18n/src/locales/vi-VN/translations.ts | 1 + .../i18n/src/locales/zh-CN/translations.ts | 1 + .../i18n/src/locales/zh-TW/translations.ts | 1 + 21 files changed, 93 insertions(+), 4 deletions(-) diff --git a/apps/web/core/components/exporter/export-form.tsx b/apps/web/core/components/exporter/export-form.tsx index a5c14d2c6..ecb88e9a5 100644 --- a/apps/web/core/components/exporter/export-form.tsx +++ b/apps/web/core/components/exporter/export-form.tsx @@ -1,17 +1,25 @@ import { useState } from "react"; import { intersection } from "lodash-es"; +import { observer } from "mobx-react"; import { Controller, useForm } from "react-hook-form"; +import { Info } from "lucide-react"; import { EUserPermissions, EUserPermissionsLevel, EXPORTERS_LIST, + ISSUE_DISPLAY_FILTERS_BY_PAGE, WORKSPACE_SETTINGS_TRACKER_EVENTS, WORKSPACE_SETTINGS_TRACKER_ELEMENTS, } from "@plane/constants"; import { useTranslation } from "@plane/i18n"; import { Button } from "@plane/propel/button"; import { TOAST_TYPE, setToast } from "@plane/propel/toast"; +import { Tooltip } from "@plane/propel/tooltip"; +import { EIssuesStoreType } from "@plane/types"; +import type { TWorkItemFilterExpression } from "@plane/types"; import { CustomSearchSelect, CustomSelect } from "@plane/ui"; +import { WorkspaceLevelWorkItemFiltersHOC } from "@/components/work-item-filters/filters-hoc/workspace-level"; +import { WorkItemFiltersRow } from "@/components/work-item-filters/filters-row"; import { captureError, captureSuccess } from "@/helpers/event-tracker.helper"; import { useProject } from "@/hooks/store/use-project"; import { useUser, useUserPermissions } from "@/hooks/store/user"; @@ -26,14 +34,27 @@ type FormData = { provider: (typeof EXPORTERS_LIST)[0]; project: string[]; multiple: boolean; + filters: TWorkItemFilterExpression; }; + +const initialWorkItemFilters = { + richFilters: {}, + displayFilters: {}, + displayProperties: {}, + kanbanFilters: { + group_by: [], + sub_group_by: [], + }, +}; + const projectExportService = new ProjectExportService(); -export const ExportForm = (props: Props) => { +export const ExportForm = observer((props: Props) => { // props const { workspaceSlug, mutateServices } = props; // states const [exportLoading, setExportLoading] = useState(false); + // store hooks const { allowPermissions } = useUserPermissions(); const { data: user, canPerformAnyCreateAction, projectsWithCreatePermissions } = useUser(); @@ -45,8 +66,10 @@ export const ExportForm = (props: Props) => { provider: EXPORTERS_LIST[0], project: [], multiple: false, + filters: {}, }, }); + // derived values const hasProjects = workspaceProjectIds && workspaceProjectIds.length > 0; const isMember = allowPermissions([EUserPermissions.ADMIN, EUserPermissions.MEMBER], EUserPermissionsLevel.WORKSPACE); @@ -70,13 +93,13 @@ export const ExportForm = (props: Props) => { // handlers const ExportCSVToMail = async (formData: FormData) => { - console.log(formData); setExportLoading(true); if (workspaceSlug && user) { const payload = { provider: formData.provider.provider, project: formData.project, multiple: formData.project.length > 1, + rich_filters: formData.filters, }; await projectExportService .csvExport(workspaceSlug as string, payload) @@ -185,7 +208,50 @@ export const ExportForm = (props: Props) => { /> -
+ {/* Rich Filters */} +
+
+
{t("common.filters")}
+ +
+ +
+ {t("workspace_settings.settings.exports.filters_info")} +
+ } + position="top" + > + + +
+ ( + onChange(updatedFilters)} + showOnMount + workspaceSlug={workspaceSlug} + > + {({ filter: workspaceExportWorkItemsFilter }) => + workspaceExportWorkItemsFilter && ( + + ) + } + + )} + /> +
+
); -}; +}); diff --git a/apps/web/core/services/project/project-export.service.ts b/apps/web/core/services/project/project-export.service.ts index a1232c953..7ae47c6dc 100644 --- a/apps/web/core/services/project/project-export.service.ts +++ b/apps/web/core/services/project/project-export.service.ts @@ -1,4 +1,5 @@ import { API_BASE_URL } from "@plane/constants"; +import type { TWorkItemFilterExpression } from "@plane/types"; import { APIService } from "@/services/api.service"; // helpers @@ -12,6 +13,8 @@ export class ProjectExportService extends APIService { data: { provider: string; project: string[]; + multiple?: boolean; + rich_filters?: TWorkItemFilterExpression; } ): Promise { return this.post(`/api/workspaces/${workspaceSlug}/export-issues/`, data) diff --git a/packages/i18n/src/locales/cs/translations.ts b/packages/i18n/src/locales/cs/translations.ts index 3ac7803a7..0fd235044 100644 --- a/packages/i18n/src/locales/cs/translations.ts +++ b/packages/i18n/src/locales/cs/translations.ts @@ -1599,6 +1599,7 @@ export default { exporting: "Exportování", previous_exports: "Předchozí exporty", export_separate_files: "Exportovat data do samostatných souborů", + filters_info: "Použijte filtry k exportu konkrétních pracovních položek podle vašich kritérií.", modal: { title: "Exportovat do", toasts: { diff --git a/packages/i18n/src/locales/de/translations.ts b/packages/i18n/src/locales/de/translations.ts index 009233048..c9bbf0dfc 100644 --- a/packages/i18n/src/locales/de/translations.ts +++ b/packages/i18n/src/locales/de/translations.ts @@ -1618,6 +1618,8 @@ export default { exporting: "Wird exportiert", previous_exports: "Bisherige Exporte", export_separate_files: "Daten in separaten Dateien exportieren", + filters_info: + "Wenden Sie Filter an, um bestimmte Arbeitselemente basierend auf Ihren Kriterien zu exportieren.", modal: { title: "Exportieren nach", toasts: { diff --git a/packages/i18n/src/locales/en/translations.ts b/packages/i18n/src/locales/en/translations.ts index d79eebf92..78de21f03 100644 --- a/packages/i18n/src/locales/en/translations.ts +++ b/packages/i18n/src/locales/en/translations.ts @@ -1463,6 +1463,7 @@ export default { export_separate_files: "Export the data into separate files", exporting_projects: "Exporting project", format: "Format", + filters_info: "Apply filters to export specific work items based on your criteria.", modal: { title: "Export to", toasts: { diff --git a/packages/i18n/src/locales/es/translations.ts b/packages/i18n/src/locales/es/translations.ts index 05912437e..41d63d789 100644 --- a/packages/i18n/src/locales/es/translations.ts +++ b/packages/i18n/src/locales/es/translations.ts @@ -1624,6 +1624,7 @@ export default { exporting: "Exportando", previous_exports: "Exportaciones anteriores", export_separate_files: "Exportar los datos en archivos separados", + filters_info: "Aplica filtros para exportar elementos de trabajo específicos según tus criterios.", modal: { title: "Exportar a", toasts: { diff --git a/packages/i18n/src/locales/fr/translations.ts b/packages/i18n/src/locales/fr/translations.ts index 82cd79968..13c610453 100644 --- a/packages/i18n/src/locales/fr/translations.ts +++ b/packages/i18n/src/locales/fr/translations.ts @@ -1622,6 +1622,7 @@ export default { exporting: "Exportation", previous_exports: "Exportations précédentes", export_separate_files: "Exporter les données dans des fichiers séparés", + filters_info: "Appliquez des filtres pour exporter des éléments de travail spécifiques selon vos critères.", modal: { title: "Exporter vers", toasts: { diff --git a/packages/i18n/src/locales/id/translations.ts b/packages/i18n/src/locales/id/translations.ts index a856549c5..7a6768845 100644 --- a/packages/i18n/src/locales/id/translations.ts +++ b/packages/i18n/src/locales/id/translations.ts @@ -1610,6 +1610,7 @@ export default { exporting: "Mengeskpor", previous_exports: "Ekspor sebelumnya", export_separate_files: "Ekspor data ke file terpisah", + filters_info: "Terapkan filter untuk mengekspor item kerja tertentu berdasarkan kriteria Anda.", modal: { title: "Ekspor ke", toasts: { diff --git a/packages/i18n/src/locales/it/translations.ts b/packages/i18n/src/locales/it/translations.ts index 8036a770b..e8fb3945b 100644 --- a/packages/i18n/src/locales/it/translations.ts +++ b/packages/i18n/src/locales/it/translations.ts @@ -1614,6 +1614,7 @@ export default { exporting: "Esportazione in corso", previous_exports: "Esportazioni precedenti", export_separate_files: "Esporta i dati in file separati", + filters_info: "Applica filtri per esportare elementi di lavoro specifici in base ai tuoi criteri.", modal: { title: "Esporta in", toasts: { diff --git a/packages/i18n/src/locales/ja/translations.ts b/packages/i18n/src/locales/ja/translations.ts index c074b0319..198ea97d2 100644 --- a/packages/i18n/src/locales/ja/translations.ts +++ b/packages/i18n/src/locales/ja/translations.ts @@ -1600,6 +1600,7 @@ export default { exporting: "エクスポート中", previous_exports: "過去のエクスポート", export_separate_files: "データを個別のファイルにエクスポート", + filters_info: "フィルターを適用して、条件に基づいて特定の作業項目をエクスポートします。", modal: { title: "エクスポート先", toasts: { diff --git a/packages/i18n/src/locales/ko/translations.ts b/packages/i18n/src/locales/ko/translations.ts index 2d854b6c3..6444c0439 100644 --- a/packages/i18n/src/locales/ko/translations.ts +++ b/packages/i18n/src/locales/ko/translations.ts @@ -1593,6 +1593,7 @@ export default { exporting: "내보내기 중", previous_exports: "이전 내보내기", export_separate_files: "데이터를 별도의 파일로 내보내기", + filters_info: "기준에 따라 특정 작업 항목을 내보내려면 필터를 적용하세요.", modal: { title: "내보내기", toasts: { diff --git a/packages/i18n/src/locales/pl/translations.ts b/packages/i18n/src/locales/pl/translations.ts index 5d0e1a8b4..28d61b658 100644 --- a/packages/i18n/src/locales/pl/translations.ts +++ b/packages/i18n/src/locales/pl/translations.ts @@ -1602,6 +1602,7 @@ export default { exporting: "Eksportowanie", previous_exports: "Poprzednie eksporty", export_separate_files: "Eksportuj dane do oddzielnych plików", + filters_info: "Zastosuj filtry, aby wyeksportować określone elementy robocze według Twoich kryteriów.", modal: { title: "Eksport do", toasts: { diff --git a/packages/i18n/src/locales/pt-BR/translations.ts b/packages/i18n/src/locales/pt-BR/translations.ts index 417660f59..db7b81e28 100644 --- a/packages/i18n/src/locales/pt-BR/translations.ts +++ b/packages/i18n/src/locales/pt-BR/translations.ts @@ -1622,6 +1622,7 @@ export default { exporting: "Exportando", previous_exports: "Exportações anteriores", export_separate_files: "Exporte os dados em arquivos separados", + filters_info: "Aplique filtros para exportar itens de trabalho específicos com base em seus critérios.", modal: { title: "Exportar para", toasts: { diff --git a/packages/i18n/src/locales/ro/translations.ts b/packages/i18n/src/locales/ro/translations.ts index e4377cccd..b44c139ef 100644 --- a/packages/i18n/src/locales/ro/translations.ts +++ b/packages/i18n/src/locales/ro/translations.ts @@ -1614,6 +1614,7 @@ export default { exporting: "Se exportă", previous_exports: "Exporturi anterioare", export_separate_files: "Exportă datele în fișiere separate", + filters_info: "Aplică filtre pentru a exporta elemente de lucru specifice în funcție de criteriile tale.", modal: { title: "Exportă în", toasts: { diff --git a/packages/i18n/src/locales/ru/translations.ts b/packages/i18n/src/locales/ru/translations.ts index 9dc0c44fd..9ee03abf7 100644 --- a/packages/i18n/src/locales/ru/translations.ts +++ b/packages/i18n/src/locales/ru/translations.ts @@ -1604,6 +1604,7 @@ export default { exporting: "Экспортируется", previous_exports: "Предыдущие экспорты", export_separate_files: "Экспорт в отдельные файлы", + filters_info: "Примените фильтры для экспорта конкретных рабочих элементов по вашим критериям.", modal: { title: "Экспорт в", toasts: { diff --git a/packages/i18n/src/locales/sk/translations.ts b/packages/i18n/src/locales/sk/translations.ts index 5191022e3..53c8342ed 100644 --- a/packages/i18n/src/locales/sk/translations.ts +++ b/packages/i18n/src/locales/sk/translations.ts @@ -1601,6 +1601,7 @@ export default { exporting: "Exportovanie", previous_exports: "Predchádzajúce exporty", export_separate_files: "Exportovať dáta do samostatných súborov", + filters_info: "Použite filtre na export konkrétnych pracovných položiek podľa vašich kritérií.", modal: { title: "Exportovať do", toasts: { diff --git a/packages/i18n/src/locales/tr-TR/translations.ts b/packages/i18n/src/locales/tr-TR/translations.ts index b094e65db..e462671aa 100644 --- a/packages/i18n/src/locales/tr-TR/translations.ts +++ b/packages/i18n/src/locales/tr-TR/translations.ts @@ -1609,6 +1609,7 @@ export default { exporting: "Dışa aktarılıyor", previous_exports: "Önceki dışa aktarımlar", export_separate_files: "Verileri ayrı dosyalara aktar", + filters_info: "Kriterlerinize göre belirli iş öğelerini dışa aktarmak için filtreler uygulayın.", modal: { title: "Şuraya aktar", toasts: { diff --git a/packages/i18n/src/locales/ua/translations.ts b/packages/i18n/src/locales/ua/translations.ts index f0d0f474e..3d1f1ce36 100644 --- a/packages/i18n/src/locales/ua/translations.ts +++ b/packages/i18n/src/locales/ua/translations.ts @@ -1605,6 +1605,7 @@ export default { exporting: "Експортування", previous_exports: "Попередні експорти", export_separate_files: "Експортувати дані в окремі файли", + filters_info: "Застосуйте фільтри для експорту конкретних робочих елементів за вашими критеріями.", modal: { title: "Експортувати в", toasts: { diff --git a/packages/i18n/src/locales/vi-VN/translations.ts b/packages/i18n/src/locales/vi-VN/translations.ts index 70ca05148..ffbd31426 100644 --- a/packages/i18n/src/locales/vi-VN/translations.ts +++ b/packages/i18n/src/locales/vi-VN/translations.ts @@ -1610,6 +1610,7 @@ export default { exporting: "Đang xuất", previous_exports: "Xuất trước đây", export_separate_files: "Xuất dữ liệu thành các tệp riêng biệt", + filters_info: "Áp dụng bộ lọc để xuất các mục công việc cụ thể dựa trên tiêu chí của bạn.", modal: { title: "Xuất đến", toasts: { diff --git a/packages/i18n/src/locales/zh-CN/translations.ts b/packages/i18n/src/locales/zh-CN/translations.ts index 568379dbe..e80a18e30 100644 --- a/packages/i18n/src/locales/zh-CN/translations.ts +++ b/packages/i18n/src/locales/zh-CN/translations.ts @@ -1581,6 +1581,7 @@ export default { exporting: "导出中", previous_exports: "以前的导出", export_separate_files: "将数据导出为单独的文件", + filters_info: "应用筛选器以根据您的条件导出特定工作项。", modal: { title: "导出到", toasts: { diff --git a/packages/i18n/src/locales/zh-TW/translations.ts b/packages/i18n/src/locales/zh-TW/translations.ts index eb754bf98..f8d3f6f60 100644 --- a/packages/i18n/src/locales/zh-TW/translations.ts +++ b/packages/i18n/src/locales/zh-TW/translations.ts @@ -1582,6 +1582,7 @@ export default { exporting: "匯出中", previous_exports: "先前的匯出", export_separate_files: "將資料匯出為個別檔案", + filters_info: "應用篩選器以根據您的條件匯出特定工作項。", modal: { title: "匯出至", toasts: {