datastake-daf 0.6.756 → 0.6.757

package/dist/pages/index.js

@@ -12996,7 +12996,7 @@ function SupplyChain({
   setSelectedPartners,
   informationSources,
   hardcodedData,
-  breadCrumbs = []
+  breadcrumbs = []
 }) {
   const sourceOptions = React.useMemo(() => {
     if (!partners?.length) return [];
@@ -13039,7 +13039,7 @@ function SupplyChain({
           defaultSelected: partners?.map(p => p.id) || []
         }, partners?.length)
       }),
-      breadcrumbs: breadCrumbs
+      breadcrumbs: breadcrumbs
     }),
     children: [/*#__PURE__*/jsxRuntime.jsx("section", {
       children: /*#__PURE__*/jsxRuntime.jsx(KeyIndicators$1, {
@@ -30064,7 +30064,8 @@ const OperatorsTable = ({
   form = {},
   extendingFilters = {},
   createDefaultValues = {},
-  applications = []
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState('own');
@@ -30080,7 +30081,6 @@ const OperatorsTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -30127,7 +30127,7 @@ const OperatorsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Operators"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -30551,7 +30551,8 @@ const LocationsTable = ({
   formValue = {},
   form = {},
   applications = [],
-  subjectClear = () => {}
+  subjectClear = () => {},
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -30567,7 +30568,6 @@ const LocationsTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -30610,7 +30610,7 @@ const LocationsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Locations"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -31011,7 +31011,8 @@ const StakeholdersTable = ({
   formValue = {},
   form = {},
   applications = [],
-  subjectClear = () => {}
+  subjectClear = () => {},
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -31026,7 +31027,6 @@ const StakeholdersTable = ({
     subject: 'stakeholders',
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -31066,7 +31066,7 @@ const StakeholdersTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Stakeholders"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -31843,7 +31843,8 @@ const EventsTable = ({
   form = {},
   extendingFilters = {},
   applications = [],
-  subjectClear = () => {}
+  subjectClear = () => {},
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -31859,7 +31860,6 @@ const EventsTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -31910,7 +31910,7 @@ const EventsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("events"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -32253,7 +32253,8 @@ const DocumentsTable = ({
   formValue = {},
   form = {},
   applications = [],
-  subjectClear = () => {}
+  subjectClear = () => {},
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -32268,7 +32269,6 @@ const DocumentsTable = ({
     subject: 'documents',
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -32313,7 +32313,7 @@ const DocumentsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Documents"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -32920,7 +32920,8 @@ const WorkersTable = ({
   form = {},
   extendingFilters = {},
   createDefaultValues = {},
-  applications = []
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState('own');
@@ -32936,7 +32937,6 @@ const WorkersTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -32983,7 +32983,7 @@ const WorkersTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Workers"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -33655,7 +33655,8 @@ const ActivitiesTable = ({
   form = {},
   extendingFilters = {},
   createDefaultValues = {},
-  applications = []
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -33671,7 +33672,6 @@ const ActivitiesTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -33718,7 +33718,7 @@ const ActivitiesTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Activities"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -34381,7 +34381,8 @@ const IncidentsTable = ({
   form = {},
   extendingFilters = {},
   createDefaultValues = {},
-  applications = []
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState("own");
@@ -34397,7 +34398,6 @@ const IncidentsTable = ({
     data,
     applications
   }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
-  const breadCrumbs = [];
   const {
     paginationQuery,
     searchParams,
@@ -34444,7 +34444,7 @@ const IncidentsTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("Incidents"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -34513,7 +34513,8 @@ const getColumns$1 = ({
   getRedirectLink,
   theme,
   subject,
-  data
+  data,
+  applications
 }) => [{
   dataIndex: 'datastakeId',
   title: t('ID'),
@@ -34651,7 +34652,7 @@ const getColumns$1 = ({
   }
 }, {
   title: t("Sources"),
-  dataIndex: 'source',
+  dataIndex: 'sources',
   ellipsis: true,
   show: activeTab !== "own",
   render: (v, all) => {
@@ -34660,11 +34661,10 @@ const getColumns$1 = ({
         className: "daf-default-cell"
       });
     }
-    const source = findOptions(v, data?.options?.sourceOptions);
-    return source ? /*#__PURE__*/jsxRuntime.jsx(antd.Tooltip, {
-      title: source,
-      children: source
-    }) : '-';
+    const sources = sourceAvatarConfig(v, user, applications);
+    return /*#__PURE__*/jsxRuntime.jsx(AvatarGroup, {
+      items: sources
+    });
   }
 }, {
   id: 'actions',
@@ -34677,7 +34677,7 @@ const getColumns$1 = ({
       });
     }
     const onClick = () => {
-      const link = `/app/view/${subject}/${all.datastakeId}`;
+      let link = `/app/view/${subject}/${all.datastakeId}`;
       if (activeTab === "shared") {
         link += `?sourceId=${all?.authorId?.id}`;
       }
@@ -35047,7 +35047,9 @@ const ProductionSitesTable = ({
   formValue = {},
   form = {},
   extendingFilters = {},
-  createDefaultValues = {}
+  createDefaultValues = {},
+  applications = [],
+  breadcrumbs = []
 }) => {
   const [selectOptions, setSelectOptions] = React.useState();
   const [activeTab, setActiveTab] = React.useState('own');
@@ -35060,9 +35062,9 @@ const ProductionSitesTable = ({
     getRedirectLink,
     theme,
     subject: 'production-sites',
-    data
-  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data]);
-  const breadCrumbs = [];
+    data,
+    applications
+  }), [t, goTo, user, options, activeTab, getRedirectLink, theme, data, applications]);
   const {
     paginationQuery,
     searchParams,
@@ -35109,7 +35111,7 @@ const ProductionSitesTable = ({
   return /*#__PURE__*/jsxRuntime.jsx(TablePageWithTabs, {
     t: t,
     title: t("production-sites"),
-    breadCrumbs: breadCrumbs,
+    breadCrumbs: breadcrumbs,
     location: location,
     loading: loading,
     goTo: goTo,
@@ -37625,7 +37627,8 @@ const OperatorSummary = ({
   goTo = () => {},
   getRedirectLink = () => {},
   goBack = () => {},
-  onIdChange = () => {}
+  onIdChange = () => {},
+  breadcrumbs = []
 }) => {
   const {
     selectedItem,
@@ -37663,6 +37666,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: true,
       actionButtons: [{
         tooltip: t("Details"),
@@ -42450,7 +42454,8 @@ const MineSummary = ({
   goTo = () => {},
   getRedirectLink = () => {},
   goBack = () => {},
-  onIdChange = () => {}
+  onIdChange = () => {},
+  breadcrumbs = []
 }) => {
   const {
     selectedItem,
@@ -42489,6 +42494,7 @@ const MineSummary = ({
       className: "with-border-header h-w-btn-header no-px-body",
       goBackTo: !hasSelect && goBack,
       loading: loading,
+      breadcrumbs: breadcrumbs,
       addedHeaderFirst: true,
       actionButtons: [{
         tooltip: t("Details"),

package/dist/utils/index.js

@@ -14139,12 +14139,357 @@ function buildBreadcrumbs({
   }];
 }
 
+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: () => {}
+      });
+    });
+  }
+};
+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);
+    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 }
+
 exports.ErrorFormat = ErrorFormat;
 exports.MessageTypes = MessageTypes;
 exports.StorageManager = StorageManager;
 exports.assignParamsToUrl = assignParamsToUrl;
 exports.btn = button;
 exports.buildActionWidgetsConfig = buildActionWidgetsConfig;
+exports.buildBreadCrumbsHelper = buildBreadCrumbs;
 exports.buildBreadcrumbs = buildBreadcrumbs;
 exports.buildKeyIndicatorsConfig = buildKeyIndicatorsConfig;
 exports.buildQueryString = buildQueryString;
@@ -14209,6 +14554,7 @@ exports.modules = modules;
 exports.nowToIso = nowToIso;
 exports.processConfig = processConfig;
 exports.propHasValue = propHasValue;
+exports.renderBreadCrumbs = renderBreadCrumbs;
 exports.renderDateFormatted = renderDateFormatted;
 exports.renderNumber = renderNumber;
 exports.renderPercentage = renderPercentage;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "datastake-daf",
-	"version": "0.6.756",
+	"version": "0.6.757",
 	"dependencies": {
 		"@ant-design/icons": "^5.2.5",
 		"@antv/g2": "^5.1.1",