datastake-daf 0.6.835 → 0.6.838

package/src/@daf/{core/components/Screens → pages/Dashboards}/ConflictManagement/index.js

@@ -1,12 +1,12 @@
 import React, { useMemo, useEffect } from "react";
-import Header from "../../Header/index.jsx";
 import KeyIndicators from "./components/KeyIndicators/index.js";
-import Multiselect from "../../Select/MultiSelect/index.jsx";
 import MineSites from "./components/MineSite/index.js";
 import RisksWidget from "./components/RisksWidget/index.js";
-import { useSources } from "../../../../hooks/useSources.js";
-import { renderBreadCrumbs } from "../../../../../helpers/breadCrumbs.js";
-import CustomIcon from "../../Icon/CustomIcon.jsx";
+import { useSources } from "../../../hooks/useSources.js";
+import { renderBreadCrumbs } from "../../../../helpers/breadCrumbs.js";
+import CustomIcon from "../../../core/components/Icon/CustomIcon.jsx";
+import { Header, Multiselect } from "../../../../index.js";
+import DashboardLayout from '../../../core/components/Dashboard/DashboardLayout/index.jsx';
 
 export default function ConflictManagement({ 
     t=()=>{}, 
@@ -15,7 +15,9 @@ export default function ConflictManagement({
     goTo = () => {}, 
     getRedirectLink = (s) => s, 
     theme = {},
-    options = {}
+    options = {},
+	breadcrumbs = [],
+
 }) {
 	const { partners, selectedPartners, setSelectedPartners, informationSources } =
 		useSources({ user, t });
@@ -45,8 +47,11 @@ export default function ConflictManagement({
 	}, [partners, user, theme]);
 
 	return (
-		<div className="daf-analysis">
-			<Header
+		
+        <DashboardLayout
+		
+		header={
+		<Header
 				title={t("conflict-management")}
 				breadcrumbs={breadCrumbs}
 				supportText={
@@ -63,7 +68,6 @@ export default function ConflictManagement({
 				}
 				addedHeader={
 					<div>
-						<div className="flex-1" />
 						<Multiselect
 							options={[...sourceOptions]}
 							isAvatarGroup
@@ -82,12 +86,9 @@ export default function ConflictManagement({
 						/>
 					</div>
 				}
-			/>
+			/>}
+			>
 
-			<div className="content">
-				<div className="view-content">
-					<div className="daf-analysis-layout">
-						<div className="sections-cont w-pt">
 							<section>
 								<KeyIndicators
 									selectedPartners={selectedPartners}
@@ -126,11 +127,8 @@ export default function ConflictManagement({
                                     options={options}
 								/>
 							</section>
-						</div>
-					</div>
-				</div>
-			</div>
-		</div>
+			
+        </DashboardLayout>
 	);
 }
 

package/src/@daf/pages/Summary/Activities/PlantingCycle/components/PlantingLocations/index.jsx

@@ -64,11 +64,11 @@ const PlantingLocations = ({
           ) || locations[0];
 
         
-          const area = matchingLocation?.perimeter ? matchingLocation.perimeter.map(coord =>
-              Array.isArray(coord) && coord.length >= 2
-                  ? [coord[1], coord[0]]
-                  : coord
-          ) : null;
+            const area = matchingLocation?.perimeter ? matchingLocation.perimeter.map(coord =>
+                Array.isArray(coord) && coord.length >= 2
+                    ? [coord[0], coord[1]] 
+                    : coord
+            ) : null;
 
           // Only include area if it has at least 3 valid coordinates
           const validArea = area && Array.isArray(area) && area.length >= 3 ? area : null;

package/src/@daf/services/DashboardService.js

@@ -25,14 +25,14 @@ class DashboardService extends BaseService {
       });
     }
 
-    // getWidgetConflictManagement({ url, params = {}, filters = {} }) {
-    //   return this.apiGet({
-    //     url: `/dashboard/conflict-management${url}`,
-    //     params: { ...params, ...filters },
-    //     isApp: true,
-    //   });
-    // }
-    
+    getWidgetConflictManagement(url, params, basepath = "dashboard/conflict-management") {
+      return this.apiGet({
+        url: `/${basepath}${url}`,
+        params,
+        isApp: true,
+      });
+    }
+  
 }
 
 export default createLazyService(DashboardService);

package/src/pages.js

@@ -23,4 +23,4 @@ export { default as View } from './@daf/pages/View/index.jsx';
 export { default as Edit } from './@daf/pages/Edit/index.jsx';
 
 // Conflict Management
-export { default as ConflictManagement } from './@daf/core/components/Screens/ConflictManagement/index.js';
+export { default as ConflictManagement } from './@daf/pages/Dashboards/ConflictManagement/index.js'

package/src/@daf/core/components/Screens/ConflictManagement/components/RisksWidget/components/IncidentsTime/hook.js

@@ -1,32 +0,0 @@
-import { useMemo, useState } from "react";
-
-export default function useIncidentsTimeline({ t=()=>{}, options = {} }) {
-	const [filters, setFilters] = useState({ severity: "all" });
-
-	const filtersConfig = useMemo(
-		() => ({
-			filtersConfig: {
-				severity: {
-					type: "select",
-					label: "",
-					placeholder: (t) => t(""),
-					style: { flex: 1 },
-					labelStyle: { flex: 1 },
-				},
-			},
-			onApply: (val) => setFilters(val),
-			options: {
-				severity: [{ value: "all", label: t("All") }, ...(options?.severityOptions || [])],
-			},
-			selectedFilters: filters,
-			type: "small",
-			t,
-		}),
-		[t, filters, options?.severityOptions],
-	);
-
-	return {
-		filters,
-		filtersConfig,
-	};
-}

package/src/@daf/core/components/Screens/ConflictManagement/components/RisksWidget/components/IncidentsTime/index.js

@@ -1,73 +0,0 @@
-import { useCallback, useMemo } from "react";
-import StackChart from "../../../../../../Charts/StackChart/index.jsx";
-import  Widget from "../../../../../../Dashboard/Widget/index.jsx";
-import PropTypes from 'prop-types';
-import useIncidentsTimeline from "./hook.js";
-
-export default function IncidentsTime({ selectedRange, selectedPartners = {} ,t=()=>{},goTo=(s)=>s,getRedirectLink=(s)=>s, theme = {}, APP , options = {}}) {
-    const { filters, filtersConfig } = useIncidentsTimeline({ t, options });
-    const { user } = useSelector((state) => state.authentication);
-
-	const getSourceParam = useCallback((sourceId) => {
-		if (user?.company?.id !== sourceId) {
-			return `?sourceId=${sourceId}`;
-		}
-
-		return "";
-	}, [user?.company?.id]);
-
-	const defaultFetchConfig = useMemo(
-		() => ({
-			url: `/incidents-timeline`,
-			filters: {
-				...filters,
-				severity: filters.severity ? filters.severity : "all",
-				period: selectedRange,
-				sources: selectedPartners?.partners || [],
-			},
-			defaultData: [],
-			stop: selectedPartners?.loading,
-		}),
-		[filters, selectedRange, selectedPartners],
-	);
-	const renderSeverity = (val) => {
-		const colors = getColors("INCIDENTS", app);
-
-		switch (val) {
-			case "major":
-				return <span style={{ color: colors.major }}>{t("Major")}</span>;
-			case "minor":
-				return <span style={{ color: colors.minor }}>{t("Minor")}</span>;
-			case "moderate":
-				return <span style={{ color: colors.moderate }}>{t("Moderate")}</span>;
-			default:
-				return null;
-		}
-	};
-
-    const chartConfig = {}; 	const { data, loading } = useWidgetFetch(defaultFetchConfig);
-
-
-    return (
-        <Widget
-            loading={loading}
-            filtersConfig={filtersConfig}
-            title={t("Incidents Timeline")}
-            className="with-border-header"
-            t={t}
-        >
-            <StackChart {...chartConfig} height="400px" t={t} />
-        </Widget>
-    );
-}
-
-IncidentsTime.propTypes = {
-    selectedRange: PropTypes.string,
-    selectedPartners: PropTypes.object,
-    t: PropTypes.func,
-    goTo: PropTypes.func,
-    getRedirectLink: PropTypes.func,
-    theme: PropTypes.object,
-    APP: PropTypes.string,
-    options: PropTypes.object,
-};

package/src/@daf/core/components/Screens/ConflictManagement/components/RisksWidget/components/ProblemSolver/hook.js

@@ -1,86 +0,0 @@
-import { useEffect, useMemo, useState } from "react";
-import DashboardService from "../../../../../../../../services/DashboardService.js";
-
-
-export default function useProblemSolvers(t = () => {}) {
-	const [filters, setFilters] = useState({
-		administrativeLevel1: "all",
-	});
-
-	const [filterOptions, setFilterOptions] = useState([]);
-
-	useEffect(() => {
-		async function fetchOptions() {
-			try {
-				const { data } = await DashboardService.getWidget({
-					url: "/problem-solvers",
-				});
-
-
-				const rawOptions = Object.keys(data)
-					.map((agentKey) => {
-						const actions = data[agentKey]?.actions || [];
-
-						return actions
-							.map((action) => {
-								const lvl1 = action?.location?.administrativeLevel1;
-								const name =
-									action?.location?.name ||
-									action?.location?.administrativeLevel1 ||
-									null;
-
-								if (!lvl1 || !name) return undefined;
-
-								return {
-									label: name,
-									value: lvl1,
-								};
-							})
-							.filter(Boolean);
-					})
-					.flat();
-
-				const unique = [
-					...new Map(rawOptions.map((item) => [item.value, item])).values(),
-				];
-
-				setFilterOptions(unique);
-			} catch (err) {
-				console.error("Problem Solvers fetch failed:", err);
-			}
-		}
-
-		fetchOptions();
-	}, []);
-
-
-	const filtersConfig = useMemo(
-		() => ({
-			filtersConfig: {
-				administrativeLevel1: {
-					type: "select",
-					label: "",
-					placeholder: t("Select"),
-					style: { flex: 1 },
-					labelStyle: { flex: 1 },
-				},
-			},
-			onApply: (val) => setFilters(val),
-			options: {
-				administrativeLevel1: [
-					{ label: t("All"), value: "all" },
-					...filterOptions,
-				],
-			},
-			selectedFilters: filters,
-			type: "small",
-			t,
-		}),
-		[t, filters, filterOptions]
-	);
-
-	return {
-		filters,
-		filtersConfig,
-	};
-}

package/src/@daf/core/components/Screens/ConflictManagement/components/RisksWidget/components/TerritorialDistribution/config.js

@@ -1,34 +0,0 @@
-
-import { useMemo, useState } from "react";
-
-export default function useTerritorialDistribution({ t = (s)=>{s}, options = {} }) {
-  const [filters, setFilters] = useState({ filter1: 'all', filter2: 'all' });
-
-  const filtersConfig = useMemo((t) => ({
-    onApply: (val) => setFilters(val),
-    options: {
-      filter1: [{ label: t('All'), value: 'all' }],
-      filter2: [{ label: t('All'), value: 'all' }],
-    },
-    selectedFilters: filters,
-    type: 'small',
-    t,
-  }), [t,  filters]);
-
-  return {
-    filters,
-    filtersConfig,
-    setFilters,
-    t,
-  };
-}
-
-export const getColors = (theme) => {
-    return [
-        theme.colorPrimary8,
-        theme.colorPrimary7,
-        theme.colorPrimary5,
-        theme.colorPrimary6,
-        theme.colorPrimary4,
-    ]
-}