datastake-daf 0.6.721 → 0.6.722

package/src/@daf/pages/dashboards/UserDashboard/components/Triangulation/index.jsx

@@ -0,0 +1,68 @@
+import React, { useMemo, useCallback } from 'react'
+import { useWidgetFetch } from '../../../../../hooks/useWidgetFetch.js'
+import { getConfig } from './config.js'
+import { renderTooltipJsx } from '../../../../../utils/tooltip.js'
+import Widget from '../../../../../core/components/Dashboard/Widget/index.jsx'
+import PieChart from '../../../../../core/components/Charts/PieChart/chart.jsx'
+import { useTriangulation } from './hook.js'
+
+const defaultFetchConfig = {
+	basepath: "analytics",
+	url: "/widgets/triangulation",
+	defaultData: [],
+	filters: {},
+};
+
+function Triangulation({
+    section = "data-compilation",
+	tabSelected = "dataFlow",
+	t=() => {},
+	user = {},
+	theme = {}
+}) {
+    const fetchConfig = useMemo(
+		() => ({
+			...defaultFetchConfig,
+			filters: {
+				section: section,
+				tabSelected: tabSelected,
+			},
+			stop: false,
+		}),
+		[tabSelected],
+	);
+
+    const { data: widgetData, loading } = useWidgetFetch({config: fetchConfig});
+
+    const { pieData, isEmpty, getTooltipChildren } = useTriangulation({ widgetData, theme, t, section });
+
+    return (
+        <Widget
+            loading={loading}
+            title={t(
+                section === "data-compilation"
+                    ? "Information Sharing"
+                    : "Triangulation",
+            )}
+            className="with-border-header flex-1 h-w-btn-header"
+        >
+            <div className="flex flex-1 flex-column justify-content-center pl-4 pr-4">
+                <div className="flex justify-content-center">
+                    <PieChart
+                        mouseXOffset={10}
+                        mouseYOffset={10}
+                        changeOpacityOnHover={false}
+                        data={pieData}
+                        doConstraints={false}
+                        isPie
+                        t={t}
+                        isEmpty={isEmpty}
+                        getTooltipChildren={getTooltipChildren}
+                    />
+                </div>
+            </div>
+        </Widget>
+    )
+}
+
+export default Triangulation

package/src/@daf/pages/dashboards/UserDashboard/config.js

@@ -1,27 +1,27 @@
 export const getActionWidgetsConfig = ({ goTo, getRedirectLink, APP, t }) => [
     ...(APP === 'nashiriki' ? [{
         icon: "MineSite",
-		title: t("nashiriki::create-mine-site"),
-		onClick: () => goTo(getRedirectLink("/app/scl?create=true")),
-    }] : null),
-	{
-		icon: "FileEdit",
-		title: t("nashiriki::report-activity"),
-		onClick: () => goTo(getRedirectLink("/app/corrective-actions?create=true")),
-	},
-	{
-		icon: "ReportIncidents",
-		title: t("nashiriki::report-incident"),
-		onClick: () => goTo(getRedirectLink("/app/incident?create=true")),
-	},
-	{
-		icon: "Search",
-		title: t("nashiriki::find-information"),
-		onClick: () => goTo(getRedirectLink("/app/find-information")),
-	},
-	{
-		icon: "Share",
-		title: t("nashiriki::share-information"),
-		onClick: () => goTo(getRedirectLink("/app/partners")),
-	},
-];
+        title: t("nashiriki::create-mine-site"),
+        onClick: () => goTo(getRedirectLink("/app/scl?create=true")),
+    }] : []),
+    {
+        icon: "FileEdit",
+        title: "Report Activity",
+        onClick: () => goTo(getRedirectLink("/app/corrective-actions?create=true")),
+    },
+    {
+        icon: "ReportIncidents",
+        title: "Report Incident",
+        onClick: () => goTo(getRedirectLink("/app/incident?create=true")),
+    },
+    {
+        icon: "Search",
+        title: "Find Information",
+        onClick: () => goTo(getRedirectLink("/app/find-information")),
+    },
+    {
+        icon: "Share",
+        title: "Share Information",
+        onClick: () => goTo(getRedirectLink("/app/partners")),
+    },
+];

package/src/@daf/pages/dashboards/UserDashboard/index.jsx

@@ -3,12 +3,23 @@ import { getActionWidgetsConfig } from './config'
 import ActionWidget from '../../../core/components/Dashboard/Widget/ActionWidget/index.jsx'
 import Header from '../../../core/components/Header/index.jsx'
 import DashboardLayout from '../../../core/components/Dashboard/DashboardLayout/index.jsx'
+import KeyIndicators from './components/KeyIndicators/index.jsx'
+import MineSites from './components/MineSites/index.jsx'
+import DataCompilation from './components/DataCompilation/index.jsx'
+import DataConsilidation from './components/DataConsilidation/index.jsx'
 
 function UserDashboard({
     t = () => {},
     goTo = () => {},
     getRedirectLink = () => {},
     APP,
+    theme = {},
+    partners,
+    selectedPartners,
+    setSelectedPartners,
+    informationSources,
+    user = {},
+    options = {},
 }) {
 
     const actionsWidgetsConfig = useMemo(
@@ -16,6 +27,14 @@ function UserDashboard({
         [t, getRedirectLink, APP, t],
     );
 
+    const informationSourcesCount = useMemo(() => {
+        return informationSources > 0
+            ? informationSources
+            : selectedPartners?.partners?.length > 0
+                ? selectedPartners?.partners?.length
+                : 0
+    }, [informationSources, selectedPartners]);
+
     return (
         <DashboardLayout
             header={
@@ -35,6 +54,43 @@ function UserDashboard({
                 />
                 ))}
             </section>
+            <section>
+                <KeyIndicators 
+                    theme={theme}  
+                    partners={informationSourcesCount} 
+                    t={t} 
+                    goTo={goTo} 
+                    getRedirectLink={getRedirectLink} 
+                />
+            </section>
+            <section>
+                <MineSites 
+                    t={t}
+                    goTo={goTo}
+                    getRedirectLink={getRedirectLink}
+                    theme={theme}
+                    selectedPartners={selectedPartners}
+                    setSelectedPartners={setSelectedPartners}
+                    partners={partners}
+                    user={user}
+                    options={options}
+                    APP={APP}
+                />
+            </section>
+            <section>
+                <DataCompilation 
+                    t={t} 
+                    user={user} 
+                    theme={theme} 
+                />
+            </section>
+            <section>
+                <DataConsilidation 
+                    t={t} 
+                    user={user} 
+                    theme={theme} 
+                />
+            </section>
 
         </DashboardLayout>
     )

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

@@ -128,7 +128,13 @@ class AuthenticationService extends BaseService {
 		});
 	}
 
-    inviteUser(payload) {
+    inviteUser(payload, id) {
+		if(id) {
+			return this.apiPost({
+				url: `/companies/${id}/invite`,
+				data: payload,
+			});
+		}
 		return this.apiPost({
 			url: '/companies/invite',
 			data: payload,