datastake-daf 0.6.772 → 0.6.773

package/dist/pages/index.js

@@ -7069,7 +7069,7 @@ const getRowConfig$1 = ({
 const MOBILE_W = 850;
 const MOBILE_WIDTH = `max-width: ${MOBILE_W}px`;
 
-const Style$f = styled__default["default"].div`
+const Style$g = styled__default["default"].div`
 	overflow-x: auto;
 
 	@media (${MOBILE_WIDTH}) {
@@ -7467,7 +7467,7 @@ function KeyIndicatorsWidget({
     className: formatClassname(["flex-1 h-w-btn-header with-border-header", widgetClassName]),
     title: noTitle ? undefined : t(title),
     noTitle: noTitle,
-    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$f, {
+    children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$g, {
       className: formatClassname(["flex", className]),
       children: config.map((c, i) => /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "row-item",
@@ -7563,7 +7563,7 @@ KeyIndicators$1.propTypes = {
   goTo: PropTypes__default["default"].func
 };
 
-const Style$e = styled__default["default"].div`
+const Style$f = styled__default["default"].div`
   display: flex;
   flex-direction: row;
   position: relative;
@@ -9104,7 +9104,7 @@ function LocationIcon({
   });
 }
 
-const Style$d = styled__default["default"].div`
+const Style$e = styled__default["default"].div`
   .main {
     width: 24px;
     height: 24px;
@@ -9249,7 +9249,7 @@ function StakeholderIcon({
         onClickLink: () => onClickLink(marker)
       }),
       getPopupContainer: () => document.getElementById("map"),
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$d
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$e
       // onClick={toggleOpen}
       , {
         className: `map-marker marker closed`,
@@ -9262,7 +9262,7 @@ function StakeholderIcon({
       })
     });
   }
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$d, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$e, {
     onClick: toggleOpen,
     className: `map-marker marker ${isActive ? "opened" : "closed"}`,
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
@@ -10068,7 +10068,7 @@ const useMap = ({
   };
 };
 
-const Style$c = styled__default["default"].div`
+const Style$d = styled__default["default"].div`
 	position: relative;
 	width: 100%;
 	height: 100%;
@@ -10141,7 +10141,7 @@ function ComponentWithFocus({
       setClosed(false);
     }
   }, [closed]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$c, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$d, {
     className: className,
     ref: ref,
     style: style,
@@ -10153,7 +10153,7 @@ function ComponentWithFocus({
   });
 }
 
-const Style$b = styled__default["default"].div`
+const Style$c = styled__default["default"].div`
   position: absolute; 
   top: 24px;
   left: 24px;
@@ -10328,7 +10328,7 @@ function Filters({
         return null;
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$b, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$c, {
     children: [/*#__PURE__*/jsxRuntime.jsxs(antd.Button, {
       onClick: () => setOpened(p => !p),
       children: [t("Filter"), /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
@@ -10409,7 +10409,7 @@ function Map$1({
     isSatellite
   });
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
-    children: /*#__PURE__*/jsxRuntime.jsxs(Style$e, {
+    children: /*#__PURE__*/jsxRuntime.jsxs(Style$f, {
       className: formatClassname([showSider && activeMarker && "with-sider"]),
       children: [filtersConfig ? /*#__PURE__*/jsxRuntime.jsx(Filters, {
         t: t,
@@ -10618,7 +10618,7 @@ function PrimaryNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$a, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$b, {
       $isPdf: isPdf,
       className: "flex",
       children: [" ", /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -10729,7 +10729,7 @@ function PrimaryNode({
     })]
   });
 }
-const Style$a = styled__default["default"].div`
+const Style$b = styled__default["default"].div`
   width: ${MAIN_NODE_WIDTH}px;
   height: ${MAIN_NODE_HEIGHT}px; /* Explicitly set height */
   display: flex;
@@ -10865,7 +10865,7 @@ function IconNode({
     }), /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: data?.name,
       defaultOpen: data?.ONLY_IN_STORYBOOK,
-      children: /*#__PURE__*/jsxRuntime.jsx(Style$9, {
+      children: /*#__PURE__*/jsxRuntime.jsx(Style$a, {
         hoverColor: data?.iconHoverColor,
         children: /*#__PURE__*/jsxRuntime.jsx(antd.ConfigProvider, {
           theme: {
@@ -10908,7 +10908,7 @@ function IconNode({
     })]
   });
 }
-const Style$9 = styled__default["default"].div`
+const Style$a = styled__default["default"].div`
 	height: 40px;
 	width: 40px;
 
@@ -10986,7 +10986,7 @@ function NameNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$8, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$9, {
       $isPdf: isPdf,
       style: {
         opacity: data.isEmpty ? 0.5 : 1
@@ -11074,7 +11074,7 @@ function NameNode({
     })]
   });
 }
-const Style$8 = styled__default["default"].div`
+const Style$9 = styled__default["default"].div`
     width: ${NAME_CARD_WIDTH}px;
     height: 55px;
     display: flex;
@@ -11105,7 +11105,7 @@ const Style$8 = styled__default["default"].div`
     }
 `;
 
-const Style$7 = styled__default["default"].div`
+const Style$8 = styled__default["default"].div`
 	width: 405px;
 	display: flex;
 	height: 140px;
@@ -11216,7 +11216,7 @@ function ExpandedNode({
       style: {
         opacity: 0
       }
-    }), /*#__PURE__*/jsxRuntime.jsxs(Style$7, {
+    }), /*#__PURE__*/jsxRuntime.jsxs(Style$8, {
       style: {
         opacity
       },
@@ -12468,7 +12468,7 @@ Identification.propTypes = {
   theme: PropTypes__default["default"].object
 };
 
-const Style$6 = styled__default["default"].div`
+const Style$7 = styled__default["default"].div`
   position: absolute;
   display: flex;
   gap: 12px;
@@ -12483,7 +12483,7 @@ function Tooltip({
   mouseY = 0,
   children = null
 }) {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$6, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$7, {
     style: {
       top: mouseY,
       left: mouseX
@@ -15176,7 +15176,7 @@ const renderStatusTag = ({
   }
 };
 
-const getColumns$b = ({
+const getColumns$c = ({
   t,
   goTo,
   user,
@@ -20833,7 +20833,7 @@ function Comments({
   });
 }
 
-var Style$5 = styled__default["default"].div`
+var Style$6 = styled__default["default"].div`
   border: 1px solid var(--base-gray-40);
   padding: 12px;
   background: var(--base-gray-20);
@@ -20979,7 +20979,7 @@ function GroupInfoHOC({
     meta,
     t
   });
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$5, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
     className: formatClassname([!isExpanded && 'collapsed', className, isSuccess && 'success']),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "cont-header",
@@ -21136,7 +21136,7 @@ function GroupInfo({
         });
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$5, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$6, {
     className: formatClassname([!isExpanded && 'collapsed', className]),
     children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "cont-header",
@@ -21177,7 +21177,7 @@ function GroupInfos({
   }, key));
 }
 
-const Style$4 = styled__default["default"].div`
+const Style$5 = styled__default["default"].div`
   gap: 16px;
   display: flex;
   max-width: 465px;
@@ -21199,7 +21199,7 @@ function EvaluationPopover({
   t = s => s,
   evaluationConfig = []
 }) {
-  return /*#__PURE__*/jsxRuntime.jsx(Style$4, {
+  return /*#__PURE__*/jsxRuntime.jsx(Style$5, {
     children: evaluationConfig.map(c =>
     /*#__PURE__*/
     //? ASK REDI
@@ -23171,7 +23171,7 @@ const useMapHelper = ({
   };
 };
 
-const Style$3 = styled__default["default"].div`
+const Style$4 = styled__default["default"].div`
   width: 100%;
   height: 20rem;
   flex: 1;
@@ -23298,7 +23298,7 @@ function PolygonSelector({
       searchForLocation(mapRef);
     }
   }, [searchValue, mapRef]);
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$3, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$4, {
     className: "polygon-selector",
     children: [/*#__PURE__*/jsxRuntime.jsx("div", {
       className: "map-container",
@@ -30056,7 +30056,7 @@ const NavigationAction = ({
   });
 };
 
-const getColumns$a = ({
+const getColumns$b = ({
   t,
   goTo,
   user,
@@ -30628,7 +30628,7 @@ const viewConfig$6 = {
   createTitle: "Create Worker"
 };
 
-const getColumns$9 = ({
+const getColumns$a = ({
   t,
   goTo,
   user,
@@ -31130,7 +31130,7 @@ MoreTags.propTypes = {
   limit: PropTypes__default["default"].number
 };
 
-const getColumns$8 = ({
+const getColumns$9 = ({
   t,
   goTo,
   user,
@@ -31585,7 +31585,7 @@ const getEventCategoryBySubject = (eventCategoryObject, subject, isSingular = fa
   return eventCategoryObject[key] || null;
 };
 
-const getColumns$7 = ({
+const getColumns$8 = ({
   t,
   goTo,
   user,
@@ -32010,7 +32010,7 @@ const viewConfig$3 = {
   createTitle: "Create Incident"
 };
 
-const getColumns$6 = ({
+const getColumns$7 = ({
   t,
   goTo,
   user,
@@ -32268,7 +32268,7 @@ const viewConfig$2 = {
   createTitle: "Create Location"
 };
 
-const getColumns$5 = ({
+const getColumns$6 = ({
   t,
   goTo,
   user,
@@ -32682,7 +32682,7 @@ MoreOptions.propTypes = {
   limit: PropTypes__default["default"].number
 };
 
-const getColumns$4 = ({
+const getColumns$5 = ({
   t,
   goTo,
   user,
@@ -32918,7 +32918,7 @@ const viewConfig = {
   createTitle: "Create Document"
 };
 
-const getColumns$3 = ({
+const getColumns$4 = ({
   t,
   goTo,
   user,
@@ -33043,63 +33043,63 @@ const FILTER_REGISTRY = {
     options: getFilterOptions$a,
     formConfig: formConfig$8,
     viewConfig: viewConfig$8,
-    columns: getColumns$a
+    columns: getColumns$b
   },
   workers: {
     config: getFiltersConfig$8,
     options: getFilterOptions$8,
     formConfig: formConfig$6,
     viewConfig: viewConfig$6,
-    columns: getColumns$9
+    columns: getColumns$a
   },
   operators: {
     config: getFiltersConfig$9,
     options: getFilterOptions$9,
     formConfig: formConfig$7,
     viewConfig: viewConfig$7,
-    columns: getColumns$b
+    columns: getColumns$c
   },
   events: {
     config: getFiltersConfig$7,
     options: getFilterOptions$7,
     formConfig: formConfig$5,
     viewConfig: viewConfig$5,
-    columns: getColumns$8
+    columns: getColumns$9
   },
   activities: {
     config: getFiltersConfig$6,
     options: getFilterOptions$6,
     formConfig: formConfig$4,
     viewConfig: viewConfig$4,
-    columns: getColumns$7
+    columns: getColumns$8
   },
   incidents: {
     config: getFiltersConfig$5,
     options: getFilterOptions$5,
     formConfig: formConfig$3,
     viewConfig: viewConfig$3,
-    columns: getColumns$6
+    columns: getColumns$7
   },
   locations: {
     config: getFiltersConfig$4,
     options: getFilterOptions$4,
     formConfig: formConfig$2,
     viewConfig: viewConfig$2,
-    columns: getColumns$5
+    columns: getColumns$6
   },
   'production-sites': {
     config: getFiltersConfig$3,
     options: getFilterOptions$3,
     formConfig: formConfig$1,
     viewConfig: viewConfig$1,
-    columns: getColumns$4
+    columns: getColumns$5
   },
   documents: {
     config: getFiltersConfig$2,
     options: getFilterOptions$2,
     formConfig: formConfig,
     viewConfig: viewConfig,
-    columns: getColumns$3
+    columns: getColumns$4
   }
 };
 const DEFAULT_SUBJECT = 'stakeholders';
@@ -33150,7 +33150,7 @@ const getViewConfig = ({
   return registry?.viewConfig;
 };
 
-const getColumns$2 = ({
+const getColumns$3 = ({
   t,
   goTo,
   user,
@@ -33237,7 +33237,7 @@ const useTablePage = ({
     extendingFilters: extendingFilters,
     subject
   });
-  const columns = React.useMemo(() => getColumns$2({
+  const columns = React.useMemo(() => getColumns$3({
     t,
     goTo,
     user,
@@ -33248,7 +33248,7 @@ const useTablePage = ({
     subject,
     data,
     applications
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications, subject, getColumns$2]);
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications, subject, getColumns$3]);
   const selectFiltersConfig = React.useMemo(() => getFiltersConfig$1({
     t,
     subject
@@ -33813,7 +33813,7 @@ const WorkersTable = ({
     getData: getData,
     getApiBaseUrl: getApiBaseUrl,
     getAppHeader: getAppHeader,
-    getColumns: getColumns$9,
+    getColumns: getColumns$a,
     breadcrumbs: breadcrumbs,
     extendingFilters: extendingFilters,
     formConfig: {
@@ -34038,7 +34038,7 @@ const ProductionSitesTable = ({
   });
 };
 
-const getColumns$1 = ({
+const getColumns$2 = ({
   t,
   goTo,
   user,
@@ -34516,7 +34516,7 @@ const UsersTable = ({
   const params = new URLSearchParams(location?.search);
   const [openCreateModal, setOpenCreateModal] = React.useState(params.has("create"));
   const [userToEdit, setUserToEdit] = React.useState(null);
-  const columns = React.useMemo(() => getColumns$1({
+  const columns = React.useMemo(() => getColumns$2({
     t,
     goTo,
     user,
@@ -34907,7 +34907,7 @@ const partnershipTypes = [{
   value: "exchange"
 }];
 
-const getColumns = ({
+const getColumns$1 = ({
   t,
   accept,
   decline,
@@ -35417,7 +35417,7 @@ const Create = ({
   });
 };
 
-const Style$2 = styled__default["default"].div`
+const Style$3 = styled__default["default"].div`
   display: flex;
   gap: 8px;
   justify-content: center;
@@ -35440,7 +35440,7 @@ function Footer({
   disabledFooterText,
   disabledFooter
 }) {
-  return /*#__PURE__*/jsxRuntime.jsxs(Style$2, {
+  return /*#__PURE__*/jsxRuntime.jsxs(Style$3, {
     className: className,
     children: [disabledFooterText ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: t(disabledFooterText),
@@ -35652,7 +35652,7 @@ const PartnersTable = ({
     setTotalRequests,
     t
   });
-  const columns = React.useMemo(() => getColumns({
+  const columns = React.useMemo(() => getColumns$1({
     t,
     accept,
     decline,
@@ -37819,7 +37819,63 @@ const OperatorSummary = ({
   });
 };
 
-styled__default["default"].div`
+function StickyTable({
+  size = "small",
+  maxHeight = 300,
+  containerHeight = 525,
+  dataSource = [],
+  columns = {},
+  pagination = false,
+  doEmptyRows = true,
+  ...props
+}) {
+  const data = React__default["default"].useMemo(() => {
+    if (!doEmptyRows) {
+      return dataSource;
+    }
+    const MIN_ROWS = 4;
+    if (dataSource.length < MIN_ROWS) {
+      const paddedData = [...dataSource];
+      while (paddedData.length < MIN_ROWS) {
+        paddedData.push({
+          empty: true
+        });
+      }
+      return paddedData;
+    }
+    return dataSource;
+  }, [dataSource, doEmptyRows]);
+  const Wrapper = React__default["default"].useMemo(() => {
+    return data.length > 5 ? ComponentWithFocus : "div";
+  }, [data.length]);
+  return /*#__PURE__*/jsxRuntime.jsx(Wrapper, {
+    children: /*#__PURE__*/jsxRuntime.jsx(Style$2, {
+      children: /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "daf-table-wrapper",
+        style: {
+          maxHeight: containerHeight,
+          overflowY: "auto"
+        },
+        children: /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "daf-sticky-table",
+          children: /*#__PURE__*/jsxRuntime.jsx(antd.Table, {
+            ...props,
+            size: size,
+            scroll: true,
+            sticky: true,
+            style: {
+              maxHeight
+            },
+            dataSource: data,
+            columns: columns,
+            pagination: pagination
+          })
+        })
+      })
+    })
+  });
+}
+const Style$2 = styled__default["default"].div`
 	max-width: calc(100% - 48px);
 	margin-left: var(--size-lg);
 	overflow: hidden;
@@ -37843,13 +37899,13 @@ styled__default["default"].div`
 		padding-top: 16px;
 	}
 `;
-({
+StickyTable.propTypes = {
   size: PropTypes__default["default"].any,
   maxHeight: PropTypes__default["default"].number,
   dataSource: PropTypes__default["default"].array,
   columns: PropTypes__default["default"].object,
   pagination: PropTypes__default["default"].any
-});
+};
 
 ({
   content: PropTypes__default["default"].string,
@@ -41803,6 +41859,13 @@ styled__default["default"].div`
   }
 `;
 
+const getRedirectLink = (link, APP) => {
+  if (window.location.pathname.includes(`/${APP}`)) {
+    return `${APP}${link}`;
+  }
+  return link;
+};
+
 styled__default["default"].div`
   display: flex;
   flex-direction: column;
@@ -43830,7 +43893,6 @@ const JobsTimeline = ({
   loading = false,
   t = s => s
 }) => {
-  console.log('dayJobsTimeline', dayJobsTimeline);
   const jobsData = Array.isArray(dayJobsTimeline) ? dayJobsTimeline : dayJobsTimeline?.jobsTimeline || dayJobsTimeline?.jobs || dayJobsTimeline?.timeline || [];
   const formatDateAxis = React.useMemo(() => {
     return label => {
@@ -44190,37 +44252,739 @@ const CommunityParticipation = ({
   });
 };
 
+const ACTIVITIES_TAB$1 = 'activities';
+const PARTNERS_TAB$1 = 'partners';
+const INCIDENTS_TAB$1 = 'incidents';
+const getColumns = ({
+  projectId,
+  t,
+  show = 'show',
+  navigate,
+  selectOptions,
+  view,
+  getRedirectLink,
+  activeTab = ACTIVITIES_TAB$1
+}) => {
+  if (activeTab === ACTIVITIES_TAB$1) {
+    return [{
+      title: "",
+      dataIndex: 'image',
+      key: 'image',
+      active: true,
+      width: 80,
+      pending: true,
+      suspended: true,
+      ellipsis: true,
+      render: (v, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const firstGroupPhoto = all?.groupPhotos?.[0];
+        const pictures = firstGroupPhoto?.pictures;
+        const firstPicture = Array.isArray(pictures) && pictures.length > 0 ? pictures[0] : null;
+        let imageUrl = firstPicture?.url;
+        const normalizeUrl = url => url?.endsWith(':') ? url.slice(0, -1) : url;
+        let normalizedUrl = imageUrl ? normalizeUrl(imageUrl.trim()) : null;
+        if (normalizedUrl && !normalizedUrl.startsWith('http://') && !normalizedUrl.startsWith('https://') && !normalizedUrl.startsWith('//')) {
+          if (normalizedUrl.startsWith('cdn.') || normalizedUrl.includes('.') && !normalizedUrl.startsWith('/')) {
+            normalizedUrl = `https://${normalizedUrl}`;
+          }
+        }
+        return /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "daf-default-cell",
+          style: {
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center'
+          },
+          children: /*#__PURE__*/jsxRuntime.jsx("div", {
+            style: {
+              width: 32,
+              height: 32,
+              borderWidth: '1px',
+              borderStyle: 'solid',
+              borderColor: '#E5E7EB',
+              borderRadius: '6px',
+              background: '#F9FAFB',
+              display: 'flex',
+              alignItems: 'center',
+              justifyContent: 'center',
+              overflow: 'hidden',
+              position: 'relative'
+            },
+            children: normalizedUrl && /*#__PURE__*/jsxRuntime.jsx("img", {
+              src: normalizedUrl,
+              alt: all.name || 'Activity image',
+              style: {
+                width: '100%',
+                height: '100%',
+                objectFit: 'cover',
+                borderRadius: '6px'
+              },
+              onError: e => {
+                e.target.style.display = 'none';
+              }
+            })
+          })
+        });
+      }
+    }, {
+      title: t('ID'),
+      dataIndex: 'datastakeId',
+      key: 'datastakeId',
+      active: true,
+      pending: true,
+      suspended: true,
+      ellipsis: true,
+      render: (v, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        return /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "daf-default-cell",
+          children: all.datastakeId
+        });
+      }
+    }, {
+      title: t("Title"),
+      dataIndex: "name",
+      key: "name",
+      ellipsis: true,
+      active: true,
+      pending: true,
+      suspended: true,
+      render: value => /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+        title: value,
+        children: value
+      })
+    }, {
+      title: t("Type"),
+      dataIndex: "type",
+      key: "type",
+      ellipsis: true,
+      active: true,
+      pending: true,
+      suspended: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: value,
+          children: value?.toUpperCase().charAt(0) + value?.slice(1) || '-'
+        });
+      }
+    }, {
+      title: t("Location"),
+      dataIndex: "location",
+      key: "location",
+      ellipsis: true,
+      active: true,
+      pending: true,
+      width: 220,
+      suspended: true,
+      show: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const location = all.location || value;
+        if (location && typeof location === 'object' && typeof location.latitude === 'number' && typeof location.longitude === 'number') {
+          const coordinates = convertDMS(location.latitude, location.longitude);
+          const iconColor = "#016C6E";
+          return /*#__PURE__*/jsxRuntime.jsxs("div", {
+            style: {
+              display: 'flex',
+              alignItems: 'center',
+              gap: '8px',
+              flexWrap: 'nowrap'
+            },
+            children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
+              style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '4px'
+              },
+              children: [/*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+                name: "SpacingHeight",
+                width: 14,
+                height: 14,
+                fill: iconColor
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                children: coordinates[0]
+              })]
+            }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+              style: {
+                display: 'flex',
+                alignItems: 'center',
+                gap: '4px'
+              },
+              children: [/*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+                name: "SpacingWidth",
+                width: 14,
+                height: 14,
+                fill: iconColor
+              }), /*#__PURE__*/jsxRuntime.jsx("span", {
+                children: coordinates[1]
+              })]
+            })]
+          });
+        }
+        let locationDisplay = '-';
+        if (all.project?.name || all.project?.title) {
+          locationDisplay = all.project?.name || all.project?.title;
+        } else if (location?.name) {
+          locationDisplay = location.name;
+        } else if (value && typeof value === 'string') {
+          locationDisplay = value;
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: locationDisplay,
+          children: locationDisplay
+        });
+      }
+    }, {
+      title: t("Implementer"),
+      dataIndex: "technicalPartner",
+      key: "implementer",
+      ellipsis: true,
+      show: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const implementerName = all.technicalPartner || all.implementer?.name || all.implementer?.title || value || '-';
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: implementerName,
+          children: implementerName
+        });
+      }
+    }, {
+      title: t("Status"),
+      dataIndex: "published",
+      key: "published",
+      ellipsis: false,
+      show: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        let statusDisplay = '-';
+        let color = 'default';
+        if (value !== undefined) {
+          statusDisplay = value ? t('Published') : t('Unpublished');
+          color = value ? 'green' : 'default';
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
+          color: color,
+          style: {
+            width: 100
+          },
+          className: "text-center",
+          children: t(statusDisplay)
+        });
+      }
+    }, {
+      title: t("Date"),
+      dataIndex: "lastUpdated",
+      key: "lastUpdated",
+      ellipsis: true,
+      active: true,
+      pending: false,
+      suspended: true,
+      show: true,
+      render: (val, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const title = renderDateFormatted(all.updatedAt || all.date, "DD MMM YYYY");
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: title,
+          children: title
+        });
+      }
+    }, {
+      title: "",
+      dataIndex: "actions",
+      key: "actions",
+      width: 60,
+      render: (_, val) => {
+        if (val.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const items = [{
+          key: "viewSummary",
+          label: t("Summary"),
+          onClick: () => {
+            const link = `/app/projects/${projectId}/restoration/summary/${val.datastakeId}`;
+            navigate(getRedirectLink(link));
+          }
+        }, {
+          key: "viewDetails",
+          label: t("Details"),
+          onClick: () => {
+            const link = `/app/projects/${projectId}/restoration/view/general/${val.datastakeId}/identification`;
+            navigate(getRedirectLink(link));
+          }
+        }];
+        return /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
+          items: items
+        });
+      },
+      ellipsis: true
+    }];
+  }
+  if (activeTab === PARTNERS_TAB$1) {
+    return [{
+      title: t('ID'),
+      dataIndex: 'datastakeId',
+      key: 'datastakeId',
+      ellipsis: true,
+      width: 160,
+      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("Name"),
+      dataIndex: "name",
+      key: "name",
+      ellipsis: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const name = value || all.nickName || '-';
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: name,
+          children: name
+        });
+      }
+    }, {
+      title: t("Category"),
+      dataIndex: "category",
+      key: "category",
+      ellipsis: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: value,
+          children: value || '-'
+        });
+      }
+    }, {
+      title: t("Subcategory"),
+      dataIndex: "subcategory",
+      key: "subcategory",
+      ellipsis: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: value,
+          children: value || '-'
+        });
+      }
+    }, {
+      title: t("Country"),
+      dataIndex: "country",
+      key: "country",
+      ellipsis: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        let country = '-';
+        if (value) {
+          country = value;
+        } else if (all.country?.name) {
+          country = all.country.name;
+        } else if (all.location && typeof all.location === 'object' && all.location.country) {
+          country = all.location.country;
+        } else if (all.location && typeof all.location === 'object' && all.location.name) {
+          country = all.location.name;
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: country,
+          children: country
+        });
+      }
+    }, {
+      title: t("Last Update"),
+      dataIndex: "lastUpdated",
+      key: "lastUpdated",
+      ellipsis: true,
+      render: (val, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const title = renderDateFormatted(all.updatedAt || all.lastUpdated, "DD MMM YYYY");
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: title,
+          children: title
+        });
+      }
+    }, {
+      title: t(''),
+      dataIndex: 'actions',
+      key: 'actions',
+      width: 60,
+      render: (_, record) => {
+        const onClick = () => {
+          record.id;
+          const link = `/app/projects/${projectId}/implementation-partners/view/general/${record?.datastakeId}/identification`;
+          navigate(getRedirectLink(link));
+        };
+        return !record.empty ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "cursor-pointer",
+          onClick: onClick,
+          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+            name: "Link",
+            width: 16,
+            height: 16,
+            color: "#6C737F"
+          })
+        }) : null;
+      },
+      active: true,
+      pending: true,
+      suspended: true
+    }];
+  }
+  if (activeTab === INCIDENTS_TAB$1) {
+    return [{
+      title: t('ID'),
+      dataIndex: 'datastakeId',
+      key: 'datastakeId',
+      ellipsis: true,
+      width: 160,
+      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("Title"),
+      dataIndex: "name",
+      key: "name",
+      ellipsis: true,
+      render: value => /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+        title: value,
+        children: value
+      })
+    }, {
+      title: t("Date"),
+      dataIndex: "date",
+      key: "date",
+      ellipsis: true,
+      render: (val, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const title = renderDateFormatted(all.date || all.updatedAt, "DD MMM YYYY");
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: title,
+          children: title
+        });
+      }
+    }, {
+      title: t("Location"),
+      dataIndex: "location",
+      key: "location",
+      ellipsis: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        let locationDisplay = '-';
+        if (all.location?.name) {
+          locationDisplay = all.location.name;
+        } else if (all.mineSite?.name) {
+          locationDisplay = all.mineSite.name;
+        } else if (all.location && typeof all.location === 'object' && all.location.latitude && all.location.longitude) {
+          locationDisplay = `${all.location.latitude.toFixed(6)}, ${all.location.longitude.toFixed(6)}`;
+        } else if (value && typeof value === 'string') {
+          locationDisplay = value;
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: locationDisplay,
+          children: locationDisplay
+        });
+      }
+    }, {
+      title: t("Province"),
+      dataIndex: "province",
+      key: "province",
+      ellipsis: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        let province = '-';
+        if (all.province) {
+          province = all.province;
+        } else if (all.location && typeof all.location === 'object' && all.location.administrativeLevel1) {
+          province = all.location.administrativeLevel1;
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: province,
+          children: province
+        });
+      }
+    }, {
+      title: t("Territory"),
+      dataIndex: "territory",
+      key: "territory",
+      ellipsis: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        let territory = '-';
+        if (all.territory) {
+          territory = all.territory;
+        } else if (all.location && typeof all.location === 'object' && all.location.administrativeLevel2) {
+          territory = all.location.administrativeLevel2;
+        }
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: territory,
+          children: territory
+        });
+      }
+    }, {
+      title: t("Category"),
+      dataIndex: "category",
+      key: "category",
+      ellipsis: true,
+      render: (value, all) => {
+        if (all.empty) {
+          return /*#__PURE__*/jsxRuntime.jsx("div", {
+            className: "daf-default-cell"
+          });
+        }
+        const category = all.eventCategory || all.category || value || '-';
+        return /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+          title: category,
+          children: category
+        });
+      }
+    }, {
+      title: t(''),
+      dataIndex: 'actions',
+      key: 'actions',
+      width: 60,
+      render: (_, record) => {
+        const onClick = () => {
+          const link = `/app/projects/${projectId}/implementation-partners/view/general/${record.datastakeId}/identification`;
+          getRedirectLink(link);
+        };
+        return !record.empty ? /*#__PURE__*/jsxRuntime.jsx("div", {
+          className: "cursor-pointer",
+          onClick: onClick,
+          children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+            name: "Link",
+            width: 16,
+            height: 16,
+            color: "#6C737F"
+          })
+        }) : null;
+      },
+      active: true,
+      pending: true,
+      suspended: true
+    }];
+  }
+  return [];
+};
+
 const ACTIVITIES_TAB = 'activities';
 const PARTNERS_TAB = 'partners';
 const INCIDENTS_TAB = 'incidents';
+const DEFAULT_SEARCH_FIELDS = ["name", "datastakeId"];
+const URL_PATTERN = /\/summary\/[^/]+\/(.+)/;
+
+// Configuration
+const TABS_CONFIG = [{
+  label: "straatos::activities",
+  value: ACTIVITIES_TAB
+}, {
+  label: "straatos::partners",
+  value: PARTNERS_TAB
+}, {
+  label: "straatos::incidents",
+  value: INCIDENTS_TAB,
+  disabled: true
+}];
+
+// Helper functions
+const getSearchFields = activeTab => DEFAULT_SEARCH_FIELDS;
+const buildSearchFilter = (search, fields) => search ? {
+  search: {
+    qs: search,
+    fields
+  }
+} : {};
+const extractTypeFromUrl = url => {
+  const match = url.match(URL_PATTERN);
+  if (!match) {
+    throw new Error(`Invalid URL format: ${url}`);
+  }
+  return match[1];
+};
+const ensureArray = data => Array.isArray(data) ? data : [];
 const AssociatedInformation = ({
-  activityData,
+  id,
+  navigate,
+  getSummaryDetail,
   loading = false,
+  projectId,
+  basepath = "planting-cycle",
+  endpoint = "associated-information",
+  tabsConfig = TABS_CONFIG,
+  searchFieldsMap = getSearchFields,
   t = s => s
 }) => {
   const [activeTab, setActiveTab] = React.useState(ACTIVITIES_TAB);
+  const [search, setSearch] = React.useState('');
+  const searchFields = React.useMemo(() => searchFieldsMap(activeTab), [activeTab, searchFieldsMap]);
+  const filters = React.useMemo(() => ({
+    type: activeTab,
+    ...buildSearchFilter(search, searchFields)
+  }), [activeTab, search, searchFields]);
+  const defaultConfig = React.useMemo(() => ({
+    basepath,
+    url: `/summary/${id}/${endpoint}`,
+    filters,
+    stop: !id
+  }), [id, filters, basepath, endpoint]);
+  const customGetData = React.useMemo(() => {
+    if (!getSummaryDetail || !id) return undefined;
+    return rest => {
+      const {
+        url,
+        filters: restFilters
+      } = rest;
+      const type = extractTypeFromUrl(url);
+      const params = {
+        ...(restFilters || {}),
+        type: restFilters?.type || activeTab
+      };
+      return getSummaryDetail(id, type, params);
+    };
+  }, [getSummaryDetail, id, activeTab]);
+  const {
+    loading: associatedInformationLoading,
+    data: associatedInformationData,
+    setData
+  } = useWidgetFetch({
+    config: defaultConfig,
+    getData: customGetData
+  });
+
+  // Reset data and search when tab changes
+  React.useEffect(() => {
+    setData([]);
+    setSearch('');
+  }, [activeTab, setData]);
+  const handleSearch = React.useCallback((activeFilter, searchValue) => {
+    setSearch(searchValue || '');
+  }, []);
+  const handleTabChange = React.useCallback(value => {
+    setActiveTab(value);
+  }, []);
+  const columns = React.useMemo(() => getColumns({
+    t,
+    activeTab,
+    view: activeTab,
+    projectId,
+    navigate,
+    getRedirectLink
+  }), [t, activeTab, projectId, navigate]);
+  const tableDataSource = React.useMemo(() => ensureArray(associatedInformationData), [associatedInformationData]);
+  const translatedTabs = React.useMemo(() => tabsConfig.map(tab => ({
+    ...tab,
+    label: t(tab.label)
+  })), [tabsConfig, t]);
   return /*#__PURE__*/jsxRuntime.jsx("section", {
-    children: /*#__PURE__*/jsxRuntime.jsx(Widget, {
-      className: "v2-widget no-px h-w-btn-header no-p-body",
+    children: /*#__PURE__*/jsxRuntime.jsxs(Widget, {
+      className: "v2-widget no-px no-p-body h-w-btn-header with-border-header",
       title: t("Associated Information"),
       tabsConfig: {
-        tabs: [{
-          label: t("straatos::activities"),
-          value: ACTIVITIES_TAB
-        }, {
-          label: t("straatos::partners"),
-          value: PARTNERS_TAB
-        }, {
-          label: t("straatos::incidents"),
-          value: INCIDENTS_TAB
-        }],
+        tabs: translatedTabs,
         value: activeTab,
-        onChange: value => {
-          setActiveTab(value);
-          // setData([]);
-        }
+        onChange: handleTabChange
       },
-      children: /*#__PURE__*/jsxRuntime.jsx("div", {})
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "mt-6 ml-6 mr-6",
+        children: /*#__PURE__*/jsxRuntime.jsx(SearchFilters, {
+          t: t,
+          showFilter: false,
+          hasError: false,
+          canClear: true,
+          setHasError: () => {},
+          onSearch: handleSearch,
+          activeFilters: {
+            search
+          }
+        })
+      }), /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "mb-6",
+        children: /*#__PURE__*/jsxRuntime.jsx(StickyTable, {
+          columns: columns,
+          dataSource: tableDataSource,
+          loading: associatedInformationLoading || loading
+        })
+      })]
     })
   });
 };
@@ -44317,12 +45081,14 @@ const PlantingCycleSummary = ({
   activityData,
   loading = false,
   id,
+  projectId,
   t = () => {},
-  getSummaryDetail
+  getSummaryDetail,
+  navigate
 }) => {
   return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
     header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
-      title: header?.title || '',
+      title: header?.title + ' Summary' || '',
       supportText: header?.supportText || '',
       onDownload: header?.onDownload,
       downloadDisabled: header?.downloadDisabled,
@@ -44358,9 +45124,11 @@ const PlantingCycleSummary = ({
       t: t
     }), /*#__PURE__*/jsxRuntime.jsx(AssociatedInformation, {
       id: id,
+      projectId: projectId,
       getSummaryDetail: getSummaryDetail,
       loading: loading,
-      t: t
+      t: t,
+      navigate: navigate
     })]
   });
 };