@topconsultnpm/sdkui-react 6.22.0-dev3.9 → 6.22.0-dev4.10

package/lib/components/features/wg/TMWGsCopyMoveForm.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { ResultTypes, SDK_Globals, WorkingGroupCacheService, WorkingGroupEngine } from "@topconsultnpm/sdk-ts";
 import { TreeView } from 'devextreme-react';
+import { LoadIndicator } from 'devextreme-react/load-indicator';
 import styled from 'styled-components';
 import { buildFolderHierarchy, findFileItems, setFolderTreeViewItems } from '../../base/TMFileManagerUtils';
-import TMSpinner from '../../base/TMSpinner';
 import { TMExceptionBoxManager } from '../../base/TMPopUp';
 import { useDeviceType } from '../../base/TMDeviceProvider';
 import { SDKUI_Localizator, getExceptionMessage, Globalization, IconUserGroup, IconFolder, calcResponsiveSizes } from '../../../helper';
@@ -13,7 +13,8 @@ import { FormModes } from '../../../ts';
 import { TMColors } from '../../../utils/theme';
 import TMDataGrid from '../../base/TMDataGrid';
 import TMTooltip from '../../base/TMTooltip';
-import { TMLayoutWaitingContainer } from '../../base/TMWaitPanel';
+import TMLayoutContainer from '../../base/TMLayout';
+import TMWaitPanelManager from '../../base/waitPanel/TMWaitPanelManager';
 import { TMResultManager } from '../../forms/TMResultDialog';
 import TMSaveForm from '../../forms/TMSaveForm';
 // Returns a formatted name and optional description based on document type and item DID.
@@ -34,7 +35,6 @@ export const getDocumentDisplayInfo = (descriptor, item) => {
         : '';
     return { name, description };
 };
-let abortController = new AbortController();
 const TMWGsCopyMoveForm = (props) => {
     const { mode, workingGroups, context, folder, onClose, focusedWorkingGroupId = undefined, fetchTreeFileSystemForWorkingGroup, fetchArchivedDocumentsForWorkingGroup } = props;
     // Destructure context to get the current working group descriptor or document type descriptor based on the engine type
@@ -58,18 +58,10 @@ const TMWGsCopyMoveForm = (props) => {
     const [treeViewData, setTreeViewData] = useState([]);
     // State to manage the selected file
     const [selectedFolder, setSelectedFolder] = useState(undefined);
-    // State variable to control the visibility of the wait panel
-    const [showWaitPanel, setShowWaitPanel] = useState(false);
-    // State variable to store the title of the wait panel
-    const [waitPanelTitle, setWaitPanelTitle] = useState('');
-    // State variable to control the visibility of the primary section of the wait panel
-    const [showPrimary, setShowPrimary] = useState(false);
-    // State variable to store the primary text of the wait panel
-    const [waitPanelTextPrimary, setWaitPanelTextPrimary] = useState('');
-    // State variable to track the current value of the primary progress indicator in the wait panel
-    const [waitPanelValuePrimary, setWaitPanelValuePrimary] = useState(0);
-    // State variable to define the maximum value for the primary progress indicator in the wait panel
-    const [waitPanelMaxValuePrimary, setWaitPanelMaxValuePrimary] = useState(0);
+    // True until the list of working groups is ready
+    const [isLoadingWgs, setIsLoadingWgs] = useState(true);
+    // Id of the working group whose folder tree has been loaded
+    const [loadedTreeWgId, setLoadedTreeWgId] = useState(undefined);
     // State to manage the current working group descriptor, initially set to the one from context
     const steps = useMemo(() => {
         return mode === 'copyToWgArchivedDoc'
@@ -104,7 +96,6 @@ const TMWGsCopyMoveForm = (props) => {
             let groupsToUse = workingGroups;
             if (!groupsToUse) {
                 try {
-                    TMSpinner.show({ description: SDKUI_Localizator.LoadingWorkGroups });
                     // Clear cache and fetch working groups
                     WorkingGroupCacheService.RemoveAll();
                     const fetchedGroups = await WorkingGroupCacheService.GetAllAsync();
@@ -113,9 +104,6 @@ const TMWGsCopyMoveForm = (props) => {
                 catch (error) {
                     TMExceptionBoxManager.show({ exception: error });
                 }
-                finally {
-                    TMSpinner.hide();
-                }
             }
             if (groupsToUse) {
                 const sortedGroups = [...groupsToUse].sort((a, b) => {
@@ -134,6 +122,7 @@ const TMWGsCopyMoveForm = (props) => {
                     setCurrentStep(1);
                 }
             }
+            setIsLoadingWgs(false);
         };
         loadWorkingGroups();
     }, [workingGroups, currentWorkingGroupDescriptor]);
@@ -154,11 +143,16 @@ const TMWGsCopyMoveForm = (props) => {
             catch (error) {
                 TMExceptionBoxManager.show({ exception: error });
             }
+            finally {
+                setLoadedTreeWgId(selectedWg.id);
+            }
         };
         if (selectedWg && wgs.length) {
             fetchWgTree();
         }
     }, [selectedWg, wgs]);
+    // Loading while the working groups are fetched, or while the folder tree of the selected working group is not loaded yet
+    const isLoading = isLoadingWgs || (currentStep === 1 && mode !== 'copyToWgArchivedDoc' && !!selectedWg?.id && loadedTreeWgId !== selectedWg.id);
     // When the current step resets to the first step (index 0), clear the selected folder by setting it to undefined
     useEffect(() => {
         if (currentStep === 0) {
@@ -235,86 +229,95 @@ const TMWGsCopyMoveForm = (props) => {
             if (missingWgOrFolder) {
                 return Promise.resolve();
             }
-            setWaitPanelTitle(mode !== 'move' ? SDKUI_Localizator.Copy : SDKUI_Localizator.Move);
-            setShowWaitPanel(true);
-            setShowPrimary(true);
-            abortController = new AbortController();
             let result = [];
             const totalDrafts = context.selectedDrafts.length;
-            setWaitPanelMaxValuePrimary(totalDrafts);
-            const workingGroupEngine = new WorkingGroupEngine(SDK_Globals.tmSession);
-            const selectedFolderId = selectedFolder?.id === -1 ? 0 : selectedFolder?.id ?? 0;
-            const isWgEngine = context.engine === 'WorkingGroupEngine';
-            const isSearchEngine = context.engine === 'SearchEngine';
-            for (let i = 0; i < totalDrafts; i++) {
-                if (abortController.signal.aborted) {
-                    result.push({
-                        rowIndex: i + 1,
-                        id1: i + 1,
-                        id2: i + 1,
-                        resultType: ResultTypes.WARNING,
-                        description: SDKUI_Localizator.OperationFilesInterrupted.replaceParams(i + 1)
-                    });
-                    break;
-                }
-                setWaitPanelValuePrimary(i + 1);
-                setWaitPanelTextPrimary(`${i + 1}/${totalDrafts}`);
-                const item = context.selectedDrafts[i];
-                try {
-                    if (isWgEngine && targetWorkingGroup && targetWorkingGroup.id && currentWorkingGroupDescriptor && currentWorkingGroupDescriptor.id && selectedFolder && item.did) {
-                        const draft = item;
-                        const did = draft.did ?? 0;
-                        if (mode === 'copy') {
-                            await workingGroupEngine.DraftsCopyAsync(currentWorkingGroupDescriptor.id, did, targetWorkingGroup.id, selectedFolderId);
-                            if (fetchTreeFileSystemForWorkingGroup) {
-                                await fetchTreeFileSystemForWorkingGroup(targetWorkingGroup.id);
+            const waitPanel = TMWaitPanelManager.show({
+                title: mode !== 'move' ? SDKUI_Localizator.Copy : SDKUI_Localizator.Move,
+                max: totalDrafts,
+                cancelable: true,
+            });
+            try {
+                const workingGroupEngine = new WorkingGroupEngine(SDK_Globals.tmSession);
+                const selectedFolderId = selectedFolder?.id === -1 ? 0 : selectedFolder?.id ?? 0;
+                const isWgEngine = context.engine === 'WorkingGroupEngine';
+                const isSearchEngine = context.engine === 'SearchEngine';
+                for (let i = 0; i < totalDrafts; i++) {
+                    if (waitPanel.aborted) {
+                        result.push({
+                            rowIndex: i + 1,
+                            id1: i + 1,
+                            id2: i + 1,
+                            resultType: ResultTypes.WARNING,
+                            // Il controllo precede l'elemento i: quelli elaborati sono i, non i + 1.
+                            description: SDKUI_Localizator.OperationItemsInterrupted.replaceParams(i)
+                        });
+                        waitPanel.warning(1, SDKUI_Localizator.OperationItemsInterrupted.replaceParams(i));
+                        break;
+                    }
+                    waitPanel.setSubtitle(`${i + 1}/${totalDrafts}`);
+                    const item = context.selectedDrafts[i];
+                    try {
+                        if (isWgEngine && targetWorkingGroup && targetWorkingGroup.id && currentWorkingGroupDescriptor && currentWorkingGroupDescriptor.id && selectedFolder && item.did) {
+                            const draft = item;
+                            const did = draft.did ?? 0;
+                            if (mode === 'copy') {
+                                await workingGroupEngine.DraftsCopyAsync(currentWorkingGroupDescriptor.id, did, targetWorkingGroup.id, selectedFolderId);
+                                if (fetchTreeFileSystemForWorkingGroup) {
+                                    await fetchTreeFileSystemForWorkingGroup(targetWorkingGroup.id);
+                                }
+                            }
+                            else if (mode === 'move') {
+                                await workingGroupEngine.DraftsMoveAsync(currentWorkingGroupDescriptor.id, did, targetWorkingGroup.id, selectedFolderId);
+                                if (fetchTreeFileSystemForWorkingGroup) {
+                                    await fetchTreeFileSystemForWorkingGroup(targetWorkingGroup.id);
+                                    await fetchTreeFileSystemForWorkingGroup(currentWorkingGroupDescriptor.id);
+                                }
                             }
                         }
-                        else if (mode === 'move') {
-                            await workingGroupEngine.DraftsMoveAsync(currentWorkingGroupDescriptor.id, did, targetWorkingGroup.id, selectedFolderId);
-                            if (fetchTreeFileSystemForWorkingGroup) {
-                                await fetchTreeFileSystemForWorkingGroup(targetWorkingGroup.id);
-                                await fetchTreeFileSystemForWorkingGroup(currentWorkingGroupDescriptor.id);
+                        else if (isSearchEngine) {
+                            if (mode === 'copyToWgDraft' && targetWorkingGroup && targetWorkingGroup.id && selectedFolder && currentDcmtTypeDescriptor) {
+                                const documentDisplayInfo = getDocumentDisplayInfo(currentDcmtTypeDescriptor, item);
+                                await workingGroupEngine.DraftsAddByIDAsync(targetWorkingGroup.id, selectedFolderId, documentDisplayInfo.name, documentDisplayInfo.description, item.TID, item.DID);
+                                if (fetchTreeFileSystemForWorkingGroup)
+                                    await fetchTreeFileSystemForWorkingGroup(targetWorkingGroup.id);
+                            }
+                            else if (mode === 'copyToWgArchivedDoc' && targetWorkingGroup && targetWorkingGroup.id) {
+                                await workingGroupEngine.DcmtsAddOrRemoveAsync(targetWorkingGroup.id, item.TID, item.DID, false);
+                                if (fetchArchivedDocumentsForWorkingGroup)
+                                    await fetchArchivedDocumentsForWorkingGroup(targetWorkingGroup.id);
                             }
                         }
+                        result.push({
+                            rowIndex: i + 1,
+                            id1: item.DID ?? i + 1,
+                            id2: item.TID ?? i + 1,
+                            description: SDKUI_Localizator.UpdateCompletedSuccessfully,
+                            resultType: ResultTypes.SUCCESS
+                        });
+                        waitPanel.ok();
                     }
-                    else if (isSearchEngine) {
-                        if (mode === 'copyToWgDraft' && targetWorkingGroup && targetWorkingGroup.id && selectedFolder && currentDcmtTypeDescriptor) {
-                            const documentDisplayInfo = getDocumentDisplayInfo(currentDcmtTypeDescriptor, item);
-                            await workingGroupEngine.DraftsAddByIDAsync(targetWorkingGroup.id, selectedFolderId, documentDisplayInfo.name, documentDisplayInfo.description, item.TID, item.DID);
-                            if (fetchTreeFileSystemForWorkingGroup)
-                                await fetchTreeFileSystemForWorkingGroup(targetWorkingGroup.id);
-                        }
-                        else if (mode === 'copyToWgArchivedDoc' && targetWorkingGroup && targetWorkingGroup.id) {
-                            await workingGroupEngine.DcmtsAddOrRemoveAsync(targetWorkingGroup.id, item.TID, item.DID, false);
-                            if (fetchArchivedDocumentsForWorkingGroup)
-                                await fetchArchivedDocumentsForWorkingGroup(targetWorkingGroup.id);
-                        }
+                    catch (err) {
+                        const description = getExceptionMessage(err);
+                        result.push({
+                            rowIndex: i + 1,
+                            id1: item.DID ?? i + 1,
+                            id2: item.TID ?? i + 1,
+                            resultType: ResultTypes.ERROR,
+                            description
+                        });
+                        // Bozza: nome del file; documento archiviato: DID.
+                        const label = item.name ?? `DID ${item.DID ?? item.did}`;
+                        waitPanel.error(1, `${label}: ${description}`);
                     }
-                    result.push({
-                        rowIndex: i + 1,
-                        id1: item.DID ?? i + 1,
-                        id2: item.TID ?? i + 1,
-                        description: SDKUI_Localizator.UpdateCompletedSuccessfully,
-                        resultType: ResultTypes.SUCCESS
-                    });
-                }
-                catch (err) {
-                    result.push({
-                        rowIndex: i + 1,
-                        id1: item.DID ?? i + 1,
-                        id2: item.TID ?? i + 1,
-                        resultType: ResultTypes.ERROR,
-                        description: getExceptionMessage(err)
-                    });
+                    await waitPanel.step();
                 }
             }
-            setWaitPanelTextPrimary('');
-            setWaitPanelMaxValuePrimary(0);
-            setWaitPanelValuePrimary(0);
-            setShowWaitPanel(false);
-            TMResultManager.show(result, mode !== 'move' ? SDKUI_Localizator.Copy : SDKUI_Localizator.Move, "ID", undefined);
+            finally {
+                waitPanel.close();
+            }
             onClose();
+            // Shown after the modal has closed: the alert animation is time-based, so it must not start while the page is still busy re-rendering
+            setTimeout(() => TMResultManager.show(result, mode !== 'move' ? SDKUI_Localizator.Copy : SDKUI_Localizator.Move, "ID", undefined), 0);
         }
         catch (e) {
             TMExceptionBoxManager.show({ exception: e });
@@ -365,7 +368,7 @@ const TMWGsCopyMoveForm = (props) => {
         const tooltipContent = _jsxs("div", { style: { textAlign: "center" }, children: [_jsx("span", { style: { fontWeight: 'bold' }, children: "ID" }), ": ", itemData.id] });
         return (_jsxs("div", { style: { whiteSpace: "nowrap", display: "flex", alignItems: "center" }, className: isSelected ? 'treeview-selected-item-manager' : '', children: [_jsx(TMTooltip, { content: tooltipContent, children: _jsx(IconFolder, { fontSize: 24, style: { marginRight: 5, color: TMColors.iconLight } }) }), itemData.text] }));
     };
-    return _jsx(TMSaveForm, { title: getTitle(), showTitleFormMode: false, showErrorCount: false, showUndoButton: false, hasNavigation: false, skipIsModifiedCheck: true, isModal: true, width: calcResponsiveSizes(deviceType, '800px', '800px', '95%'), height: '550px', validationItems: validationItems, exception: exception, isModified: isLocalSelectionModified(), showToolbar: false, showSaveButton: false, onClose: onClose, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showWaitPanel, showWaitPanelPrimary: showPrimary, waitPanelTitle: waitPanelTitle, waitPanelTextPrimary: waitPanelTextPrimary, waitPanelValuePrimary: waitPanelValuePrimary, waitPanelMaxValuePrimary: waitPanelMaxValuePrimary, isCancelable: true, abortController: abortController, children: [_jsx("div", { style: { width: "100%", height: '48px' }, children: _jsx(TMStepNavigator, { steps: steps, currentStep: adjustedCurrentStep, onStepChange: (stepIndex) => { setCurrentStep(stepIndex); } }) }), _jsxs("div", { style: {
+    return _jsx(TMSaveForm, { title: getTitle(), showTitleFormMode: false, showErrorCount: false, showUndoButton: false, hasNavigation: false, skipIsModifiedCheck: true, isModal: true, width: calcResponsiveSizes(deviceType, '800px', '800px', '95%'), height: '550px', validationItems: validationItems, exception: exception, isModified: isLocalSelectionModified(), showToolbar: false, showSaveButton: false, onClose: onClose, children: _jsxs(TMLayoutContainer, { direction: 'vertical', children: [_jsx("div", { style: { width: "100%", height: '48px' }, children: _jsx(TMStepNavigator, { steps: steps, currentStep: adjustedCurrentStep, onStepChange: (stepIndex) => { setCurrentStep(stepIndex); } }) }), _jsxs("div", { style: {
                         marginTop: '10px',
                         padding: '10px',
                         borderRadius: '8px',
@@ -374,8 +377,9 @@ const TMWGsCopyMoveForm = (props) => {
                         width: '100%',
                         height: 'calc(100% - 113px)',
                         overflow: 'auto',
-                    }, children: [(currentStep === 0 && wgs.length > 0) &&
-                            _jsx(TMDataGrid, { dataColumns: dataColumns, dataSource: wgs, selection: selection, focusedRowKey: focusedRowKey, onFocusedRowChanged: onFocusedRowChanged, selectedRowKeys: [...selectedRowKeys], onSelectionChanged: onSelectionChanged, onRowClick: onRowClick, onRowDblClick: onRowDblClick, autoNavigateToFocusedRow: true, showColumnHeaders: false }), (currentStep === 1) &&
+                    }, children: [isLoading &&
+                            _jsxs("div", { style: { width: '100%', height: '100%', display: 'flex', flexDirection: 'column', justifyContent: 'center', alignItems: 'center', gap: '10px' }, children: [_jsx(LoadIndicator, { height: 40, width: 40 }), _jsx("div", { children: currentStep === 0 ? SDKUI_Localizator.LoadingWorkGroups : SDKUI_Localizator.Loading })] }), (!isLoading && currentStep === 0 && wgs.length > 0) &&
+                            _jsx(TMDataGrid, { dataColumns: dataColumns, dataSource: wgs, selection: selection, focusedRowKey: focusedRowKey, onFocusedRowChanged: onFocusedRowChanged, selectedRowKeys: [...selectedRowKeys], onSelectionChanged: onSelectionChanged, onRowClick: onRowClick, onRowDblClick: onRowDblClick, autoNavigateToFocusedRow: true, showColumnHeaders: false }), (!isLoading && currentStep === 1) &&
                             _jsx(TreeView, { dataSource: treeViewData, displayExpr: "text", itemRender: renderTreeViewItem, onItemClick: handleTreeViewItemClick })] }), _jsxs("div", { style: {
                         width: "100%",
                         height: '45px',

package/lib/components/features/workflow/TMWorkflowPopup.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { DcmtTypeDescriptor, HomeBlogPost, TaskDescriptor, WFDescriptor } from '@topconsultnpm/sdk-ts';
 import { DeviceType } from "../../base/TMDeviceProvider";
 import { WorkItemDetail } from "../../../ts";
@@ -33,7 +32,7 @@ interface IWorkflowOperationButtonsProps {
     handleNavigateToWGs?: (value: HomeBlogPost | number) => Promise<void>;
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
 }
-export declare const WorkFlowOperationButtons: (props: IWorkflowOperationButtonsProps) => React.JSX.Element;
+export declare const WorkFlowOperationButtons: (props: IWorkflowOperationButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, isReject, selectedItems, onClose, onCompleted }: {
     TID?: number;
     DID?: number;
@@ -42,7 +41,7 @@ export declare const WorkFlowApproveRejectPopUp: ({ TID, DID, deviceType, isReje
     isReject: number;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, selectedItems, onCompleted, wf, workItemDetail }: {
     TID?: number;
     DID?: number;
@@ -52,7 +51,7 @@ export declare const WorkFlowReAssignPopUp: ({ DID, TID, deviceType, onClose, se
     onCompleted?: () => Promise<void>;
     wf?: WFDescriptor;
     workItemDetail?: WorkItemDetail;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * Modal per forzare l'approvazione di un work item
  */
@@ -60,7 +59,7 @@ export declare const WorkflowForceApproveModal: ({ detail, onClose, onCompleted
     detail: WorkItemDetail;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * Modal per forzare il rifiuto di un work item
  */
@@ -68,7 +67,7 @@ export declare const WorkflowForceRejectModal: ({ detail, onClose, onCompleted }
     detail: WorkItemDetail;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 /**
  * Modal per terminare le istanze workflow selezionate
  */
@@ -80,7 +79,7 @@ export declare const WorkflowEndInstanceModal: ({ selectedInstances, onClose, on
     }>;
     onClose?: () => void;
     onCompleted?: () => Promise<void>;
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 interface IWorkFlowMoreInfoPopUpProps {
     fromDTD?: DcmtTypeDescriptor;
     TID?: number;
@@ -97,5 +96,5 @@ interface IWorkFlowMoreInfoPopUpProps {
     handleNavigateToDossiers?: (value: HomeBlogPost | number) => Promise<void>;
     triggerBlogRefresh?: () => Promise<void>;
 }
-export declare const WorkFlowMoreInfoPopUp: (props: IWorkFlowMoreInfoPopUpProps) => React.JSX.Element | undefined;
+export declare const WorkFlowMoreInfoPopUp: (props: IWorkFlowMoreInfoPopUpProps) => import("react/jsx-runtime").JSX.Element | undefined;
 export {};

package/lib/components/features/workflow/diagram/WorkitemRecipientsEditor.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { QueryDescriptor } from '@topconsultnpm/sdk-ts';
 import { WorkItemActor } from './RecipientList';
-export declare const RecipientsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}> & string;
+export declare const RecipientsContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const tosToActors: (tosString: string) => {
     andRecipients: WorkItemActor[];
     orRecipients: WorkItemActor[];

package/lib/components/forms/Login/ChangePasswordInputs.d.ts

@@ -11,6 +11,4 @@ interface ChangePasswordInputsProps {
 }
 declare const ChangePasswordInputs: React.FC<ChangePasswordInputsProps>;
 export default ChangePasswordInputs;
-export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style"> & {
-    style?: React.CSSProperties | import("styled-components/dist/types").CSSPropertiesWithVars | undefined;
-}> & string;
+export declare const Divider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/components/forms/Login/Chooser.d.ts

@@ -23,6 +23,6 @@ interface ChooserProps<T> {
     onClose?: () => void;
     isDropDown?: boolean;
 }
-declare const Chooser: <T>({ dataSource, columns, value, additionalIcons, validationItems, title, label, icon, placeHolder, disabled, selectedRow, onChooserClick, onSelectionChanged, onClose, isDropDown }: ChooserProps<T>) => React.JSX.Element;
+declare const Chooser: <T>({ dataSource, columns, value, additionalIcons, validationItems, title, label, icon, placeHolder, disabled, selectedRow, onChooserClick, onSelectionChanged, onClose, isDropDown }: ChooserProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default Chooser;
-export declare function IconDropDown(props: React.SVGProps<SVGSVGElement>): React.JSX.Element;
+export declare function IconDropDown(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;

package/lib/components/forms/TMChooserForm.d.ts

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ITMChooserFormProps } from '../../ts';
-declare const TMChooserForm: <T>({ children, title, allowMultipleSelection, allowApplyWithZeroSelection, startWithShowOnlySelectedItems, hasShowOnlySelectedItems, allowGrouping, allowSorting, width, height, dataSource, selectedIDs, manageUseLocalizedName, hasShowId, hideRefresh, keyName, customButtons, showFilterPanel, showDefaultColumns, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }: ITMChooserFormProps<T>) => React.JSX.Element;
+declare const TMChooserForm: <T>({ children, title, allowMultipleSelection, allowApplyWithZeroSelection, startWithShowOnlySelectedItems, hasShowOnlySelectedItems, allowGrouping, allowSorting, width, height, dataSource, selectedIDs, manageUseLocalizedName, hasShowId, hideRefresh, keyName, customButtons, showFilterPanel, showDefaultColumns, columns, summaryItems, convertID, customFilter, getItems, cellRenderIcon, cellRenderNameAndDesc, onChoose, onClose, onShowIdChanged }: ITMChooserFormProps<T>) => import("react/jsx-runtime").JSX.Element;
 export default TMChooserForm;

package/lib/components/forms/TMResultDialog.js

@@ -25,7 +25,7 @@ const TMResultDialog = ({ title, result, id1Caption, id2Caption }) => {
             TMExceptionBoxManager.show({ exception: e.data.description });
         }
     };
-    return (_jsx(TMModal, { height: '65%', width: '75%', title: `${SDKUI_Localizator.OperationResult} - ${title}`, children: _jsxs(TMLayoutContainer, { children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px', padding: '5px', justifyContent: 'center', alignItems: 'center' }, children: [_jsx("p", { children: `${SDKUI_Localizator.ProcessedItems}: ${result.length}` }), _jsx(IconSuccessCirlce, { fontSize: 22, color: TMColors.success }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.SUCCESS).length ?? 0 }), _jsx(IconWarning, { fontSize: 22, color: TMColors.warning }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.WARNING).length ?? 0 }), _jsx(IconCloseCircle, { fontSize: 22, color: TMColors.error }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.ERROR).length ?? 0 })] }), _jsxs(DataGrid, { dataSource: result.filter(o => o.resultType != ResultTypes.SUCCESS), showColumnLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showRowLines) === 1, showRowLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showColumnLines) === 1, keyExpr: "rowIndex", width: "100%", height: "100%", columnResizingMode: "widget", allowColumnResizing: true, focusedRowEnabled: true, hoverStateEnabled: true, rowAlternationEnabled: true, onRowDblClick: handleRowDblClick, children: [_jsx(Column, { dataField: 'resultType', caption: '', width: "5%", allowResizing: true, allowSorting: true, cellRender: cellRender }), _jsx(Column, { dataField: 'id1', caption: id1Caption, width: "10%" }), id2Caption && _jsx(Column, { dataField: 'id2', caption: id2Caption, width: "10%" }), _jsx(Column, { dataField: 'description', allowResizing: true, caption: SDKUI_Localizator.Description, allowSorting: true, width: id2Caption ? "75%" : "85%" }), _jsx(HeaderFilter, { visible: true }), _jsx(Paging, { enabled: true, pageSize: 30 }), _jsx(Pager, { visible: true, showInfo: true, showNavigationButtons: true }), _jsx(Scrolling, { mode: 'standard', useNative: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar) === 1 })] })] }) }));
+    return (_jsx(TMModal, { height: '65%', width: '75%', title: `${SDKUI_Localizator.OperationResult} - ${title}`, children: _jsxs(TMLayoutContainer, { children: [_jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: '5px', padding: '5px', justifyContent: 'center', alignItems: 'center', flexShrink: 0 }, children: [_jsx("p", { children: `${SDKUI_Localizator.ProcessedItems}: ${result.length}` }), _jsx(IconSuccessCirlce, { fontSize: 22, color: TMColors.success }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.SUCCESS).length ?? 0 }), _jsx(IconWarning, { fontSize: 22, color: TMColors.warning }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.WARNING).length ?? 0 }), _jsx(IconCloseCircle, { fontSize: 22, color: TMColors.error }), _jsx("p", { children: result.filter(o => o.resultType == ResultTypes.ERROR).length ?? 0 })] }), _jsx("div", { style: { flex: '1 1 auto', minHeight: 0, width: '100%', overflow: 'hidden' }, children: _jsxs(DataGrid, { dataSource: result.filter(o => o.resultType != ResultTypes.SUCCESS), showColumnLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showRowLines) === 1, showRowLines: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.showColumnLines) === 1, keyExpr: "rowIndex", width: "100%", height: "100%", columnResizingMode: "widget", allowColumnResizing: true, focusedRowEnabled: true, hoverStateEnabled: true, rowAlternationEnabled: true, onRowDblClick: handleRowDblClick, children: [_jsx(Column, { dataField: 'resultType', caption: '', width: "5%", allowResizing: true, allowSorting: true, cellRender: cellRender }), _jsx(Column, { dataField: 'id1', caption: id1Caption, width: "10%" }), id2Caption && _jsx(Column, { dataField: 'id2', caption: id2Caption, width: "10%" }), _jsx(Column, { dataField: 'description', allowResizing: true, caption: SDKUI_Localizator.Description, allowSorting: true, width: id2Caption ? "75%" : "85%" }), _jsx(HeaderFilter, { visible: true }), _jsx(Paging, { enabled: true, pageSize: 30 }), _jsx(Pager, { visible: true, showInfo: true, showNavigationButtons: true }), _jsx(Scrolling, { mode: 'standard', useNative: Number(SDKUI_Globals.userSettings?.themeSettings.gridSettings.useNativeScrollbar) === 1 })] }) })] }) }));
 };
 export default TMResultDialog;
 export class TMResultManager {

package/lib/components/forms/TMSaveForm.d.ts

@@ -13,19 +13,19 @@ interface ITMSaveFormButtonPreviousProps extends ITMSaveFormButtonBase {
     onPrev?: () => void;
     onSaveAsync?: () => Promise<void>;
 }
-export declare const TMSaveFormButtonPrevious: ({ btnStyle, formMode, isModified, onPrev, canPrev, iconColor, onSaveAsync }: ITMSaveFormButtonPreviousProps) => React.JSX.Element;
+export declare const TMSaveFormButtonPrevious: ({ btnStyle, formMode, isModified, onPrev, canPrev, iconColor, onSaveAsync }: ITMSaveFormButtonPreviousProps) => import("react/jsx-runtime").JSX.Element;
 interface ITMSaveFormButtonNextProps extends ITMSaveFormButtonBase {
     canNext?: boolean;
     onNext?: () => void;
     onSaveAsync?: () => Promise<void>;
 }
-export declare const TMSaveFormButtonNext: ({ btnStyle, formMode, isModified, onNext, canNext, iconColor, onSaveAsync }: ITMSaveFormButtonNextProps) => React.JSX.Element;
+export declare const TMSaveFormButtonNext: ({ btnStyle, formMode, isModified, onNext, canNext, iconColor, onSaveAsync }: ITMSaveFormButtonNextProps) => import("react/jsx-runtime").JSX.Element;
 interface ITMSaveFormButtonSaveProps extends ITMSaveFormButtonBase {
     errorsCount: number;
     onSaveAsync?: () => Promise<void>;
 }
-export declare const TMSaveFormButtonSave: ({ btnStyle, errorsCount, isModified, iconColor, width, advancedColor, advancedType, onSaveAsync }: ITMSaveFormButtonSaveProps) => React.JSX.Element;
+export declare const TMSaveFormButtonSave: ({ btnStyle, errorsCount, isModified, iconColor, width, advancedColor, advancedType, onSaveAsync }: ITMSaveFormButtonSaveProps) => import("react/jsx-runtime").JSX.Element;
 interface ITMSaveFormButtonUndoProps extends ITMSaveFormButtonBase {
     onUndo?: () => void;
 }
-export declare const TMSaveFormButtonUndo: ({ btnStyle, isModified, iconColor, width, advancedColor, advancedType, onUndo, color, showTooltip }: ITMSaveFormButtonUndoProps) => React.JSX.Element;
+export declare const TMSaveFormButtonUndo: ({ btnStyle, isModified, iconColor, width, advancedColor, advancedType, onUndo, color, showTooltip }: ITMSaveFormButtonUndoProps) => import("react/jsx-runtime").JSX.Element;

package/lib/components/grids/TMBlogAttachments.d.ts

@@ -1,4 +1,3 @@
-import React from "react";
 import { BlogPostAttachment, DcmtTypeDescriptor } from "@topconsultnpm/sdk-ts";
 import { DcmtInfo } from "../../ts";
 import { FileItem } from "../base/TMFileManagerUtils";
@@ -26,5 +25,5 @@ interface TMBlogAttachmentsProps {
     handleAttachmentFocus: (attachment: DcmtInfo | undefined) => void;
     openDcmtForm: (dcmtInfo: DcmtInfo) => void;
 }
-declare const TMBlogAttachments: (props: TMBlogAttachmentsProps) => React.JSX.Element;
+declare const TMBlogAttachments: (props: TMBlogAttachmentsProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogAttachments;

package/lib/components/grids/TMBlogHeader.d.ts

@@ -27,5 +27,5 @@ interface TMBlogHeaderProps {
     /** Callback when the search text changes */
     onSearchChange: (value: string) => void;
 }
-declare const TMBlogHeader: (props: TMBlogHeaderProps) => React.JSX.Element;
+declare const TMBlogHeader: (props: TMBlogHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogHeader;

package/lib/components/grids/TMBlogsPost.d.ts

@@ -89,5 +89,5 @@ interface TMBlogsPostProps {
     /** Apre la pratica CaseFlow di una notizia con `classID === 'CF'` (bacheca Home V6). */
     handleNavigateToCaseflows?: (value: HomeBlogPost | number) => Promise<void>;
 }
-declare const TMBlogsPost: (props: TMBlogsPostProps) => React.JSX.Element;
+declare const TMBlogsPost: (props: TMBlogsPostProps) => import("react/jsx-runtime").JSX.Element;
 export default TMBlogsPost;