@topconsultnpm/sdkui-react-beta 6.17.3 → 6.17.5

package/lib/components/wizard/TMWizard.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from 'react';
+import { ValidationItem } from '@topconsultnpm/sdk-ts-beta';
+export interface WizardStep {
+    title: string;
+    content: ReactNode;
+    validator?: (data: any) => ValidationItem[];
+}
+interface TMWizardProps {
+    steps: WizardStep[];
+    initialData: any;
+    title: string;
+    description: string;
+    validateOnlyCurrentStep?: boolean;
+    onClose: () => void;
+    onFinish: (data: any) => void;
+}
+declare const TMWizard: React.FC<TMWizardProps>;
+export default TMWizard;

package/lib/components/wizard/TMWizard.js

@@ -0,0 +1,93 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// TMWizard.tsx
+import React, { useState } from 'react';
+import styled from 'styled-components';
+import { ResultTypes } from '@topconsultnpm/sdk-ts-beta';
+import TMButton from '../base/TMButton';
+import StepIndicator from './TMStepIndicator';
+const WizardContainer = styled.div `
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    background-color: white; 
+    padding: 8px;
+`;
+const WizardHeader = styled.div `
+    flex-shrink: 0;
+    padding: 0 20px 20px 20px;
+`;
+const WizardTitle = styled.h2 `
+    font-size: 1.3em;
+    font-weight: bold;
+    margin: 0;
+    color: #333;
+`;
+const WizardDescription = styled.p `
+    font-size: 1em; 
+    margin-top: 5px;
+    color: #666; 
+`;
+const StepContent = styled.div `
+    flex-grow: 1; 
+    overflow-y: auto;
+    padding: 20px;
+`;
+const ControlsContainer = styled.div `
+    flex-shrink: 0;
+    display: flex;
+    justify-content: flex-end;
+    gap: 15px;
+    padding: 15px 20px;
+    border-top: 1px solid #eee; 
+`;
+const TMWizard = ({ steps, validateOnlyCurrentStep = true, onClose, onFinish, initialData, title, description }) => {
+    const [currentStep, setCurrentStep] = useState(0);
+    const [formData, setFormData] = useState(initialData);
+    const stepValidationErrors = steps.map((step, index) => {
+        if (validateOnlyCurrentStep) {
+            if (index <= currentStep) {
+                const validator = step.validator;
+                return validator ? validator(formData) : [];
+            }
+            // Per gli step futuri, lo stato di validazione è un array vuoto (nessun errore visualizzato)
+            return [];
+        }
+        else {
+            const validator = step.validator;
+            // Se c'è un validatore, esegue e ritorna l'array di ValidationItem, altrimenti un array vuoto
+            return validator ? validator(formData) : [];
+        }
+    });
+    const currentStepValidationErrors = stepValidationErrors[currentStep];
+    const isStepValid = !currentStepValidationErrors.some(v => v.ResultType === ResultTypes.ERROR);
+    const handleNext = () => {
+        if (currentStep < steps.length - 1) {
+            setCurrentStep(currentStep + 1);
+        }
+    };
+    const handleBack = () => {
+        if (currentStep > 0) {
+            setCurrentStep(currentStep - 1);
+        }
+    };
+    const handleFinish = () => {
+        // Logica finale di validazione/salvataggio
+        onFinish(formData);
+    };
+    // Funzione per passare i dati dello step al componente figlio
+    const currentStepContent = steps[currentStep].content;
+    const isLastStep = currentStep === steps.length - 1;
+    // Funzione per passare l'oggetto di stato COMPLETO al componente figlio
+    const renderStep = () => {
+        if (React.isValidElement(currentStepContent)) {
+            return React.cloneElement(currentStepContent, {
+                stepData: formData,
+                onDataChange: setFormData,
+                validationErrors: currentStepValidationErrors,
+            });
+        }
+        return currentStepContent;
+    };
+    return (_jsxs(WizardContainer, { children: [_jsxs(WizardHeader, { children: [_jsx(WizardTitle, { children: title }), _jsx(WizardDescription, { children: description })] }), _jsx(StepIndicator, { steps: steps, currentStepIndex: currentStep, stepValidityStatuses: stepValidationErrors }), _jsx(StepContent, { children: renderStep() }), _jsxs(ControlsContainer, { children: [_jsx(TMButton, { caption: 'Annulla', showTooltip: false, onClick: onClose }), _jsx(TMButton, { caption: 'Indietro', showTooltip: false, onClick: handleBack, disabled: currentStep === 0 }), !isLastStep ? (_jsx(TMButton, { caption: 'Avanti', showTooltip: false, onClick: handleNext, disabled: !isStepValid })) : (_jsx(TMButton, { caption: 'Fine', showTooltip: false, onClick: handleFinish, disabled: !isStepValid, color: "primary" }))] })] }));
+};
+export default TMWizard;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.17.3",
+    "version": "6.17.5",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",