datastake-daf 0.6.759 → 0.6.760

package/dist/pages/index.js

@@ -4814,6 +4814,12 @@ const cleanJSON = json => {
   }
   return json;
 };
+const getLinkValue = (value, linkingObject) => {
+  if (linkingObject && linkingObject?.[value]) {
+    return linkingObject?.[value]?.name;
+  }
+  return null;
+};
 
 const CustomSelect = ({
   value,
@@ -13143,7 +13149,7 @@ function SupplyChain({
   setSelectedPartners,
   informationSources,
   hardcodedData,
-  breadCrumbs = []
+  breadcrumbs = []
 }) {
   const sourceOptions = React.useMemo(() => {
     if (!partners?.length) return [];
@@ -13186,7 +13192,7 @@ function SupplyChain({
           defaultSelected: partners?.map(p => p.id) || []
         }, partners?.length)
       }),
-      breadcrumbs: breadCrumbs
+      breadcrumbs: breadcrumbs
     }),
     children: [/*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators$1, {
@@ -16220,12 +16226,6 @@ MoreMenu.propTypes = {
   trigger: PropTypes__default["default"].oneOf(["click", "hover", "contextMenu"])
 };
 
-const getLinkValue$4 = (value, linkingObject) => {
-  if (linkingObject && linkingObject?.[value]) {
-    return linkingObject?.[value]?.name;
-  }
-  return null;
-};
 const getColumns$9 = ({
   t,
   goTo,
@@ -16314,7 +16314,7 @@ const getColumns$9 = ({
         className: "daf-default-cell"
       });
     }
-    const region = getLinkValue$4(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
+    const region = getLinkValue(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
     return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: region,
       children: region
@@ -16331,7 +16331,7 @@ const getColumns$9 = ({
         className: "daf-default-cell"
       });
     }
-    const district = getLinkValue$4(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
+    const district = getLinkValue(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
     return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: district,
       children: district
@@ -16399,7 +16399,7 @@ const getColumns$9 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
@@ -30211,7 +30211,8 @@ const OperatorsTable = ({
   form = {},
   extendingFilters = {},
   createDefaultValues = {},
-  applications = []
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState('own');
@@ -30227,7 +30228,6 @@ const OperatorsTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -30274,7 +30274,7 @@ const OperatorsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Operators"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -30328,12 +30328,34 @@ const OperatorsTable = ({
   });
 };
 
-const getLinkValue$3 = (value, linkingObject) => {
-  if (linkingObject && linkingObject?.[value]) {
-    return linkingObject?.[value]?.name;
-  }
-  return null;
+const NavigationAction = ({
+  onClick,
+  theme
+}) => {
+  return /*#__PURE__*/jsxRuntime.jsx("div", {
+    style: {
+      display: "flex",
+      justifyContent: "center"
+    },
+    children: /*#__PURE__*/jsxRuntime.jsx("button", {
+      onClick: onClick,
+      style: {
+        cursor: 'pointer',
+        border: 'none',
+        background: 'transparent',
+        padding: 0,
+        display: 'flex',
+        alignItems: 'center'
+      },
+      children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+        name: "Link",
+        size: 15,
+        color: theme.baseGray70
+      })
+    })
+  });
 };
+
 const getColumns$8 = ({
   t,
   goTo,
@@ -30422,7 +30444,7 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
-    const province = getLinkValue$3(all?.administrativeLevel1, all?.linking?.SCL);
+    const province = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
     return province ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: province,
       children: province
@@ -30439,7 +30461,7 @@ const getColumns$8 = ({
         className: "daf-default-cell"
       });
     }
-    const territory = getLinkValue$3(all?.administrativeLevel2, all?.linking?.SCL);
+    const territory = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
     return territory ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: territory,
       children: territory
@@ -30490,32 +30512,15 @@ const getColumns$8 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
       goTo(getRedirectLink(link));
     };
-    const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }, {
-      label: t("Summary"),
-      value: "Summary",
-      onClick: () => {
-        let link = `/app/summary/${subject}/${all.datastakeId}`;
-        if (activeTab === "shared") {
-          link += `?sourceId=${all?.authorId?.id}`;
-        }
-        goTo(getRedirectLink(link));
-      }
-      // disabled: true,
-    }];
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-        items: moreMenuItems
-      })
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
     });
   }
 }].filter(column => column.show !== false);
@@ -30698,7 +30703,8 @@ const LocationsTable = ({
   formValue = {},
   form = {},
   applications = [],
-  subjectClear = () => {}
+  subjectClear = () => {},
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -30714,7 +30720,6 @@ const LocationsTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -30757,7 +30762,7 @@ const LocationsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Locations"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -30950,32 +30955,15 @@ const getColumns$7 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
       goTo(getRedirectLink(link));
     };
-    const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }, {
-      label: t("Summary"),
-      value: "Summary",
-      onClick: () => {
-        let link = `/app/summary/${subject}/${all.datastakeId}`;
-        if (activeTab === "shared") {
-          link += `?sourceId=${all?.authorId?.id}`;
-        }
-        goTo(getRedirectLink(link));
-      }
-      // disabled: true,
-    }];
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-        items: moreMenuItems
-      })
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
     });
   }
 }].filter(column => column.show !== false);
@@ -31158,7 +31146,8 @@ const StakeholdersTable = ({
   formValue = {},
   form = {},
   applications = [],
-  subjectClear = () => {}
+  subjectClear = () => {},
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -31173,7 +31162,6 @@ const StakeholdersTable = ({
     subject: 'stakeholders',
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -31213,7 +31201,7 @@ const StakeholdersTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Stakeholders"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -31373,7 +31361,7 @@ MoreTags.propTypes = {
   diff: PropTypes__default["default"].number
 };
 
-const renderEventStatusTag = ({
+const renderStatusTag = ({
   value,
   t = s => s
 }) => {
@@ -31381,7 +31369,7 @@ const renderEventStatusTag = ({
   switch (value) {
     case "edited":
       return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "orange",
+        color: "yellow",
         style: {
           width
         },
@@ -31408,6 +31396,7 @@ const renderEventStatusTag = ({
       });
   }
 };
+
 const getColumns$6 = ({
   t,
   goTo,
@@ -31587,7 +31576,7 @@ const getColumns$6 = ({
       return all?.authorId?.name;
     }
     const _val = all?.published || all?.status === "submitted" ? "submitted" : value;
-    return renderEventStatusTag({
+    return renderStatusTag({
       value: _val,
       t
     });
@@ -31621,21 +31610,15 @@ const getColumns$6 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
       goTo(getRedirectLink(link));
     };
-    const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }];
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-        items: moreMenuItems
-      })
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
     });
   }
 }].filter(column => column.show !== false);
@@ -31990,7 +31973,8 @@ const EventsTable = ({
   form = {},
   extendingFilters = {},
   applications = [],
-  subjectClear = () => {}
+  subjectClear = () => {},
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -32006,7 +31990,6 @@ const EventsTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -32057,7 +32040,7 @@ const EventsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("events"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -32216,28 +32199,15 @@ const getColumns$5 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
       goTo(getRedirectLink(link));
     };
-    const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }, {
-      label: t("Remove"),
-      value: "remove",
-      onClick: () => {
-        console.log("remove");
-      },
-      disabled: true
-    }];
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-        items: moreMenuItems
-      })
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
     });
   }
 }].filter(column => column.show !== false);
@@ -32400,7 +32370,8 @@ const DocumentsTable = ({
   formValue = {},
   form = {},
   applications = [],
-  subjectClear = () => {}
+  subjectClear = () => {},
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -32415,7 +32386,6 @@ const DocumentsTable = ({
     subject: 'documents',
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -32460,7 +32430,7 @@ const DocumentsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Documents"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -32512,41 +32482,6 @@ const DocumentsTable = ({
   });
 };
 
-const renderStatusTag$2 = ({
-  value,
-  t = s => s
-}) => {
-  const width = 87;
-  switch (value) {
-    case "edited":
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "yellow",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Edited")
-      });
-    case "submitted":
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "green",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Submitted")
-      });
-    default:
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "blue",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Private")
-      });
-  }
-};
 const getColumns$4 = ({
   t,
   goTo,
@@ -32686,7 +32621,7 @@ const getColumns$4 = ({
       });
     }
     const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
-    return renderStatusTag$2({
+    return renderStatusTag({
       value: _val,
       t
     });
@@ -32701,28 +32636,16 @@ const getColumns$4 = ({
         className: "daf-default-cell"
       });
     }
-    const link = `/app/view/${subject}/${all.datastakeId}`;
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      style: {
-        display: "flex",
-        justifyContent: "center"
-      },
-      children: /*#__PURE__*/jsxRuntime.jsx("button", {
-        onClick: () => goTo(getRedirectLink(link)),
-        style: {
-          cursor: 'pointer',
-          border: 'none',
-          background: 'transparent',
-          padding: 0,
-          display: 'flex',
-          alignItems: 'center'
-        },
-        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
-          name: "Link",
-          size: 15,
-          color: theme.baseGray70
-        })
-      })
+    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);
@@ -33067,7 +32990,8 @@ const WorkersTable = ({
   form = {},
   extendingFilters = {},
   createDefaultValues = {},
-  applications = []
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState('own');
@@ -33083,7 +33007,6 @@ const WorkersTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -33130,7 +33053,7 @@ const WorkersTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Workers"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -33184,55 +33107,15 @@ const WorkersTable = ({
   });
 };
 
-const getLinkValue$2 = (value, linkingObject) => {
-  if (linkingObject && linkingObject?.[value]) {
-    return linkingObject?.[value]?.name;
-  }
-  return null;
-};
-const getEventCategoryBySubject$1 = (eventCategoryObject, subject) => {
+const getEventCategoryBySubject = (eventCategoryObject, subject) => {
   if (!eventCategoryObject || typeof eventCategoryObject !== 'object') {
     return null;
   }
-  const subjectSingular = subject.endsWith('ies') ? subject.slice(0, -3) + 'y' : subject;
+  const subjectSingular = subject.endsWith('ies') ? subject.slice(0, -3) + 'y' : subject.endsWith('s') ? subject.slice(0, -1) : subject;
   const key = `typeOfEvent is ${subjectSingular}`;
   return eventCategoryObject[key] || null;
 };
-const renderStatusTag$1 = ({
-  value,
-  t = s => s
-}) => {
-  const width = 87;
-  switch (value) {
-    case "edited":
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "yellow",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Edited")
-      });
-    case "submitted":
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "green",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Submitted")
-      });
-    default:
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "blue",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Private")
-      });
-  }
-};
+
 const getColumns$3 = ({
   t,
   goTo,
@@ -33323,7 +33206,7 @@ const getColumns$3 = ({
         className: "daf-default-cell"
       });
     }
-    const region = getLinkValue$2(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
+    const region = getLinkValue(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
     return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: region,
       children: region
@@ -33340,7 +33223,7 @@ const getColumns$3 = ({
         className: "daf-default-cell"
       });
     }
-    const district = getLinkValue$2(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
+    const district = getLinkValue(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
     return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: district,
       children: district
@@ -33358,7 +33241,7 @@ const getColumns$3 = ({
       });
     }
     const eventCategory = findOptions(v, data?.options?.eventCategoryOptions);
-    const categoryValue = getEventCategoryBySubject$1(eventCategory, subject);
+    const categoryValue = getEventCategoryBySubject(eventCategory, subject);
     console.log({
       categoryValue
     });
@@ -33401,7 +33284,7 @@ const getColumns$3 = ({
       });
     }
     const _val = all?.published || all?.status === "submitted" ? "submitted" : val;
-    return renderStatusTag$1({
+    return renderStatusTag({
       value: _val,
       t
     });
@@ -33434,21 +33317,15 @@ const getColumns$3 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
       goTo(getRedirectLink(link));
     };
-    const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }];
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-        items: moreMenuItems
-      })
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
     });
   }
 }].filter(column => column.show !== false);
@@ -33802,7 +33679,8 @@ const ActivitiesTable = ({
   form = {},
   extendingFilters = {},
   createDefaultValues = {},
-  applications = []
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -33818,7 +33696,6 @@ const ActivitiesTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -33865,7 +33742,7 @@ const ActivitiesTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Activities"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -33919,55 +33796,6 @@ const ActivitiesTable = ({
   });
 };
 
-const getLinkValue$1 = (value, linkingObject) => {
-  if (linkingObject && linkingObject?.[value]) {
-    return linkingObject?.[value]?.name;
-  }
-  return null;
-};
-const getEventCategoryBySubject = (eventCategoryObject, subject) => {
-  if (!eventCategoryObject || typeof eventCategoryObject !== 'object') {
-    return null;
-  }
-  const subjectSingular = subject.endsWith('ies') ? subject.slice(0, -3) + 'y' : subject.endsWith('s') ? subject.slice(0, -1) : subject;
-  const key = `typeOfEvent is ${subjectSingular}`;
-  return eventCategoryObject[key] || null;
-};
-const renderStatusTag = ({
-  value,
-  t = s => s
-}) => {
-  const width = 87;
-  switch (value) {
-    case "edited":
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "yellow",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Edited")
-      });
-    case "submitted":
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "green",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Submitted")
-      });
-    default:
-      return /*#__PURE__*/jsxRuntime.jsx(antd.Tag, {
-        color: "blue",
-        style: {
-          width
-        },
-        className: "text-center",
-        children: t("Private")
-      });
-  }
-};
 const getColumns$2 = ({
   t,
   goTo,
@@ -34058,7 +33886,7 @@ const getColumns$2 = ({
         className: "daf-default-cell"
       });
     }
-    const region = getLinkValue$1(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
+    const region = getLinkValue(all?.location?.administrativeLevel1, all?.location?.linking?.SCL);
     return region ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: region,
       children: region
@@ -34075,7 +33903,7 @@ const getColumns$2 = ({
         className: "daf-default-cell"
       });
     }
-    const district = getLinkValue$1(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
+    const district = getLinkValue(all?.location?.administrativeLevel2, all?.location?.linking?.SCL);
     return district ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
       title: district,
       children: district
@@ -34160,21 +33988,15 @@ const getColumns$2 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
       goTo(getRedirectLink(link));
     };
-    const moreMenuItems = [{
-      label: t("Details"),
-      value: "details",
-      onClick: onClick
-    }];
-    return /*#__PURE__*/jsxRuntime.jsx("div", {
-      children: /*#__PURE__*/jsxRuntime.jsx(MoreMenu, {
-        items: moreMenuItems
-      })
+    return /*#__PURE__*/jsxRuntime.jsx(NavigationAction, {
+      onClick: onClick,
+      theme: theme
     });
   }
 }].filter(column => column.show !== false);
@@ -34528,7 +34350,8 @@ const IncidentsTable = ({
   form = {},
   extendingFilters = {},
   createDefaultValues = {},
-  applications = []
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -34544,7 +34367,6 @@ const IncidentsTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -34591,7 +34413,7 @@ const IncidentsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Incidents"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -34645,12 +34467,6 @@ const IncidentsTable = ({
   });
 };
 
-const getLinkValue = (value, linkingObject) => {
-  if (linkingObject && linkingObject?.[value]) {
-    return linkingObject?.[value]?.name;
-  }
-  return null;
-};
 const getColumns$1 = ({
   t,
   goTo,
@@ -34660,7 +34476,8 @@ const getColumns$1 = ({
   getRedirectLink,
   theme,
   subject,
-  data
+  data,
+  applications
 }) => [{
   dataIndex: 'datastakeId',
   title: t('ID'),
@@ -34798,7 +34615,7 @@ const getColumns$1 = ({
   }
 }, {
   title: t("Sources"),
-  dataIndex: 'source',
+  dataIndex: 'sources',
   ellipsis: true,
   show: activeTab !== "own",
   render: (v, all) => {
@@ -34807,11 +34624,10 @@ const getColumns$1 = ({
         className: "daf-default-cell"
       });
     }
-    const source = findOptions(v, data?.options?.sourceOptions);
-    return source ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: source,
-      children: source
-    }) : '-';
+    const sources = sourceAvatarConfig(v, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: sources
+    });
   }
 }, {
   id: 'actions',
@@ -34824,7 +34640,7 @@ const getColumns$1 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
@@ -35194,7 +35010,9 @@ const ProductionSitesTable = ({
   formValue = {},
   form = {},
   extendingFilters = {},
-  createDefaultValues = {}
+  createDefaultValues = {},
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState('own');
@@ -35207,9 +35025,9 @@ const ProductionSitesTable = ({
     getRedirectLink,
     theme,
     subject: 'production-sites',
-    data
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data]);
-  const breadCrumbs = [];
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
   const {
     paginationQuery,
     searchParams,
@@ -35256,7 +35074,7 @@ const ProductionSitesTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("production-sites"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -37772,7 +37590,8 @@ const OperatorSummary = ({
   goTo = () => {},
   getRedirectLink = () => {},
   goBack = () => {},
-  onIdChange = () => {}
+  onIdChange = () => {},
+  breadcrumbs = []
 }) => {
   const {
     selectedItem,
@@ -37810,6 +37629,7 @@ const OperatorSummary = ({
       title: hasSelect ? t("Operator Review") : (singleItemData?.name || "") + " " + t("Summary"),
       className: "with-border-header h-w-btn-header no-px-body",
       goBackTo: !hasSelect && goBack,
+      breadcrumbs: breadcrumbs,
       addedHeaderFirst: true,
       actionButtons: [{
         tooltip: t("Details"),
@@ -42630,7 +42450,8 @@ const MineSummary = ({
   goTo = () => {},
   getRedirectLink = () => {},
   goBack = () => {},
-  onIdChange = () => {}
+  onIdChange = () => {},
+  breadcrumbs = []
 }) => {
   const {
     selectedItem,
@@ -42669,6 +42490,7 @@ const MineSummary = ({
       className: "with-border-header h-w-btn-header no-px-body",
       goBackTo: !hasSelect && goBack,
       loading: loading,
+      breadcrumbs: breadcrumbs,
       addedHeaderFirst: true,
       actionButtons: [{
         tooltip: t("Details"),