@topconsultnpm/sdkui-react-beta 6.16.81 → 6.16.82
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/assets/icomoon.svg +96 -96
- package/lib/assets/italy.svg +16 -16
- package/lib/assets/topmedia-six.svg +65 -65
- package/lib/assets/topmeida-six-bianco.svg +65 -65
- package/lib/components/features/workflow/diagram/DiagramItemSvgContent.js +1 -1
- package/lib/components/features/workflow/diagram/WFDiagram.js +31 -9
- package/package.json +1 -1
|
@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
|
|
|
2
2
|
import { useState, useEffect, useCallback, useRef, useMemo } from 'react';
|
|
3
3
|
import { DiagramItemTypes, ArrowSymbol } from './interfaces';
|
|
4
4
|
import { parseWfDiagramXml, serializeWfDiagramToXml } from './xmlParser';
|
|
5
|
-
import styled, { keyframes } from 'styled-components';
|
|
5
|
+
import styled, { css, keyframes } from 'styled-components';
|
|
6
6
|
import { CultureIDs, SearchEngine, WFAppTypes, WorkItemStatus } from "@topconsultnpm/sdk-ts-beta";
|
|
7
7
|
import ConnectionComponent from './ConnectionComponent';
|
|
8
8
|
import DiagramItemComponent from './DiagramItemComponent';
|
|
@@ -82,13 +82,17 @@ const CanvasContainer = styled.div `
|
|
|
82
82
|
`;
|
|
83
83
|
const pulse = keyframes `
|
|
84
84
|
0% {
|
|
85
|
-
|
|
85
|
+
transform: scale(1.0);
|
|
86
|
+
/* 💡 NUOVO: Ombra bianca/chiara per massimo contrasto contro il blu */
|
|
87
|
+
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.9);
|
|
86
88
|
}
|
|
87
|
-
|
|
88
|
-
|
|
89
|
+
50% {
|
|
90
|
+
transform: scale(1.3); /* Aumentato a 1.3 per maggiore impatto visivo */
|
|
91
|
+
box-shadow: 0 0 0 12px rgba(255, 255, 255, 0); /* Aumentato lo spread a 12px */
|
|
89
92
|
}
|
|
90
93
|
100% {
|
|
91
|
-
|
|
94
|
+
transform: scale(1.0);
|
|
95
|
+
box-shadow: 0 0 0 0px rgba(255, 255, 255, 0);
|
|
92
96
|
}
|
|
93
97
|
`;
|
|
94
98
|
const ToolbarContainer = styled.div `
|
|
@@ -119,8 +123,6 @@ const ToolbarContainer = styled.div `
|
|
|
119
123
|
overflow-y: auto;
|
|
120
124
|
|
|
121
125
|
button {
|
|
122
|
-
|
|
123
|
-
|
|
124
126
|
background: none;
|
|
125
127
|
border: none;
|
|
126
128
|
cursor: pointer;
|
|
@@ -129,8 +131,28 @@ const ToolbarContainer = styled.div `
|
|
|
129
131
|
align-items: center;
|
|
130
132
|
justify-content: ${props => props.$isCollapsed || props.$isFloating ? 'center' : 'flex-start'}; // Centra icone in entrambe le modalità
|
|
131
133
|
white-space: nowrap;
|
|
132
|
-
|
|
133
|
-
|
|
134
|
+
|
|
135
|
+
position: relative;
|
|
136
|
+
overflow: visible;
|
|
137
|
+
transition: background-color 0.3s; /* Aggiunto transform per l'animazione */
|
|
138
|
+
&[title="Progettazione"] {
|
|
139
|
+
${props => props.$isReadOnly && css `
|
|
140
|
+
svg {
|
|
141
|
+
/* Applicazione animazione */
|
|
142
|
+
animation: ${pulse} 2s infinite;
|
|
143
|
+
|
|
144
|
+
/* Assicura che l'animazione sia sopra */
|
|
145
|
+
z-index: 2;
|
|
146
|
+
|
|
147
|
+
/* FIX: box-shadow e transform necessitano di spazio visibile */
|
|
148
|
+
overflow: visible; /* Assicurati che l'SVG non tagli l'ombra */
|
|
149
|
+
position: relative; /* Necessario per z-index in alcuni contesti */
|
|
150
|
+
|
|
151
|
+
/* Assicura una transizione base per trasformazione */
|
|
152
|
+
transition: transform 0.2s;
|
|
153
|
+
}
|
|
154
|
+
`}
|
|
155
|
+
}
|
|
134
156
|
|
|
135
157
|
svg {
|
|
136
158
|
color: white;
|