@open-mercato/core 0.6.8-develop.6924.1.a8d208fcdc → 0.6.8-develop.6930.1.1e5976efc3

package/dist/modules/eudr/backend/eudr/product-mappings/page.js

@@ -0,0 +1,306 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import Link from "next/link";
+import { useRouter } from "next/navigation";
+import { Page, PageBody } from "@open-mercato/ui/backend/Page";
+import { DataTable } from "@open-mercato/ui/backend/DataTable";
+import { ListEmptyState } from "@open-mercato/ui/backend/filters/ListEmptyState";
+import { RowActions } from "@open-mercato/ui/backend/RowActions";
+import { apiCall, withScopedApiRequestHeaders } from "@open-mercato/ui/backend/utils/apiCall";
+import { buildOptimisticLockHeader } from "@open-mercato/ui/backend/utils/optimisticLock";
+import { useGuardedMutation } from "@open-mercato/ui/backend/injection/useGuardedMutation";
+import { flash } from "@open-mercato/ui/backend/FlashMessages";
+import { useConfirmDialog } from "@open-mercato/ui/backend/confirm-dialog";
+import { surfaceRecordConflict } from "@open-mercato/ui/backend/conflicts";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Plus, Sparkles } from "lucide-react";
+import { useOrganizationScopeVersion } from "@open-mercato/shared/lib/frontend/useOrganizationScope";
+import { useLocale, useT } from "@open-mercato/shared/lib/i18n/context";
+import { commodityOptions } from "../../../components/formConfig.js";
+import { MappingSuggestionsDialog } from "../../../components/MappingSuggestionsDialog.js";
+function formatDateTime(value, emptyLabel, locale) {
+  if (!value) return emptyLabel;
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return emptyLabel;
+  return date.toLocaleString(locale || void 0);
+}
+function formatProduct(row, unavailableLabel) {
+  const name = typeof row.productSnapshot?.name === "string" && row.productSnapshot.name.trim().length ? row.productSnapshot.name.trim() : null;
+  const sku = typeof row.productSnapshot?.sku === "string" && row.productSnapshot.sku.trim().length ? row.productSnapshot.sku.trim() : null;
+  if (name && sku) return `${name} (${sku})`;
+  return name ?? sku ?? unavailableLabel;
+}
+function EudrProductMappingsPage() {
+  const translate = useT();
+  const locale = useLocale();
+  const router = useRouter();
+  const scopeVersion = useOrganizationScopeVersion();
+  const { confirm, ConfirmDialogElement } = useConfirmDialog();
+  const [rows, setRows] = React.useState([]);
+  const [page, setPage] = React.useState(1);
+  const [pageSize, setPageSize] = React.useState(20);
+  const [total, setTotal] = React.useState(0);
+  const [totalPages, setTotalPages] = React.useState(1);
+  const [search, setSearch] = React.useState("");
+  const [sorting, setSorting] = React.useState([]);
+  const [filters, setFilters] = React.useState({});
+  const [loading, setLoading] = React.useState(true);
+  const [reloadToken, setReloadToken] = React.useState(0);
+  const [suggestionsOpen, setSuggestionsOpen] = React.useState(false);
+  const mutationContextId = "eudr-product-mappings-list:delete";
+  const { runMutation, retryLastMutation } = useGuardedMutation({
+    contextId: mutationContextId,
+    blockedMessage: translate("ui.forms.flash.saveBlocked")
+  });
+  const queryParams = React.useMemo(() => {
+    const params = new URLSearchParams();
+    params.set("page", String(page));
+    params.set("pageSize", String(pageSize));
+    if (search.trim()) params.set("search", search.trim());
+    if (typeof filters.commodity === "string" && filters.commodity.trim()) {
+      params.set("commodity", filters.commodity.trim());
+    }
+    if (filters.isInScope === "true" || filters.isInScope === "false") {
+      params.set("isInScope", filters.isInScope);
+    }
+    const firstSort = sorting[0];
+    if (firstSort) {
+      params.set("sortField", firstSort.id);
+      params.set("sortDir", firstSort.desc ? "desc" : "asc");
+    }
+    return params.toString();
+  }, [filters.commodity, filters.isInScope, page, pageSize, search, sorting]);
+  React.useEffect(() => {
+    let cancelled = false;
+    async function loadRows() {
+      setLoading(true);
+      try {
+        const fallback = { items: [], total: 0, totalPages: 1 };
+        const call = await apiCall(
+          `/api/eudr/product-mappings?${queryParams}`,
+          void 0,
+          { fallback }
+        );
+        if (!call.ok) {
+          flash(translate("eudr.productMappings.list.loadError"), "error");
+          return;
+        }
+        const payload = call.result ?? fallback;
+        if (cancelled) return;
+        setRows(Array.isArray(payload.items) ? payload.items : []);
+        setTotal(typeof payload.total === "number" ? payload.total : 0);
+        setTotalPages(typeof payload.totalPages === "number" ? payload.totalPages : 1);
+      } catch {
+        if (!cancelled) flash(translate("eudr.productMappings.list.loadError"), "error");
+      } finally {
+        if (!cancelled) setLoading(false);
+      }
+    }
+    loadRows();
+    return () => {
+      cancelled = true;
+    };
+  }, [queryParams, reloadToken, scopeVersion, translate]);
+  const refreshRows = React.useCallback(() => {
+    setReloadToken((currentToken) => currentToken + 1);
+  }, []);
+  const handleDelete = React.useCallback(async (row) => {
+    const confirmed = await confirm({
+      title: translate("eudr.productMappings.list.confirmDelete", { product: formatProduct(row, translate("eudr.common.recordUnavailable")) }),
+      variant: "destructive"
+    });
+    if (!confirmed) return;
+    try {
+      await runMutation({
+        operation: async () => {
+          const call = await withScopedApiRequestHeaders(
+            buildOptimisticLockHeader(row.updatedAt),
+            () => apiCall(
+              `/api/eudr/product-mappings?id=${encodeURIComponent(row.id)}`,
+              { method: "DELETE" }
+            )
+          );
+          if (!call.ok) {
+            throw Object.assign(new Error("[internal] eudr product mapping delete failed"), {
+              status: call.status,
+              ...call.result ?? {}
+            });
+          }
+          return call;
+        },
+        context: {
+          formId: mutationContextId,
+          resourceKind: "eudr.product_mapping",
+          resourceId: row.id,
+          retryLastMutation
+        },
+        mutationPayload: { id: row.id }
+      });
+      flash(translate("eudr.productMappings.list.deleteSuccess"), "success");
+      refreshRows();
+    } catch (error) {
+      if (surfaceRecordConflict(error, translate, { onRefresh: refreshRows })) return;
+      flash(translate("eudr.productMappings.list.deleteError"), "error");
+    }
+  }, [confirm, mutationContextId, refreshRows, retryLastMutation, runMutation, translate]);
+  const columns = React.useMemo(() => [
+    {
+      accessorKey: "productId",
+      header: translate("eudr.productMappings.list.columns.product"),
+      enableSorting: false,
+      cell: ({ row }) => /* @__PURE__ */ jsx(Link, { href: `/backend/eudr/product-mappings/${row.original.id}`, className: "font-medium hover:underline", children: formatProduct(row.original, translate("eudr.common.recordUnavailable")) }),
+      meta: { maxWidth: "260px", truncate: true }
+    },
+    {
+      accessorKey: "commodity",
+      header: translate("eudr.productMappings.list.columns.commodity"),
+      cell: ({ row }) => translate(`eudr.commodity.${row.original.commodity}`)
+    },
+    {
+      accessorKey: "hsCode",
+      header: translate("eudr.productMappings.list.columns.hsCode"),
+      cell: ({ row }) => row.original.hsCode || translate("eudr.common.empty")
+    },
+    {
+      accessorKey: "isInScope",
+      header: translate("eudr.productMappings.list.columns.isInScope"),
+      cell: ({ row }) => row.original.isInScope ? translate("eudr.common.yes") : translate("eudr.common.no")
+    },
+    {
+      accessorKey: "updatedAt",
+      header: translate("eudr.productMappings.list.columns.updatedAt"),
+      cell: ({ row }) => formatDateTime(row.original.updatedAt, translate("eudr.common.empty"), locale)
+    }
+  ], [locale, translate]);
+  const filterDefs = React.useMemo(() => [
+    {
+      id: "commodity",
+      label: translate("eudr.productMappings.list.filters.commodity"),
+      type: "select",
+      options: [
+        { value: "", label: translate("eudr.productMappings.list.filters.allCommodities") },
+        ...commodityOptions(translate)
+      ]
+    },
+    {
+      id: "isInScope",
+      label: translate("eudr.productMappings.list.filters.scope"),
+      type: "select",
+      options: [
+        { value: "", label: translate("eudr.productMappings.list.filters.allScopes") },
+        { value: "true", label: translate("eudr.productMappings.list.filters.inScope") },
+        { value: "false", label: translate("eudr.productMappings.list.filters.outOfScope") }
+      ]
+    }
+  ], [locale, translate]);
+  return /* @__PURE__ */ jsxs(Page, { children: [
+    /* @__PURE__ */ jsx(PageBody, { children: /* @__PURE__ */ jsx(
+      DataTable,
+      {
+        title: translate("eudr.productMappings.list.title"),
+        columns,
+        data: rows,
+        searchValue: search,
+        onSearchChange: (nextSearch) => {
+          setSearch(nextSearch);
+          setPage(1);
+        },
+        searchPlaceholder: translate("eudr.productMappings.list.searchPlaceholder"),
+        filters: filterDefs,
+        filterValues: filters,
+        onFiltersApply: (nextFilters) => {
+          setFilters(nextFilters);
+          setPage(1);
+        },
+        onFiltersClear: () => {
+          setFilters({});
+          setPage(1);
+        },
+        actions: /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            Button,
+            {
+              type: "button",
+              variant: "outline",
+              onClick: () => setSuggestionsOpen(true),
+              children: [
+                /* @__PURE__ */ jsx(Sparkles, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+                translate("eudr.suggestions.open")
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx(Button, { asChild: true, children: /* @__PURE__ */ jsxs(Link, { href: "/backend/eudr/product-mappings/create", children: [
+            /* @__PURE__ */ jsx(Plus, { className: "mr-2 h-4 w-4", "aria-hidden": true }),
+            translate("eudr.productMappings.list.actions.create")
+          ] }) })
+        ] }),
+        rowActions: (row) => /* @__PURE__ */ jsx(
+          RowActions,
+          {
+            items: [
+              {
+                id: "edit",
+                label: translate("eudr.productMappings.list.actions.edit"),
+                href: `/backend/eudr/product-mappings/${row.id}`
+              },
+              {
+                id: "delete",
+                label: translate("eudr.productMappings.list.actions.delete"),
+                destructive: true,
+                onSelect: () => {
+                  void handleDelete(row);
+                }
+              }
+            ]
+          }
+        ),
+        onRowClick: (row) => router.push(`/backend/eudr/product-mappings/${row.id}`),
+        rowClickActionIds: ["edit"],
+        emptyState: /* @__PURE__ */ jsx(
+          ListEmptyState,
+          {
+            entityName: translate("eudr.productMappings.list.entityName"),
+            createHref: "/backend/eudr/product-mappings/create",
+            createLabel: translate("eudr.productMappings.list.actions.create")
+          }
+        ),
+        sortable: true,
+        manualSorting: true,
+        sorting,
+        onSortingChange: (nextSorting) => {
+          setSorting(nextSorting);
+          setPage(1);
+        },
+        pagination: {
+          page,
+          pageSize,
+          total,
+          totalPages,
+          onPageChange: setPage,
+          pageSizeOptions: [20, 50, 100],
+          onPageSizeChange: (nextPageSize) => {
+            setPageSize(nextPageSize);
+            setPage(1);
+          }
+        },
+        isLoading: loading,
+        perspective: { tableId: "eudr.product_mappings.list" },
+        stickyActionsColumn: true
+      }
+    ) }),
+    /* @__PURE__ */ jsx(
+      MappingSuggestionsDialog,
+      {
+        open: suggestionsOpen,
+        onOpenChange: setSuggestionsOpen,
+        onApplied: refreshRows
+      }
+    ),
+    ConfirmDialogElement
+  ] });
+}
+export {
+  EudrProductMappingsPage as default
+};
+//# sourceMappingURL=page.js.map

package/dist/modules/eudr/backend/eudr/product-mappings/page.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/eudr/backend/eudr/product-mappings/page.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport Link from 'next/link'\nimport { useRouter } from 'next/navigation'\nimport { Page, PageBody } from '@open-mercato/ui/backend/Page'\nimport { DataTable } from '@open-mercato/ui/backend/DataTable'\nimport { ListEmptyState } from '@open-mercato/ui/backend/filters/ListEmptyState'\nimport { RowActions } from '@open-mercato/ui/backend/RowActions'\nimport type { FilterDef, FilterValues } from '@open-mercato/ui/backend/FilterBar'\nimport { apiCall, withScopedApiRequestHeaders } from '@open-mercato/ui/backend/utils/apiCall'\nimport { buildOptimisticLockHeader } from '@open-mercato/ui/backend/utils/optimisticLock'\nimport { useGuardedMutation } from '@open-mercato/ui/backend/injection/useGuardedMutation'\nimport { flash } from '@open-mercato/ui/backend/FlashMessages'\nimport { useConfirmDialog } from '@open-mercato/ui/backend/confirm-dialog'\nimport { surfaceRecordConflict } from '@open-mercato/ui/backend/conflicts'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Plus, Sparkles } from 'lucide-react'\nimport type { SortingState } from '@tanstack/react-table'\nimport type { LegacyColumnDef as ColumnDef } from '@tanstack/react-table/legacy'\nimport { useOrganizationScopeVersion } from '@open-mercato/shared/lib/frontend/useOrganizationScope'\nimport { useLocale, useT } from '@open-mercato/shared/lib/i18n/context'\nimport type { EudrCommodity } from '../../../data/validators'\nimport { commodityOptions, type ProductSnapshot } from '../../../components/formConfig'\nimport { MappingSuggestionsDialog } from '../../../components/MappingSuggestionsDialog'\n\ntype ProductMappingRow = {\n  id: string\n  productId: string\n  productSnapshot: ProductSnapshot | null\n  commodity: EudrCommodity\n  hsCode: string | null\n  isInScope: boolean\n  notes: string | null\n  createdAt: string\n  updatedAt: string\n}\n\ntype ProductMappingsResponse = {\n  items: ProductMappingRow[]\n  total: number\n  totalPages: number\n}\n\nfunction formatDateTime(value: string | null | undefined, emptyLabel: string, locale: string): string {\n  if (!value) return emptyLabel\n  const date = new Date(value)\n  if (Number.isNaN(date.getTime())) return emptyLabel\n  return date.toLocaleString(locale || undefined)\n}\n\nfunction formatProduct(row: ProductMappingRow, unavailableLabel: string): string {\n  const name = typeof row.productSnapshot?.name === 'string' && row.productSnapshot.name.trim().length\n    ? row.productSnapshot.name.trim()\n    : null\n  const sku = typeof row.productSnapshot?.sku === 'string' && row.productSnapshot.sku.trim().length\n    ? row.productSnapshot.sku.trim()\n    : null\n  if (name && sku) return `${name} (${sku})`\n  return name ?? sku ?? unavailableLabel\n}\n\nexport default function EudrProductMappingsPage() {\n  const translate = useT()\n  const locale = useLocale()\n  const router = useRouter()\n  const scopeVersion = useOrganizationScopeVersion()\n  const { confirm, ConfirmDialogElement } = useConfirmDialog()\n  const [rows, setRows] = React.useState<ProductMappingRow[]>([])\n  const [page, setPage] = React.useState(1)\n  const [pageSize, setPageSize] = React.useState(20)\n  const [total, setTotal] = React.useState(0)\n  const [totalPages, setTotalPages] = React.useState(1)\n  const [search, setSearch] = React.useState('')\n  const [sorting, setSorting] = React.useState<SortingState>([])\n  const [filters, setFilters] = React.useState<FilterValues>({})\n  const [loading, setLoading] = React.useState(true)\n  const [reloadToken, setReloadToken] = React.useState(0)\n  const [suggestionsOpen, setSuggestionsOpen] = React.useState(false)\n  const mutationContextId = 'eudr-product-mappings-list:delete'\n  const { runMutation, retryLastMutation } = useGuardedMutation<{\n    formId: string\n    resourceKind: string\n    resourceId: string\n    retryLastMutation: () => Promise<boolean>\n  }>({\n    contextId: mutationContextId,\n    blockedMessage: translate('ui.forms.flash.saveBlocked'),\n  })\n\n  const queryParams = React.useMemo(() => {\n    const params = new URLSearchParams()\n    params.set('page', String(page))\n    params.set('pageSize', String(pageSize))\n    if (search.trim()) params.set('search', search.trim())\n    if (typeof filters.commodity === 'string' && filters.commodity.trim()) {\n      params.set('commodity', filters.commodity.trim())\n    }\n    if (filters.isInScope === 'true' || filters.isInScope === 'false') {\n      params.set('isInScope', filters.isInScope)\n    }\n    const firstSort = sorting[0]\n    if (firstSort) {\n      params.set('sortField', firstSort.id)\n      params.set('sortDir', firstSort.desc ? 'desc' : 'asc')\n    }\n    return params.toString()\n  }, [filters.commodity, filters.isInScope, page, pageSize, search, sorting])\n\n  React.useEffect(() => {\n    let cancelled = false\n    async function loadRows() {\n      setLoading(true)\n      try {\n        const fallback: ProductMappingsResponse = { items: [], total: 0, totalPages: 1 }\n        const call = await apiCall<ProductMappingsResponse>(\n          `/api/eudr/product-mappings?${queryParams}`,\n          undefined,\n          { fallback },\n        )\n        if (!call.ok) {\n          flash(translate('eudr.productMappings.list.loadError'), 'error')\n          return\n        }\n        const payload = call.result ?? fallback\n        if (cancelled) return\n        setRows(Array.isArray(payload.items) ? payload.items : [])\n        setTotal(typeof payload.total === 'number' ? payload.total : 0)\n        setTotalPages(typeof payload.totalPages === 'number' ? payload.totalPages : 1)\n      } catch {\n        if (!cancelled) flash(translate('eudr.productMappings.list.loadError'), 'error')\n      } finally {\n        if (!cancelled) setLoading(false)\n      }\n    }\n    loadRows()\n    return () => {\n      cancelled = true\n    }\n  }, [queryParams, reloadToken, scopeVersion, translate])\n\n  const refreshRows = React.useCallback(() => {\n    setReloadToken((currentToken) => currentToken + 1)\n  }, [])\n\n  const handleDelete = React.useCallback(async (row: ProductMappingRow) => {\n    const confirmed = await confirm({\n      title: translate('eudr.productMappings.list.confirmDelete', { product: formatProduct(row, translate('eudr.common.recordUnavailable')) }),\n      variant: 'destructive',\n    })\n    if (!confirmed) return\n\n    try {\n      await runMutation({\n        operation: async () => {\n          const call = await withScopedApiRequestHeaders(\n            buildOptimisticLockHeader(row.updatedAt),\n            () => apiCall(\n              `/api/eudr/product-mappings?id=${encodeURIComponent(row.id)}`,\n              { method: 'DELETE' },\n            ),\n          )\n          if (!call.ok) {\n            throw Object.assign(new Error('[internal] eudr product mapping delete failed'), {\n              status: call.status,\n              ...((call.result as Record<string, unknown> | null) ?? {}),\n            })\n          }\n          return call\n        },\n        context: {\n          formId: mutationContextId,\n          resourceKind: 'eudr.product_mapping',\n          resourceId: row.id,\n          retryLastMutation,\n        },\n        mutationPayload: { id: row.id },\n      })\n      flash(translate('eudr.productMappings.list.deleteSuccess'), 'success')\n      refreshRows()\n    } catch (error) {\n      if (surfaceRecordConflict(error, translate, { onRefresh: refreshRows })) return\n      flash(translate('eudr.productMappings.list.deleteError'), 'error')\n    }\n  }, [confirm, mutationContextId, refreshRows, retryLastMutation, runMutation, translate])\n\n  const columns = React.useMemo<ColumnDef<ProductMappingRow>[]>(() => [\n    {\n      accessorKey: 'productId',\n      header: translate('eudr.productMappings.list.columns.product'),\n      enableSorting: false,\n      cell: ({ row }) => (\n        <Link href={`/backend/eudr/product-mappings/${row.original.id}`} className=\"font-medium hover:underline\">\n          {formatProduct(row.original, translate('eudr.common.recordUnavailable'))}\n        </Link>\n      ),\n      meta: { maxWidth: '260px', truncate: true },\n    },\n    {\n      accessorKey: 'commodity',\n      header: translate('eudr.productMappings.list.columns.commodity'),\n      cell: ({ row }) => translate(`eudr.commodity.${row.original.commodity}`),\n    },\n    {\n      accessorKey: 'hsCode',\n      header: translate('eudr.productMappings.list.columns.hsCode'),\n      cell: ({ row }) => row.original.hsCode || translate('eudr.common.empty'),\n    },\n    {\n      accessorKey: 'isInScope',\n      header: translate('eudr.productMappings.list.columns.isInScope'),\n      cell: ({ row }) => row.original.isInScope ? translate('eudr.common.yes') : translate('eudr.common.no'),\n    },\n    {\n      accessorKey: 'updatedAt',\n      header: translate('eudr.productMappings.list.columns.updatedAt'),\n      cell: ({ row }) => formatDateTime(row.original.updatedAt, translate('eudr.common.empty'), locale),\n    },\n  ], [locale, translate])\n\n  const filterDefs = React.useMemo<FilterDef[]>(() => [\n    {\n      id: 'commodity',\n      label: translate('eudr.productMappings.list.filters.commodity'),\n      type: 'select',\n      options: [\n        { value: '', label: translate('eudr.productMappings.list.filters.allCommodities') },\n        ...commodityOptions(translate),\n      ],\n    },\n    {\n      id: 'isInScope',\n      label: translate('eudr.productMappings.list.filters.scope'),\n      type: 'select',\n      options: [\n        { value: '', label: translate('eudr.productMappings.list.filters.allScopes') },\n        { value: 'true', label: translate('eudr.productMappings.list.filters.inScope') },\n        { value: 'false', label: translate('eudr.productMappings.list.filters.outOfScope') },\n      ],\n    },\n  ], [locale, translate])\n\n  return (\n    <Page>\n      <PageBody>\n        <DataTable<ProductMappingRow>\n          title={translate('eudr.productMappings.list.title')}\n          columns={columns}\n          data={rows}\n          searchValue={search}\n          onSearchChange={(nextSearch) => {\n            setSearch(nextSearch)\n            setPage(1)\n          }}\n          searchPlaceholder={translate('eudr.productMappings.list.searchPlaceholder')}\n          filters={filterDefs}\n          filterValues={filters}\n          onFiltersApply={(nextFilters) => {\n            setFilters(nextFilters)\n            setPage(1)\n          }}\n          onFiltersClear={() => {\n            setFilters({})\n            setPage(1)\n          }}\n          actions={(\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <Button\n                type=\"button\"\n                variant=\"outline\"\n                onClick={() => setSuggestionsOpen(true)}\n              >\n                <Sparkles className=\"mr-2 h-4 w-4\" aria-hidden />\n                {translate('eudr.suggestions.open')}\n              </Button>\n              <Button asChild>\n                <Link href=\"/backend/eudr/product-mappings/create\">\n                  <Plus className=\"mr-2 h-4 w-4\" aria-hidden />\n                  {translate('eudr.productMappings.list.actions.create')}\n                </Link>\n              </Button>\n            </div>\n          )}\n          rowActions={(row) => (\n            <RowActions\n              items={[\n                {\n                  id: 'edit',\n                  label: translate('eudr.productMappings.list.actions.edit'),\n                  href: `/backend/eudr/product-mappings/${row.id}`,\n                },\n                {\n                  id: 'delete',\n                  label: translate('eudr.productMappings.list.actions.delete'),\n                  destructive: true,\n                  onSelect: () => {\n                    void handleDelete(row)\n                  },\n                },\n              ]}\n            />\n          )}\n          onRowClick={(row) => router.push(`/backend/eudr/product-mappings/${row.id}`)}\n          rowClickActionIds={['edit']}\n          emptyState={(\n            <ListEmptyState\n              entityName={translate('eudr.productMappings.list.entityName')}\n              createHref=\"/backend/eudr/product-mappings/create\"\n              createLabel={translate('eudr.productMappings.list.actions.create')}\n            />\n          )}\n          sortable\n          manualSorting\n          sorting={sorting}\n          onSortingChange={(nextSorting) => {\n            setSorting(nextSorting)\n            setPage(1)\n          }}\n          pagination={{\n            page,\n            pageSize,\n            total,\n            totalPages,\n            onPageChange: setPage,\n            pageSizeOptions: [20, 50, 100],\n            onPageSizeChange: (nextPageSize) => {\n              setPageSize(nextPageSize)\n              setPage(1)\n            },\n          }}\n          isLoading={loading}\n          perspective={{ tableId: 'eudr.product_mappings.list' }}\n          stickyActionsColumn\n        />\n      </PageBody>\n      <MappingSuggestionsDialog\n        open={suggestionsOpen}\n        onOpenChange={setSuggestionsOpen}\n        onApplied={refreshRows}\n      />\n      {ConfirmDialogElement}\n    </Page>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/eudr/backend/eudr/product-mappings/page.meta.js

@@ -0,0 +1,16 @@
+const metadata = {
+  requireAuth: true,
+  requireFeatures: ["eudr.mappings.view"],
+  pageTitle: "Product mappings",
+  pageTitleKey: "eudr.nav.mappings",
+  pageGroup: "Compliance",
+  pageGroupKey: "eudr.nav.group",
+  pagePriority: 10,
+  pageOrder: 10,
+  icon: "package",
+  breadcrumb: [{ label: "Product mappings", labelKey: "eudr.nav.mappings" }]
+};
+export {
+  metadata
+};
+//# sourceMappingURL=page.meta.js.map

package/dist/modules/eudr/backend/eudr/product-mappings/page.meta.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/eudr/backend/eudr/product-mappings/page.meta.ts"],
+  "sourcesContent": ["export const metadata = {\n  requireAuth: true,\n  requireFeatures: ['eudr.mappings.view'],\n  pageTitle: 'Product mappings',\n  pageTitleKey: 'eudr.nav.mappings',\n  pageGroup: 'Compliance',\n  pageGroupKey: 'eudr.nav.group',\n  pagePriority: 10,\n  pageOrder: 10,\n  icon: 'package',\n  breadcrumb: [{ label: 'Product mappings', labelKey: 'eudr.nav.mappings' }],\n}\n"],
+  "mappings": "AAAO,MAAM,WAAW;AAAA,EACtB,aAAa;AAAA,EACb,iBAAiB,CAAC,oBAAoB;AAAA,EACtC,WAAW;AAAA,EACX,cAAc;AAAA,EACd,WAAW;AAAA,EACX,cAAc;AAAA,EACd,cAAc;AAAA,EACd,WAAW;AAAA,EACX,MAAM;AAAA,EACN,YAAY,CAAC,EAAE,OAAO,oBAAoB,UAAU,oBAAoB,CAAC;AAC3E;",
+  "names": []
+}