datastake-daf 0.6.767 → 0.6.768

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

@@ -0,0 +1,142 @@
+import React from 'react';
+import TablePageWithTabs from '../../core/components/Screens/TableScreen/TablePageWithTabs/index.jsx';
+import Create from './create.jsx';
+import { displayMessage } from '../../../helpers/messages.js';
+import { useTablePage } from './hook.js';
+
+const TablePage = ({
+    t = () => {},
+    goTo = () => {},
+    user = {},
+    options = {},
+    getRedirectLink = () => {},
+    theme = {},
+    loading = false,
+    data = {},
+    isMobile,
+    APP,
+    location,
+    formConfig = {
+        getFormData: () => {},
+        saveFormData: () => {},
+        formLoading: false,
+        query: {},
+        ajaxForms: {},
+        changeAjaxForms: () => {},
+        ajaxOptions: {},
+        changeAjaxOptions: () => {},
+        formData: {},
+        formValue: {},
+        form: {},
+        namespace: '',
+        view: '',
+        scope: '',
+        formType: '',
+        defaultValues: {},
+    },
+    extendingFilters = {},
+    getData = () => {},
+    getApiBaseUrl = () => {},
+    getAppHeader = () => {},
+    applications = [],
+    subjectClear,
+    subject,
+    getColumns = () => {},
+    viewConfig = {
+        title: '',
+        breadcrumbs: [],
+        createTitle: '',
+    },
+    onDownload,
+}) => {
+    
+    const {
+        activeTab,
+        selectOptions,
+        columns,
+        selectFiltersConfig,
+        handleActiveTabChange,
+        checkboxConfig,
+        _filtersConfig,
+    } = useTablePage({
+        subject,
+        location,
+        getData,
+        getColumns,
+        extendingFilters,
+        options,
+        t,
+        goTo,
+        user,
+        getRedirectLink,
+        theme,
+        data,
+        applications,
+        subjectClear,
+    });
+
+    return (
+        <TablePageWithTabs
+            t={t}
+            title={t(viewConfig.title || "")}
+            breadCrumbs={viewConfig.breadcrumbs}
+            location={location}
+            loading={loading}
+            goTo={goTo}
+            defaultActiveTab={"own"}
+            columns={columns}
+            data={data}
+            checkboxConfig={checkboxConfig}
+            APP={APP}
+            getApiBaseUrl={getApiBaseUrl}
+            selectOptions={selectOptions}
+            selectFiltersConfig={selectFiltersConfig}
+            getRedirectLink={getRedirectLink}
+            filtersConfig={_filtersConfig}
+            isMobile={isMobile}
+            view={subject}
+            getActiveTab={handleActiveTabChange}
+            onDownload={onDownload && typeof onDownload === 'function' ? onDownload : undefined}
+            drawerTitle={t(viewConfig.createTitle || "")}
+        >
+            {({onDrawerClose}) => (
+                <Create 
+                    t={t}
+                    goTo={goTo}
+                    user={user}
+                    APP={APP}
+                    getApiBaseUrl={getApiBaseUrl}
+                    getAppHeader={getAppHeader}
+                    getData={formConfig.getFormData}
+                    saveData={formConfig.saveFormData}
+                    loading={formConfig.formLoading}
+                    onSubmitted={(type, m, data) => {
+                        if (data.datastakeId) {
+                            displayMessage(
+                                type,
+                                t("affirmations::subject-created-successfully") || m,
+                            );
+                            goTo(`/app/edit/${subject}/${data.datastakeId}`);
+                        }
+                    }}
+                    onCancel={onDrawerClose}
+                    query={formConfig.query}
+                    ajaxForms={formConfig.ajaxForms}
+                    changeAjaxForms={formConfig.changeAjaxForms}
+                    ajaxOptions={formConfig.ajaxOptions}
+                    changeAjaxOptions={formConfig.changeAjaxOptions}
+                    formData={formConfig.formData}
+                    formValue={formConfig.formValue}
+                    form={formConfig.form}
+                    namespace={formConfig.namespace}
+                    view={formConfig.view}
+                    scope={formConfig.scope}
+                    formType={formConfig.formType}
+                    defaultData={formConfig.defaultValues}
+                />
+            )}
+        </TablePageWithTabs>
+    );
+};
+
+export default TablePage;

package/src/index.js

@@ -193,6 +193,7 @@ export { InformationChannelProvider } from "./@daf/core/components/Screens/Infor
 export { default as SDGIcons } from "./@daf/core/components/UI/SDGIcon/index.jsx";
 export { default as CountryFlag } from "./@daf/core/components/UI/CountryFlag/index.jsx"
 export { default as KeyIndicatorNavigateLabel } from "./@daf/core/components/UI/KeyIndicatorNavigateLabel/index.jsx";
+export { default as MissingTagButton } from "./@daf/core/components/UI/MissingTagButton/index.jsx";
 
 //Settings
 export { default as Settings } from "./@daf/core/components/Screens/Settings/index.js";

package/src/@daf/core/components/Screens/TableScreen/TableWithTabsAndCreate/index.jsx

@@ -1,115 +0,0 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { useFetchData } from '../../../../../pages/hook.js';
-import TablePageWithTabs from '../TablePageWithTabs/index.jsx';
-
-const TableWithTabsAndCreate = ({
-    t = () => {},
-    goTo = () => {},
-    user = {},
-    options = {},
-    getRedirectLink = () => {},
-    theme = {},
-    loading = false,
-    data = {},
-    isMobile,
-    APP,
-    location,
-    formConfig = {
-        getFormData: () => {},
-        saveFormData: () => {},
-        formLoading: false,
-        query: {},
-        ajaxForms: {},
-        changeAjaxForms: () => {},
-        ajaxOptions: {},
-        changeAjaxOptions: () => {},
-        formData: {},
-        formValue: {},
-        form: {},
-        namespace: '',
-        view: '',
-        scope: '',
-    },
-    filtersConfig = {
-        getFiltersConfig: () => {},
-        getFilterOptions: () => {},
-        extendingFilters: {},
-        checkboxConfig: {},
-        selectOptions: {},
-        selectFiltersConfig: {},
-    },
-    getData = () => {},
-    getApiBaseUrl = () => {},
-    getAppHeader = () => {},
-    applications = [],
-    subjectClear,
-    subject,
-    columns,
-    viewConfig = {
-        title: '',
-        breadcrumbs: [],
-        createTitle: '',
-    },
-    onDownload,
-}) => {
-    const [selectOptions, setSelectOptions] = useState();
-    const [activeTab, setActiveTab] = useState("own");
-
-    useFetchData({
-        location,
-        getData,
-        activeTab,
-        extendingFilters: filtersConfig.extendingFilters,
-        subject,
-    })
-
-    useEffect(() => {
-        setSelectOptions((prev) => ({
-          ...prev,
-          ...filtersConfig.getFilterOptions(options, t),
-        }))
-      }, [options, t])
-
-    const handleActiveTabChange = useCallback((value) => {
-        setActiveTab(value);
-    }, []);
-
-    useEffect(
-		() => () => {
-			if(subjectClear && typeof subjectClear === 'function') {
-				subjectClear();
-			}
-		},
-		[],
-	);
-
-    return (
-        <TablePageWithTabs
-            t={t}
-            title={t(viewConfig.title || "")}
-            breadCrumbs={viewConfig.breadcrumbs}
-            location={location}
-            loading={loading}
-            goTo={goTo}
-            defaultActiveTab={"own"}
-            columns={columns}
-            data={data}
-            checkboxConfig={filtersConfig.checkboxConfig}
-            APP={APP}
-            getApiBaseUrl={getApiBaseUrl}
-            selectOptions={selectOptions}
-            selectFiltersConfig={filtersConfig.selectFiltersConfig}
-            getRedirectLink={getRedirectLink}
-            filtersConfig={filtersConfig}
-            isMobile={isMobile}
-            view={subject}
-            getActiveTab={handleActiveTabChange}
-            onDownload={onDownload && typeof onDownload === 'function' ? onDownload : undefined}
-            drawerTitle={t(viewConfig.createTitle || "")}
-        >
-
-        </TablePageWithTabs>
-    );
-};
-
-export default TableWithTabsAndCreate;

package/src/@daf/pages/Documents/create.jsx

@@ -1,105 +0,0 @@
-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 = 'stakeholders',
-    view = 'scoping',
-    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: 'create' });
-          } 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: 'document'
-                    };
-
-                
-                    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/Events/Activities/create.jsx

@@ -1,104 +0,0 @@
-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 = "corrective-actions",
-    view = "corrective-actions",
-    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: 'createActivity' });
-          } else {
-            form = formConfig;
-            data = formValue;
-          }
-        }
-    }, [edit, user?.language]);
-
-    return (
-        <div className="daf-create-form">
-            <DynamicForm 
-                form={form}
-                data={{...defaultData, ...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: 'worker'
-                    };
-                
-                    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/Events/Incidents/create.jsx

@@ -1,104 +0,0 @@
-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 = "incident",
-    view = "incident",
-    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: 'createIncident' });
-          } else {
-            form = formConfig;
-            data = formValue;
-          }
-        }
-    }, [edit, user?.language]);
-
-    return (
-        <div className="daf-create-form">
-            <DynamicForm 
-                form={form}
-                data={{...defaultData, ...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: 'worker'
-                    };
-                
-                    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/Events/create.jsx

@@ -1,104 +0,0 @@
-import React, { useEffect} from 'react'
-import { message } from 'antd';
-import { MessageTypes } from '../../../helpers/messages.js';
-import DynamicForm from '../../core/components/DynamicForm/index.jsx';
-
-const EventsCreate = ({
-    namespace = 'event',
-    view = 'scoping',
-    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: 'create' });
-          } 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: 'location'
-                    };
-                
-                    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 EventsCreate