datastake-daf 0.6.783 → 0.6.784

package/dist/pages/index.js

@@ -6192,6 +6192,17 @@ DAFHeader.propTypes = {
   filtersConfig: PropTypes__default["default"].any
 };
 
+const MultiSelectStyled = styled__default["default"](antd.Select)`
+  &.ant-select-single {
+    .ant-select-selector {
+        padding-inline-end: 24px !important;
+        padding: 0 !important;
+        max-width: 56px !important;
+        width: 56px !important;
+    }
+  }
+`;
+
 const {
   useToken: useToken$8
 } = antd.theme;
@@ -6330,7 +6341,7 @@ function Multiselect({
       });
     }
   };
-  return /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
+  return /*#__PURE__*/jsxRuntime.jsx(MultiSelectStyled, {
     mode: isSingle ? undefined : "multiple",
     value: selectValue,
     onChange: onSelectChange,
@@ -6387,7 +6398,8 @@ function Multiselect({
                 border: `1px solid ${token.baseGray40}`,
                 display: "flex",
                 alignItems: "center",
-                justifyContent: "center"
+                justifyContent: "center",
+                padding: 0
               },
               children: option?.avatar || getFirstChar(option?.label)
             }, value);
@@ -8348,11 +8360,11 @@ function getStakeholderPosition({
     angleDeg
   };
 }
-function applyAnimationDirect(el, isShortLink) {
+function applyAnimationDirect(el, isShortLink, lineFlow = "downstream") {
   if (!(el instanceof SVGElement) || isShortLink) return;
   el.style.strokeDasharray = "10, 10";
   el.style.strokeDashoffset = "0";
-  el.style.animation = "dash-flow 1.2s linear infinite";
+  el.style.animation = `dash-flow 1.2s linear infinite ${lineFlow === "upstream" && "reverse"}`;
   el.classList.add('animated-polyline');
 }
 function removeAnimationFromElement(element) {
@@ -14306,7 +14318,7 @@ function BarChart({
             return Array.from(new Array(11), (v, i) => i * 10);
           }
         } : {}),
-        ...xAxisConfig,
+        ...(Object.keys(xAxisConfig).length > 0 ? xAxisConfig : {}),
         label: {
           formatter: isPercentage ? v => `${v}`.replace(/\d{1,3}(?=(\d{3})+$)/g, s => `${s},`) + " %" : formattedXAxis,
           ...xAxisConfig?.label
@@ -14436,6 +14448,10 @@ const useContributionsGraph = ({
     });
   }, [data, t]);
   const isEmpty = React.useMemo(() => _data?.length === 0, [_data]);
+  console.log({
+    _data,
+    isEmpty
+  });
   const chartConfig = React.useMemo(() => {
     return {
       data: _data,
@@ -14443,13 +14459,11 @@ const useContributionsGraph = ({
       yFieldKey: "category",
       seriesField: "type",
       isGroup: true,
-      ...(isEmpty && {
-        xAxisConfig: {
-          min: 0,
-          max: 10,
-          tickCount: 5
-        }
-      }),
+      xAxisConfig: isEmpty ? {
+        min: 0,
+        max: 10,
+        tickCount: 5
+      } : {},
       renderTooltipContent: (title, items) => {
         const tooltipItems = items.map(item => ({
           label: item.name,
@@ -14505,10 +14519,11 @@ function ContributionsGraph({
     loading: loading,
     title: t("Contributions"),
     className: "with-border-header h-w-btn-header no-px-body",
-    children: /*#__PURE__*/jsxRuntime.jsx(BarChart, {
+    children: /*#__PURE__*/React.createElement(BarChart, {
       ...chartConfig,
       height: "400px",
-      t: t
+      t: t,
+      key: data?.length
     })
   });
 }
@@ -15296,6 +15311,8 @@ const getColumns$d = ({
   title: t('ID'),
   ellipsis: true,
   show: true,
+  key: "datastakeId",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -15312,6 +15329,8 @@ const getColumns$d = ({
   title: t('Name'),
   ellipsis: true,
   show: true,
+  key: "name",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -15345,6 +15364,8 @@ const getColumns$d = ({
   title: t('Legal Form'),
   ellipsis: true,
   show: true,
+  key: "subCategory",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -16346,6 +16367,7 @@ const BaseScreen = ({
           showFilters: showFilters,
           defaultFilters: defaultFilters,
           onChange: onTableChange,
+          t: t,
           ...rest
         }), /*#__PURE__*/jsxRuntime.jsx(Pagination, {
           t: t,
@@ -30163,7 +30185,9 @@ const useGetQueryParams = ({
       },
       otherParams: {
         ...rest
-      }
+      },
+      sortBy,
+      sortDir
     };
   }, [queryParams]);
   return params;
@@ -30411,7 +30435,7 @@ const getFiltersConfig$9 = ({
     country: {
       type: 'select',
       label: 'Country',
-      placeholder: t => `${t('Filter by')} ${t('Country').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Country').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -30444,7 +30468,7 @@ const getFiltersConfig$9 = ({
         }
         return t('Province');
       },
-      placeholder: t => `${t('Filter by')} ${t('Province').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Province').toLowerCase()}`,
       filters: data => ({
         country: data.country,
         level: 'level_1'
@@ -30488,7 +30512,7 @@ const getFiltersConfig$9 = ({
         return t('Province');
       },
       show: data => !(data.country && data.administrativeLevel1),
-      placeholder: t => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
       filters: data => ({
         country: data.country,
         level: 'level_2',
@@ -30511,7 +30535,7 @@ const getFiltersConfig$9 = ({
     subCategory: {
       type: 'select',
       label: 'Sub Category',
-      placeholder: t => `${t('Filter by')} ${t('Sub Category').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Sub Category').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -30547,7 +30571,7 @@ const getFiltersConfig$9 = ({
     positionInTheMineralSupplyChain: {
       type: 'select',
       label: 'Position',
-      placeholder: t => `${t('Filter by')} ${t('Position').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Position').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -30560,7 +30584,7 @@ const getFiltersConfig$9 = ({
     status: {
       type: "select",
       label: "Status",
-      placeholder: t => `${t("Filter by")} ${t("Status").toLowerCase()}`,
+      placeholder: () => `${t("Filter by")} ${t("Status").toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -30592,10 +30616,10 @@ const getFilterOptions$9 = (options, t) => {
     subCategory: subCategoriesOptions,
     status: [{
       value: "submitted",
-      label: "Submitted"
+      label: t("Submitted")
     }, {
       value: "private",
-      label: "Private"
+      label: t("Private")
     }]
   };
   return _default;
@@ -30618,7 +30642,7 @@ const getFiltersConfig$8 = ({
     country: {
       type: 'select',
       label: 'Country',
-      placeholder: t => `${t('Filter by')} ${t('Country').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Country').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -30651,7 +30675,7 @@ const getFiltersConfig$8 = ({
         }
         return t('Province');
       },
-      placeholder: t => `${t('Filter by')} ${t('Province').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Province').toLowerCase()}`,
       filters: data => ({
         country: data.country,
         level: 'level_1'
@@ -30695,7 +30719,7 @@ const getFiltersConfig$8 = ({
         return t('Province');
       },
       show: data => !(data.country && data.administrativeLevel1),
-      placeholder: t => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
       filters: data => ({
         country: data.country,
         level: 'level_2',
@@ -30718,7 +30742,7 @@ const getFiltersConfig$8 = ({
     activity: {
       type: 'select',
       label: 'Activity',
-      placeholder: t => `${t('Filter by')} ${t('Activity').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Activity').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -30726,35 +30750,12 @@ const getFiltersConfig$8 = ({
         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;
-      }
+      getValue: option => option.value
     },
     positionInTheMineralSupplyChain: {
       type: 'select',
       label: 'Position',
-      placeholder: t => `${t('Filter by')} ${t('Position').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Position').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -30767,7 +30768,7 @@ const getFiltersConfig$8 = ({
     status: {
       type: "select",
       label: "Status",
-      placeholder: t => `${t("Filter by")} ${t("Status").toLowerCase()}`,
+      placeholder: () => `${t("Filter by")} ${t("Status").toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -30796,10 +30797,10 @@ const getFilterOptions$8 = (options, t) => {
   const _default = {
     status: [{
       value: "submitted",
-      label: "Submitted"
+      label: t("Submitted")
     }, {
       value: "private",
-      label: "Private"
+      label: t("Private")
     }],
     category: stakeholderCategoryOptions || categoryOptions,
     country: countries,
@@ -30833,25 +30834,31 @@ const getColumns$b = ({
   subject,
   data,
   applications
-}) => [
-// {
-//     dataIndex: 'datastakeId',
-//     title: t('ID'),
-//     ellipsis: true,
-//     show: true,
-//     render: (v, all) => {
-//       if (all.empty) {
-//         return <div className="daf-default-cell" />
-//       }
-
-//       return <Tooltip title={v}>{v}</Tooltip>;
-//     },
-// },
-{
+}) => [{
+  dataIndex: 'datastakeId',
+  title: t('Title'),
+  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('Name'),
   ellipsis: true,
   show: true,
+  key: "name",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -30865,9 +30872,11 @@ const getColumns$b = ({
   }
 }, {
   dataIndex: 'mineSite',
-  title: t('Position'),
+  title: t('Site'),
   ellipsis: true,
   show: true,
+  key: "mineSite",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -31112,30 +31121,7 @@ const getFiltersConfig$7 = ({
         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;
-      }
+      getValue: option => option.value
     },
     category: {
       type: 'select',
@@ -31340,6 +31326,8 @@ const getColumns$a = ({
   title: t('ID'),
   ellipsis: true,
   show: true,
+  key: "datastakeId",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -31356,6 +31344,8 @@ const getColumns$a = ({
   title: t('Title'),
   ellipsis: true,
   show: true,
+  key: "name",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -31372,6 +31362,8 @@ const getColumns$a = ({
   title: t('Type'),
   ellipsis: true,
   show: true,
+  key: "typeOfEvent",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -31559,12 +31551,13 @@ const getFiltersConfig$6 = ({
       label: "Timeframe",
       style: {
         flex: 1
-      }
+      },
+      t: t
     },
     country: {
       type: 'select',
       label: 'Country',
-      placeholder: t => `${t('Filter by')} ${t('Country').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Country').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -31597,7 +31590,7 @@ const getFiltersConfig$6 = ({
         }
         return t('Province');
       },
-      placeholder: t => `${t('Filter by')} ${t('Province').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Province').toLowerCase()}`,
       filters: data => ({
         country: data.country,
         level: 'level_1'
@@ -31641,7 +31634,7 @@ const getFiltersConfig$6 = ({
         return t('Province');
       },
       show: data => !(data.country && data.administrativeLevel1),
-      placeholder: t => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
       filters: data => ({
         country: data.country,
         level: 'level_2',
@@ -31664,7 +31657,7 @@ const getFiltersConfig$6 = ({
     category: {
       type: 'select',
       label: 'Category',
-      placeholder: t => `${t('Filter by')} ${t('Category').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Category').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -31700,7 +31693,7 @@ const getFiltersConfig$6 = ({
     positionInTheMineralSupplyChain: {
       type: 'select',
       label: 'Position',
-      placeholder: t => `${t('Filter by')} ${t('Position').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Position').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -31713,7 +31706,7 @@ const getFiltersConfig$6 = ({
     status: {
       type: "select",
       label: "Status",
-      placeholder: t => `${t("Filter by")} ${t("Status").toLowerCase()}`,
+      placeholder: () => `${t("Filter by")} ${t("Status").toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -31738,18 +31731,23 @@ const getFilterOptions$6 = (options, t) => {
     administrativeLevel1,
     administrativeLevel2,
     positionInMineralSupplyChainOptions,
-    subCategoriesOptions
+    subCategoriesOptions,
+    eventCategoryOptions = []
   } = options || {};
+  const _categoryOptions = eventCategoryOptions?.map(item => ({
+    value: item.value,
+    label: typeof item.label === 'object' ? Object.values(item.label)[1] : item.label
+  }));
   const _default = {
     timeframe: timeframe,
     status: [{
       value: "submitted",
-      label: "Submitted"
+      label: t("Submitted")
     }, {
       value: "private",
-      label: "Private"
+      label: t("Private")
     }],
-    category: stakeholderCategoryOptions || categoryOptions,
+    category: _categoryOptions,
     country: countries,
     subCategory: subCategoriesOptions,
     // category: category,
@@ -31795,6 +31793,8 @@ const getColumns$9 = ({
   title: t('ID'),
   ellipsis: true,
   show: true,
+  key: "datastakeId",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -31811,6 +31811,8 @@ const getColumns$9 = ({
   title: t('Title'),
   ellipsis: true,
   show: true,
+  key: "name",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -31826,6 +31828,7 @@ const getColumns$9 = ({
   title: t("Date"),
   dataIndex: "date",
   key: "date",
+  sorter: () => 0 + 0,
   render: (date, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -32172,18 +32175,23 @@ const getFilterOptions$5 = (options, t) => {
     administrativeLevel1,
     administrativeLevel2,
     positionInMineralSupplyChainOptions,
-    subCategoriesOptions
+    subCategoriesOptions,
+    eventCategoryOptions = []
   } = options || {};
+  const _categoryOptions = eventCategoryOptions?.map(item => ({
+    value: item.value,
+    label: typeof item.label === 'object' ? Object.values(item.label)[0] : item.label
+  }));
   const _default = {
     timeframe: timeframe,
     status: [{
       value: "submitted",
-      label: "Submitted"
+      label: t("Submitted")
     }, {
       value: "private",
-      label: "Private"
+      label: t("Private")
     }],
-    category: stakeholderCategoryOptions || categoryOptions,
+    category: _categoryOptions,
     country: countries,
     subCategory: subCategoriesOptions,
     // category: category,
@@ -32220,6 +32228,8 @@ const getColumns$8 = ({
   title: t('ID'),
   ellipsis: true,
   show: true,
+  key: "datastakeId",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -32236,6 +32246,8 @@ const getColumns$8 = ({
   title: t('Title'),
   ellipsis: true,
   show: true,
+  key: "name",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -32251,6 +32263,7 @@ const getColumns$8 = ({
   title: t("Date"),
   dataIndex: "date",
   key: "date",
+  sorter: () => 0 + 0,
   render: (date, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -32638,7 +32651,7 @@ const getFiltersConfig$3 = ({
     country: {
       type: 'select',
       label: 'Country',
-      placeholder: t => `${t('Filter by')} ${t('Country').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Country').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -32671,7 +32684,7 @@ const getFiltersConfig$3 = ({
         }
         return t('Province');
       },
-      placeholder: t => `${t('Filter by')} ${t('Province').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Province').toLowerCase()}`,
       filters: data => ({
         country: data.country,
         level: 'level_1'
@@ -32715,7 +32728,7 @@ const getFiltersConfig$3 = ({
         return t('Province');
       },
       show: data => !(data.country && data.administrativeLevel1),
-      placeholder: t => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Territory').toLowerCase()}`,
       filters: data => ({
         country: data.country,
         level: 'level_2',
@@ -32738,7 +32751,7 @@ const getFiltersConfig$3 = ({
     product: {
       type: 'select',
       label: 'Product',
-      placeholder: t => `${t('Filter by')} ${t('Product').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Product').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -32746,35 +32759,25 @@ const getFiltersConfig$3 = ({
         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;
-      }
+      getValue: option => option.value
+    },
+    type: {
+      type: 'select',
+      label: 'Type',
+      placeholder: () => `${t('Filter by')} ${t('Type').toLowerCase()}`,
+      style: {
+        flex: 1
+      },
+      labelStyle: {
+        flex: 1
+      },
+      getLabel: option => option.label,
+      getValue: option => option.value
     },
     positionInTheMineralSupplyChain: {
       type: 'select',
       label: 'Position',
-      placeholder: t => `${t('Filter by')} ${t('Position').toLowerCase()}`,
+      placeholder: () => `${t('Filter by')} ${t('Position').toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -32787,7 +32790,7 @@ const getFiltersConfig$3 = ({
     status: {
       type: "select",
       label: "Status",
-      placeholder: t => `${t("Filter by")} ${t("Status").toLowerCase()}`,
+      placeholder: () => `${t("Filter by")} ${t("Status").toLowerCase()}`,
       style: {
         flex: 1
       },
@@ -32810,21 +32813,24 @@ const getFilterOptions$3 = (options, t) => {
     stakeholderCategoryOptions,
     stakeholderSubCategoriesOptions,
     administrativeLevel1,
-    administrativeLevel2
+    administrativeLevel2,
+    mineralOptions,
+    locationCategories = []
   } = options || {};
   const _default = {
     category: stakeholderCategoryOptions || categoryOptions,
     country: countries,
-    product: product,
+    product: mineralOptions,
+    type: locationCategories,
     administrativeLevel1,
     administrativeLevel2,
     subCategory: subCategoriesOptions,
     status: [{
       value: "submitted",
-      label: "Submitted"
+      label: t("Submitted")
     }, {
       value: "private",
-      label: "Private"
+      label: t("Private")
     }]
   };
   return _default;
@@ -32892,6 +32898,8 @@ const getColumns$6 = ({
   title: t('ID'),
   ellipsis: true,
   show: true,
+  key: "datastakeId",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -32908,6 +32916,8 @@ const getColumns$6 = ({
   title: t('Name'),
   ellipsis: true,
   show: true,
+  key: "name",
+  sorter: () => 0 + 0,
   render: (v, all) => {
     if (all.empty) {
       return /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -32955,7 +32965,7 @@ const getColumns$6 = ({
   }
 }, {
   dataIndex: 'category',
-  title: t('Type'),
+  title: t('type'),
   ellipsis: true,
   show: true,
   render: (v, all) => {
@@ -33528,6 +33538,12 @@ const TablePage = ({
   breadcrumbs = [],
   onDownload
 }) => {
+  const _options = React.useMemo(() => {
+    return {
+      ...options,
+      ...data?.options
+    };
+  }, [options, data?.options]);
   const {
     activeTab,
     selectOptions,
@@ -33543,7 +33559,7 @@ const TablePage = ({
     location,
     getData,
     extendingFilters,
-    options,
+    options: _options,
     t,
     goTo,
     user,
@@ -35083,23 +35099,27 @@ const checkboxConfig = {
   name: "Name",
   datastakeId: "ID"
 };
-const partnerTypes = [{
-  label: "Individual",
-  value: "individual"
-}, {
-  label: "Organisation",
-  value: "organisation"
-}];
-const partnershipTypes = [{
-  label: "Source",
-  value: "source"
-}, {
-  label: "Client",
-  value: "client"
-}, {
-  label: "Exchange",
-  value: "exchange"
-}];
+const getPartnerTypes = t => {
+  return [{
+    label: t("Individual"),
+    value: "individual"
+  }, {
+    label: t("Organisation"),
+    value: "organisation"
+  }];
+};
+const getPartnershipTypes = t => {
+  return [{
+    label: t("Source"),
+    value: "source"
+  }, {
+    label: t("Client"),
+    value: "client"
+  }, {
+    label: t("Exchange"),
+    value: "exchange"
+  }];
+};
 
 const getColumns$2 = ({
   t,
@@ -35152,6 +35172,7 @@ const getColumns$2 = ({
         className: "daf-default-cell"
       });
     }
+    const partnershipTypes = getPartnershipTypes(t);
     return partnershipTypes.find(v => v.value === val)?.label || val || "-";
   }
 }, {
@@ -35168,6 +35189,7 @@ const getColumns$2 = ({
         className: "daf-default-cell"
       });
     }
+    const partnerTypes = getPartnerTypes(t);
     return partnerTypes.find(v => v.value === val)?.label || val || "-";
   }
 }, {
@@ -35473,6 +35495,8 @@ const Create = ({
   getAppHeader = () => {},
   getApiBaseUrl = () => {}
 }) => {
+  const partnerTypes = React.useMemo(() => getPartnerTypes(t), [t]);
+  const partnershipTypes = React.useMemo(() => getPartnershipTypes(t), [t]);
   const form = React.useMemo(() => ({
     identification: {
       partnershipType: {
@@ -35679,6 +35703,8 @@ const Edit = ({
 }) => {
   const [MainForm] = antd.Form.useForm();
   const [loading, setLoading] = React.useState(false);
+  React.useMemo(() => getPartnerTypes(t), [t]);
+  const partnershipTypes = React.useMemo(() => getPartnershipTypes(t), [t]);
   React.useEffect(() => {
     MainForm.setFieldsValue({
       ...partner,
@@ -37235,6 +37261,9 @@ const TradeRelationships = ({
     operatorData,
     APP
   });
+  console.log({
+    graphData
+  });
   React.useEffect(() => {
     const defaultProduct = filterConfig?.[0]?.options?.[0]?.value;
     if (!filters.products && defaultProduct) {
@@ -37914,12 +37943,12 @@ const OperatorSummary = ({
   });
   return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
     header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
-      title: hasSelect ? t("Operator Review") : (singleItemData?.name || "") + " " + t("Summary"),
+      title: hasSelect ? t("Operator Review") : `${singleItemData?.name || ""} ${singleItemData?.name ? t("Summary") : ""}`,
       className: "with-border-header h-w-btn-header no-px-body",
       goBackTo: !hasSelect && goBack,
       breadcrumbs: breadcrumbs,
       addedHeaderFirst: true,
-      actionButtons: [{
+      actionButtons: hasSelect ? [] : [{
         tooltip: t("Details"),
         icon: "FileEdit",
         onClick: () => {
@@ -37933,9 +37962,6 @@ const OperatorSummary = ({
       }],
       addedHeader: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex flex-row gap-4",
-        style: {
-          marginRight: 8
-        },
         children: /*#__PURE__*/jsxRuntime.jsx(Multiselect, {
           options: [...sourceOptions],
           isAvatarGroup: true,
@@ -37951,7 +37977,10 @@ const OperatorSummary = ({
           dropDownWidth: 200,
           defaultSelected: (partners || []).map(p => p.id) || []
         }, partners?.length)
-      })
+      }),
+      onDownload: () => {
+        console.log("onDownload");
+      }
     }),
     children: [hasSelect && /*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
@@ -47063,13 +47092,12 @@ const MineSummary = ({
   });
   return /*#__PURE__*/jsxRuntime.jsxs(DashboardLayout, {
     header: /*#__PURE__*/jsxRuntime.jsx(DAFHeader, {
-      title: hasSelect ? t("Mine Review") : (singleItemData?.name || "") + " " + t("Summary"),
+      title: hasSelect ? t("Mine Review") : `${singleItemData?.name || ""} ${singleItemData?.name ? t("Summary") : ""}`,
       className: "with-border-header h-w-btn-header no-px-body",
       goBackTo: !hasSelect && goBack,
-      loading: loading,
       breadcrumbs: breadcrumbs,
       addedHeaderFirst: true,
-      actionButtons: [{
+      actionButtons: hasSelect ? [] : [{
         tooltip: t("Details"),
         icon: "FileEdit",
         onClick: () => {
@@ -47083,9 +47111,6 @@ const MineSummary = ({
       }],
       addedHeader: /*#__PURE__*/jsxRuntime.jsx("div", {
         className: "flex flex-row gap-4",
-        style: {
-          marginRight: 8
-        },
         children: /*#__PURE__*/jsxRuntime.jsx(Multiselect, {
           options: [...sourceOptions],
           isAvatarGroup: true,
@@ -47101,7 +47126,10 @@ const MineSummary = ({
           dropDownWidth: 200,
           defaultSelected: (partners || []).map(p => p.id) || []
         }, partners?.length)
-      })
+      }),
+      onDownload: () => {
+        console.log("onDownload");
+      }
     }),
     children: [hasSelect && /*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(antd.Select, {
@@ -47258,19 +47286,19 @@ const usePrepareForm = ({
         linkingForms = {}
       } = JSON.parse(JSON.stringify(allData[dKey][nKey] || {}));
       if (data.datastakeId === id || id === "user") {
-        if (viewConfig.linkingSubjects.includes(namespace)) {
-          setForm({
-            ...form,
-            linking: {
-              position: 100,
-              excludeFromEdit: true,
-              label: t("Linked Subjects"),
-              template: "linkingSubjects"
-            }
-          });
-        } else {
-          setForm(form);
-        }
+        //   if (viewConfig.linkingSubjects.includes(namespace)) {
+        setForm({
+          ...form,
+          linking: {
+            position: 100,
+            excludeFromEdit: true,
+            label: t("Linked Subjects"),
+            template: "linkingSubjects"
+          }
+        });
+        //   } else {
+        //       setForm(form);
+        //   }
         setData(data);
         setGroups(config.groups || {});
         setLinkingForms(linkingForms);
@@ -47577,6 +47605,18 @@ const renderType = ({
   }
   return "--";
 };
+const namespaceMap = {
+  locations: "location",
+  documents: "document",
+  stakeholders: "stakeholder",
+  events: "event",
+  incidents: "event",
+  correctiveActions: "event",
+  "production-sites": "location",
+  operators: "stakeholder",
+  workers: "stakeholder",
+  activities: "event"
+};
 
 const getColumns = ({
   t,
@@ -47831,10 +47871,11 @@ const LinkingTemplate = ({
   }), [conf]);
   const id = conf.allData.id;
   const dataSource = conf?.linkingTemplateContextData?.[id];
+  const _namespace = namespaceMap[namespace];
   const changeData = async () => {
     try {
       const _data = await LinkedSubjectsService$1.getLinkedSubjects({
-        namespace,
+        namespace: _namespace,
         id,
         mod: conf.mod
       });
@@ -47920,18 +47961,10 @@ function Template({
   conf,
   namespace
 }) {
-  switch (namespace) {
-    case 'locations':
-    case 'documents':
-    case 'stakeholders':
-    case 'events':
-      return /*#__PURE__*/jsxRuntime.jsx(LinkingTemplate, {
-        conf: conf,
-        namespace: namespace
-      });
-    default:
-      return null;
-  }
+  return /*#__PURE__*/jsxRuntime.jsx(LinkingTemplate, {
+    conf: conf,
+    namespace: namespace
+  });
 }
 
 const View = ({
@@ -48145,14 +48178,12 @@ const View = ({
         addedHeaderFirst: true,
         addedHeader: /*#__PURE__*/jsxRuntime.jsx("div", {
           className: "flex flex-row gap-4",
-          style: {
-            marginRight: 8
-          },
           children: /*#__PURE__*/jsxRuntime.jsx(Multiselect, {
             options: [...sourceOptions],
             isAvatarGroup: true,
             selectionType: "checkbox",
             canUnselectLast: false,
+            isSingle: true,
             onChange: selected => {
               setSelectedPartners(prev => ({
                 ...prev,