@topconsultnpm/sdkui-react 6.21.0-dev3.35 → 6.21.0-dev3.37

package/lib/components/base/TMPopUp.js

@@ -311,6 +311,23 @@ const TMExceptionBox = ({ resizable = false, exception, title = `${SDK_Globals.a
         navigator.clipboard.writeText(e);
         ShowAlert({ mode: 'success', duration: 3000, message: SDKUI_Localizator.CopiedSuccessfully, title: 'Success' });
     };
+    const handleClose = useCallback(() => {
+        onClose?.();
+        setIsVisible(false);
+    }, [onClose]);
+    const handleKeyDown = useCallback((e) => {
+        if (e.key === 'Enter' || e.key === 'Escape') {
+            e.preventDefault();
+            e.stopPropagation();
+            handleClose();
+        }
+    }, [handleClose]);
+    useEffect(() => {
+        if (!isVisible)
+            return;
+        window.addEventListener('keydown', handleKeyDown, true);
+        return () => window.removeEventListener('keydown', handleKeyDown, true);
+    }, [isVisible, handleKeyDown]);
     const ExceptionToolbar = () => {
         return (_jsxs(StyledExeptionToolbar, { children: [_jsx(TMButton, { color: 'primaryOutline', btnStyle: 'text', onClick: () => copyToClipBoard(getFullMessage()), caption: SDKUI_Localizator.CopyToClipboard, showTooltip: false }), _jsx(TMButton, { btnStyle: 'text', onClick: () => { onClose?.(); setIsVisible(false); }, caption: SDKUI_Localizator.Close, showTooltip: false, color: 'error' })] }));
     };

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

@@ -10,6 +10,7 @@ interface TMWizardProps {
     initialData: any;
     title: string;
     description: string;
+    initialStep?: number;
     validateOnlyCurrentStep?: boolean;
     onClose: () => void;
     onFinish: (data: any) => void;

package/lib/components/wizard/TMWizard.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // TMWizard.tsx
-import React, { useState } from 'react';
+import React, { useState, useEffect } from 'react';
 import styled from 'styled-components';
 import { ResultTypes } from '@topconsultnpm/sdk-ts';
 import TMButton from '../base/TMButton';
@@ -40,9 +40,11 @@ const ControlsContainer = styled.div `
     padding: 15px 20px;
     border-top: 1px solid #eee; 
 `;
-const TMWizard = ({ steps, validateOnlyCurrentStep = true, onClose, onFinish, initialData, title, description }) => {
-    const [currentStep, setCurrentStep] = useState(0);
+const TMWizard = ({ steps, validateOnlyCurrentStep = true, onClose, onFinish, initialData, title, description, initialStep = 0 }) => {
+    const [currentStep, setCurrentStep] = useState(initialStep);
     const [formData, setFormData] = useState(initialData);
+    useEffect(() => { setCurrentStep(initialStep); }, [initialStep]);
+    useEffect(() => { setFormData(initialData); }, [initialData]);
     const stepValidationErrors = steps.map((step, index) => {
         if (validateOnlyCurrentStep) {
             if (index <= currentStep) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.21.0-dev3.35",
+    "version": "6.21.0-dev3.37",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",