datastake-daf 0.6.755 → 0.6.757

package/src/@daf/pages/Stakeholders/Workers/index.jsx

@@ -35,6 +35,7 @@ const WorkersTable = ({
     extendingFilters = {},
     createDefaultValues = {},
     applications = [],
+    breadcrumbs = [],
 }) => {
     const [selectOptions, setSelectOptions] = useState();
     const [activeTab, setActiveTab] = useState('own');
@@ -52,8 +53,6 @@ const WorkersTable = ({
         applications,
     }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
 
-    const breadCrumbs = [];
-
     const { paginationQuery, searchParams, otherParams, sortBy, sortDir } = useGetQueryParams({location});
 
     const filters = useMemo(() => {
@@ -95,7 +94,7 @@ const WorkersTable = ({
         <TablePageWithTabs 
            t={t}
            title={t("Workers")}
-           breadCrumbs={breadCrumbs}
+           breadCrumbs={breadcrumbs}
            location={location}
            loading={loading}
            goTo={goTo}

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

@@ -35,6 +35,7 @@ const StakeholdersTable = ({
     form = {},
     applications = [],
     subjectClear = () => {},
+    breadcrumbs = [],
 }) => {
     const [selectOptions, setSelectOptions] = useState();
     const [activeTab, setActiveTab] = useState("own");
@@ -50,8 +51,6 @@ const StakeholdersTable = ({
         applications,
     }), [t, goTo, user, options, activeTab, getRedirectLink, theme, applications]);
 
-    const breadCrumbs = [];
-
     const { paginationQuery, searchParams, otherParams } = useGetQueryParams({location});
 
     useEffect(() => {
@@ -89,7 +88,7 @@ const StakeholdersTable = ({
         <TablePageWithTabs 
            t={t}
            title={t("Stakeholders")}
-           breadCrumbs={breadCrumbs}
+           breadCrumbs={breadcrumbs}
            location={location}
            loading={loading}
            goTo={goTo}

package/src/@daf/pages/Summary/Minesite/components/MineDetailsSection/index.js

@@ -16,7 +16,7 @@ const MineDetailsSection = ({
             basepath: "analytics",
             url: '/widgets/mine-site-details',
             defaultData: [],
-            stop: selectedPartners?.loading,
+            stop: !locationData?.datastakeId || selectedPartners?.loading,
             filters: {
                 datastakeId: locationData?.datastakeId,
                 sources: selectedPartners?.partners || [],

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

@@ -29,6 +29,7 @@ const MineSummary = ({
     getRedirectLink = () => {},
     goBack = () => {},
     onIdChange = () => {},
+    breadcrumbs = [],
 }) => {
     const { 
         selectedItem, 
@@ -59,6 +60,7 @@ const MineSummary = ({
             theme,
             service,
             onIdChange,
+            type: "mine",
     });
 
     return (
@@ -69,6 +71,7 @@ const MineSummary = ({
                     className="with-border-header h-w-btn-header no-px-body"
                     goBackTo={!hasSelect && goBack}
                     loading={loading}
+                    breadcrumbs={breadcrumbs}
                     addedHeaderFirst
 					actionButtons={[
                         {

package/src/@daf/pages/Summary/Operator/components/KeyInformation/config.js

@@ -1,7 +1,7 @@
 import React from "react";
 import { Tag, Tooltip } from "antd";
 import CountryFlag from "../../../../../core/components/UI/CountryFlag/index.jsx";
-import {findOptions } from "../../../../../../helpers/StringHelper.js";
+import {findOptions, truncateString } from "../../../../../../helpers/StringHelper.js";
 
 export const getKeyIndicatorConfig = ({ t, data = {}, options = {} }) => [
 	{
@@ -36,6 +36,12 @@ export const getKeyIndicatorConfig = ({ t, data = {}, options = {} }) => [
 		label: t("Legal Form"),
 		render: () => {
             const subCategory = findOptions(data?.subCategory, options?.subCategoriesOptions);
+			if(subCategory?.length > 22) {
+				const _subCategory = truncateString(subCategory, 22);
+				return <Tooltip title={subCategory}>
+					<span style={{fontWeight: "normal", fontSize: 14}}>{_subCategory || "-"}</span>
+				</Tooltip>;
+			}
 			return <div>{subCategory || "-"}</div>;
 		},
 	},

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

@@ -29,7 +29,8 @@ const OperatorSummary = ({
     goTo = () => {},
     getRedirectLink = () => {},
     goBack = () => {},
-    onIdChange = () => {}
+    onIdChange = () => {},
+    breadcrumbs = [],
 }) => {
     const { 
         selectedItem, 
@@ -60,6 +61,7 @@ const OperatorSummary = ({
             theme,
             service,
             onIdChange,
+            type: "operator",
     });
     
     return (
@@ -69,6 +71,7 @@ const OperatorSummary = ({
                     title={hasSelect ? t("Operator Review") : (singleItemData?.name || "") + " " + t("Summary")}
                     className="with-border-header h-w-btn-header no-px-body"
                     goBackTo={!hasSelect && goBack}
+                    breadcrumbs={breadcrumbs}
                     addedHeaderFirst
 					actionButtons={[
                         {

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

@@ -16,7 +16,7 @@ const InformationAvailability = ({
             basepath: subject === "stakeholder" ? "stakeholder" : "location",
 			url: `/completion/${id}`,
 			defaultData: [],
-			stop: selectedPartners?.loading,
+			stop: !id || selectedPartners?.loading,
 			filters: {
 				// datastakeId: id,
                 scope: subject === "stakeholder" ? "operatorInfo" : "locationInfo",

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

@@ -17,7 +17,8 @@ export const useSummary = ({
     t,
     theme = {},
     service,
-	onIdChange = () => {}
+	onIdChange = () => {},
+	type
 }) => {
     const [search, setSearch] = useState("");
 	const [debouncedSearch, setDebouncedSearch] = useState("");
@@ -110,10 +111,12 @@ export const useSummary = ({
 
       const filters = useMemo(() => {
 		return {
-		  pagination: { size: 20, page: 1 },
+		  pagination: { take: 20, skip: 1 },
 		  ...(debouncedSearch
 			? { search: { qs: debouncedSearch, fields: ["name","datastakeId","orgShortName"] } }
 			: {}),
+			...(type === 'operator' && { stakeholderType: 'operator'}),
+			...(type === 'mine' && { category: 'mineSite'}),
 		};
 	  }, [debouncedSearch]);
 

package/src/constants/breadCrumbs.js

@@ -0,0 +1,20 @@
+export const defaultBreadCrumbsLabels = {
+    events: "Events",
+    accounts: "Accounts",
+    modules: "Modules",
+    settings: "Settings",
+    user: "Users",
+    analysis: "Analysis",
+    'data-store': "Data Store",
+    data: "Data",
+    partners: "Partners",
+    locations: "Locations",
+    'information-channels': 'Channels',
+	'find-information': 'Query',
+    stakeholders: "Stakeholders",
+    documents: "Documents",
+    mines: "Mines",
+    summary: "Summary",
+    edit: "Edit",
+    details: "Details",
+}

package/src/constants.js

@@ -0,0 +1 @@
+export { defaultBreadCrumbsLabels } from './constants/breadCrumbs.js';

package/src/helpers/breadCrumbs.js

@@ -0,0 +1,347 @@
+
+export const  buildBreadCrumbs = ({
+    config,
+    items,
+    t,
+    breadCrumbsLabels,
+    id,
+    getRedirectLink,
+    createOnClick,
+    goTo,
+    view,
+    skipInteractions = false,
+}) => {
+    const pathConfig = config.path || [];
+
+    pathConfig.forEach((pathItem) => {
+        if (typeof pathItem === 'string') {
+            items.push({
+                label: t(breadCrumbsLabels[pathItem]),
+                onClick: () => {},
+            });
+        } else if (typeof pathItem === 'object') {
+            const { key, link, useRedirect } = pathItem;
+
+            if (key === 'id' && id) {
+                const resolvedLink = typeof link === 'function' ? link(id) : link;
+                const finalLink = useRedirect ? getRedirectLink(resolvedLink) : resolvedLink;
+
+                items.push({
+                    label: id,
+                    onClick: skipInteractions ? () => {} : (finalLink ? createOnClick(() => goTo(finalLink)) : () => {}),
+                });
+            } else {
+                const resolvedLink = typeof link === 'function' ? link(view, id) : link;
+                const finalLink = resolvedLink && useRedirect ? getRedirectLink(resolvedLink) : resolvedLink;
+
+                items.push({
+                    label: t(breadCrumbsLabels[key]),
+                    onClick: skipInteractions ? () => {} : (finalLink ? createOnClick(() => goTo(finalLink)) : () => {}),
+                });
+            }
+        }
+    });
+
+    if (config.includeId && id && id !== 'user') {
+        items.push({ label: id, onClick: () => {} });
+    }
+
+    if (config.suffix) {
+        config.suffix.forEach((suffixItem) => {
+            items.push({
+                label: t(breadCrumbsLabels[suffixItem]),
+                onClick: () => {},
+            });
+        });
+    }
+}
+
+export const renderBreadCrumbs = ({ 
+    t = () => {},
+    goTo = () => {},
+    view,
+    isAnalysis = false,
+    isEdit = false,
+    isView = false,
+    isDataStore = false,
+    id,
+    addedItems = [],
+    changeNotificationState,
+    breadCrumbConfig = {},
+    breadCrumbsLabels = {},
+    getRedirectLink = () => {},
+    condition,
+    conditionFallback = 'show-non-interactive', // 'show-non-interactive' | 'hide' | 'show-simplified'
+}) => {
+    const items = [];
+
+    const createOnClick = (callback) => {
+        if (!callback) return () => {};
+        
+        return () => {
+            if (changeNotificationState) {
+                changeNotificationState({ onYes: callback });
+            } else {
+                callback();
+            }
+        };
+    };
+
+    const evaluateCondition = (cond, context) => {
+        if (cond === undefined) return true; // No condition = always pass
+        if (typeof cond === 'function') return cond(context); // Function condition
+        return Boolean(cond); // Boolean condition
+    };
+
+    const config = breadCrumbConfig[view];
+
+    console.log({config, breadCrumbConfig, breadCrumbsLabels, condition})
+
+    if (config) {
+        const conditionContext = {
+            isDataStore,
+            isAnalysis,
+            isEdit,
+            isView,
+            id,
+            view,
+            t,
+            goTo,
+            getRedirectLink,
+            changeNotificationState,
+            addedItems,
+        };
+
+        const externalConditionPassed = evaluateCondition(condition, conditionContext);
+        const configConditionPassed = evaluateCondition(config.condition, conditionContext);
+        
+        const shouldShowBreadcrumbs = externalConditionPassed && configConditionPassed;
+
+        if (!configConditionPassed) {
+            if (config.fallback) {
+                buildBreadCrumbs({
+                    config: config.fallback,
+                    items,
+                    t,
+                    breadCrumbsLabels,
+                    id,
+                    getRedirectLink,
+                    createOnClick,
+                    goTo,
+                    view,
+                });
+            }
+        } else if (!externalConditionPassed) {
+            if (config.fallback) {
+                // Use config fallback when prop condition fails
+                buildBreadCrumbs({
+                    config: config.fallback,
+                    items,
+                    t,
+                    breadCrumbsLabels,
+                    id,
+                    getRedirectLink,
+                    createOnClick,
+                    goTo,
+                    view,
+                });
+            }
+            else {                
+                switch (conditionFallback) {
+                    case 'hide':
+                        break;
+                    case 'show-simplified':{
+                        const simplifiedConfig = {
+                            ...config,
+                            path: config.path.slice(0, 2), 
+                            includeId: false,
+                            suffix: undefined,
+                        };
+    
+                        buildBreadCrumbs({
+                            config: simplifiedConfig,
+                            items,
+                            t,
+                            breadCrumbsLabels,
+                            id,
+                            getRedirectLink,
+                            createOnClick,
+                            goTo,
+                            view,
+                        });
+                        break;
+                    }
+                    case 'show-non-interactive':
+                    default:
+                        buildBreadCrumbs({
+                            config,
+                            items,
+                            t,
+                            breadCrumbsLabels,
+                            id,
+                            getRedirectLink,
+                            createOnClick,
+                            goTo,
+                            view,
+                            skipInteractions: true,
+                        });
+                        break;
+                }
+            }
+        } else {
+            buildBreadCrumbs({
+                config,
+                items,
+                t,
+                breadCrumbsLabels,
+                id,
+                getRedirectLink,
+                createOnClick,
+                goTo,
+                view,
+            });
+        }
+    }
+
+
+	if (isView) {
+		items.push({ label: t(breadCrumbsLabels.details) });
+	} else if (isEdit) {
+		items.push({ label: t(breadCrumbsLabels.edit) });
+	} else if (isAnalysis) {
+		items.push({ label: t(breadCrumbsLabels.summary) });
+	}
+
+	items.push(...addedItems);
+
+	return items.filter((v) => !!v.label);
+
+}
+
+// Breadcrumbs Config Helper
+
+// 1.Simple static path
+// 'country-overview': {
+//     path: ['analysis', 'country-overview'],
+// }
+// Result: Analysis > Country Overview
+// Neither is clickable
+
+// 2.Clickable Parents with Links
+// 'mines': {
+//     path: [
+//         'modules',  // Not clickable
+//         { key: 'mines', link: '/app/mines' }  // Clickable, navigates to /app/mines
+//     ],
+// }
+// Result: Modules > Mines (clickable)
+
+// 3.Include ID at the end
+// 'partners': {
+//     path: ['modules', { key: 'partners', link: '/app/partners', useRedirect: true }],
+//     includeId: true,  // ← ID will be added at the end
+// }
+// With id='ABC123':
+// Result: Modules > Partners (clickable) > ABC123 (not clickable)
+
+// 4.Dynamic Id in the middle
+// 'mine-evaluation': {
+//     path: [
+//         'modules',
+//         { key: 'mines', link: '/app/mines' },
+//         { key: 'id', link: (id) => `/app/mines/${id}` },  // ← ID here
+//         'evaluation',
+//     ],
+// }
+// With id='MINE-456':
+// Result: Modules > Mines > MINE-456 (clickable to /app/mines/MINE-456) > Evaluation
+
+// 5. Dynamic Links using functions
+// 'producers': {
+//     path: [
+//         'modules',
+//         { 
+//             key: 'producers', 
+//             link: (view) => `/app/${view}`,  // ← Uses 'view' parameter
+//             useRedirect: true 
+//         }
+//     ],
+//     includeId: true,
+// }
+// With view='producers':
+// Result: Modules > Producers (navigates to /app/producers)
+
+// 6.use Redirect link
+// 'settings': {
+//     path: [
+//         { 
+//             key: 'settings', 
+//             link: '/app/view/settings', 
+//             useRedirect: true  // ← Wraps with getRedirectLink()
+//         }
+//     ],
+// }
+// Navigation will use getRedirectLink('/app/view/settings')
+
+// 7.Conditional Rendering
+// 'entities': {
+//     condition: (opts) => opts.isDataStore,  // ← Only shows if isDataStore=true
+//     path: [
+//         'data',
+//         { key: 'data-store', link: '/app/data-store', useRedirect: true },
+//         { key: 'entities', link: '/app/data-store/entities', useRedirect: true },
+//     ],
+// }
+// With isDataStore=false: No breadcrumbs shown
+// With isDataStore=true: Data > Store > Entities
+
+// 8.Conditional Fallback
+// 'locations': {
+//     condition: (opts) => opts.isDataStore,
+//     path: [
+//         'data',
+//         { key: 'data-store', link: '/app/data-store', useRedirect: true },
+//         { key: 'locations', link: '/app/data-store/locations', useRedirect: true },
+//     ],
+//     fallback: {  // ← Alternative when condition is false
+//         path: [
+//             'modules',
+//             'linkedSubjects',
+//             { key: 'locations', link: '/app/locations', useRedirect: true },
+//         ],
+//         includeId: true,
+//     },
+// }
+// isDataStore=true: Data > Store > Locations
+// isDataStore=false: Modules > Associated Information > Locations > {id}
+
+// 9. Suffix items
+// 'mine-monitoring': {
+//     path: [
+//         'modules',
+//         { key: 'mines', link: '/app/mines' }
+//     ],
+//     includeId: true,
+//     suffix: ['visits'],  // ← Added at the end
+// }
+// With id='MINE-789':
+// Result: Modules > Mines > MINE-789 > Visits
+
+// 10. Complex multi level path
+// 'monitoringReport': {
+//     path: [
+//         'modules',  // Static label
+//         { key: 'mines', link: '/app/mines' },  // Clickable parent
+//         { key: 'id', link: (id) => `/app/mines/${id}` },  // Dynamic ID with link
+//         'monitoringReport',  // Static label at end
+//     ],
+// }
+// With id='MINE-999':
+// Result: Modules > Mines (→/app/mines) > MINE-999 (→/app/mines/MINE-999) > Executive Monitoring Report
+
+// 11. Access multiple options in condition
+// 'custom-view': {
+//     condition: (opts) => opts.isDataStore && opts.isEdit && opts.id,
+//     path: ['data', 'custom'],
+// }
+// Available in opts: { isDataStore, isAnalysis, isEdit, isView, id, view }

package/src/styles/components/_dataLink.scss

@@ -1,4 +1,5 @@
 .data-link-cont {
+  max-width: 614px; //DATA LINK STRETCH
   .add-btn {
     min-width: 32px;
     width: 32px;

package/src/utils.js

@@ -58,4 +58,6 @@ export {
 	buildActionWidgetsConfig, 
 	buildKeyIndicatorsConfig, 
 	buildBreadcrumbs
-} from './@daf/utils/adminConfigBuilders.js'
+} from './@daf/utils/adminConfigBuilders.js'
+
+export { renderBreadCrumbs, buildBreadCrumbs as buildBreadCrumbsHelper } from './helpers/breadCrumbs.js'