datastake-daf 0.6.147 → 0.6.148

package/dist/components/index.js

@@ -15186,6 +15186,7 @@ Loader.propTypes = {
 function Widget(_ref) {
   let {
     title = "",
+    noTitle = false,
     children,
     addedHeader = null,
     tooltip,
@@ -15234,7 +15235,7 @@ function Widget(_ref) {
     className: formatClassname(["daf-widget", "flex-1", className, !!tabsConfig && "with-tabs", isCollapsable && isCollapsed && "collapsed-widget"]),
     children: [loading && fullWidgetLoading && /*#__PURE__*/jsxRuntime.jsx(Loader, {
       background: "white"
-    }), /*#__PURE__*/jsxRuntime.jsxs("div", {
+    }), !noTitle && /*#__PURE__*/jsxRuntime.jsxs("div", {
       className: "widget-header flex-column",
       children: [/*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "flex flex-row widget-header-items",
@@ -15291,17 +15292,16 @@ function Widget(_ref) {
               icon: !isExpanded ? /*#__PURE__*/jsxRuntime.jsx(Icons.RightOutlined, {
                 style: {
                   width: 10,
-                  paddingTop: '4px'
+                  paddingTop: "4px"
                 }
-              })
-              //<PlusOutlined style={{width: 10}} />
-              :
+              }) :
               /*#__PURE__*/
+              //<PlusOutlined style={{width: 10}} />
               //<MinusOutlined style={{ width: 10 }} />
               jsxRuntime.jsx(Icons.DownOutlined, {
                 style: {
                   width: 10,
-                  paddingTop: '4px'
+                  paddingTop: "4px"
                 }
               })
             })
@@ -15812,17 +15812,19 @@ function KeyIndicatorsWidget$1(_ref) {
     withTooltip = false,
     title = "Key Indicators",
     noMinWidth = false,
-    children
+    children,
+    noTitle = false
   } = _ref;
   const component = /*#__PURE__*/jsxRuntime.jsxs(Widget, {
     loading: loading,
     className: formatClassname(["flex-1 with-border-header", widgetClassName]),
-    title: t(title),
+    title: noTitle ? undefined : t(title),
+    noTitle: noTitle,
     children: [children, /*#__PURE__*/jsxRuntime.jsx(Style$E, {
       className: formatClassname(["flex", className]),
       children: config.map((c, i) => /*#__PURE__*/jsxRuntime.jsxs("div", {
         className: "row-item",
-        children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+        children: [/*#__PURE__*/jsxRuntime.jsx(Label$1, {
           label: c.label,
           withTooltip: withTooltip
         }), /*#__PURE__*/jsxRuntime.jsx("div", {
@@ -15839,7 +15841,7 @@ function KeyIndicatorsWidget$1(_ref) {
   }
   return component;
 }
-function Label(_ref2) {
+function Label$1(_ref2) {
   let {
     label,
     withTooltip
@@ -18457,17 +18459,6 @@ const Style$z = dt.div`
   position: relative;
   width: 100%;
   height: 472px;
-  min-height: 300px;
-  
-  @media (max-width: 768px) {
-    height: 350px;
-    min-height: 250px;
-  }
-  
-  @media (max-width: 480px) {
-    height: 300px;
-    min-height: 200px;
-  }
 
   .filter-cont {
     position: absolute; 
@@ -19312,11 +19303,6 @@ const useGlobe = ({
         }
       });
       setMapMarkers(newMarkers);
-
-      // Resize the Mapbox GL JS map to ensure proper rendering after data changes
-      if (mapRef && mapRef.resize) {
-        mapRef.resize();
-      }
     }
   }, []);
   const createInstance = React.useCallback(() => {
@@ -19462,47 +19448,6 @@ const useGlobe = ({
       const instance = createInstance();
       if (instance) {
         setMapRef(instance);
-
-        // Add comprehensive resize detection for Mapbox GL JS responsiveness
-        const handleResize = () => {
-          if (instance && instance.resize) {
-            // Add a small delay to ensure DOM has updated
-            setTimeout(() => {
-              instance.resize();
-            }, 100);
-          }
-        };
-
-        // Listen to window resize
-        window.addEventListener('resize', handleResize);
-
-        // Listen to container size changes using ResizeObserver
-        const resizeObserver = new ResizeObserver(() => {
-          handleResize();
-        });
-        if (container.current) {
-          resizeObserver.observe(container.current);
-        }
-
-        // Store handlers for cleanup
-        instance._resizeHandler = handleResize;
-        instance._resizeObserver = resizeObserver;
-
-        // Add IntersectionObserver to detect when globe becomes visible (handles sidenav scenarios)
-        const intersectionObserver = new IntersectionObserver(entries => {
-          entries.forEach(entry => {
-            if (entry.isIntersecting && instance && instance.resize) {
-              // Globe container is visible, force resize after a delay
-              setTimeout(() => {
-                instance.resize();
-              }, 200);
-            }
-          });
-        });
-        if (container.current) {
-          intersectionObserver.observe(container.current);
-        }
-        instance._intersectionObserver = intersectionObserver;
       } else {
         console.log('❌ [GLOBE HOOK] Failed to create map instance');
       }
@@ -19583,33 +19528,6 @@ const useGlobe = ({
       addAllDataToMap();
     }
   }, [data, mapRef, initialMarkerSetIsDone]);
-
-  // Add effect to handle layout changes (like sidenav opening/closing)
-  React.useEffect(() => {
-    if (mapRef) {
-      // Force resize when component becomes visible or layout changes
-      const handleLayoutChange = () => {
-        if (mapRef && mapRef.resize) {
-          setTimeout(() => {
-            mapRef.resize();
-          }, 150);
-        }
-      };
-
-      // Listen for visibility changes
-      document.addEventListener('visibilitychange', handleLayoutChange);
-
-      // Listen for focus events (when user returns to tab)
-      window.addEventListener('focus', handleLayoutChange);
-
-      // Store handlers for cleanup
-      mapRef._layoutChangeHandler = handleLayoutChange;
-      return () => {
-        document.removeEventListener('visibilitychange', handleLayoutChange);
-        window.removeEventListener('focus', handleLayoutChange);
-      };
-    }
-  }, [mapRef]);
   React.useEffect(() => {
     if (activeMarker && mapRef) {
       const marker = mapMarkers.find(m => m.data === activeMarker);
@@ -19625,21 +19543,6 @@ const useGlobe = ({
     return () => {
       isMounted.current = false;
 
-      // Cleanup window resize listener and ResizeObserver for Mapbox GL JS
-      if (mapRef && mapRef._resizeHandler) {
-        window.removeEventListener('resize', mapRef._resizeHandler);
-      }
-      if (mapRef && mapRef._resizeObserver) {
-        mapRef._resizeObserver.disconnect();
-      }
-      if (mapRef && mapRef._layoutChangeHandler) {
-        document.removeEventListener('visibilitychange', mapRef._layoutChangeHandler);
-        window.removeEventListener('focus', mapRef._layoutChangeHandler);
-      }
-      if (mapRef && mapRef._intersectionObserver) {
-        mapRef._intersectionObserver.disconnect();
-      }
-
       // Defer unmounting to avoid race conditions
       const rootsToUnmount = [...roots.current];
       roots.current = [];
@@ -19655,7 +19558,7 @@ const useGlobe = ({
         });
       });
     };
-  }, [mapRef]);
+  }, []);
 
   // Map control handlers
   const zoomHandler = React.useCallback(() => mapRef?.zoomIn(), [mapRef]);
@@ -19736,22 +19639,12 @@ const useGlobe = ({
     }),
     handler: moveDownHandler
   }], [zoomHandler, zoomOutHandler, recenterMap, moveUpHandler, moveDownHandler]);
-
-  // Expose a manual resize method for external triggers
-  const forceResize = React.useCallback(() => {
-    if (mapRef && mapRef.resize) {
-      setTimeout(() => {
-        mapRef.resize();
-      }, 100);
-    }
-  }, [mapRef]);
   return {
     container,
     activeMarker,
     mapOptionsButtonsConfig,
     emptyStateIsVisible,
-    setEmptyStateIsVisible,
-    forceResize
+    setEmptyStateIsVisible
   };
 };
 
@@ -19799,8 +19692,7 @@ function Globe(_ref) {
   const {
     container,
     activeMarker,
-    mapOptionsButtonsConfig,
-    forceResize
+    mapOptionsButtonsConfig
   } = useGlobe({
     data: mappedData,
     user,
@@ -19827,17 +19719,6 @@ function Globe(_ref) {
   React.useEffect(() => {
     onRender === null || onRender === void 0 || onRender();
   }, [onRender]);
-
-  // Force resize when component becomes visible (handles sidenav open/close scenarios)
-  React.useEffect(() => {
-    if (forceResize) {
-      // Trigger resize after component mounts
-      const timer = setTimeout(() => {
-        forceResize();
-      }, 300);
-      return () => clearTimeout(timer);
-    }
-  }, [forceResize]);
   return /*#__PURE__*/jsxRuntime.jsx(ComponentWithFocus, {
     children: /*#__PURE__*/jsxRuntime.jsxs(Style$z, {
       className: formatClassname([showSider && activeMarker && "with-sider"]),
@@ -20231,7 +20112,7 @@ const DetailsSection = _ref => {
   });
 };
 
-const KEYS = {
+const SDG_KEYS = {
   NO_POVERTY: "noPoverty",
   ZERO_HUNGER: "zeroHunger",
   GOOD_HEALTH_WELL_BEING: "goodHealthWellbeing",
@@ -20250,75 +20131,146 @@ const KEYS = {
   PEACE_JUSTICE_STRONG_INSTITUTIONS: "peaceJusticeStrongInstitutions",
   PARTNERSHIPS_FOR_GOALS: "partnershipsForGoals"
 };
+const SDG_IMAGES = {
+  [SDG_KEYS.NO_POVERTY]: {
+    img: "/SDGs/SDGs.svg",
+    disabled: "/SDGs/SDGs-17.svg"
+  },
+  [SDG_KEYS.ZERO_HUNGER]: {
+    img: "/SDGs/SDGs-1.svg",
+    disabled: "/SDGs/SDGs-18.svg"
+  },
+  [SDG_KEYS.GOOD_HEALTH_WELL_BEING]: {
+    img: "/SDGs/SDGs-2.svg",
+    disabled: "/SDGs/SDGs-19.svg"
+  },
+  [SDG_KEYS.QUALITY_EDUCATION]: {
+    img: "/SDGs/SDGs-3.svg",
+    disabled: "/SDGs/SDGs-20.svg"
+  },
+  [SDG_KEYS.GENDER_EQUALITY]: {
+    img: "/SDGs/SDGs-4.svg",
+    disabled: "/SDGs/SDGs-21.svg"
+  },
+  [SDG_KEYS.CLEAN_WATER_SANITATION]: {
+    img: "/SDGs/SDGs-5.svg",
+    disabled: "/SDGs/SDGs-22.svg"
+  },
+  [SDG_KEYS.AFFORDABLE_CLEAN_ENERGY]: {
+    img: "/SDGs/SDGs-6.svg",
+    disabled: "/SDGs/SDGs-23.svg"
+  },
+  [SDG_KEYS.DECENT_WORK_ECONOMIC_GROWTH]: {
+    img: "/SDGs/SDGs-7.svg",
+    disabled: "/SDGs/SDGs-24.svg"
+  },
+  [SDG_KEYS.INDUSTRY_INNOVATION_INFRASTRUCTURE]: {
+    img: "/SDGs/SDGs-8.svg",
+    disabled: "/SDGs/SDGs-25.svg"
+  },
+  [SDG_KEYS.REDUCED_INEQUALITIES]: {
+    img: "/SDGs/SDGs-9.svg",
+    disabled: "/SDGs/SDGs-26.svg"
+  },
+  [SDG_KEYS.SUSTAINABLE_CITIES_COMMUNITIES]: {
+    img: "/SDGs/SDGs-10.svg",
+    disabled: "/SDGs/SDGs-27.svg"
+  },
+  [SDG_KEYS.RESPONSIBLE_CONSUMPTION_PRODUCTION]: {
+    img: "/SDGs/SDGs-11.svg",
+    disabled: "/SDGs/SDGs-29.svg"
+  },
+  [SDG_KEYS.CLIMATE_ACTION]: {
+    img: "/SDGs/SDGs-12.svg",
+    disabled: "/SDGs/SDGs-30.svg"
+  },
+  [SDG_KEYS.LIFE_BELOW_WATER]: {
+    img: "/SDGs/SDGs-13.svg",
+    disabled: "/SDGs/SDGs-31.svg"
+  },
+  [SDG_KEYS.LIFE_ON_LAND]: {
+    img: "/SDGs/SDGs-14.svg",
+    disabled: "/SDGs/SDGs-32.svg"
+  },
+  [SDG_KEYS.PEACE_JUSTICE_STRONG_INSTITUTIONS]: {
+    img: "/SDGs/SDGs-15.svg",
+    disabled: "/SDGs/SDGs-33.svg"
+  },
+  [SDG_KEYS.PARTNERSHIPS_FOR_GOALS]: {
+    img: "/SDGs/SDGs-16.svg",
+    disabled: "/SDGs/SDGs-34.svg"
+  }
+};
+
 const getGoalConfig = () => {
   return [{
     img: "/SDGs/SDGs.svg",
-    key: KEYS.NO_POVERTY,
-    disabled: "/SDGs/SDGs-17.svg"
+    key: SDG_KEYS.NO_POVERTY,
+    disabled: "./SDGs/SDGs-17.svg"
   }, {
     img: "/SDGs/SDGs-1.svg",
-    key: KEYS.ZERO_HUNGER,
-    disabled: "/SDGs/SDGs-18.svg"
+    key: SDG_KEYS.ZERO_HUNGER,
+    disabled: "./SDGs/SDGs-18.svg"
   }, {
     img: "/SDGs/SDGs-2.svg",
-    key: KEYS.GOOD_HEALTH_WELL_BEING,
+    key: SDG_KEYS.GOOD_HEALTH_WELL_BEING,
     disabled: "/SDGs/SDGs-19.svg"
   }, {
     img: "/SDGs/SDGs-3.svg",
-    key: KEYS.QUALITY_EDUCATION,
+    key: SDG_KEYS.QUALITY_EDUCATION,
     disabled: "/SDGs/SDGs-20.svg"
   }, {
     img: "/SDGs/SDGs-4.svg",
-    key: KEYS.GENDER_EQUALITY,
+    key: SDG_KEYS.GENDER_EQUALITY,
     disabled: "/SDGs/SDGs-21.svg"
   }, {
     img: "/SDGs/SDGs-5.svg",
-    key: KEYS.CLEAN_WATER_SANITATION,
+    key: SDG_KEYS.CLEAN_WATER_SANITATION,
     disabled: "/SDGs/SDGs-22.svg"
   }, {
     img: "/SDGs/SDGs-6.svg",
-    key: KEYS.AFFORDABLE_CLEAN_ENERGY,
+    key: SDG_KEYS.AFFORDABLE_CLEAN_ENERGY,
     disabled: "/SDGs/SDGs-23.svg"
   }, {
     img: "/SDGs/SDGs-7.svg",
-    key: KEYS.DECENT_WORK_ECONOMIC_GROWTH,
+    key: SDG_KEYS.DECENT_WORK_ECONOMIC_GROWTH,
     disabled: "/SDGs/SDGs-24.svg"
   }, {
     img: "/SDGs/SDGs-8.svg",
-    key: KEYS.INDUSTRY_INNOVATION_INFRASTRUCTURE,
+    key: SDG_KEYS.INDUSTRY_INNOVATION_INFRASTRUCTURE,
     disabled: "/SDGs/SDGs-25.svg"
   }, {
     img: "/SDGs/SDGs-9.svg",
-    key: KEYS.REDUCED_INEQUALITIES,
+    key: SDG_KEYS.REDUCED_INEQUALITIES,
     disabled: "/SDGs/SDGs-26.svg"
   }, {
     img: "/SDGs/SDGs-10.svg",
-    key: KEYS.PARTNERSHIPS_FOR_GOALS,
+    key: SDG_KEYS.PARTNERSHIPS_FOR_GOALS,
     disabled: "/SDGs/SDGs-27.svg"
   }, {
     img: "/SDGs/SDGs-11.svg",
-    key: KEYS.SUSTAINABLE_CITIES_COMMUNITIES,
+    key: SDG_KEYS.SUSTAINABLE_CITIES_COMMUNITIES,
     disabled: "/SDGs/SDGs-28.svg"
   }, {
     img: "/SDGs/SDGs-12.svg",
-    key: KEYS.RESPONSIBLE_CONSUMPTION_PRODUCTION,
+    key: SDG_KEYS.RESPONSIBLE_CONSUMPTION_PRODUCTION,
     disabled: "/SDGs/SDGs-29.svg"
   }, {
     img: "/SDGs/SDGs-13.svg",
-    key: KEYS.CLIMATE_ACTION,
+    key: SDG_KEYS.CLIMATE_ACTION,
     disabled: "/SDGs/SDGs-30.svg"
   }, {
     img: "/SDGs/SDGs-14.svg",
-    key: KEYS.LIFE_BELOW_WATER,
+    key: SDG_KEYS.LIFE_BELOW_WATER,
     disabled: "/SDGs/SDGs-31.svg"
   }, {
     img: "/SDGs/SDGs-15.svg",
-    key: KEYS.LIFE_ON_LAND,
+    key: SDG_KEYS.LIFE_ON_LAND,
     disabled: "/SDGs/SDGs-32.svg"
   }, {
     img: "/SDGs/SDGs-16.svg",
     disabled: "/SDGs/SDGs-33.svg",
-    key: KEYS.PEACE_JUSTICE_STRONG_INSTITUTIONS
+    key: SDG_KEYS.PEACE_JUSTICE_STRONG_INSTITUTIONS
   }];
 };
 
@@ -20348,7 +20300,150 @@ function SDGWidget(_ref) {
     })
   }));
 }
-const SDGContainer = dt.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(90px, 1fr));\n\tgap: 8px;\n\n\t.sdg-item {\n\t\theight: 90px;\n\t\twidth: 90px;\n\t\tborder-radius: 8px;\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\n\t.sdg-item-content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\theight: 100%;\n\t\tcolor: white;\n\t\ttext-align: center;\n\t}\n"])));
+const SDGContainer = dt.div(_templateObject$8 || (_templateObject$8 = _taggedTemplateLiteral(["\n\tdisplay: grid;\n\tgrid-template-columns: repeat(auto-fit, minmax(100px, 1fr));\n\tgap: 8px;\n\n\t.sdg-item {\n\t\theight: 100px;\n\t\twidth: 100px;\n\t\tborder-radius: 8px;\n\t\tbackground-size: cover;\n\t\tbackground-position: center;\n\t\tbackground-repeat: no-repeat;\n\t}\n\n\t.sdg-item-content {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\theight: 100%;\n\t\tcolor: white;\n\t\ttext-align: center;\n\t}\n"])));
+
+const ImageContainer = dt.div`
+	overflow: hidden;
+	position: relative;
+
+	.image {
+		width: 100%;
+		height: 151px;
+		background-size: cover;
+		background-position: center;
+		background-repeat: no-repeat;
+
+		border-bottom-left-radius: 3px;
+		border-bottom-right-radius: 3px;
+	}
+
+	.icon-container {
+		position: absolute;
+		top: 10px;
+		right: 10px;
+		background: white;
+		padding: 10px;
+		border-radius: 6px;
+		cursor: pointer;
+	}
+`;
+const ProjectWidgetItems = dt.ul`
+	list-style: none;
+	padding: 0;
+	padding-top: 10px;
+	margin: 0;
+
+	.project-widget-item {
+		display: flex;
+		justify-content: space-between;
+		align-items: center;
+		border-bottom: 1px solid var(--base-gray-30);
+		padding: 10px 0;
+
+		&:last-of-type {
+			border-bottom: 0;
+		}
+	}
+`;
+const SDGList = dt.ul`
+	list-style: none;
+	padding: 0;
+	display: flex;
+	flex-wrap: wrap;
+	gap: 4px;
+	margin: 0;
+
+	.sdg-item-image {
+		width: 24px;
+		height: 24px;
+		background-size: cover;
+		background-position: center;
+		background-repeat: no-repeat;
+	}
+`;
+const Label = dt.span`
+	font-family: SF UI Display;
+	font-weight: 500;
+	font-style: Medium;
+	font-size: 14px;
+	leading-trim: NONE;
+	line-height: 26px;
+	letter-spacing: 0%;
+	color: #6c737f;
+`;
+
+const {
+  Meta
+} = antd.Card;
+function ProjectWidget(_ref) {
+  let {
+    title,
+    description,
+    onLinkClick,
+    image,
+    linkIcon = "Link",
+    sdgList,
+    items,
+    hideSDGList = false,
+    t = x => x
+  } = _ref;
+  return /*#__PURE__*/jsxRuntime.jsxs(antd.Card, {
+    style: {
+      flex: 1
+    },
+    cover: /*#__PURE__*/jsxRuntime.jsxs(ImageContainer, {
+      children: [/*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "image",
+        style: {
+          backgroundImage: "url(".concat(image, ")")
+        }
+      }), onLinkClick && /*#__PURE__*/jsxRuntime.jsx("div", {
+        className: "icon-container",
+        onClick: onLinkClick,
+        children: /*#__PURE__*/jsxRuntime.jsx(CustomIcon, {
+          name: linkIcon,
+          width: 16,
+          height: 16,
+          color: "black"
+        })
+      })]
+    }),
+    children: [/*#__PURE__*/jsxRuntime.jsx(Meta, {
+      title: title || undefined,
+      description: description || undefined
+    }), /*#__PURE__*/jsxRuntime.jsx(ProjectWidgetItems, {
+      children: items.map((item, index) => /*#__PURE__*/jsxRuntime.jsxs("li", {
+        className: "project-widget-item",
+        children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+          children: item.label
+        }), item.render()]
+      }, index))
+    }), !hideSDGList && /*#__PURE__*/jsxRuntime.jsxs("div", {
+      style: {
+        borderTop: "1px solid var(--base-gray-30)",
+        paddingTop: "10px"
+      },
+      children: [/*#__PURE__*/jsxRuntime.jsx(Label, {
+        children: "SDGs:"
+      }), /*#__PURE__*/jsxRuntime.jsx(SDGList, {
+        children: sdgList.map((sdg, index) => {
+          return /*#__PURE__*/jsxRuntime.jsx("li", {
+            className: "project-widget-item",
+            children: /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
+              title: t("SDGS::".concat(sdg)),
+              children: /*#__PURE__*/jsxRuntime.jsx("div", {
+                style: {
+                  backgroundImage: "url(".concat(SDG_IMAGES[sdg].img, ")")
+                },
+                className: "sdg-item-image"
+              })
+            })
+          }, index);
+        })
+      })]
+    })]
+  });
+}
 
 var Style$w = dt.div`
   border: 1px solid var(--base-gray-40);
@@ -59700,6 +59795,7 @@ exports.ProjectVisualisationAlert = Alert;
 exports.ProjectVisualisationFooter = Footer;
 exports.ProjectVisualisationHeader = Header;
 exports.ProjectVisualisationSelect = CustomSelect;
+exports.ProjectWidget = ProjectWidget;
 exports.RadarChart = RadarChart;
 exports.RadialBarChart = RadialBarChart;
 exports.SDGWidget = SDGWidget;

package/dist/utils/index.js

@@ -6015,7 +6015,7 @@ const userHasInterface = (user, app, intf) => {
 };
 
 const en = {
-  "Description": "Description",
+  Description: "Description",
   "missing-inputs": "Missing Inputs",
   "all-inputs-fullfilled": "All inputs in this section are fullfilled",
   "information-unavailable": "Information unavailable",
@@ -6031,7 +6031,7 @@ const en = {
     "subject-deleted-successfully": "Subject removed successfully",
     "information-submitted-successfully": "Information submitted successfully."
   },
-  "noValueIdentified": " {{value}} ",
+  noValueIdentified: " {{value}} ",
   errors: {
     "please-correct-invalid-inputs": "Please correct invalid inputs",
     "field should not include special characters": "Field should not include special characters",
@@ -6603,7 +6603,7 @@ const en = {
   "Invite Participant": "Invite Participant",
   "Invite Information Source": "Invite Information Source",
   "Edit Project": "Edit Project",
-  "ProjectType": "Project",
+  ProjectType: "Project",
   Network: "Network",
   "In Progress": "In Progress",
   Villages: "Villages",
@@ -6954,7 +6954,7 @@ const en = {
     lastUpdate: "Last update"
   },
   Position: "Position",
-  "Project": "Project",
+  Project: "Project",
   ProjectDetails: {
     "Grievance Mechanism Summary": "Grievance Mechanism Summary",
     "Supply Chain Policy Summary": "Supply Chain Policy Summary"
@@ -6976,7 +6976,24 @@ const en = {
     14: "Life Below Water",
     15: "Life on Land",
     16: "Peace and Justice Strong Institutions",
-    17: "Partnerships to achieve the Goal"
+    17: "Partnerships to achieve the Goal",
+    noPoverty: "No Poverty",
+    zeroHunger: "Zero Hunger",
+    goodHealthWellbeing: "Good Health and Well-being",
+    qualityEducation: "Quality Education",
+    genderEquality: "Gender Equality",
+    cleanWaterSanitation: "Clean Water and Sanitation",
+    affordableCleanEnergy: "Affordable and Clean Energy",
+    decentWorkEconomicGrowth: "Decent Work and Economic Growth",
+    industryInnovationInfrastructure: "Industry, Innovation and Infrastructure",
+    reducedInequalities: "Reduced Inequality",
+    sustainableCitiesCommunities: "Sustainable Cities and Communities",
+    responsibleConsumptionProduction: "Responsible Consumption and Production",
+    climateAction: "Climate Action",
+    lifeBelowWater: "Life Below Water",
+    lifeOnLand: "Life on Land",
+    peaceJusticeStrongInstitutions: "Peace and Justice Strong Institutions",
+    partnershipsForGoals: "Partnerships to achieve the Goal"
   },
   mmtDesc: "The MMT app is freely accessible to all mining and mineral trade stakeholders. It provides an open, collaborative framework for supply chain due diligence and risk management.",
   tifDesc: "An advanced information management system for the ASM sector, developed by The Impact Facility. Kustawi tracks the improvement of mining operations against ESG standards and facilitates access to equipment financing.",

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.147",
+	"version": "0.6.148",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",