@topconsultnpm/sdkui-react 6.19.0-test.1 → 6.19.0-test2

package/lib/components/features/workflow/diagram/RecipientList.js

@@ -23,47 +23,47 @@ export var WorkItemActorTypes;
     WorkItemActorTypes[WorkItemActorTypes["FXID"] = 5] = "FXID";
     WorkItemActorTypes[WorkItemActorTypes["STID"] = 6] = "STID";
 })(WorkItemActorTypes || (WorkItemActorTypes = {}));
-const RecipientsColumn = styled.div `
-  flex: 1;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  padding: 10px;
-  min-width: 300px;
-  position: relative;
+const RecipientsColumn = styled.div `
+  flex: 1;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  padding: 10px;
+  min-width: 300px;
+  position: relative;
 `;
-const HeaderContainer = styled.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  position: relative;
-  margin-bottom: 10px;
+const HeaderContainer = styled.div `
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  position: relative;
+  margin-bottom: 10px;
 `;
-const RecipientItem = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 5px;
-  padding: 2px 5px;
-  border-radius: 3px;
-
-  background-color: ${props => props.$isSelected ? '#e6f7ff' : 'transparent'}; 
-  border: ${props => props.$isSelected ? '1px solid #91d5ff' : '1px solid transparent'};
+const RecipientItem = styled.div `
+  display: flex;
+  align-items: center;
+  gap: 5px;
+  padding: 2px 5px;
+  border-radius: 3px;
+
+  background-color: ${props => props.$isSelected ? '#e6f7ff' : 'transparent'}; 
+  border: ${props => props.$isSelected ? '1px solid #91d5ff' : '1px solid transparent'};
 `;
-const FloatingMenu = styled.div `
-  position: absolute;
-  top: 100%; /* Si apre sotto il bottone */
-  right: 0; /* Allinea il bordo destro del menu con quello del genitore */
-  background-color: white;
-  border: 1px solid #ccc;
-  border-radius: 5px;
-  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
-  z-index: 10;
-  display: flex;
-  flex-direction: column; /* Disposizione verticale */
-  gap: 5px;
-  padding: 5px;
-  min-width: 150px;
-  transform: translateY(5px);
-  align-items: center; /* Centra i pulsanti orizzontalmente */
+const FloatingMenu = styled.div `
+  position: absolute;
+  top: 100%; /* Si apre sotto il bottone */
+  right: 0; /* Allinea il bordo destro del menu con quello del genitore */
+  background-color: white;
+  border: 1px solid #ccc;
+  border-radius: 5px;
+  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
+  z-index: 10;
+  display: flex;
+  flex-direction: column; /* Disposizione verticale */
+  gap: 5px;
+  padding: 5px;
+  min-width: 150px;
+  transform: translateY(5px);
+  align-items: center; /* Centra i pulsanti orizzontalmente */
 `;
 // FloatingMenuButton wrapper component to avoid circular dependency
 const FloatingMenuButton = (props) => {
@@ -199,6 +199,6 @@ const RecipientList = ({ recipients, title, tid, qd, onAdd, onRemove, onQDChange
                                 onRemove(recipient);
                                 setUiState(prevState => ({ ...prevState, selectedRecipientIndex: null })); // Resetta la selezione
                             } }), renderActorViewer(recipient)] }, index))) }), uiState.showUserChooser && _jsx(TMUserChooserForm, { allowMultipleSelection: true, allowSorting: true, onClose: () => setUiState(prevState => ({ ...prevState, showUserChooser: false })), onChoose: (IDs) => handleUserChosen(IDs) }), uiState.showGroupChooser && _jsx(TMGroupChooserForm, { allowMultipleSelection: true, allowSorting: true, onClose: () => setUiState(prevState => ({ ...prevState, showGroupChooser: false })), onChoose: (IDs) => handleGroupChosen(IDs) }), uiState.showMetadataChooser && tid && _jsx(TMMetadataChooserForm, { allowMultipleSelection: true, allowSorting: true, tids: [tid], onClose: () => setUiState(prevState => ({ ...prevState, showMetadataChooser: false })), onChoose: (IDs) => handleMetadataChosen(IDs) }), uiState.showQdEditor &&
-                _jsx(TMModal, { title: SDKUI_Localizator.QueryDefine, onClose: () => setUiState(prevState => ({ ...prevState, showQdEditor: false })), children: _jsx(TMQueryEditor, { inputData: qd, formMode: FormModes.Update, onApplied: handleQdChosen, onClose: () => setUiState(prevState => ({ ...prevState, showQdEditor: false })) }) })] }));
+                _jsx(TMModal, { title: SDKUI_Localizator.QueryDefine, onClose: () => setUiState(prevState => ({ ...prevState, showQdEditor: false })), children: _jsx(TMQueryEditor, { inputData: qd, formMode: FormModes.Update, showDistinct: true, onApplied: handleQdChosen, onClose: () => setUiState(prevState => ({ ...prevState, showQdEditor: false })) }) })] }));
 };
 export default RecipientList;