datastake-daf 0.6.759 → 0.6.760

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/index.js

@@ -11,7 +11,7 @@ export { default as Pagination } from "./@daf/core/components/Table/Pagination/i
 export { default as StickyTable } from "./@daf/core/components/Table/StickyTable/index.jsx";
 export { default as TableFilters } from "./@daf/core/components/Table/TableFilters/index.jsx";
 export { default as MoreOptions } from "./@daf/core/components/Table/MoreOptions/index.jsx";
-
+export { default as NavigationAction } from "./@daf/core/components/Table/NavigationAction/index.jsx";
 // Button
 export { default as Button } from "./@daf/core/components/Button/index.jsx";
 export { default as FilterButton } from "./@daf/core/components/Button/FilterButton/index.jsx";

package/src/services.js

@@ -17,4 +17,5 @@ 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 OperatorService } from './@daf/services/OperatorService.js';
+export { default as OperatorService } from './@daf/services/OperatorService.js';
+export { default as PartnerService } from './@daf/services/PartnerService.js';

package/src/utils.js

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

package/dist/style/datastake/mapbox-gl.css

@@ -1,330 +0,0 @@
-/* Isolated Mapbox GL CSS - Scoped to prevent Leaflet conflicts */
-
-/* Mapbox GL Core Styles - Scoped with .mapbox-gl-scope */
-.mapbox-gl-scope .mapboxgl-map {
-  font: 12px/20px Helvetica Neue, Arial, Helvetica, sans-serif;
-  overflow: hidden;
-  position: relative;
-  -webkit-tap-highlight-color: rgb(0 0 0/0);
-}
-
-.mapbox-gl-scope .mapboxgl-canvas {
-  left: 0;
-  position: absolute;
-  top: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-map:-webkit-full-screen {
-  height: 100%;
-  width: 100%;
-}
-
-.mapbox-gl-scope .mapboxgl-canary {
-  background-color: salmon;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive,
-.mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
-  cursor: grab;
-  -webkit-user-select: none;
-  user-select: none;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
-  cursor: pointer;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-interactive:active,
-.mapbox-gl-scope .mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
-  cursor: grabbing;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
-  touch-action: pan-x pan-y;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan,
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
-  touch-action: pinch-zoom;
-}
-
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,
-.mapbox-gl-scope .mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
-  touch-action: none;
-}
-
-/* Control positioning */
-.mapbox-gl-scope .mapboxgl-ctrl-bottom,
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-left,
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-right,
-.mapbox-gl-scope .mapboxgl-ctrl-left,
-.mapbox-gl-scope .mapboxgl-ctrl-right,
-.mapbox-gl-scope .mapboxgl-ctrl-top,
-.mapbox-gl-scope .mapboxgl-ctrl-top-left,
-.mapbox-gl-scope .mapboxgl-ctrl-top-right {
-  pointer-events: none;
-  position: absolute;
-  z-index: 2;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top-left {
-  left: 0;
-  top: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top {
-  left: 50%;
-  top: 0;
-  transform: translateX(-50%);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top-right {
-  right: 0;
-  top: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-right {
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-right {
-  bottom: 0;
-  right: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom {
-  bottom: 0;
-  left: 50%;
-  transform: translateX(-50%);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-left {
-  bottom: 0;
-  left: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-left {
-  left: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl {
-  clear: both;
-  pointer-events: auto;
-  transform: translate(0);
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top-left .mapboxgl-ctrl {
-  float: left;
-  margin: 10px 0 0 10px;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top .mapboxgl-ctrl {
-  float: left;
-  margin: 10px 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-top-right .mapboxgl-ctrl {
-  float: right;
-  margin: 10px 10px 0 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,
-.mapbox-gl-scope .mapboxgl-ctrl-right .mapboxgl-ctrl {
-  float: right;
-  margin: 0 10px 10px 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom .mapboxgl-ctrl {
-  float: left;
-  margin: 10px 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,
-.mapbox-gl-scope .mapboxgl-ctrl-left .mapboxgl-ctrl {
-  float: left;
-  margin: 0 0 10px 10px;
-}
-
-/* Control group styling */
-.mapbox-gl-scope .mapboxgl-ctrl-group {
-  background: #fff;
-  border-radius: 4px;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group:not(:empty) {
-  box-shadow: 0 0 0 2px #0000001a;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button {
-  background-color: initial;
-  border: 0;
-  box-sizing: border-box;
-  cursor: pointer;
-  display: block;
-  height: 29px;
-  outline: none;
-  overflow: hidden;
-  padding: 0;
-  width: 29px;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button+button {
-  border-top: 1px solid #ddd;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl button .mapboxgl-ctrl-icon {
-  background-position: 50%;
-  background-repeat: no-repeat;
-  display: block;
-  height: 100%;
-  width: 100%;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-attrib-button:focus,
-.mapbox-gl-scope .mapboxgl-ctrl-group button:focus {
-  box-shadow: 0 0 2px 2px #0096ff;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl button:disabled {
-  cursor: not-allowed;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
-  opacity: .25;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button:first-child {
-  border-radius: 4px 4px 0 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button:last-child {
-  border-radius: 0 0 4px 4px;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-group button:only-child {
-  border-radius: inherit;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl button:not(:disabled):hover {
-  background-color: #0000000d;
-}
-
-/* Marker styles */
-.mapbox-gl-scope .mapboxgl-marker {
-  position: absolute;
-  z-index: 1;
-}
-
-.mapbox-gl-scope .mapboxgl-marker svg {
-  display: block;
-}
-
-/* Popup styles */
-.mapbox-gl-scope .mapboxgl-popup {
-  position: absolute;
-  text-align: center;
-  margin-bottom: 20px;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-content-wrapper {
-  padding: 1px;
-  text-align: left;
-  border-radius: 12px;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-content {
-  margin: 13px 24px 13px 20px;
-  line-height: 1.3;
-  font-size: 13px;
-  min-height: 1px;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-content p {
-  margin: 17px 0;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-tip-container {
-  width: 40px;
-  height: 20px;
-  position: absolute;
-  left: 50%;
-  margin-top: -1px;
-  margin-left: -20px;
-  overflow: hidden;
-  pointer-events: none;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-tip {
-  width: 17px;
-  height: 17px;
-  padding: 1px;
-  margin: -10px auto 0;
-  pointer-events: auto;
-  -webkit-transform: rotate(45deg);
-  -moz-transform: rotate(45deg);
-  -ms-transform: rotate(45deg);
-  transform: rotate(45deg);
-}
-
-.mapbox-gl-scope .mapboxgl-popup-content-wrapper,
-.mapbox-gl-scope .mapboxgl-popup-tip {
-  background: white;
-  color: #333;
-  box-shadow: 0 3px 14px rgba(0, 0, 0, 0.4);
-}
-
-.mapbox-gl-scope .mapboxgl-popup-close-button {
-  position: absolute;
-  top: 0;
-  right: 0;
-  border: none;
-  text-align: center;
-  width: 24px;
-  height: 24px;
-  font: 16px/24px Tahoma, Verdana, sans-serif;
-  color: #757575;
-  text-decoration: none;
-  background: transparent;
-}
-
-.mapbox-gl-scope .mapboxgl-popup-close-button:hover,
-.mapbox-gl-scope .mapboxgl-popup-close-button:focus {
-  color: #585858;
-}
-
-/* Attribution */
-.mapbox-gl-scope .mapboxgl-ctrl-attribution {
-  background: #fff;
-  background: rgba(255, 255, 255, 0.8);
-  margin: 0;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-attribution,
-.mapbox-gl-scope .mapboxgl-ctrl-scale-line {
-  padding: 0 5px;
-  color: #333;
-  line-height: 1.4;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-attribution a {
-  text-decoration: none;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-attribution a:hover,
-.mapbox-gl-scope .mapboxgl-ctrl-attribution a:focus {
-  text-decoration: underline;
-}
-
-/* Hide attribution by default */
-.mapbox-gl-scope .mapboxgl-ctrl-attribution {
-  display: none !important;
-}
-
-.mapbox-gl-scope .mapboxgl-ctrl-logo {
-  display: none !important;
-}