datastake-daf 0.6.183 → 0.6.185

package/src/@daf/core/components/ExcelTest/planningConfig.js

@@ -0,0 +1,371 @@
+import { showHideInput } from "../ViewForm/helper";
+import { renderDateFormatted } from "../../../../helpers/Forms";
+
+
+// Helper function to format references - show only one line to distinguish each
+const formatReferences = (description) => {
+    if (!description) return "";
+    return description.split("<br>")
+        .filter(line => line.trim())
+        .map(line => line.trim().replace(/^-+\s*/, '')) // Remove existing dashes
+        .filter(line => line) // Remove empty lines
+        .join("\n"); // Single line separation
+};
+
+// Helper function to format planning comments
+const formatPlanningComments = (comments, t = (key) => key) => {
+    if (!comments || !Array.isArray(comments)) return t("not answered");
+    const validComments = comments.map(comment => comment.text || "").filter(text => text);
+    return validComments.length > 0 ? validComments.join(", ") : t("not answered");
+};
+
+// Helper function to format responsible persons - map IDs to names using linking data
+const formatResponsiblePerson = (accountablePersonnel, linkingData = {}, t = (key) => key) => {
+    if (!accountablePersonnel || !Array.isArray(accountablePersonnel) || accountablePersonnel.length === 0) return t("not answered");
+    
+    const names = accountablePersonnel.map(id => {
+        // Check if linking data has this ID
+        const continuousImprovementData = linkingData?.continuousImprovement || {};
+        const person = continuousImprovementData[id];
+        
+        if (person) {
+            return person.firstName || person.label || id;
+        }
+        
+        // Fallback to ID if no name found
+        return id;
+    });
+    
+    return names.length > 0 ? names.join(", ") : t("not answered");
+};
+
+// Helper function to format target completion date
+const formatTargetCompletionDate = (targetCompletionDate, t = (key) => key) => {
+    if (!targetCompletionDate) return t("not answered");
+    return renderDateFormatted(targetCompletionDate, 'DD MMM YYYY', 'en');
+};
+
+// Helper function to format evaluation documents from previousStage criteria - show document names with dashes
+const formatEvaluationDocuments = (previousStageCriteria, subCategory, criteriaKey, t = (key) => key) => {
+    if (!previousStageCriteria || !Array.isArray(previousStageCriteria)) return t("not answered");
+    
+    // Find the matching criteria by subCategory
+    const matchingCriteria = previousStageCriteria.find(criteria => criteria.subCategory === subCategory);
+    
+    if (!matchingCriteria) return t("not answered");
+    
+    const allDocuments = [];
+    
+    // Get document names from the specific field's documentation (same as documentation field)
+    const fieldData = matchingCriteria[criteriaKey];
+    if (fieldData && fieldData.documentation && Array.isArray(fieldData.documentation)) {
+        fieldData.documentation.forEach(doc => {
+            if (doc && doc.documents && Array.isArray(doc.documents)) {
+                doc.documents.forEach(document => {
+                    if (document && document.name) {
+                        allDocuments.push(`- ${document.name}`);
+                    }
+                });
+            }
+        });
+    }
+    
+    return allDocuments.length > 0 ? allDocuments.join("\n") : t("not answered");
+};
+
+// Helper function to format valuation from previousStage criteria
+const formatValuation = (previousStageCriteria, subCategory, criteriaKey, t = (key) => key) => {
+    if (!previousStageCriteria || !Array.isArray(previousStageCriteria)) return t("not answered");
+    
+    // Find the matching criteria by subCategory
+    const matchingCriteria = previousStageCriteria.find(criteria => criteria.subCategory === subCategory);
+    
+    if (!matchingCriteria) return t("not answered");
+    
+    // Get valuation from the specific field in the criteria
+    const fieldData = matchingCriteria[criteriaKey];
+    if (fieldData && fieldData.valuation !== undefined && fieldData.valuation !== null) {
+        return fieldData.valuation === 'na' ? 'N/A' : `${fieldData.valuation}%`;
+    }
+    
+    return t("not answered");
+};
+
+// Helper function to format documentation from previousStage criteria
+const formatDocumentation = (previousStageCriteria, subCategory, criteriaKey, t = (key) => key) => {
+    if (!previousStageCriteria || !Array.isArray(previousStageCriteria)) return t("not answered");
+    
+    // Find the matching criteria by subCategory
+    const matchingCriteria = previousStageCriteria.find(criteria => criteria.subCategory === subCategory);
+    
+    if (!matchingCriteria) return t("not answered");
+    
+    const allDocuments = [];
+    
+    // Check if the criteria has the specific field and its documentation
+    if (matchingCriteria[criteriaKey] && matchingCriteria[criteriaKey].documentation) {
+        const docs = matchingCriteria[criteriaKey].documentation;
+        
+        if (Array.isArray(docs)) {
+            docs.forEach(doc => {
+                if (doc && doc.documents && Array.isArray(doc.documents)) {
+                    doc.documents.forEach(document => {
+                        if (document.name) {
+                            allDocuments.push(document.name);
+                        }
+                    });
+                }
+            });
+        }
+    }
+    
+    return allDocuments.length > 0 ? allDocuments.join(", ") : t("not answered");
+};
+
+// Helper function to format verification method - remove <br> and add appropriate separators
+const formatVerificationMethod = (description, forCSV = false, t = (key) => key) => {
+    if (!description) return t("not answered");
+    const lines = description.split("<br>")
+        .filter(line => line.trim())
+        .map(line => line.trim());
+    
+    if (lines.length === 0) return t("not answered");
+    
+    // For CSV export, use semicolon separator to avoid newline issues
+    if (forCSV) {
+        return lines.join("; ");
+    }
+    
+    // For display, use newlines
+    return lines.join("\n");
+};
+
+// Helper function to get description by language
+const getDescriptionByLanguage = (descriptions, language = "en") => {
+    if (!descriptions) return "";
+    return descriptions[language] || descriptions.en || descriptions.sp || descriptions.fr || "";
+};
+
+const getAspectToVerify = (form, sectionKey, kidPosition, country) => {
+    const titlesSection = form?.titles?.[sectionKey];
+    if (!titlesSection) return "";
+    
+    const matchingTitles = Object.keys(titlesSection)
+        .filter(key => key.startsWith('title'))
+        .map(key => titlesSection[key])
+        .filter(title => {
+            if (!title.showIf) return false;
+            const condition = title.showIf.toLowerCase();
+            if (condition.includes('country is')) {
+                const requiredCountry = condition.replace('country is', '').trim();
+                return country && country.toLowerCase() === requiredCountry.toLowerCase();
+            }
+            return true;
+        })
+        .sort((a, b) => (a.position || 0) - (b.position || 0)); 
+    
+    if (matchingTitles.length === 0) return "";
+    
+    let selectedTitle = matchingTitles[0]; 
+    
+    for (let i = 0; i < matchingTitles.length; i++) {
+        const titlePosition = matchingTitles[i].position || 0;
+        if (titlePosition <= kidPosition) {
+            selectedTitle = matchingTitles[i];
+        } else {
+            break;
+        }
+    }
+    
+
+    const label = selectedTitle?.label || "";
+    return label.replace(/\\"/g, '"').replace(/\n/g, " ").replace(/\r/g, " ").replace(/\t/g, " ").trim();
+};
+
+export const fixDataForExcel = (originalData, stepParam = 1, module = "", t = (key) => key) => {
+    const {form, data} = originalData;
+    const language = data?.user?.language || "en";
+    const step = Number(stepParam);
+    
+    // Table 1 data - Basic Information (vertical key-value format)
+    const table1Data = [
+        { key: t('mine'), value: data?.location?.name || "Adimental S.A.C" }, // Use placeholder if location data is missing
+        { key: t('module'), value: module },
+        { key: t('sources'), value: "" }, // Leave blank as requested
+        { key: t('version'), value: data?.version || "1" },
+        { key: t('date'), value: renderDateFormatted(new Date().toISOString(), 'DD MMM YYYY', (language === 'sp' ? 'es' : language) || 'en') }
+    ];
+    
+    console.log("Planning Table 1 Data:", table1Data);
+
+    // Table 2 data - Planning Data
+    const table2Data = [];
+    
+    const sections = (form?.identification?.category?.options || [])?.map((option) => ({
+        group: option.label,
+        key: option.value,
+        criterias: (form?.identification?.subCategory?.options || [])
+            .filter((_option) => {
+                const categoryFilter = _option?.filters?.find((f) => f.name === "category");
+                const stepFilter = _option?.filters?.find((f) => f.name === "step");
+
+                return (
+                    (stepFilter?.value || 1) === step &&
+                    (categoryFilter?.value || []).includes(option.value) &&
+                    !!(data?.criteria || []).find(
+                        (c) => c.subCategory === _option.value,
+                    )
+                );
+            })
+            .map((_option) => {
+                const _criteria = (data?.criteria || []).find(
+                    (c) => c.subCategory === _option.value,
+                );
+                const subCategoryForm = form[_criteria.subCategory];
+
+                const kids = Object.keys(subCategoryForm)
+                    .filter((k) => {
+                        const val = subCategoryForm[k];
+                        if (val.showIf) {
+                            const show = showHideInput(val, data);
+                            return show;
+                        }
+                        return val?.type === "group";
+                    })
+                    .sort((a, b) => {
+                        const valA = subCategoryForm[a];
+                        const valB = subCategoryForm[b];
+                        return valA?.position - valB?.position;
+                    })
+                    .map((k) => {
+                        const formVal = subCategoryForm[k];
+                        const evalData = _criteria[k];
+                        const meta = (_criteria?.meta?.inputs || {})[k];
+
+                        // Get reference description from form object description field
+                        const referenceDescription = formVal.description || "";
+                        
+                        // Get verification method from form meta
+                        const verificationMethod = getDescriptionByLanguage(
+                            formVal?.meta?.groupInfo?.description,
+                            language
+                        );
+
+                        return {
+                            key: k,
+                            group: option.value,
+                            criteria: formVal.label,
+                            position: formVal.position || 0,
+                            lastUpdate: _criteria.updatedAt,
+                            meta,
+                            referenceDescription,
+                            verificationMethod,
+                            // Planning specific data from individual field in criteria
+                            targetCompletionDate: evalData?.targetCompletionDate,
+                            accountablePersonnel: evalData?.accountablePersonnel,
+                            planningComment: evalData?.planningComment,
+                            ...evalData,
+                        };
+                    });
+
+                return {
+                    key: _option.value,
+                    group: option.value,
+                    criteria: _option.label,
+                    completion: _criteria.completion,
+                    evaluationScore: _criteria.evaluationScore,
+                    description: (form?.identification?.dscription?.options || []).find(
+                        (d) => d.value === _option.value,
+                    )?.label || "-",
+                    lastUpdate: _criteria.updatedAt,
+                    linking: _criteria.linking || {}, // Pass linking data for responsible person mapping
+                    kids,
+                };
+            })
+    }));
+
+    // Process sections to create table 2 data
+    sections.forEach((section) => {
+        section.criterias.forEach((criteria) => {
+            criteria.kids.forEach((kid) => {
+                // Get previous stage criteria for evaluation documents and documentation
+                const previousStageCriteria = data?.previousStage?.criteria || [];
+                
+                // Get linking data for responsible person mapping
+                const linkingData = criteria.linking || {};
+                
+                const row = {
+                    stage: `0${step}`,
+                    aspect: section.group,
+                    criteria: criteria.criteria,
+                    subcriteria: kid.criteria,
+                    verificationMethod: formatVerificationMethod(kid.verificationMethod || "", false, t),
+                    targetCompletionDate: formatTargetCompletionDate(kid.targetCompletionDate, t),
+                    evaluationDocuments: formatEvaluationDocuments(previousStageCriteria, criteria.key, kid.key, t),
+                    responsiblePerson: formatResponsiblePerson(kid.accountablePersonnel, linkingData, t),
+                    comments: formatPlanningComments(kid.planningComment, t),
+                    valuation: formatValuation(previousStageCriteria, criteria.key, kid.key, t)
+                };
+                table2Data.push(row);
+            });
+        });
+    });
+
+    console.log("Planning Table 2 Data:", table2Data);
+    console.log("Planning Sections:", sections);
+
+    return {
+        table1: table1Data,
+        table2: table2Data,
+        sections: sections
+    };
+};
+
+export const exportToCSV = (data, filename = "planning_data.csv", t = (key) => key) => {
+    const { table1, table2 } = data;
+    
+    let csvContent = "";
+    
+    // Add Table 1 data (vertical key-value format, no title)
+    table1.forEach(item => {
+        csvContent += `"${item.key}","${item.value}"\n`;
+    });
+    csvContent += "\n"; // Empty line separator
+    
+    // Add Table 2 header and data with planning-specific columns (correct order)
+    csvContent += `"${t('stage')}","${t('aspect')}","${t('criteria')}","${t('subcriteria')}","${t('verificationMethod')}","${t('targetCompletionDate')}","${t('evaluationDocuments')}","${t('responsiblePerson')}","${t('comments')}","${t('valuation')}"\n`;
+    
+    table2.forEach(row => {
+        const csvRow = [
+            row.stage,
+            row.aspect,
+            row.criteria,
+            row.subcriteria,
+            formatVerificationMethod(row.verificationMethod || "", true, t).replace(/"/g, '""'),
+            row.targetCompletionDate,
+            (row.evaluationDocuments || "").replace(/"/g, '""'),
+            (row.responsiblePerson || "").replace(/"/g, '""'),
+            (row.comments || "").replace(/"/g, '""'),
+            row.valuation
+        ].map(field => `"${field}"`).join(",");
+        
+        csvContent += csvRow + "\n";
+    });
+    
+    return csvContent;
+};
+
+// Utility function to download CSV file
+export const downloadCSV = (data, filename = "planning_data.csv", t = (key) => key) => {
+    const csvContent = exportToCSV(data, filename, t);
+    const blob = new Blob([csvContent], { type: 'text/csv;charset=utf-8;' });
+    const link = document.createElement("a");
+    const url = URL.createObjectURL(blob);
+    
+    link.setAttribute("href", url);
+    link.setAttribute("download", filename);
+    link.style.visibility = 'hidden';
+    document.body.appendChild(link);
+    link.click();
+    document.body.removeChild(link);
+};

package/src/@daf/core/components/ExcelTest/planningDemo.js

@@ -0,0 +1,164 @@
+import React from 'react';
+import { fixDataForExcel, exportToCSV, downloadCSV } from './planningConfig';
+import { storyData } from './storyConfig2';
+
+// Translation function for demo purposes
+const t = (key) => {
+    const translations = {
+        // Table 1 translations
+        'mine': 'Mine',
+        'module': 'Module', 
+        'sources': 'Source',
+        'version': 'Version',
+        'date': 'Date',
+        
+        // Table 2 translations
+        'stage': 'Step',
+        'aspect': 'Aspect',
+        'criteria': 'Criteria',
+        'subcriteria': 'Subcriteria', 
+        'verificationMethod': 'Means of verification',
+        'targetCompletionDate': 'Target completion date',
+        'responsiblePerson': 'Responsible person',
+        'comments': 'Comments',
+        'evaluationDocuments': 'Evaluation Documents',
+        'valuation': 'Valuation',
+        'not answered': 'not answered'
+    };
+    
+    return translations[key] || key;
+};
+
+const PlanningDemo = () => {
+    // Process the planning story data using our configuration
+    const processedData = fixDataForExcel(storyData, 1, "Planning", t);
+    
+    const handleDownloadCSV = () => {
+        downloadCSV(processedData, "planning_data.csv", t);
+    };
+    
+    const handleViewCSV = () => {
+        const csvContent = exportToCSV(processedData, "planning_data.csv", t);
+        console.log("CSV Content:", csvContent);
+        
+        // Create a downloadable blob URL for viewing
+        const blob = new Blob([csvContent], { type: 'text/csv' });
+        const url = URL.createObjectURL(blob);
+        window.open(url, '_blank');
+    };
+
+    // Helper function to render cell with gray styling for "not answered"
+    const renderCellContent = (content) => {
+        if (content === t("not answered")) {
+            return <span style={{ color: '#6c757d', opacity: 0.7, fontStyle: 'italic' }}>{content}</span>;
+        }
+        return content;
+    };
+
+    return (
+        <div style={{ padding: '20px', fontFamily: 'Arial, sans-serif' }}>
+            <h1>Planning Data Configuration Demo</h1>
+            
+            <div style={{ marginBottom: '20px' }}>
+                <button 
+                    onClick={handleDownloadCSV}
+                    style={{
+                        padding: '10px 20px',
+                        margin: '5px',
+                        backgroundColor: '#007bff',
+                        color: 'white',
+                        border: 'none',
+                        borderRadius: '4px',
+                        cursor: 'pointer'
+                    }}
+                >
+                    Download Planning CSV
+                </button>
+                <button 
+                    onClick={handleViewCSV}
+                    style={{
+                        padding: '10px 20px',
+                        margin: '5px',
+                        backgroundColor: '#28a745',
+                        color: 'white',
+                        border: 'none',
+                        borderRadius: '4px',
+                        cursor: 'pointer'
+                    }}
+                >
+                    View CSV Content
+                </button>
+            </div>
+
+            <div style={{ marginBottom: '30px' }}>
+                <h2>Table 1 - Basic Information</h2>
+                <table style={{ borderCollapse: 'collapse', width: '100%', border: '1px solid #ddd' }}>
+                    <tbody>
+                        {processedData.table1.map((item, index) => (
+                            <tr key={index}>
+                                <td style={{ border: '1px solid #ddd', padding: '8px', fontWeight: 'bold', backgroundColor: '#f8f9fa' }}>
+                                    {item.key}
+                                </td>
+                                <td style={{ border: '1px solid #ddd', padding: '8px' }}>
+                                    {item.value}
+                                </td>
+                            </tr>
+                        ))}
+                    </tbody>
+                </table>
+            </div>
+
+            <div>
+                <h2>Table 2 - Planning Data</h2>
+                <div style={{ overflowX: 'auto' }}>
+                    <table style={{ borderCollapse: 'collapse', width: '100%', border: '1px solid #ddd' }}>
+                        <thead>
+                            <tr style={{ backgroundColor: '#f8f9fa' }}>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '60px' }}>Step</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '120px' }}>Aspect</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '150px' }}>Criteria</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '150px' }}>Subcriteria</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '200px' }}>Means of verification</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '120px' }}>Target completion date</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '150px' }}>Evaluation Documents</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '150px' }}>Responsible person</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '200px' }}>Comments</th>
+                                <th style={{ border: '1px solid #ddd', padding: '8px', minWidth: '80px' }}>Valoración</th>
+                            </tr>
+                        </thead>
+                        <tbody>
+                            {processedData.table2.map((row, index) => (
+                                <tr key={index} style={{ backgroundColor: index % 2 === 0 ? '#ffffff' : '#f8f9fa' }}>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px' }}>{renderCellContent(row.stage)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px' }}>{renderCellContent(row.aspect)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px' }}>{renderCellContent(row.criteria)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px' }}>{renderCellContent(row.subcriteria)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px', whiteSpace: 'pre-wrap' }}>{renderCellContent(row.verificationMethod)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px' }}>{renderCellContent(row.targetCompletionDate)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px', whiteSpace: 'pre-wrap' }}>{renderCellContent(row.evaluationDocuments)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px' }}>{renderCellContent(row.responsiblePerson)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px' }}>{renderCellContent(row.comments)}</td>
+                                    <td style={{ border: '1px solid #ddd', padding: '8px' }}>{renderCellContent(row.valuation)}</td>
+                                </tr>
+                            ))}
+                        </tbody>
+                    </table>
+                </div>
+            </div>
+
+            <div style={{ marginTop: '30px', padding: '15px', backgroundColor: '#e9ecef', borderRadius: '4px' }}>
+                <h3>Data Structure Overview</h3>
+                <p><strong>Planning-specific fields extracted:</strong></p>
+                <ul>
+                    <li><strong>Target Completion Date:</strong> From <code>data?.criteria</code> → <code>targetCompletionDate</code></li>
+                    <li><strong>Responsible Person:</strong> From <code>data?.criteria</code> → <code>accountablePersonnel</code> (array joined with commas)</li>
+                    <li><strong>Comments:</strong> From <code>data?.criteria</code> → <code>planningComment</code> (array of objects with text key)</li>
+                    <li><strong>Evaluation Documents:</strong> From <code>previousStage?.criteria</code> → <code>documentation</code> → <code>documents</code> → <code>name</code> (with dashes on new lines)</li>
+                    <li><strong>Valuation:</strong> From individual field <code>valuation</code> property</li>
+                </ul>
+            </div>
+        </div>
+    );
+};
+
+export default PlanningDemo;