datastake-daf 0.6.780 → 0.6.781

package/src/@daf/pages/View/hooks/useViewPermissions.js

@@ -1,75 +0,0 @@
-import { useMemo, useEffect } from "react";
-
-export const useViewPermissions = ({
-    data,
-    id,
-    namespaceOverrides = {
-        supportedNamespaces: {},
-        canEdit: {},
-      },
-    namespace,
-    user,
-    push,
-    getRedirectLink,
-    namespaceConfig,
-    APP,
-    viewConfig,
-}) => {
-    const baseNamespaceKeys = Object.keys(namespaceConfig);
-
-    const baseSupportedNamespaces = baseNamespaceKeys.reduce((acc, key) => {
-      acc[key] = () => true;
-      return acc;
-    }, {});
-
-    const isSupportedNamespaces = useMemo(
-        () => ({
-          ...baseSupportedNamespaces,
-          ...namespaceOverrides.supportedNamespaces,
-        }),
-        [data, id],
-    );
-
-    const isSupported =
-    typeof isSupportedNamespaces[namespace] === "function"
-      ? isSupportedNamespaces[namespace]() &&
-        viewConfig.supportedNamespaces[APP] &&
-        namespaceConfig.supportedNamespaces[APP].includes(namespace)
-      : namespaceConfig.supportedNamespaces[APP] && namespaceConfig.supportedNamespaces[APP].includes(namespace);
-
-
-      const isUserData = () => {
-		return data && data.authorId && user?.company?.id === data.authorId;
-	};
-
-    const canEdit = useMemo(() => {
-        const baseCanEditAction = baseNamespaceKeys.reduce((acc, key) => {
-        acc[key] = () => isUserData();
-        return acc;
-        }, {});
-
-        const canEditAction = {
-        ...baseCanEditAction,
-        ...namespaceOverrides.canEdit,
-        };
-        
-        return canEditAction[namespace] ? canEditAction[namespace]() : false;
-    }, [namespace, data, user]);
-
-    useEffect(() => {
-            if (data) {
-                if (typeof isSupportedNamespaces[namespace] === "function") {
-                    if (!isSupportedNamespaces[namespace]()) {
-                        push(getRedirectLink(`/app`));
-                    }
-                }
-            }
-        }, [data, namespace]);
-
-    return {
-        isSupportedNamespaces,
-        canEdit,
-        isSupported,
-    }
-
-}

package/src/@daf/pages/View/hooks/useViewUrlParams.js

@@ -1,93 +0,0 @@
-import { useState, useEffect, useCallback, useMemo } from "react";
-
-export const useViewUrlParams = ({
-    params,
-    push,
-    pathname,
-    search,
-    searchParams,
-    setSearchParams,
-}) => {
-    const [namespace, setNamespace] = useState(params?.namespace);
-    const [id, setId] = useState(params?.id);
-    const [group, setGroup] = useState(params?.group);
-    const [subsection, setSubSection] = useState(params?.subsection);
-    const sourceUrl = searchParams.get("source");
-    const versionUrl = searchParams.get("version");
-    const [source, setSource] = useState(sourceUrl || null);
-    const [version, setVersion] = useState(versionUrl || null);
-
-    useEffect(() => {
-        if ((id && params.id !== id) || (namespace && namespace !== params.namespace)) {
-          setGroup(undefined);
-          setSubSection(undefined);
-          // setSubGroup(undefined);
-        } else {
-          setGroup(params.group);
-          setSubSection(params.subsection);
-          // setSubGroup(params.subgroup);
-        }
-        setNamespace(params.namespace);
-        setId(params.id);
-    }, [params]);
-
-    useEffect(() => {
-        if (source && version) {
-          const newParams = new URLSearchParams(searchParams);
-          newParams.set("source", source);
-          newParams.set("version", version);
-          setSearchParams(newParams);
-        }
-    }, [source, version]);
-
-    const goBackFromSource = useCallback(() => {
-        const params = new URLSearchParams(searchParams);
-        params.delete("source");
-        params.delete("version");
-        setSearchParams(params);
-        setVersion(null);
-        setSource(null);
-      }, [searchParams, setSearchParams]);
-  
-      const getEditLink = useCallback((srcId) => {
-        const r = new RegExp(`\/view\/`);
-        const [previous, extra] = pathname.split(r);
-    
-        if (srcId) {
-          push(`${previous}/edit/${extra}?sourceId=${srcId}`);
-          return;
-        }
-    
-        if (search) {
-          push(`${previous}/edit/${extra}${search}`);
-        } else {
-          push(`${previous}/edit/${extra}`);
-        }
-      }, [pathname, search, push]);
-    
-      const match = useMemo(
-        () => ({
-          params,
-          path: pathname,
-        }),
-        [params, pathname],
-    );
-
-    return { 
-        namespace, 
-        id, 
-        group, 
-        subsection, 
-        params, 
-        source,
-        setSource,
-        sourceUrl,
-        version,
-        setVersion,
-        versionUrl,
-        goBackFromSource,
-        getEditLink,
-        match,
-        search,
-      };
-}

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

@@ -1,286 +0,0 @@
-import React, { useMemo, useState } from 'react'
-import { useViewUrlParams } from './hooks/useViewUrlParams.js'
-import { usePrepareForm } from './hooks/usePrepareForm.js'
-import { useViewPermissions } from './hooks/useViewPermissions.js'
-import { useSubmitSubject } from './hooks/useSubmitSubject.js'
-import { useCallToGetData } from './hooks/useCallToGetData.js'
-import { useViewActions } from './hooks/useViewActions.js'
-
-import { groupSubsections } from '../../../@daf/core/components/ViewForm/helper.js'
-import Loading from '../../../@daf/core/components/Loading/index.jsx'
-import Header from '../../../@daf/core/components/Header/index.jsx'
-import Multiselect from '../../../@daf/core/components/Select/MultiSelect/index.jsx'
-import ViewFormNavigation from '../../../@daf/core/components/ViewForm/navigation.jsx'
-import ViewForm from '../../../@daf/core/components/ViewForm/content.jsx'
-import Records from '../../../@daf/core/components/ViewForm/components/Records/index.jsx'
-
-const View = ({
-    push,
-    getRedirectLink,
-    allData,
-    ajaxForms,
-    changeAjaxForms,
-    t,
-    namespaceConfiguaration,
-    params,
-    pathname,
-    search,
-    searchParams,
-    setSearchParams,
-    mode="app",
-    APP,
-    viewConfig,
-    partners,
-    setSelectedPartners,
-    user,
-    serviceMap,
-    actionMap,
-    goBack,
-    breadcrumbs,
-    theme,
-    buttonActions,
-    generatePath,
-    getApiBaseUrl,
-    getAppHeader,
-    // ADD CALLBACK TO GET THE CURRENT NAMESPACE CONFIG
-}) => {
-    const getNamespaceConfig = (namespace) => namespaceConfiguaration[namespace];
-    const [openRecordsModal, setOpenRecordsModal] = useState(false);
-
-    // HANDLES THE URL PARAMS FOR THE VIEW PAGE
-    const {
-		namespace, 
-		id, 
-		group, 
-		subsection, 
-		source,
-		setSource,
-		sourceUrl,
-		version,
-		setVersion,
-		versionUrl,
-		goBackFromSource,
-		getEditLink,
-		match,
-    } = useViewUrlParams({
-        params,
-        push,
-        pathname,
-        search,
-        searchParams,
-        setSearchParams,
-    });
-
-    const namespaceConfig = useMemo(() => getNamespaceConfig(namespace), [namespace]);
-
-    // PREPARES THE FORM FOR THE VIEW PAGE
-    const { 
-		form, 
-		data, 
-		groups, 
-		linkingForms, 
-		loading, 
-		setLoading, 
-		notFound, 
-	} = usePrepareForm({
-		namespaceConfig,
-		allData,
-		id,
-		namespace,
-		t,
-		mode,
-		APP,
-		viewConfig,
-	});
-
-    const { canEdit, isSupported } = useViewPermissions({
-		data,
-		id,
-		namespace,
-		user,
-		push,
-		getRedirectLink,
-        namespaceConfig: namespaceConfiguaration,
-        APP,
-        viewConfig,
-	});
-
-    const groupForm = useMemo(() => {
-		const gF = form[group] || {};
-		if (subsection) {
-			const sectionForms = groupSubsections(gF);
-			if (sectionForms[subsection]) {
-				return sectionForms[subsection];
-			}
-		}
-		return gF;
-	}, [form, group, subsection]);
-
-    const { submitSubject, isDisabled, submitLoading, isPublished } = useSubmitSubject({
-        namespace,
-        data,
-        serviceMap,
-    });
-
-    const { pageActions, extraPageActions } = useViewActions({
-		namespace,
-		data,
-		isSupported,
-		canEdit,
-		versionUrl,
-		sourceUrl,
-		getEditLink,
-		submitSubject,
-		isDisabled,
-		setOpenRecordsModal,
-		goBackFromSource,
-		push,
-		getRedirectLink,
-		t,
-		viewConfig,
-		buttonActions,
-	});
-
-    const action = useMemo(() => actionMap[namespaceConfig?.action], [namespaceConfig?.action]);
-
-    const namespaceGet = {
-		[namespace]: () => {
-			return action({
-				namespace: namespaceConfig.namespace,
-				module: APP,
-				view: namespaceConfig.view,
-				...(namespaceConfig.scope && { scope: namespaceConfig.scope }),
-				datastakeId: id,
-				version,
-				source,
-			})
-		}
-	}
-
-    useCallToGetData({
-		namespaceConfig,
-		namespace,
-		allData,
-		id,
-		isSupported,
-		namespaceGet,
-		source,
-		version,
-		user,
-		setLoading,
-	})
-
-    const extraLinking = useMemo(() => {
-		return null;
-	}, [namespace, match, data]);
-
-    const sourceOptions = useMemo(() => {
-        return partners.map((partner) => {
-           const isOwnData = partner.id === user?.company?.id;
-
-            return {
-                label: partner.nickName,
-                value: partner.id,
-                avatar: isOwnData ? <span>OWN</span> : undefined,
-                background: isOwnData ? theme.colorPrimary7 : undefined,
-                color: isOwnData ? "white" : undefined,
-            };
-        });
-   }, [partners, user]);
-
-   const actionButtons = useMemo(() => {
-    return groupForm?.template === "linkingSubjects"
-        ? pageActions.filter((v) => v.key !== "edit")
-        : pageActions;
-    }, [groupForm, pageActions]);
-
-    if(!isSupported || notFound || loading) {
-        return <Loading />
-    }
-
-    return (
-        <>
-            <div className={"daf-view-form"}>
-                <Header
-                    title={data?.name || ""}
-                    breadcrumbs={breadcrumbs}
-                    goBackTo={goBack}
-                    actionButtons={actionButtons}
-                    extraButtons={extraPageActions}
-                    addedHeaderFirst
-                    addedHeader={
-                        <div className="flex flex-row gap-4" style={{ marginRight: 8 }}>
-                            <Multiselect
-                                options={[...sourceOptions]}
-                                isAvatarGroup
-                                selectionType="checkbox"
-                                key={partners?.length}
-                                canUnselectLast={false}
-                                onChange={(selected) => {
-                                    setSelectedPartners((prev) => ({
-                                        ...prev,
-                                        partners: selected,
-                                        loading: false,
-                                    }));
-                                }}
-                                dropDownWidth={200}
-                                defaultSelected={(partners || []).map((p) => p.id) || []}
-                            />
-                        </div>
-                    }
-                />
-                <div className="view-content">
-                    <ViewFormNavigation
-                        mod={APP}
-                        data={data}
-                        match={match}
-                        form={form}
-                        group={group}
-                        subsection={subsection}
-                        search={search}
-                        goTo={push}
-                        getRedirectLink={getRedirectLink}
-                        generatePath={generatePath}
-                        params={params}
-                    />
-                    {groupForm.template ? (<></>) : (
- 					    <ViewForm
-                            form={groupForm}
-                            data={data || {}}
-                            groupConfig={groups || {}}
-                            linkingData={(data || {}).linking || {}}
-                            linkingForms={linkingForms || {}}
-                            ajaxOptions={[]}
-                            extraLinking={extraLinking}
-                            t={t}
-                            app={APP}
-                            ajaxForms={ajaxForms}
-                            language={user?.language}
-                            changeAjaxForms={changeAjaxForms}
-                            getApiBaseUrl={getApiBaseUrl}
-                            getAppHeader={getAppHeader}
-                            user={user}
-                        />
-                    )}
-                </div>
-            </div>
-            {openRecordsModal && (
-				<Records 
-					open={openRecordsModal}
-					onClose={() => setOpenRecordsModal(false)}
-					t={t}
-					sourceOptions={[]}
-					versionOptions={[]}
-					id={params?.id}
-					subject={namespace}
-					onSubmit={(values) => {
-						setSource(values?.source);
-						setVersion(values?.version);
-					}}
-				/>
-			)}
-        </>
-    )
-}
-
-export default View