@topconsultnpm/sdkui-react 6.22.0-dev1.10 → 6.22.0-dev1.11

package/lib/components/features/documents/TMDcmtForm.js

@@ -1425,7 +1425,49 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
             return undefined;
         const settings = getCurrentDcmtFormSetting()?.setting;
         // Return the appropriate layout based on context
-        return invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
+        const persistedState = invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
+        // tmWF must always start hidden - PanelDisabledStateHandler will restore it
+        // when workflow data becomes available and isWFDisabled becomes false
+        if (persistedState && persistedState['tmWF']?.visible) {
+            // Get tmWF width to redistribute
+            const tmWFWidth = parseFloat(persistedState['tmWF'].width) || 0;
+            // Find other visible panels to redistribute width
+            const otherVisiblePanels = Object.keys(persistedState).filter(key => key !== 'tmWF' && persistedState[key]?.visible);
+            // Calculate extra width per visible panel
+            const extraWidthPerPanel = otherVisiblePanels.length > 0
+                ? tmWFWidth / otherVisiblePanels.length
+                : 0;
+            // Build new state with redistributed widths
+            const newState = {};
+            for (const key of Object.keys(persistedState)) {
+                if (key === 'tmWF') {
+                    // Hide tmWF
+                    newState[key] = { ...persistedState[key], visible: false };
+                }
+                else if (otherVisiblePanels.includes(key)) {
+                    // Add extra width to visible panels
+                    const currentWidth = parseFloat(persistedState[key].width) || 0;
+                    newState[key] = {
+                        ...persistedState[key],
+                        width: `${currentWidth + extraWidthPerPanel}%`
+                    };
+                }
+                else {
+                    // Keep other panels as-is
+                    newState[key] = persistedState[key];
+                }
+            }
+            return newState;
+        }
+        return persistedState;
+    };
+    // Returns whether tmWF was visible in persisted state (for restoring after WF data loads)
+    const getPersistedWFVisible = () => {
+        if (isMobile)
+            return false;
+        const settings = getCurrentDcmtFormSetting()?.setting;
+        const persistedState = invocationContext === InvocationContext.Todo ? settings?.layoutToDo : settings?.layout;
+        return persistedState?.['tmWF']?.visible ?? false;
     };
     const onBlogCommentFormCustomSave = useCallback(async (blogPost) => {
         try {
@@ -1514,7 +1556,7 @@ const TMDcmtForm = ({ TID, DID, groupId, layoutMode = LayoutModes.Update, formMo
                         overflow: 'hidden'
                     }, children: [_jsxs("div", { style: { width: '100%', height: '100%', display: isOpenDetails || isOpenMaster ? 'none' : 'flex' }, children: [isNavigating && _jsx(Spinner, { description: SDKUI_Localizator.Loading, flat: false }), (fromDTD) && _jsx(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: useWaitPanelLocalState ? showWaitPanelLocal : showWaitPanel, showWaitPanelPrimary: useWaitPanelLocalState ? showPrimaryLocal : showPrimary, showWaitPanelSecondary: useWaitPanelLocalState ? showSecondaryLocal : showSecondary, waitPanelTitle: useWaitPanelLocalState ? waitPanelTitleLocal : waitPanelTitle, waitPanelTextPrimary: useWaitPanelLocalState ? waitPanelTextPrimaryLocal : waitPanelTextPrimary, waitPanelValuePrimary: useWaitPanelLocalState ? waitPanelValuePrimaryLocal : waitPanelValuePrimary, waitPanelMaxValuePrimary: useWaitPanelLocalState ? waitPanelMaxValuePrimaryLocal : waitPanelMaxValuePrimary, waitPanelTextSecondary: useWaitPanelLocalState ? waitPanelTextSecondaryLocal : waitPanelTextSecondary, waitPanelValueSecondary: useWaitPanelLocalState ? waitPanelValueSecondaryLocal : waitPanelValueSecondary, waitPanelMaxValueSecondary: useWaitPanelLocalState ? waitPanelMaxValueSecondaryLocal : waitPanelMaxValueSecondary, isCancelable: useWaitPanelLocalState ? dcmtFile ? dcmtFile.size >= 1000000 : false : true, abortController: useWaitPanelLocalState ? abortControllerLocal : abortController, children: _jsxs(TMLayoutWaitingContainer, { direction: 'vertical', showWaitPanel: showCicoWaitPanel, showWaitPanelPrimary: showCicoPrimaryProgress, waitPanelTitle: cicoWaitPanelTitle, waitPanelTextPrimary: cicoPrimaryProgressText, waitPanelValuePrimary: cicoPrimaryProgressValue, waitPanelMaxValuePrimary: cicoPrimaryProgressMax, isCancelable: true, abortController: abortControllerLocal, children: [(groupId && groupId.length > 0)
                                                 ? _jsxs(_Fragment, { children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] })
-                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile && layoutMode !== LayoutModes.Ark ? hasSavedLayout() : false, persistPanelStates: !isMobile && layoutMode !== LayoutModes.Ark ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: layoutMode !== LayoutModes.Ark ? getPersistedPanelStates() : undefined, children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] }), isOpenDistinctValues &&
+                                                : _jsxs(TMPanelManagerWithPersistenceProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: defaultPanelDimensions, initialDimensions: defaultPanelDimensions, initialMobilePanelId: 'tmDcmtForm', isPersistenceEnabled: !isMobile && layoutMode !== LayoutModes.Ark ? hasSavedLayout() : false, persistPanelStates: !isMobile && layoutMode !== LayoutModes.Ark ? (state) => persistPanelStates(state) : undefined, persistedPanelStates: layoutMode !== LayoutModes.Ark ? getPersistedPanelStates() : undefined, children: [_jsx(PanelDisabledStateHandler, { isWFDisabled: isWFDisabled, isSysMetadataDisabled: isSysMetadataDisabled, isBoardDisabled: isBoardDisabled, isDcmtTasksDisabled: isDcmtTasksDisabled, isPreviewDisabled: isPreviewDisabled, persistedWFVisible: getPersistedWFVisible() }), _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", parentId: groupId, showToolbar: showDcmtFormSidebar })] }), isOpenDistinctValues &&
                                                 _jsx(TMDistinctValues, { tid: TID, mid: focusedMetadataValue?.mid, isModal: true, showHeader: false, layoutMode: layoutMode, onClosePanelCallback: () => setIsOpenDistinctValues(false), onSelectionChanged: (e) => {
                                                         if (!e)
                                                             return;
@@ -1604,7 +1646,7 @@ const validateMaxLength = (mvd, value, validationItems) => {
 };
 //#endregion Validation
 // Synchronizes panel visibility and toolbar button disabled states when panels become disabled
-const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled, isPreviewDisabled }) => {
+const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoardDisabled, isDcmtTasksDisabled, isPreviewDisabled, persistedWFVisible = false }) => {
     const { setPanelVisibilityById, setToolbarButtonDisabled } = useTMPanelManagerContext();
     useEffect(() => {
         if (isSysMetadataDisabled) {
@@ -1631,8 +1673,12 @@ const PanelDisabledStateHandler = ({ isWFDisabled, isSysMetadataDisabled, isBoar
         }
         else {
             setToolbarButtonDisabled('tmWF', false);
+            // Restore persisted visibility when WF becomes enabled
+            if (persistedWFVisible) {
+                setPanelVisibilityById('tmWF', true);
+            }
         }
-    }, [isWFDisabled]);
+    }, [isWFDisabled, persistedWFVisible]);
     useEffect(() => {
         if (isDcmtTasksDisabled) {
             setToolbarButtonDisabled('tmDcmtTasks', true);

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react",
-    "version": "6.22.0-dev1.10",
+    "version": "6.22.0-dev1.11",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",