datastake-daf 0.6.764 → 0.6.766

package/src/@daf/core/components/Table/MoreTags/index.jsx

@@ -9,6 +9,9 @@ export default function MoreTags({
 	maxWidthCont = 120,
 	maxTextCont = 100,
 	diff = 30,
+	style = {},
+	tagColor,
+	limit,
 }) {
 	const ref = useRef();
 	const [width, setWidth] = useState(0);
@@ -27,6 +30,12 @@ export default function MoreTags({
 	}, []);
 
 	const _calculate = () => {
+		// If limit prop is provided and valid, use it instead of calculating
+		if (typeof limit === 'number' && limit > 0) {
+			setIndexToReturn(Math.min(limit - 1, values.length - 1));
+			return;
+		}
+
 		const tabs = ref.current.querySelectorAll(".check-tabs");
 		let filled = 0;
 		let indexToReturn;
@@ -60,7 +69,7 @@ export default function MoreTags({
 
 	useEffect(() => {
 		_calculate();
-	}, [width, values]);
+	}, [width, values, limit]);
 
 	return (
 		<div className="daf-more-tags">
@@ -76,8 +85,9 @@ export default function MoreTags({
 								overflow: "hidden",
 								textOverflow: "ellipsis",
 								whiteSpace: "nowrap",
+								...style,
 							}}
-							color={ac.color}
+							color={tagColor || ac.color}
 						>
 							<Tooltip title={typeof ac === "object" ? ac.label : ac}>
 								<span
@@ -86,6 +96,7 @@ export default function MoreTags({
 										overflow: "hidden",
 										textOverflow: "ellipsis",
 										whiteSpace: "nowrap",
+										...style,
 									}}
 								>
 									{typeof ac === "object" ? ac.label : ac}
@@ -100,7 +111,7 @@ export default function MoreTags({
 							.map((ac) => (typeof ac === "object" ? ac.label : ac))
 							.join(", ")}
 					>
-						<Tag>+{other.length}</Tag>
+						<Tag color={tagColor || 'default'} style={style}>+{other.length}</Tag>
 					</Tooltip>
 				) : null}
 			</div>
@@ -110,10 +121,10 @@ export default function MoreTags({
 						ac.renderTag("check-tabs")
 					) : (
 						<Tag
-							color={ac.color}
+							color={tagColor || ac.color}
 							key={`${ac}-${i}`}
 							className="check-tabs"
-							style={{ maxWidth: _maxWidthCont }}
+							style={{ maxWidth: _maxWidthCont, ...style }}
 						>
 							<Text
 								ellipsis={{ tooltip: typeof ac === "object" ? ac.label : ac }}
@@ -134,4 +145,5 @@ MoreTags.propTypes = {
 	maxWidthCont: PropTypes.number,
 	maxTextCont: PropTypes.number,
 	diff: PropTypes.number,
+	limit: PropTypes.number,
 };

package/src/@daf/layouts/AuthLayout/components/Navbar/index.jsx

@@ -23,7 +23,6 @@ const AuthNavbar = ({
   defaultValue = StorageManager.get('datastakeLng') || 'en',
   onClose
 }) => {
-  console.log({navbarDefaultValue: defaultValue})
   return (
     <Style className={formatClassname([typeof onClose === 'function' && 'bordered'])}>
     <div className="d-navbar flex-c jus-c">

package/src/@daf/pages/Dashboards/SupplyChain/components/ChartsContainer/components/Identification/hook.js

@@ -1,4 +1,5 @@
 import { useEffect, useState, useMemo } from "react";
+import { findOptions } from '../../../../../../../../helpers/StringHelper.js';
 
 
 export function useIdentification({ data, theme = {}, options = {} }) {
@@ -58,16 +59,15 @@ export function useIdentification({ data, theme = {}, options = {} }) {
 					const values = graphData.filter((d) => d.date === title);
 					return {
 						title: "Products",
-						items: values.map((val) => ({
-							label:
-								options?.minerals?.find(
-									(mineral) => mineral.value === val.typeOfProduct,
-								)?.label || val.typeOfProduct,
-							color: colors[
-								allSeenProducts.indexOf(val.typeOfProduct) % colors.length
-							],
-							value: val.value.toLocaleString(),
-						})),
+						items: values.map((val) => {
+							return{
+								label: findOptions(val.typeOfProduct, options?.mineralOptions) || val.typeOfProduct,
+								color: colors[
+									allSeenProducts.indexOf(val.typeOfProduct) % colors.length
+								],
+								value: val.value.toLocaleString(),
+							}
+						}),
 					};
 				}
 				return { title: "", items: [] };

package/src/@daf/pages/Dashboards/SupplyChain/components/SupplyChainMap/index.js

@@ -35,6 +35,7 @@ function SupplyChainMap({selectedSources = {}, t = () => {}, goTo = () => {}, op
 				renderTooltip={(data) => {
 					const productsText = data?.products?.[0];
 					const minerals = options?.minerals || [];
+					const participants = data?.stakeholders?.map((stakeholder) => stakeholder.name);
 					return [
 						{
 							label: t("Products"),
@@ -46,14 +47,16 @@ function SupplyChainMap({selectedSources = {}, t = () => {}, goTo = () => {}, op
 						},
 						{
 							label: t("Participants"),
-							value: data?.participants || "-",
+							value: participants?.length > 0 ? participants.join(', ') : "-",
 						},
 					];
 				}}
 				link
 				onClickLink={(data) => {
-					const locationTypes = ['mineSite', 'village'];
-					if (locationTypes.includes(data.type)) {
+					const locationTypes = ['village', 'town', 'area', 'territory'];
+					if(data?.type === 'mineSite') {
+						goTo(getRedirectLink(`/app/mine-summary/${data.datastakeId}`));
+					} else if (locationTypes.includes(data.type)) {
 						goTo(getRedirectLink(`/app/view/locations/${data.datastakeId}`));
 					} else {
 						goTo(getRedirectLink(`/app/view/stakeholders/${data.datastakeId}`));

package/src/@daf/pages/Dashboards/UserDashboard/components/ContributionsGraph/helper.js

@@ -1,19 +1,6 @@
 export const mapData = ({ t, data = [], tabSelected }) => {
 	if (!data.length) {
-		return [
-			{ category: "", type: t("Stakeholders"), value: 0.5 },
-			{ category: "", type: t("Locations"), value: 0.5 },
-			{ category: "", type: t("Events"), value: 0.5 },
-			{ category: " ", type: "Stakeholders", value: 0.5 },
-			{ category: " ", type: "Locations", value: 0.5 },
-			{ category: " ", type: t("Events"), value: 0.5 },
-			{ category: "  ", type: t("Stakeholders"), value: 0.5 },
-			{ category: "  ", type: t("Locations"), value: 0.5 },
-			{ category: "  ", type: t("Events"), value: 0.5 },
-			{ category: "   ", type: t("Stakeholders"), value: 0.5 },
-			{ category: "   ", type: t("Locations"), value: 0.5 },
-			{ category: "   ", type: t("Events"), value: 0.5 },
-		];
+		return [];
 	}
 
 	const metricTypes = {

package/src/@daf/pages/Dashboards/UserDashboard/components/ContributionsGraph/hook.js

@@ -11,16 +11,23 @@ export const useContributionsGraph = ({
 		return mapData({ t, data, tabSelected });
 	}, [data, t]);
 
+    const isEmpty = useMemo(() => _data?.length === 0, [_data]);
+
     const chartConfig = useMemo(() => {
         return {
             data: _data,
-            xField: "value",
-            yField: "category",
+            xFieldKey: "value",
+            yFieldKey: "category",
             seriesField: "type",
             isGroup: true,
+            ...(isEmpty && {
+                xAxisConfig: {
+                    min: 0,
+                    max: 10,
+                    tickCount: 5,
+                }
+            }),
             renderTooltipContent: (title, items) => {
-				const isEmpty = !data.length;
-
 				const tooltipItems = items.map((item) => ({
 					label: item.name,
 					color: item.color,
@@ -40,7 +47,7 @@ export const useContributionsGraph = ({
             ],
         }
 
-    }, [_data, t, theme]);
+    }, [_data, t, theme, isEmpty]);
 
     return chartConfig;
 }

package/src/@daf/pages/Dashboards/UserDashboard/components/MineSites/index.jsx

@@ -86,7 +86,7 @@ function MineSites({
 			return [
 				{
 					label: t("Category"),
-					value: findOptions(data?.category, locationCategories ?? []) || "--",
+					value: findOptions(data?.category, options?.categoriesOptions ?? []) || "--",
 				},
 			];
 		}

package/src/@daf/pages/Dashboards/UserDashboard/components/Triangulation/hook.js

@@ -59,7 +59,7 @@ export const useTriangulation = ({ widgetData, t = () => {}, section, theme = {}
 				return renderTooltipJsx({
 					title: t(
 						section === "data-compilation"
-							? "nashiriki::Information Sharing"
+							? "Information Sharing"
 							: "Triangulation",
 					),
 					items: [

package/src/@daf/pages/Data/Channels/columns.js

@@ -0,0 +1,175 @@
+import React from 'react';
+import { Tooltip, Tag } from 'antd';
+import { findOptions } from '../../../../helpers/StringHelper.js';
+import { renderDateFormatted } from '../../../../helpers/Forms.js';
+import CustomIcon from '../../../core/components/Icon/CustomIcon.jsx';
+import AvatarGroup from '../../../core/components/AvatarGroup/index.jsx';
+import sourceAvatarConfig from '../../../../helpers/sourceAvatarConfig.js';
+import MoreMenu from '../../../core/components/Table/MoreMenu/index.jsx';
+
+
+const getLinkValue = (value, linkingObject) => {
+    if(linkingObject && linkingObject?.[value]) {
+      return linkingObject?.[value]?.name;
+    }
+    return null;
+  }
+  
+  export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink, theme, 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: 'partner',
+          title: t('Partner'),
+          ellipsis: true,
+          show: true,
+          render: (v, all) => {
+            if (all.empty) {
+              return <div className="daf-default-cell" />
+            }
+      
+            return <Tooltip title={v}>{v}</Tooltip>;
+          },
+      },     
+      {
+          dataIndex: 'dataPoints',
+          title: t('Data Points'),
+          ellipsis: true,
+          show: true,
+          render: (v, all) => {
+            if (all.empty) {
+              return <div className="daf-default-cell" />
+            }
+  
+            const category = findOptions(v, data?.options?.locationCategories);
+      
+            return category ? <Tooltip title={category}>{category}</Tooltip> : '-';
+          },
+      },     
+      {
+          dataIndex: 'country',
+          title: t('Country'),
+          ellipsis: true,
+          show: true,
+          render: (v, all) => {
+            if (all.empty) {
+              return <div className="daf-default-cell" />
+            }
+  
+            const country = findOptions(v, options?.countries);
+  
+            return country ? <Tooltip title={country}>{country}</Tooltip> : '-';
+          },
+      },      
+      {
+          dataIndex: 'province',
+          title: t('Province'),
+          ellipsis: true,
+          show: true,
+          render: (v, all) => {
+            if (all.empty) {
+              return <div className="daf-default-cell" />
+            }
+  
+            const province = getLinkValue(all?.administrativeLevel1, all?.linking?.SCL);
+  
+            return province ? <Tooltip title={province}>{province}</Tooltip> : '-';
+          },
+      },    
+      {
+          dataIndex: 'territory',
+          title: t('Territory'),
+          ellipsis: true,
+          show: true,
+          render: (v, all) => {
+            if (all.empty) {
+              return <div className="daf-default-cell" />
+            }
+  
+            const territory = getLinkValue(all?.administrativeLevel2, all?.linking?.SCL);
+  
+            return territory ? <Tooltip title={territory}>{territory}</Tooltip> : '-';
+          },
+      },     
+      {
+        title: t("Sources"),
+        dataIndex: "sources",
+        key: "sources",
+        show: activeTab !== "own",
+        render: (val, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+  
+            const sources = sourceAvatarConfig(val, user, applications);
+  
+            return <AvatarGroup items={sources}></AvatarGroup>;
+        },
+    },
+      {
+          title: t("Last Update"),
+          dataIndex: "updatedAt",
+          key: "updatedAt",
+          width: 125,
+          render: (date, all) => {
+              if (all.empty) {
+                  return <div className="daf-default-cell" />;
+              }
+  
+              const _date = date ? renderDateFormatted(date, "DD MMM YYYY", user?.language || 'en') : "-";
+              return <Tooltip title={_date}>{_date}</Tooltip>;
+          },
+          ellipsis: true,
+      },
+     
+      {
+        id: 'actions',
+        title: "",
+        width: 60,
+        render: (_, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />;
+          }
+          const onClick = () => {
+            const 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 <div >
+               <MoreMenu items={moreMenuItems} />
+          </div>;
+        }
+      }
+  ].filter((column) => column.show !== false);

package/src/@daf/pages/Events/Activities/columns.js

@@ -106,10 +106,7 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
           }
 
           const eventCategory = findOptions(v, data?.options?.eventCategoryOptions);
-          const categoryValue = getEventCategoryBySubject(eventCategory, subject);
-          console.log({categoryValue})
-          console.log({eventCategory})
-          console.log({subject})
+          const categoryValue = getEventCategoryBySubject(eventCategory, "correctiveActions", true);
           
           return categoryValue ? <Tooltip title={categoryValue}>{categoryValue}</Tooltip> : '-';
         },

package/src/@daf/pages/Events/helper.js

@@ -1,9 +1,10 @@
-export const getEventCategoryBySubject = (eventCategoryObject, subject) => {
+export const getEventCategoryBySubject = (eventCategoryObject, subject, isSingular = false) => {
+    console.log({eventCategoryObject, subject})
     if (!eventCategoryObject || typeof eventCategoryObject !== 'object') {
       return null;
     }
     
-    const subjectSingular = subject.endsWith('ies') 
+    const subjectSingular = isSingular ? subject : subject.endsWith('ies') 
       ? subject.slice(0, -3) + 'y'
       : subject.endsWith('s') 
       ? subject.slice(0, -1)       

package/src/@daf/pages/Events/index.jsx

@@ -87,7 +87,7 @@ const EventsTable = ({
     return (
         <TablePageWithTabs 
            t={t}
-           title={t("events")}
+           title={t("Events")}
            breadCrumbs={breadcrumbs}
            location={location}
            loading={loading}

package/src/@daf/pages/Locations/MineSite/columns.js

@@ -7,6 +7,7 @@ import AvatarGroup from '../../../core/components/AvatarGroup/index.jsx';
 import sourceAvatarConfig from '../../../../helpers/sourceAvatarConfig.js';
 import MoreMenu from '../../../core/components/Table/MoreMenu/index.jsx';
 import MoreOptions from '../../../core/components/Table/MoreOptions/index.jsx';
+import { renderStatusTag } from '../../../utils/tags.js';
 
 export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink, theme, subject, data, applications}) => [
     {
@@ -89,8 +90,8 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
             return <div className="daf-default-cell" />
           }
 
-          const operators = all?.operatorOfLocation?.map((operator) => operator?.clientLocation?.name);
-          return (operators && operators.length > 0) ? <MoreOptions data={operators || []} tooltipPlacement="topLeft" /> : '-';
+          const operators = all?.operator?.map((operator) => operator?.clientLocation?.name);
+          return (operators && operators.length > 0) ? <MoreOptions data={operators || []} toolTipPlacement={operators?.length < 2 ? "topLeft" : "top"} /> : '-';
         },
     },   
     {
@@ -117,8 +118,9 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
           if (all.empty) {
             return <div className="daf-default-cell" />
           }
-          const status = findOptions(v, data?.options?.statusOptions);
-          return status ? <Tooltip title={status}>{status}</Tooltip> : '-';
+          const _val = all?.published || all?.status === "submitted" ? "submitted" : v;
+
+          return renderStatusTag({ value: _val, t });
         },
     },
     

package/src/@daf/pages/Stakeholders/Operators/columns.js

@@ -6,6 +6,7 @@ import CustomIcon from '../../../core/components/Icon/CustomIcon.jsx';
 import AvatarGroup from '../../../core/components/AvatarGroup/index.jsx';
 import sourceAvatarConfig from '../../../../helpers/sourceAvatarConfig.js';
 import MoreMenu from '../../../core/components/Table/MoreMenu/index.jsx';
+import { renderStatusTag } from '../../../utils/tags.js';
 
 export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink, theme, subject, data, applications}) => [
     {
@@ -133,8 +134,9 @@ export const getColumns = ({t, goTo, user, options, activeTab, getRedirectLink,
           if (all.empty) {
             return <div className="daf-default-cell" />
           }
-          const status = findOptions(v, data?.options?.statusOptions);
-          return status ? <Tooltip title={status}>{status}</Tooltip> : '-';
+          const _val = all?.published || all?.status === "submitted" ? "submitted" : v;
+
+          return renderStatusTag({ value: _val, t });
         },
     },
    

package/src/@daf/pages/Summary/Activities/PlantingCycle/config.js

@@ -0,0 +1,40 @@
+import React from "react";
+
+export const getKeyIndicatorsRowConfig = ({ t, data = {} }) => [
+  {
+    label: t('Region'),
+    render: () => {
+    //   const region = data?.region;
+      return <div>{ '-'}</div>;
+    }
+  },
+  {
+    label: t('Associated Plots'),
+    render: () => {
+    //   const plotsCount =  data?.associatedPlotsCount || '0';
+      return <div>{'0'}</div>
+    }
+  },
+  {
+    label: t('Implementation Partners'),
+    render: () => {
+    //   const partnersCount = data?.partnersCount || '0';
+      return <div>{'0'}</div>
+    }
+  },
+  {
+    label: t('Total Activities'),
+    render: () => {
+    //   const activitiesCount = data?.activitiesCount || '0';
+      return <div>{'0'}</div>
+    }
+  },
+  {
+    label: t('Information Sources'),
+    render: () => {
+    //   const sourcesCount = data?.informationSourcesCount || '0';
+      return <div>{'0'}</div>
+    }
+  },
+];
+

package/src/@daf/pages/Summary/Activities/PlantingCycle/helper.js

@@ -0,0 +1,122 @@
+import L from "leaflet";
+
+export const getMapDataFromActivity = (activityData, t) => {
+    const location = activityData?.location;
+    const perimeter = location?.perimeter;
+
+    const area = Array.isArray(perimeter) && perimeter.length > 0
+        ? perimeter
+            .filter((coord) => Array.isArray(coord) && coord.length >= 2)
+            .map((coord) => {
+                const first = typeof coord[0] === 'number' ? coord[0] : parseFloat(coord[0]);
+                const second = typeof coord[1] === 'number' ? coord[1] : parseFloat(coord[1]);
+                
+                if (isNaN(first) || isNaN(second) || !isFinite(first) || !isFinite(second)) {
+                    return null;
+                }
+                
+                // Try both formats and use Leaflet to validate
+                // First try as [lat, lng]
+                try {
+                    const latLng1 = L.latLng(first, second);
+                    if (latLng1.lat >= -90 && latLng1.lat <= 90 && 
+                        latLng1.lng >= -180 && latLng1.lng <= 180) {
+                        return [latLng1.lat, latLng1.lng];
+                    }
+                } catch (e) {
+                    // Not valid as [lat, lng], try swapping
+                }
+                
+                // Try as [lng, lat] (GeoJSON format) - swap them
+                try {
+                    const latLng2 = L.latLng(second, first);
+                    if (latLng2.lat >= -90 && latLng2.lat <= 90 && 
+                        latLng2.lng >= -180 && latLng2.lng <= 180) {
+                        return [latLng2.lat, latLng2.lng];
+                    }
+                } catch (e) {
+                    // Invalid coordinates
+                }
+                
+                return null;
+            })
+            .filter((coord) => coord !== null)
+        : null;
+
+    const mapData = [];
+    const baseColor = '#15FFFFB2';
+    const locationName = location?.name || activityData?.name || t("Activity Location");
+    const datastakeId = location?.datastakeId || activityData?.datastakeId;
+
+    // Helper to validate coordinates
+    const isValidCoordinate = (coord) => {
+        const num = typeof coord === 'number' ? coord : parseFloat(coord);
+        return !isNaN(num) && isFinite(num);
+    };
+
+    // Entry 1: Perimeter polygon (independent - show if it exists)
+    if (area && area.length >= 3) {
+        mapData.push({
+            _id: {},
+            id: `${activityData?.id || activityData?.datastakeId || 'perimeter'}-perimeter`,
+            area: area,
+            color: baseColor,
+            name: locationName,
+            plotName: locationName,
+            territoryTitle: t("Associated Plot"),
+            subTitle: t("Activity Location"),
+            type: t("Activity Location"),
+            datastakeId: datastakeId,
+            sources: null,
+            link: null,
+        });
+    }
+
+    // Entry 2: Arrival marker (independent - show if it exists)
+    const arrivalLat = activityData?.locationCheckArrival?.latitude;
+    const arrivalLng = activityData?.locationCheckArrival?.longitude;
+    if (isValidCoordinate(arrivalLat) && isValidCoordinate(arrivalLng)) {
+        mapData.push({
+            _id: {},
+            id: `${activityData?.id || activityData?.datastakeId || 'arrival'}-arrival`,
+            area: area && area.length >= 3 ? area : null,
+            color: baseColor,
+            gps: {
+                latitude: typeof arrivalLat === 'number' ? arrivalLat : parseFloat(arrivalLat),
+                longitude: typeof arrivalLng === 'number' ? arrivalLng : parseFloat(arrivalLng),
+            },
+            name: t("Activity Start"),
+            plotName: locationName,
+            territoryTitle: t("Associated Plot"), 
+            datastakeId: `${datastakeId}-arrival`,
+            sources: null,
+            link: null,
+        });
+    }
+
+    // Entry 3: Departure marker (independent - show if it exists)
+    const departureLat = activityData?.locationCheckDeparture?.latitude;
+    const departureLng = activityData?.locationCheckDeparture?.longitude;
+    if (isValidCoordinate(departureLat) && isValidCoordinate(departureLng)) {
+        mapData.push({
+            _id: {},
+            id: `${activityData?.id || activityData?.datastakeId || 'departure'}-departure`,
+            area: area && area.length >= 3 ? area : null,
+            color: baseColor,
+            gps: {
+                latitude: typeof departureLat === 'number' ? departureLat : parseFloat(departureLat),
+                longitude: typeof departureLng === 'number' ? departureLng : parseFloat(departureLng),
+            },
+            name: t("Activity End"),
+            plotName: locationName, 
+            territoryTitle: t("Associated Plot"), 
+            datastakeId: `${datastakeId}-departure`,
+            markerColor: "#FF7A45", 
+            sources: null,
+            link: null,
+        });
+    }
+
+    return mapData;
+};
+