datastake-daf 0.6.746 → 0.6.748

package/src/@daf/pages/Summary/components/InformationAvailability/index.js

@@ -0,0 +1,42 @@
+import React, { useMemo } from 'react'
+import { useWidgetFetch } from '../../../../hooks/useWidgetFetch.js';
+import Widget from '../../../../core/components/Dashboard/Widget/index.jsx';
+import InformationCompleteness from './components/InformationCompleteness/index.js';
+import Contributions from './components/Contributions/index.js';
+
+const InformationAvailability = ({
+    selectedPartners = {},
+    t = () => {},
+    id,
+}) => {
+    const defaultFetchConfig = useMemo(
+		() => ({
+            basepath: "analytics",
+			url: "/widgets/completeness",
+			defaultData: [],
+			stop: selectedPartners?.loading,
+			filters: {
+				datastakeId: id,
+				sources: selectedPartners?.partners || [],
+			},
+		}),
+		[id, selectedPartners],
+	);
+
+    const { data, loading } = useWidgetFetch({config: defaultFetchConfig});
+
+    return (
+        <Widget
+            title={t("Information Availability")}
+            loading={loading}
+            className="with-border-header h-w-btn-header"
+        >
+            <div className="flex flex-row flex-col-mobile gap-6">
+                <InformationCompleteness data={data} loading={loading} t={t} />
+                <Contributions data={data} loading={loading} t={t} />
+            </div>
+        </Widget>
+    )
+}
+
+export default InformationAvailability

package/src/@daf/pages/Summary/hook.js

@@ -0,0 +1,188 @@
+import { useState, useMemo, useCallback, useEffect } from "react"
+import { debounce } from "lodash";
+import { StorageManager } from "../../../helpers/StorageManager.js";
+
+export const useSummary = ({
+    getOne, 
+    getMultiple, 
+    id, 
+    hasSelect = false, 
+    storageKey, 
+    data, 
+    isPdf, 
+    params,
+    partners, 
+    selectedPartners,
+    user,
+    t,
+    theme = {},
+    service,
+	onIdChange = () => {}
+}) => {
+    const [search, setSearch] = useState("");
+	const [debouncedSearch, setDebouncedSearch] = useState("");
+    const [hasInitialized, setHasInitialized] = useState(false);
+    const [singleItemData, setSingleItemData] = useState();
+	const [loading, setLoading] = useState(false);
+    const [_partners, _setPartners] = useState();
+
+	const [selectedItem, setSelectedItem] = useState(undefined);
+
+	const dataOptions = useMemo(() => {		
+		if(hasSelect) {
+			const mappedData = Array.isArray(data) ? data.map((item) => ({
+				label: item?.name,
+				value: item?.datastakeId
+			})) : [];
+			
+			const storedData = StorageManager.get(storageKey);
+			if (storedData) {
+				try {
+					const parsedStoredData = JSON.parse(storedData);
+					const existsInData = mappedData?.find(item => item.value === parsedStoredData.value);
+	
+					if (!existsInData) {
+						return [...mappedData, parsedStoredData];
+					}
+				} catch (error) {
+					console.log('Error parsing stored data:', error);
+				}
+			}
+			
+			return mappedData;
+		}
+	}, [data, hasSelect, storageKey])
+
+	useEffect(() => {
+		if (hasSelect && dataOptions && dataOptions.length > 0 && !debouncedSearch && !hasInitialized) {
+			let selectedValue;
+			
+			if (isPdf) {
+				selectedValue = id;
+			} else {
+				const storedData = StorageManager.get(storageKey);
+				if (storedData) {
+					try {
+						const parsedData = JSON.parse(storedData);
+						const existsInOptions = dataOptions?.find((item) => item?.value === parsedData?.value);
+						selectedValue = existsInOptions ? parsedData?.value : (Array.isArray(dataOptions) ? dataOptions[0]?.value : undefined);
+					} catch (error) {
+						console.log('Error parsing stored data:', error);
+						selectedValue = Array.isArray(dataOptions) ? dataOptions[0]?.value : undefined;
+					}
+				} else {
+					selectedValue = Array.isArray(dataOptions) ? dataOptions[0]?.value : undefined;
+				}
+			}
+			
+			setSelectedItem(selectedValue);
+			setHasInitialized(true);
+		}
+	}, [hasSelect, storageKey, isPdf, id, debouncedSearch, hasInitialized, dataOptions]);
+
+	useEffect(() => {
+		if (selectedItem && Array.isArray(data)) {
+			const selectedData = data.find((item) => item?.datastakeId === selectedItem);
+			if(selectedData) {
+				const saved = {
+					label: selectedData.name,
+					value: selectedData.datastakeId,
+				}
+				StorageManager.set(storageKey, JSON.stringify(saved));
+			}
+		}
+	}, [selectedItem, storageKey, data]);
+
+    const debouncedSetSearch = useMemo(
+		() => debounce((value) => setDebouncedSearch(value), 300),
+		[]
+	  );
+
+	  const onSearch = useCallback((value) => {
+		setSearch(value);         
+		debouncedSetSearch(value);
+	  }, [debouncedSetSearch]);
+
+	
+	  useEffect(() => {
+		setDebouncedSearch("");
+	  }, [selectedItem]);
+
+      const filters = useMemo(() => {
+		return {
+		  pagination: { size: 20, page: 1 },
+		  ...(debouncedSearch
+			? { search: { qs: debouncedSearch, fields: ["name","datastakeId","orgShortName"] } }
+			: {}),
+		};
+	  }, [debouncedSearch]);
+
+      useEffect(() => {
+		if (_partners !== undefined) {
+			if ((params?.id !== null || (isPdf && id !== null)) && !hasSelect) {
+				getOne({ datastakeId: params?.id || id, sources: _partners });
+			}
+		}
+		if (hasSelect && !params?.id) {
+			getMultiple(filters);
+		}
+	}, [params?.id, hasSelect, getOne, getMultiple, _partners, isPdf, id, filters]);
+
+    	useEffect(() => {
+		if (selectedItem && _partners !== undefined) {
+			const fetchSingleItem = async () => {
+				setLoading(true);
+				try {
+					const { data } = await service.getOne(selectedItem, { sources: _partners });
+					setSingleItemData(data);
+				} catch (error) {
+					console.log(error);
+				} finally {
+					setLoading(false);
+				}
+			};
+			fetchSingleItem();
+		}
+	}, [selectedItem, service, _partners]);
+
+    useEffect(() => {
+		_setPartners(selectedPartners?.partners);
+	}, [selectedPartners]);
+
+	useEffect(() => {
+        const currentId = params?.id || selectedItem;
+        if(typeof onIdChange === 'function') {
+			if (currentId) {
+				onIdChange(currentId);
+			}
+		}
+    }, [params?.id, selectedItem, onIdChange]);
+
+    const sourceOptions = useMemo(() => {
+		return (partners || [])?.map((partner) => {
+			const isOwnData = partner.id === user?.company?.id;
+
+			return {
+				label: isOwnData ? t("Own Data") : partner.nickName,
+				value: partner.id,
+				avatar: isOwnData ? <span>OWN</span> : undefined,
+				background: isOwnData ? theme.colorPrimary7 : undefined,
+				color: isOwnData ? "white" : undefined,
+			};
+		});
+	}, [partners, user, hasSelect]);
+
+    return {
+        selectedItem,
+        setSelectedItem,
+        dataOptions,
+        search,
+        debouncedSearch,
+        onSearch,
+        setSearch,
+        setDebouncedSearch,
+        sourceOptions,
+        singleItemData,
+        loading,
+    }
+}

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

@@ -14,8 +14,24 @@ const namespaceEnums = {
 
 class OperatorService extends BaseService {
 	get(params) {
+		const { datastakeId, ...rest } = params;
+		if(datastakeId) {
+			return this.apiGet({
+				url: `/stakeholder/${datastakeId}`,
+				params: {...rest},
+				isApp: true,
+			});
+		}
 		return this.apiGet({
 			url: "/stakeholder",
+			params: {...rest},
+			isApp: true,
+		});
+	}
+
+	getOne(id, params) {
+		return this.apiGet({
+			url: `/stakeholder/${id}`,
 			params,
 			isApp: true,
 		});

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

@@ -28,7 +28,7 @@ class SourceService extends BaseService {
 
   getSources({type,id}) {
       return this.apiGet({
-          url: `/${type}/sources-for-subject/${id}`,
+          url: `/${type}/sources/${id}`,
       });
   }
 }

package/src/helpers/StringHelper.js

@@ -190,4 +190,11 @@ export function formatToKebabCase(str) {
   return str
     .replace(/([a-z])([A-Z])/g, "$1-$2")
     .toLowerCase();
+}
+
+export const getLinkValue = (value, linkingObject) => {
+  if(linkingObject && linkingObject?.[value]) {
+    return linkingObject?.[value]?.name;
+  }
+  return null;
 }

package/src/index.js

@@ -57,6 +57,7 @@ export { default as WidgetImage } from "./@daf/core/components/Dashboard/Widget/
 export { default as FlowWidget } from "./@daf/core/components/Dashboard/Widget/FlowWidgets/index.jsx";
 export { default as ActionWidget } from "./@daf/core/components/Dashboard/Widget/ActionWidget/index.jsx";
 export { default as KeyIndicators } from "./@daf/core/components/Dashboard/Widget/KeyIndicators/index.jsx";
+export { default as ActivityIndicators } from "./@daf/core/components/Dashboard/Widget/ActivityIndicators/index.jsx";
 export { default as WidgetLoader } from "./@daf/core/components/Dashboard/Widget/WidgetLoader/index.jsx";
 export { default as TooltipIcon } from "./@daf/core/components/Icon/TooltipIcon.jsx";
 export { default as MineSiteMap } from "./@daf/core/components/Dashboard/Map/index.jsx";

package/src/pages.js

@@ -14,6 +14,6 @@ export { default as ProductionSitesTable } from './@daf/pages/Locations/MineSite
 
 
 // Summary
-export { default as OperatorSummary } from './@daf/pages/Summary/operator/index.jsx';
+export { default as OperatorSummary } from './@daf/pages/Summary/Operator/index.jsx';
 export { default as RestorationActivitySummary } from './@daf/pages/Summary/Activities/Restoration/index.jsx';
-
+export { default as MineSummary } from './@daf/pages/Summary/Minesite/index.jsx';

package/src/@daf/pages/Summary/operator/index.jsx

@@ -1,76 +0,0 @@
-import React, { useMemo, useEffect } from 'react'
-import CustomIcon from '../../../core/components/Icon/CustomIcon.jsx';
-import DashboardLayout from '../../../core/components/Dashboard/DashboardLayout/index.jsx';
-import Header from '../../../core/components/Header/index.jsx';
-import Multiselect from '../../../core/components/Select/MultiSelect/index.jsx';
-
-function OperatorSummary({
-  t = () => { },
-  goTo = () => { },
-  getRedirectLink = () => { },
-  theme = {},
-  user = {},
-  options = {},
-  partners,
-  selectedPartners,
-  setSelectedPartners,
-  informationSources,
-  hardcodedData,
-  breadCrumbs = [],
-}) {
-
-  const sourceOptions = useMemo(() => {
-    if (!partners?.length) return [];
-
-    return partners?.map((partner) => {
-      const isOwnData = partner.id === user?.company?.id;
-
-      return {
-        label: partner.nickName,
-        value: partner.id,
-        avatar: isOwnData ? <span>OWN</span> : <CustomIcon name={"Search02"} size={14} />,
-        background: isOwnData ? theme.colorPrimary7 : undefined,
-        color: isOwnData ? "white" : undefined,
-      };
-    });
-  }, [partners, user]);
-
-  useEffect(() => {
-    window.theme = theme;
-  }, [theme])
-
-
-  return (
-    <DashboardLayout
-      header={
-        <Header
-          title={t('Operator Summary')}
-          addedHeader={
-            <div>
-              <Multiselect
-                options={[...sourceOptions]}
-                isAvatarGroup
-                selectionType="checkbox"
-                canUnselectLast={false}
-                key={partners?.length}
-                onChange={(selected) => {
-                  setSelectedPartners((prev) => ({
-                    ...prev,
-                    partners: selected,
-                    loading: false,
-                  }));
-                }}
-                dropDownWidth={200}
-                defaultSelected={partners?.map((p) => p.id) || []}
-              />
-            </div>
-          }
-          breadcrumbs={breadCrumbs}
-        />
-      }
-    >
-    </DashboardLayout>
-  )
-}
-
-export default OperatorSummary;