datastake-daf 0.6.814 → 0.6.815

package/dist/pages/index.js

@@ -16,6 +16,7 @@ var reactCollapsed = require('react-collapsed');
 var L$1 = require('leaflet');
 var countryCityLocation = require('country-city-location');
 var client = require('react-dom/client');
+var reactDom = require('react-dom');
 require('@elfalem/leaflet-curve');
 var react = require('@xyflow/react');
 var g2plot = require('@antv/g2plot');
@@ -9401,8 +9402,8 @@ function LocationIcon({
   activeMarker,
   setActiveMarker
 }) {
-  const rootsMapRef = React.useRef(new Map());
   const markersRef = React.useRef([]);
+  const [portalContainers, setPortalContainers] = React.useState([]);
   const isSelected = selectedMarkersId.includes(data.datastakeId);
   const Marker = React.useMemo(() => {
     if (isMineSite(data.type)) {
@@ -9410,7 +9411,7 @@ function LocationIcon({
     }
     return VillageMarker;
   }, [data.type]);
-  const [isHovering, setIsHovering] = React.useState(false);
+  React.useState(false);
   const linkedNodesData = React.useMemo(() => {
     const nodes = [];
     const links = data.links || [];
@@ -9475,31 +9476,32 @@ function LocationIcon({
     return nodes;
   }, [JSON.stringify(allData), JSON.stringify(data.links), JSON.stringify(data.stakeholders), zoom]);
   const stakeholdersOfLocation = React.useMemo(() => {
-    return data?.stakeholders || [];
-  }, [data.stakeholders, zoom]);
+    return (data?.stakeholders || []).filter(stakeholder => {
+      if (!stakeholder.links || stakeholder.links.length === 0) {
+        return true;
+      }
+      const locationsWithThisStakeholder = allData.filter(loc => loc.stakeholders?.some(s => s.datastakeId === stakeholder.datastakeId)).map(loc => loc.datastakeId);
+      const primaryLocation = locationsWithThisStakeholder.sort()[0];
+      return data.datastakeId === primaryLocation;
+    });
+  }, [data.stakeholders, data.datastakeId, allData, zoom]);
   React.useEffect(() => {
-    const currentRoots = rootsMapRef.current;
-    const currentMarkers = markersRef.current;
-    currentMarkers.forEach(marker => {
-      if (mapRef.hasLayer(marker)) {
+    markersRef.current.forEach(marker => {
+      if (mapRef && mapRef.hasLayer(marker)) {
         mapRef.removeLayer(marker);
       }
     });
-    currentRoots.forEach(root => {
-      root.unmount();
-    });
-    currentRoots.clear();
     markersRef.current = [];
-
-    // Only create stakeholder markers if this location or any of its stakeholders are selected
+    setPortalContainers([]);
     const shouldShowStakeholders = isSelected || stakeholdersOfLocation.some(stk => selectedMarkersId.includes(stk.datastakeId));
     if (!shouldShowStakeholders || selectedMarkersId.length === 0) {
       return;
     }
 
-    // Create new markers only when selected
+    // Create markers and store their container references
+    const containers = [];
     stakeholdersOfLocation.forEach((stakeholder, index) => {
-      const markerId = `${stakeholder.datastakeId}`;
+      const markerId = `${data.datastakeId}-${stakeholder.datastakeId}`;
       const {
         x,
         y,
@@ -9522,41 +9524,29 @@ function LocationIcon({
       const pathLocLatLng = mapRef.layerPointToLatLng(pathLocPoint);
       const isForceOpen = activeMarker?.datastakeId === data.datastakeId;
       const iconSize = isSmallMarker(zoom) || isExtraSmallMarker(zoom) ? [11, 11] : [25, 25];
+
+      // Create container div
+      const containerDiv = document.createElement('div');
+      containerDiv.id = markerId;
       const marker = L__namespace.marker(stakeholderLatLng, {
         icon: L__namespace.divIcon({
-          html: `<div id="${markerId}"></div>`,
+          html: containerDiv.outerHTML,
           className: "marker-chain",
           iconSize: iconSize
         })
       }).addTo(mapRef);
       markersRef.current.push(marker);
-      setTimeout(() => {
-        const div = document.getElementById(markerId);
-        if (div && !rootsMapRef.current.has(markerId)) {
-          const root = client.createRoot(div);
-          rootsMapRef.current.set(markerId, root);
-          root.render( /*#__PURE__*/jsxRuntime.jsx(StakeholderIcon$1, {
-            data: stakeholder,
-            zoom: zoom,
-            allData: allData,
-            link: link,
-            parentId: data.datastakeId,
-            renderTooltip: renderTooltip,
-            onClickLink: onClickLink,
-            selectedMarkersId: selectedMarkersId,
-            handleSelectMarker: handleSelectMarker,
-            mapRef: mapRef,
-            radius: radius,
-            index: index,
-            x: x,
-            y: y,
-            openPopupIdRef: openPopupIdRef,
-            polylinesRef: polylinesRef,
-            isForceOpen: isForceOpen,
-            activeMarker: activeMarker
-          }));
-        }
-      }, 0);
+
+      // Store container info for portal rendering
+      containers.push({
+        markerId,
+        stakeholder,
+        x,
+        y,
+        radius,
+        index,
+        isForceOpen
+      });
       setMapMarkers(prev => {
         const array = [...prev, {
           id: marker._leaflet_id,
@@ -9588,17 +9578,19 @@ function LocationIcon({
         animated: true
       });
     });
+
+    // Update portal containers after markers are created
+    setTimeout(() => {
+      setPortalContainers(containers);
+    }, 0);
     return () => {
       markersRef.current.forEach(marker => {
-        if (mapRef.hasLayer(marker)) {
+        if (mapRef && mapRef.hasLayer(marker)) {
           mapRef.removeLayer(marker);
         }
       });
-      rootsMapRef.current.forEach(root => {
-        root.unmount();
-      });
-      rootsMapRef.current.clear();
       markersRef.current = [];
+      setPortalContainers([]);
     };
   }, [stakeholdersOfLocation, selectedMarkersId, activeMarker, zoom]);
 
@@ -9682,57 +9674,81 @@ function LocationIcon({
       });
     });
   }, [linkedNodesData, selectedMarkersId, zoom, stakeholdersOfLocation, isSelected]);
-  return /*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
-    content: renderTooltipJsx({
-      title: data.name,
-      subTitle: data.subTitle,
-      total: data.sources,
-      className: "pt-0 pb-0",
-      items: renderTooltip(data),
-      link,
-      onClickLink: () => onClickLink(data),
-      isNewTab: true
-    })
-    // open={
-    // 	(!openPopupIdRef.current || openPopupIdRef.current === data.datastakeId) &&
-    // 	isHovering
-    // }
-    ,
-    getPopupContainer: triggerNode => {
-      const mapElement = document.getElementById("map");
-      return mapElement || triggerNode.parentElement || document.body;
-    },
-    children: /*#__PURE__*/jsxRuntime.jsxs("div", {
-      style: {
-        position: "relative",
-        display: "inline-block"
+  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/jsxRuntime.jsx(antd.Popover, {
+      content: renderTooltipJsx({
+        title: data.name,
+        subTitle: data.subTitle,
+        total: data.sources,
+        className: "pt-0 pb-0",
+        items: renderTooltip(data),
+        link,
+        onClickLink: () => onClickLink(data),
+        isNewTab: true
+      }),
+      getPopupContainer: triggerNode => {
+        const mapElement = document.getElementById("map");
+        return mapElement || triggerNode.parentElement || document.body;
       },
-      children: [(isSelected || selectedMarkersId.length === 0) && /*#__PURE__*/jsxRuntime.jsx("div", {
+      children: /*#__PURE__*/jsxRuntime.jsxs("div", {
         style: {
-          position: "absolute",
-          bottom: "0",
-          left: "50%",
-          transform: "translateX(-50%)",
-          width: "12px",
-          height: "6px",
-          background: "rgba(0,0,0,0.15)",
-          borderRadius: "50%",
-          filter: "blur(3px)"
-        }
-      }), /*#__PURE__*/jsxRuntime.jsx(Marker, {
-        isSelected: isSelected,
-        onClick: () => {
-          handleSelectMarker(data);
-          setActiveMarker(isSelected ? null : data);
+          position: "relative",
+          display: "inline-block"
         },
+        children: [(isSelected || selectedMarkersId.length === 0) && /*#__PURE__*/jsxRuntime.jsx("div", {
+          style: {
+            position: "absolute",
+            bottom: "0",
+            left: "50%",
+            transform: "translateX(-50%)",
+            width: "12px",
+            height: "6px",
+            background: "rgba(0,0,0,0.15)",
+            borderRadius: "50%",
+            filter: "blur(3px)"
+          }
+        }), /*#__PURE__*/jsxRuntime.jsx(Marker, {
+          isSelected: isSelected,
+          onClick: () => {
+            handleSelectMarker(data);
+            setActiveMarker(isSelected ? null : data);
+          },
+          zoom: zoom,
+          selectedMarkersId: selectedMarkersId
+        })]
+      })
+    }), portalContainers.map(({
+      markerId,
+      stakeholder,
+      x,
+      y,
+      radius,
+      index,
+      isForceOpen
+    }) => {
+      const container = document.getElementById(markerId);
+      if (!container) return null;
+      return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/jsxRuntime.jsx(StakeholderIcon$1, {
+        data: stakeholder,
         zoom: zoom,
-        onMouseEnter: () => setIsHovering(true),
-        onMouseLeave: () => {
-          setIsHovering(false);
-        },
-        selectedMarkersId: selectedMarkersId
-      })]
-    })
+        allData: allData,
+        link: link,
+        parentId: data.datastakeId,
+        renderTooltip: renderTooltip,
+        onClickLink: onClickLink,
+        selectedMarkersId: selectedMarkersId,
+        handleSelectMarker: handleSelectMarker,
+        mapRef: mapRef,
+        radius: radius,
+        index: index,
+        x: x,
+        y: y,
+        openPopupIdRef: openPopupIdRef,
+        polylinesRef: polylinesRef,
+        isForceOpen: isForceOpen,
+        activeMarker: activeMarker
+      }, markerId), container);
+    })]
   });
 }
 
@@ -14160,7 +14176,7 @@ const getTabs = t => {
     label: t("Events")
   }];
 };
-const getFiltersConfig$b = ({
+const getFiltersConfig$c = ({
   t,
   filters,
   activeTab,
@@ -14395,7 +14411,7 @@ function MineSites({
     config: dataFetchConfig
   });
   const tabs = React.useMemo(() => getTabs(t), [t]);
-  const filtersConfig = React.useMemo(() => getFiltersConfig$b({
+  const filtersConfig = React.useMemo(() => getFiltersConfig$c({
     t,
     filters,
     options,
@@ -15548,7 +15564,12 @@ function DAFTable({
   doEmptyRows,
   ...rest
 }) {
-  const [source, setSource] = React.useState([]);
+  const source = React.useMemo(() => {
+    if (data && Array.isArray(data)) {
+      return data;
+    }
+    return [];
+  }, [data]);
   const projectData = (projects || []).find(p => p.id === selectedProject);
   const [filtersInit, setFiltersInit] = React.useState(!loading);
   React.useEffect(() => {
@@ -15593,11 +15614,13 @@ function DAFTable({
       }
     } : filtersConfig;
   }, [sourcesKey, sources, filtersConfig, t]);
-  React.useEffect(() => {
-    if (data && Array.isArray(data)) {
-      setSource(data);
-    }
-  }, [data, data.length]);
+
+  // useEffect(() => {
+  //   if (data && Array.isArray(data)) {
+  //     setSource(data);
+  //   }
+  // }, [data, data.length]);
+
   const paginationPageSize = pagination?.pageSize;
   const dataSource = React.useMemo(() => {
     const pageSize = paginationPageSize ? paginationPageSize : source.length > 10 ? source.length : 10;
@@ -16087,7 +16110,7 @@ const NavigationAction = ({
   });
 };
 
-const getColumns$g = ({
+const getColumns$h = ({
   t,
   data,
   user,
@@ -16213,7 +16236,7 @@ function OrganisationInformation({
     });
   }, [organisationInfo, data]);
   const columns = React.useMemo(() => {
-    return getColumns$g({
+    return getColumns$h({
       t,
       data: tableData,
       user,
@@ -16344,7 +16367,7 @@ const Style$8 = styled__default["default"].div`
   }
 `;
 
-const getColumns$f = ({
+const getColumns$g = ({
   t = () => {},
   options = {},
   user = {},
@@ -16501,7 +16524,7 @@ function ProductionSites({
     return productionSites?.length > 5 ? ComponentWithFocus : "div";
   }, [productionSites]);
   const columns = React.useMemo(() => {
-    return getColumns$f({
+    return getColumns$g({
       t,
       options,
       user,
@@ -16735,7 +16758,7 @@ const getAdminLevelName = (data, level) => {
   return entry?.name || "-";
 };
 
-const getColumns$e = ({
+const getColumns$f = ({
   t,
   activeTab,
   options,
@@ -17029,7 +17052,7 @@ function AssociatedInformation$1({
   console.log({
     data
   });
-  const columns = React.useMemo(() => getColumns$e({
+  const columns = React.useMemo(() => getColumns$f({
     t,
     isMonitoring: false,
     activeTab,
@@ -17413,7 +17436,7 @@ const getPartnershipTypes = t => {
   }];
 };
 
-const getColumns$d = ({
+const getColumns$e = ({
   t,
   accept,
   decline,
@@ -40799,7 +40822,7 @@ const PartnersTable = ({
     setTotalRequests,
     t
   });
-  const columns = React.useMemo(() => getColumns$d({
+  const columns = React.useMemo(() => getColumns$e({
     t,
     accept,
     decline,
@@ -41036,7 +41059,7 @@ const Create = ({
   });
 };
 
-const getFiltersConfig$a = ({
+const getFiltersConfig$b = ({
   t
 }) => {
   return {
@@ -41067,7 +41090,7 @@ const getFiltersConfig$a = ({
     }
   };
 };
-const getFilterOptions$a = (options, t) => {
+const getFilterOptions$b = (options, t) => {
   const {
     countries,
     category,
@@ -41078,13 +41101,13 @@ const getFilterOptions$a = (options, t) => {
     category: categoriesOptions || category || []
   };
 };
-const formConfig$8 = {
+const formConfig$9 = {
   namespace: 'stakeholders',
   view: 'scoping',
   scope: 'create',
   formType: 'stakeholder'
 };
-const viewConfig$8 = {
+const viewConfig$9 = {
   title: "Stakeholders",
   createTitle: "Create Stakeholder"
 };
@@ -41171,7 +41194,7 @@ function sourceAvatarConfig(items, user, applications) {
   });
 }
 
-const getColumns$c = ({
+const getColumns$d = ({
   t,
   goTo,
   user,
@@ -41224,7 +41247,8 @@ const getColumns$c = ({
         className: "daf-default-cell"
       });
     }
-    const category = findOptions(v, options?.categoriesOptions);
+    const categoriesOptions = [...(options?.categoriesOptions || []), ...(options?.category || [])];
+    const category = findOptions(v, categoriesOptions);
     return category ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: category,
       children: category
@@ -41241,7 +41265,8 @@ const getColumns$c = ({
         className: "daf-default-cell"
       });
     }
-    const subCategory = findOptions(v, options?.subCategoriesOptions);
+    const subCategoriesOptions = [...(options?.subCategoriesOptions || []), ...(options?.subCategory || [])];
+    const subCategory = findOptions(v, subCategoriesOptions);
     return subCategory ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: subCategory,
       children: subCategory
@@ -41276,7 +41301,7 @@ const getColumns$c = ({
       });
     }
     if (!val || val?.length === 0) {
-      return "--";
+      return "-";
     }
     const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
@@ -41325,7 +41350,7 @@ const getColumns$c = ({
   }
 }].filter(column => column.show !== false);
 
-const getFiltersConfig$9 = ({
+const getFiltersConfig$a = ({
   t
 }) => {
   return {
@@ -41493,7 +41518,7 @@ const getFiltersConfig$9 = ({
     }
   };
 };
-const getFilterOptions$9 = (options, t) => {
+const getFilterOptions$a = (options, t) => {
   const {
     statusOptions,
     categoryOptions,
@@ -41515,13 +41540,13 @@ const getFilterOptions$9 = (options, t) => {
   };
   return _default;
 };
-const formConfig$7 = {
+const formConfig$8 = {
   namespace: 'OPERATOR',
   view: ['scoping', 'new'],
   scope: 'global',
   formType: 'operator'
 };
-const viewConfig$7 = {
+const viewConfig$8 = {
   title: "Operators",
   createTitle: "Create Operator"
 };
@@ -41562,7 +41587,7 @@ const renderStatusTag = ({
   }
 };
 
-const getColumns$b = ({
+const getColumns$c = ({
   t,
   goTo,
   user,
@@ -41708,6 +41733,9 @@ const getColumns$b = ({
         className: "daf-default-cell"
       });
     }
+    if (!val || val?.length === 0) {
+      return "-";
+    }
     const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
@@ -41769,7 +41797,7 @@ const getColumns$b = ({
   }
 }].filter(column => column.show !== false);
 
-const getFiltersConfig$8 = ({
+const getFiltersConfig$9 = ({
   t
 }) => {
   return {
@@ -41910,7 +41938,7 @@ const getFiltersConfig$8 = ({
     }
   };
 };
-const getFilterOptions$8 = (options, t) => {
+const getFilterOptions$9 = (options, t) => {
   const {
     statusOptions,
     categoryOptions,
@@ -41937,18 +41965,18 @@ const getFilterOptions$8 = (options, t) => {
   };
   return _default;
 };
-const formConfig$6 = {
+const formConfig$7 = {
   namespace: 'WORKERS',
   view: ['scoping', 'new'],
   scope: 'global',
   formType: 'worker'
 };
-const viewConfig$6 = {
+const viewConfig$7 = {
   title: "Workers",
   createTitle: "Create Worker"
 };
 
-const getColumns$a = ({
+const getColumns$b = ({
   t,
   goTo,
   user,
@@ -42078,6 +42106,9 @@ const getColumns$a = ({
         className: "daf-default-cell"
       });
     }
+    if (!val || val?.length === 0) {
+      return "-";
+    }
     const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
@@ -42124,7 +42155,7 @@ const getColumns$a = ({
   }
 }].filter(column => column.show !== false);
 
-const getFiltersConfig$7 = ({
+const getFiltersConfig$8 = ({
   t
 }) => {
   return {
@@ -42276,7 +42307,7 @@ const getFiltersConfig$7 = ({
     }
   };
 };
-const getFilterOptions$7 = (options, t) => {
+const getFilterOptions$8 = (options, t) => {
   const {
     timeframe = [],
     status,
@@ -42302,13 +42333,13 @@ const getFilterOptions$7 = (options, t) => {
     }]
   };
 };
-const formConfig$5 = {
+const formConfig$6 = {
   namespace: 'event',
   view: 'scoping',
   scope: 'create',
   formType: 'event'
 };
-const viewConfig$5 = {
+const viewConfig$6 = {
   title: "Events",
   createTitle: "Create Event"
 };
@@ -42435,7 +42466,7 @@ MoreTags.propTypes = {
   limit: PropTypes__default["default"].number
 };
 
-const getColumns$9 = ({
+const getColumns$a = ({
   t,
   goTo,
   user,
@@ -42597,6 +42628,9 @@ const getColumns$9 = ({
         className: "daf-default-cell"
       });
     }
+    if (!val || val?.length === 0) {
+      return "-";
+    }
     const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
@@ -42667,7 +42701,7 @@ const getColumns$9 = ({
   }
 }].filter(column => column.show !== false);
 
-const getFiltersConfig$6 = ({
+const getFiltersConfig$7 = ({
   t
 }) => {
   return {
@@ -42839,7 +42873,7 @@ const getFiltersConfig$6 = ({
     }
   };
 };
-const getFilterOptions$6 = (options, t) => {
+const getFilterOptions$7 = (options, t) => {
   const {
     timeframe = [],
     statusOptions,
@@ -42872,13 +42906,13 @@ const getFilterOptions$6 = (options, t) => {
   };
   return _default;
 };
-const formConfig$4 = {
+const formConfig$5 = {
   namespace: 'corrective-actions',
   view: 'corrective-actions',
   scope: 'createActivity',
   formType: 'activity'
 };
-const viewConfig$4 = {
+const viewConfig$5 = {
   title: "Activities",
   createTitle: "Create Activity"
 };
@@ -42892,7 +42926,7 @@ const getEventCategoryBySubject = (eventCategoryObject, subject, isSingular = fa
   return eventCategoryObject[key] || null;
 };
 
-const getColumns$8 = ({
+const getColumns$9 = ({
   t,
   goTo,
   user,
@@ -43039,6 +43073,9 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
+    if (!val || val?.length === 0) {
+      return "-";
+    }
     const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
@@ -43102,7 +43139,7 @@ const getColumns$8 = ({
   }
 }].filter(column => column.show !== false);
 
-const getFiltersConfig$5 = ({
+const getFiltersConfig$6 = ({
   t
 }) => {
   return {
@@ -43273,7 +43310,7 @@ const getFiltersConfig$5 = ({
     }
   };
 };
-const getFilterOptions$5 = (options, t) => {
+const getFilterOptions$6 = (options, t) => {
   const {
     timeframe = [],
     statusOptions,
@@ -43306,18 +43343,18 @@ const getFilterOptions$5 = (options, t) => {
   };
   return _default;
 };
-const formConfig$3 = {
+const formConfig$4 = {
   namespace: 'incident',
   view: 'incident',
   scope: 'createIncident',
   formType: 'incident'
 };
-const viewConfig$3 = {
+const viewConfig$4 = {
   title: "Incidents",
   createTitle: "Create Incident"
 };
 
-const getColumns$7 = ({
+const getColumns$8 = ({
   t,
   goTo,
   user,
@@ -43464,6 +43501,423 @@ const getColumns$7 = ({
         className: "daf-default-cell"
       });
     }
+    if (!val || val?.length === 0) {
+      return "-";
+    }
+    const sources = sourceAvatarConfig(val, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: sources
+    });
+  }
+}, {
+  title: t("Status"),
+  dataIndex: "status",
+  key: "status",
+  show: activeTab === "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
+    return renderStatusTag({
+      value: _val,
+      t
+    });
+  }
+}, {
+  title: t("Last Update"),
+  dataIndex: "updatedAt",
+  key: "updatedAt",
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
+}, {
+  id: 'actions',
+  title: "",
+  width: 60,
+  render: (_, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const onClick = () => {
+      let link = `/app/view/${subject}/${all.datastakeId}`;
+      if (activeTab === "shared") {
+        link += `?sourceId=${all?.authorId?.id}`;
+      }
+      goTo(getRedirectLink(link));
+    };
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
+    });
+  }
+}].filter(column => column.show !== false);
+
+const getFiltersConfig$5 = ({
+  t
+}) => {
+  return {
+    timeframe: {
+      type: "timeframe",
+      label: "Timeframe",
+      style: {
+        flex: 1
+      },
+      t: t
+    },
+    country: {
+      type: 'select',
+      label: 'Country',
+      placeholder: () => `${t('Filter by')} ${t('Country').toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
+    },
+    administrativeLevel1: {
+      type: 'ajaxSelect',
+      label: ({
+        t = s => s,
+        options = {},
+        filters = {},
+        language = 'en'
+      }) => {
+        const {
+          administrativeLevel1
+        } = options;
+        if (administrativeLevel1) {
+          if (options.country) {
+            const _item = administrativeLevel1[filters.country];
+            if (_item) {
+              if (_item[language]) {
+                return _item[language];
+              }
+            }
+          }
+        }
+        return t('Province');
+      },
+      placeholder: () => `${t('Filter by')} ${t('Province').toLowerCase()}`,
+      filters: data => ({
+        country: data.country,
+        level: 'level_1'
+      }),
+      show: data => !data.country,
+      disabled: data => !data.country,
+      mapper: {
+        label: "name",
+        value: "id"
+      },
+      method: 'getOptions',
+      entity: 'AdministrativeLevel',
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      }
+    },
+    administrativeLevel2: {
+      type: 'ajaxSelect',
+      label: ({
+        t = s => s,
+        options = {},
+        filters = {},
+        language = 'en'
+      }) => {
+        const {
+          administrativeLevel2
+        } = options;
+        if (administrativeLevel2) {
+          if (options.country) {
+            const _item = administrativeLevel2[filters.country];
+            if (_item) {
+              if (_item[language]) {
+                return _item[language];
+              }
+            }
+          }
+        }
+        return t('Province');
+      },
+      show: data => !(data.country && data.administrativeLevel1),
+      placeholder: () => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
+      filters: data => ({
+        country: data.country,
+        level: 'level_2',
+        administrativeLevel1: data.administrativeLevel1
+      }),
+      disabled: data => !(data.country && data.administrativeLevel1),
+      mapper: {
+        label: "name",
+        value: "id"
+      },
+      method: 'getOptions',
+      entity: 'AdministrativeLevel',
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      }
+    },
+    eventCategory: {
+      type: 'select',
+      label: 'Category',
+      placeholder: () => `${t('Filter by')} ${t('Category').toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value,
+      filterOptions: val => {
+        if (val) {
+          const {
+            option,
+            filters
+          } = val;
+          if (filters && option) {
+            const {
+              filters: optionFilters
+            } = option;
+            if (Array.isArray(optionFilters) && optionFilters.length) {
+              const {
+                value,
+                condition
+              } = optionFilters[0];
+              if (condition === 'includes') {
+                return value.includes('corporation');
+              }
+            }
+          }
+        }
+        return true;
+      }
+    },
+    // positionInTheMineralSupplyChain: {
+    //   type: 'select',
+    //   label: 'Position',
+    //   placeholder: () => `${t('Filter by')} ${t('Position').toLowerCase()}`,
+    //   style: { flex: 1 },
+    //   labelStyle: { flex: 1 },
+    //   getLabel: (option) => option.label,
+    //   getValue: (option) => option.value,
+    // },
+    status: {
+      type: "select",
+      label: "Status",
+      placeholder: () => `${t("Filter by")} ${t("Status").toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        fley: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
+    }
+  };
+};
+const getFilterOptions$5 = (options, t) => {
+  const {
+    timeframe = [],
+    statusOptions,
+    categoryOptions,
+    countries,
+    subCategory,
+    category,
+    stakeholderCategoryOptions,
+    stakeholderSubCategoriesOptions,
+    administrativeLevel1,
+    administrativeLevel2,
+    positionInMineralSupplyChainOptions,
+    subCategoriesOptions,
+    eventCategoryOptions
+  } = options || {};
+  const _categoryOptions = (eventCategoryOptions || categoryOptions || [])?.map(item => ({
+    value: item.value,
+    label: typeof item.label === 'object' ? Object.values(item.label)[1] : item.label
+  }));
+  const _default = {
+    timeframe: timeframe,
+    status: getStatusOptions(t) || [],
+    eventCategory: _categoryOptions || [],
+    country: countries || [],
+    subCategory: subCategoriesOptions || [],
+    // category: category,
+    administrativeLevel1,
+    administrativeLevel2
+    // positionInTheMineralSupplyChain: positionInMineralSupplyChainOptions || [],
+  };
+  return _default;
+};
+const formConfig$3 = {
+  namespace: 'testimonials',
+  view: 'testimonials',
+  scope: 'create',
+  formType: 'testimonial'
+};
+const viewConfig$3 = {
+  title: "Testimonials",
+  createTitle: "New Testimonial"
+};
+
+const getColumns$7 = ({
+  t,
+  goTo,
+  user,
+  options,
+  activeTab,
+  getRedirectLink,
+  theme,
+  subject,
+  data,
+  applications
+}) => [{
+  dataIndex: 'datastakeId',
+  title: t('ID'),
+  ellipsis: true,
+  show: true,
+  key: "datastakeId",
+  sorter: () => 0 + 0,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: v,
+      children: v
+    });
+  }
+}, {
+  dataIndex: 'name',
+  title: t('Title'),
+  ellipsis: true,
+  show: true,
+  key: "name",
+  sorter: () => 0 + 0,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: v,
+      children: v
+    });
+  }
+}, {
+  title: t("type"),
+  dataIndex: "typeOfTestimonials",
+  key: "typeOfTestimonials",
+  sorter: () => 0 + 0,
+  show: true,
+  render: (title, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const type = findOptions(title, data?.options?.testimonialsType);
+    return type ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: type,
+      children: type
+    }) : '-';
+  },
+  ellipsis: true
+}, {
+  title: t("Date"),
+  dataIndex: "date",
+  key: "date",
+  sorter: () => 0 + 0,
+  render: (date, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+    return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: _date,
+      children: _date
+    });
+  },
+  ellipsis: true
+}, {
+  dataIndex: 'mineSite',
+  title: t('Location'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+
+    // const country = findOptions(v, data?.options?.positionSupplyChainOptions);
+    const mineSite = all?.location?.name;
+    return mineSite ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: mineSite,
+      children: mineSite
+    }) : '-';
+  }
+}, {
+  dataIndex: 'eventCategory',
+  title: t('Category'),
+  ellipsis: true,
+  show: true,
+  render: (v, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    const eventCategory = findOptions(v, data?.options?.eventCategoryOptions || data?.options?.categoryOptions);
+    const categoryValue = getEventCategoryBySubject(eventCategory, subject);
+    return categoryValue ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+      title: categoryValue,
+      children: categoryValue
+    }) : '-';
+  }
+}, {
+  title: t("Sources"),
+  dataIndex: "sources",
+  key: "sources",
+  show: activeTab !== "own",
+  render: (val, all) => {
+    if (all.empty) {
+      return /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-default-cell"
+      });
+    }
+    if (!val || val?.length === 0) {
+      return "-";
+    }
     const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
@@ -43703,6 +44157,9 @@ const getColumns$6 = ({
         className: "daf-default-cell"
       });
     }
+    if (!val || val?.length === 0) {
+      return "-";
+    }
     const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
@@ -44166,16 +44623,19 @@ const getColumns$5 = ({
   }
 }, {
   title: t("Sources"),
-  dataIndex: 'sources',
-  ellipsis: true,
+  dataIndex: "sources",
+  key: "sources",
   show: activeTab !== "own",
-  render: (v, all) => {
+  render: (val, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "daf-default-cell"
       });
     }
-    const sources = sourceAvatarConfig(v, user, applications);
+    if (!val || val?.length === 0) {
+      return "-";
+    }
+    const sources = sourceAvatarConfig(val, user, applications);
     return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
       items: sources
     });
@@ -44375,48 +44835,55 @@ const getColumns$4 = ({
 
 const FILTER_REGISTRY = {
   stakeholders: {
+    config: getFiltersConfig$b,
+    options: getFilterOptions$b,
+    formConfig: formConfig$9,
+    viewConfig: viewConfig$9,
+    columns: getColumns$d
+  },
+  workers: {
+    config: getFiltersConfig$9,
+    options: getFilterOptions$9,
+    formConfig: formConfig$7,
+    viewConfig: viewConfig$7,
+    columns: getColumns$b
+  },
+  operators: {
     config: getFiltersConfig$a,
     options: getFilterOptions$a,
     formConfig: formConfig$8,
     viewConfig: viewConfig$8,
     columns: getColumns$c
   },
-  workers: {
+  events: {
     config: getFiltersConfig$8,
     options: getFilterOptions$8,
     formConfig: formConfig$6,
     viewConfig: viewConfig$6,
     columns: getColumns$a
   },
-  operators: {
-    config: getFiltersConfig$9,
-    options: getFilterOptions$9,
-    formConfig: formConfig$7,
-    viewConfig: viewConfig$7,
-    columns: getColumns$b
-  },
-  events: {
+  activities: {
     config: getFiltersConfig$7,
     options: getFilterOptions$7,
     formConfig: formConfig$5,
     viewConfig: viewConfig$5,
     columns: getColumns$9
   },
-  activities: {
-    config: getFiltersConfig$6,
-    options: getFilterOptions$6,
-    formConfig: formConfig$4,
-    viewConfig: viewConfig$4,
-    columns: getColumns$8
-  },
   'corrective-actions': {
+    config: getFiltersConfig$7,
+    options: getFilterOptions$7,
+    formConfig: formConfig$5,
+    viewConfig: viewConfig$5,
+    columns: getColumns$9
+  },
+  incidents: {
     config: getFiltersConfig$6,
     options: getFilterOptions$6,
     formConfig: formConfig$4,
     viewConfig: viewConfig$4,
     columns: getColumns$8
   },
-  incidents: {
+  testimonials: {
     config: getFiltersConfig$5,
     options: getFilterOptions$5,
     formConfig: formConfig$3,