datastake-daf 0.6.737 → 0.6.738

package/src/@daf/pages/dashboards/Operations/Operators/columns.js

@@ -0,0 +1,150 @@
+import React from 'react';
+import { Tooltip } 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';
+
+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}) => [
+    {
+        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: 'name',
+        title: t('Name'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+    
+          return <Tooltip title={v}>{v}</Tooltip>;
+        },
+    },     
+    {
+        dataIndex: 'category',
+        title: t('Category'),
+        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: 'administrativeLevel1',
+        title: t('Region'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+
+          const region = getLinkValue(v, all?.linking?.SCL);
+
+          return region ? <Tooltip title={region}>{region}</Tooltip> : '-';
+        },
+    },    
+    {
+        dataIndex: 'administrativeLevel2',
+        title: t('District'),
+        ellipsis: true,
+        show: true,
+        render: (v, all) => {
+          if (all.empty) {
+            return <div className="daf-default-cell" />
+          }
+
+          const district = getLinkValue(v, all?.linking?.SCL);
+
+          return district ? <Tooltip title={district}>{district}</Tooltip> : '-';
+        },
+    },     
+    {
+        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,
+    },
+    {
+        title: t("Sources"),
+        dataIndex: "sources",
+        key: "sources",
+        show: activeTab !== "own",
+        render: (val, all) => {
+            if (all.empty) {
+                return <div className="daf-default-cell" />;
+            }
+
+            console.log({val, all})
+
+            return <AvatarGroup items={val}></AvatarGroup>;
+        },
+    },
+    {
+      id: 'actions',
+      title: "",
+      width: 60,
+      render: (_, all) => {
+        if (all.empty) {
+          return <div className="daf-default-cell" />;
+        }
+
+        const link = `/app/view/${subject}/${all.datastakeId}`;
+
+        return <div style={{ display: "flex", justifyContent: "center" }}>
+						<a href={getRedirectLink(link)}>
+							<CustomIcon name="Link" size={15} color={theme.baseGray70} />
+						</a>
+			</div>;
+      }
+    }
+].filter((column) => column.show !== false);

package/src/@daf/pages/dashboards/Operations/Operators/config.js

@@ -0,0 +1,31 @@
+export const checkboxConfig = {
+	name: 'Name',
+	datastakeId: 'ID'
+}
+
+export const getFiltersConfig = ({t}) => {
+    return {
+        country: {
+			type: 'select',
+			placeholder: t('Country'),
+			style: { flex: 1 },
+			labelStyle: { flex: 1 },
+			getLabel: (option) => option.label,
+			getValue: (option) => option.value,
+		},
+    }
+}
+
+export const filtersConfig = {
+	name: '',
+	datastakeId: '',
+};
+
+export const getFilterOptions = (options, t) => {
+	const { countries } = options || {};
+	const _default  = {
+		country: countries,
+	}
+
+	return _default;
+}

package/src/@daf/pages/dashboards/Operations/Operators/create.jsx

@@ -0,0 +1,104 @@
+import React, { useEffect} from 'react'
+import { message } from 'antd';
+import { MessageTypes } from '../../../../../helpers/messages.js';
+import DynamicForm from '../../../../core/components/DynamicForm/index.jsx';
+
+const StakeholdersCreate = ({
+    namespace = "OPERATOR",
+    view = ['scoping', 'new'],
+    edit = false,
+    formData = {},
+    loading = false, 
+    onSubmitted = () => {}, 
+    onCancel = () => {}, 
+    getData = () => {}, 
+    saveData = () => {}, 
+    form: formConfig = {},
+    formValue = {},
+    defaultData = {}, 
+    user = {}, 
+    APP, 
+    query, 
+    goTo = () => {}, 
+    t = () => {}, 
+    ajaxForms = {}, 
+    changeAjaxForms = () => {}, 
+    ajaxOptions = {}, 
+    changeAjaxOptions = () => {}, 
+    getAppHeader = () => {},
+    getApiBaseUrl = () => {}, 
+}) => {
+    let {
+        form = {},
+        data = defaultData || {},
+      } = !edit ? (formData[`${APP}-${view}`] || {}) : {
+        form: formConfig,
+        data: formValue
+    };
+
+    useEffect(() => {
+        if (Object.keys(form).length === 0 && !formData[`${APP}-${view}`]) {
+          if (!edit) {
+            getData({ namespace, module: APP, view, scope: 'global' });
+          } else {
+            form = formConfig;
+            data = formValue;
+          }
+        }
+    }, [edit, user?.language]);
+
+    return (
+        <div className="daf-create-form">
+            <DynamicForm 
+                form={form}
+                data={data}
+                showSaveAndNext={false}
+                module={APP}
+                onCancel={onCancel}
+                isCreate
+                t={t}
+                excludedKeys={["title"]}
+                user={user}
+                ajaxForms={ajaxForms}
+                ajaxOptions={ajaxOptions}
+                getAppHeader={getAppHeader}
+                getApiBaseUrl={getApiBaseUrl}
+                changeAjaxOptions={changeAjaxOptions}
+                app={APP}
+                query={query}
+                goTo={goTo}
+                changeAjaxForms={changeAjaxForms}
+                submit={(payload, setSelectedFormNext) => {
+                    const payloadData = { ...payload, module: APP, namespace };
+                
+                    const newPayload = {
+                        ...defaultData,
+                        ...payloadData,
+                        form: 'operator'
+                    };
+                
+                    const callback = (type, m, data) => {
+                        if (setSelectedFormNext) {
+                            setSelectedFormNext();
+                        }
+                        if (type === MessageTypes.SUCCESS) {
+                            if (onSubmitted) onSubmitted(type, m, data);
+                        } else {
+                            message.error(m);
+                        }
+                    };
+                    
+                    saveData(
+                        !data && !data.id ? newPayload : Object.assign(newPayload, { id: data.id }),
+                        callback,
+                    );
+                }}
+                isFormDisabled={() => {
+                    return !data || !data.typeOfEvent;
+                }}
+            />
+        </div>
+    )
+}
+
+export default StakeholdersCreate

package/src/@daf/pages/dashboards/Operations/Operators/index.jsx

@@ -0,0 +1,156 @@
+import React, { useMemo, useState, useEffect, useCallback } from 'react'
+import TablePageWithTabs from '../../../pages/TablePageWithTabs/index.jsx'
+import { getColumns } from './columns.js';
+import { checkboxConfig, getFiltersConfig, filtersConfig, getFilterOptions } from './config.js';
+import { useGetQueryParams } from '../../../../hooks/useGetQueryParams.js';
+import StakeholdersCreate from './create.jsx';
+import { displayMessage } from '../../../../../helpers/messages.js';
+
+const OperatorsTable = ({
+    t = () => {},
+    goTo = () => {},
+    user = {},
+    options = {},
+    getRedirectLink = () => {},
+    theme = {},
+    loading = false,
+    data = {},
+    isMobile,
+    APP,
+    location,
+    getData = () => {},
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    getFormData = () => {},
+    saveFormData = () => {},
+    formLoading = false,
+    query = {},
+    ajaxForms = {},
+    changeAjaxForms = () => {},
+    ajaxOptions = {},
+    changeAjaxOptions = () => {},
+    formData = {},
+    formValue = {},
+    form = {},
+    extendingFilters = {},
+}) => {
+    const [selectOptions, setSelectOptions] = useState();
+    const [activeTab, setActiveTab] = useState();
+
+    const columns = useMemo(() => getColumns({
+        t, 
+        goTo, 
+        user,
+        options,
+        activeTab,
+        getRedirectLink, 
+        theme,
+        subject: 'operators',
+        data,
+    }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data]);
+
+    const breadCrumbs = [];
+
+    const { paginationQuery, searchParams, otherParams, sortBy, sortDir } = useGetQueryParams({location});
+
+    const filters = useMemo(() => {
+        return {
+            ...otherParams,
+            ...extendingFilters
+        }
+    }, [otherParams, extendingFilters])
+
+    useEffect(() => {
+        console.log("fetching data")
+        getData({
+            pagination: paginationQuery,
+            ...(Object.keys(filters).length > 0 && { filters: filters }),
+            ...(Object.keys(searchParams).length > 0 && { search: searchParams }),
+            tab: activeTab,
+            sortBy: {
+                [sortBy || "updatedAt"]: sortDir ? (sortDir === "ascend" ? 1 : -1) : -1,
+            }
+        }, 'operators')
+        console.log("data fetched")
+    }, [location.search, activeTab, JSON.stringify(extendingFilters)]);
+
+    console.log({data})
+
+    const selectFiltersConfig = useMemo(() => {
+        return getFiltersConfig({t});
+    }, [t]);
+
+    useEffect(() => {
+        setSelectOptions((prev) => ({
+          ...prev,
+          ...getFilterOptions(options, t),
+        }))
+      }, [options, t])
+
+    const handleActiveTabChange = useCallback((value) => {
+        setActiveTab(value);
+    }, []);
+
+    return (
+        <TablePageWithTabs 
+           t={t}
+           title={t("Operators")}
+           breadCrumbs={breadCrumbs}
+           location={location}
+           loading={loading}
+           goTo={goTo}
+           defaultActiveTab={"all"}
+           columns={columns}
+           data={data}
+           checkboxConfig={checkboxConfig}
+           APP={APP}
+           getApiBaseUrl={getApiBaseUrl}
+           selectOptions={selectOptions}
+           selectFiltersConfig={selectFiltersConfig}
+           getRedirectLink={getRedirectLink}
+           filtersConfig={filtersConfig}
+           isMobile={isMobile}
+           view="operators"
+           getActiveTab={handleActiveTabChange}
+           onDownload={() => {
+            console.log("download");
+           }}
+           drawerTitle={t("Create Operator")}
+        >
+            {({onDrawerClose}) => (
+                <StakeholdersCreate 
+                    t={t}
+                    goTo={goTo}
+                    user={user}
+                    APP={APP}
+                    getApiBaseUrl={getApiBaseUrl}
+                    getAppHeader={getAppHeader}
+                    getData={getFormData}
+                    saveData={saveFormData}
+                    loading={formLoading}
+                    onSubmitted={(type, m, data) => {
+                        if (data.datastakeId) {
+                            displayMessage(
+                                type,
+                                t("affirmations::subject-created-successfully") || m,
+                            );
+                            // goTo(`/app/edit/stakeholders/${data.datastakeId}`);
+                            goTo(`/app/edit/operators/${data.datastakeId}`)
+                        }
+                    }}
+                    onCancel={onDrawerClose}
+                    query={query}
+                    ajaxForms={ajaxForms}
+                    changeAjaxForms={changeAjaxForms}
+                    ajaxOptions={ajaxOptions}
+                    changeAjaxOptions={changeAjaxOptions}
+                    formData={formData}
+                    formValue={formValue}
+                    form={form}
+                />
+            )}
+        </TablePageWithTabs>
+    )
+}
+
+export default OperatorsTable

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

@@ -31,7 +31,7 @@ const TablePageWithTabs = ({
     onCreateModalClose = () => {},
     children
 }) => {
-    const params = new URLSearchParams(location.search);
+    const params = new URLSearchParams(location?.search);
     const [activeTab, setActiveTab] = useState(params.get("tab") || defaultActiveTab);
     const [openCreateModal, setOpenCreateModal] = useState(false);
 
@@ -75,7 +75,7 @@ const TablePageWithTabs = ({
         
                     setActiveTab(val);
                         
-                    const newParams = new URLSearchParams(location.search);
+                    const newParams = new URLSearchParams(location?.search);
                     newParams.set("tab", val);
                     goTo(`${location.pathname}?${newParams.toString()}`);
                 }}

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

@@ -0,0 +1,90 @@
+import { BaseService } from "./BaseService.js";
+import { createLazyService } from "./helpers/LazyService.js";
+import { filterCreateData } from "../../helpers/Forms.js";
+
+const namespaceEnums = {
+	scl: "location",
+	workers: "worker",
+	operators: "operator",
+	testimonials: "nashirikiEvent",
+	armedGroups: "armed-groups",
+	conflictAreas: "location",
+};
+
+
+class OperatorService extends BaseService {
+	get(params) {
+		return this.apiGet({
+			url: "/stakeholder",
+			params,
+			isApp: true,
+		});
+	}
+
+	getForm(scope = "create", language = "en") {
+		return this.apiGet({
+			url: `/forms/${namespaceEnums["operators"]}`,
+			isApp: true,
+			params: { scope, language },
+		});
+	}
+
+	getData(id, sourceId) {
+		return this.apiGet({
+			isApp: true,
+			url: `/stakeholder/${id}`,
+			params: { authorId: sourceId },
+		});
+	}
+
+	submit(payload) {
+		if (payload.id) {
+			return this.apiPut({
+				isApp: true,
+				url: `/stakeholder/${payload.id}`,
+				data: filterCreateData(payload),
+			});
+		}
+		if (payload?.form) {
+			delete payload.form;
+			return this.apiPost({
+				isApp: true,
+				url: "/stakeholder",
+				data: filterCreateData(payload),
+			});
+		}
+		return this.apiPost({
+			isApp: true,
+			url: "/stakeholder",
+			data: filterCreateData(payload),
+		});
+	}
+
+	submitStep(data, id) {
+		return this.apiPut({
+			isApp: true,
+			url: `/stakeholder/submit/${id}`,
+			data: filterCreateData(data),
+		});
+	}
+
+	remove(id, data) {
+		return this.apiDelete({
+			url: `/stakeholder/${id}/remove`,
+			isApp: true,
+			data: data,
+		});
+	}
+
+	getOptions(id = "optionPositionSupplyChain,subCategory,activityAtSite,category,countries") {
+		return this.apiGet({
+			isApp: true,
+			url: `/forms/options`,
+			params: {
+				id: id,
+			},
+		});
+	}
+}
+
+export default createLazyService(OperatorService);

package/src/helpers/StringHelper.js

@@ -26,12 +26,12 @@ export const titleToCamelCase = str => str
 export const findOptions = (value, options) => {
   if (value instanceof Array) {
     return value.map(v => {
-      const op = options?.find(o => o.value === v);
+      const op = Array.isArray(options) ? options.find(o => o.value === v) : null;
       return op ? op.label : v;
     });
   }
   if (typeof value === "string") {
-    const op = options?.find(o => o.value === value);
+    const op = Array.isArray(options) ? options.find(o => o.value === value) : null;
     return op ? op.label : value;
   }
   return value;
@@ -39,12 +39,12 @@ export const findOptions = (value, options) => {
 export const getOptionAsObject = (value, options) => {
   if (value instanceof Array) {
     return value.map(v => {
-      const op = options.find(o => o.value === v);
+      const op = Array.isArray(options) ? options.find(o => o.value === v) : null;
       return op || { label: v, value: v };
     });
   }
   if (typeof value === "string") {
-    const op = options.find(o => o.value === value);
+    const op = Array.isArray(options) ? options.find(o => o.value === value) : null;
     return op || { value, label: value };
   }
   return value;

package/src/pages.js

@@ -1,8 +1,11 @@
 // Dashboards
 export { default as SupplyChainDashboard } from './@daf/pages/dashboards/SupplyChain/index.jsx';
 export { default as UserDashboard } from './@daf/pages/dashboards/UserDashboard/index.jsx';
+export { default as OperatorsTable } from './@daf/pages/dashboards/Operations/Operators/index.jsx';
+export { default as LocationsTable } from './@daf/pages/dashboards/AllInformation/Locations/index.jsx';
 export { default as StakeholdersTable } from './@daf/pages/dashboards/AllInformation/Stakeholders/index.jsx';
-
+export { default as EventsTable } from './@daf/pages/dashboards/AllInformation/Events/index.jsx';
+export { default as DocumentsTable } from './@daf/pages/dashboards/AllInformation/Documents/index.jsx';
 // Pages
 export { default as TablePageWithTabs } from './@daf/pages/pages/TablePageWithTabs/index.jsx';
-export { default as LocationsTable } from './@daf/pages/dashboards/AllInformation/Locations/index.jsx';
+

package/src/services.js

@@ -16,4 +16,5 @@ export { default as QueryService } from './@daf/services/QueryService.js';
 export { default as UserService } from './@daf/services/UserService.js';
 export { default as SourceService } from './@daf/services/SourceService.js';
 export { default as DashboardService } from './@daf/services/DashboardService.js';
-export { default as LinkedSubjectsService } from './@daf/services/LinkedSubjects.js';
+export { default as LinkedSubjectsService } from './@daf/services/LinkedSubjects.js';
+export { default as OperatorService } from './@daf/services/OperatorService.js';

package/build/manifest.json

@@ -1,25 +0,0 @@
-{
-  "short_name": "React App",
-  "name": "Create React App Sample",
-  "icons": [
-    {
-      "src": "favicon.ico",
-      "sizes": "64x64 32x32 24x24 16x16",
-      "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
-    }
-  ],
-  "start_url": ".",
-  "display": "standalone",
-  "theme_color": "#000000",
-  "background_color": "#ffffff"
-}

package/build/robots.txt

@@ -1,3 +0,0 @@
-# https://www.robotstxt.org/robotstxt.html
-User-agent: *
-Disallow: