@topconsultnpm/sdkui-react-beta 6.13.39 → 6.13.41

package/lib/components/layout/TMPanelLayout.js

@@ -0,0 +1,320 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useRef, useState, Children, cloneElement, isValidElement, useEffect, useMemo, } from 'react';
+import { SDKUI_Globals } from '../../helper';
+export const TMPanelItem = (props) => (_jsx("div", { style: {
+        flexBasis: props.width || props.height || 'auto',
+        minWidth: props.minWidth,
+        minHeight: props.minHeight,
+        flexGrow: 0,
+        flexShrink: 0,
+        height: '100%',
+        width: '100%',
+        overflow: 'auto',
+        position: 'relative',
+        boxSizing: 'border-box',
+        display: 'flex',
+        flexDirection: 'column',
+        ...props.style,
+    }, children: props.children }));
+// Utility: recursively determine if a child is a group
+function isGroup(child) {
+    return child?.type?.displayName === 'TMPanelGroup';
+}
+TMPanelItem.displayName = 'TMPanelItem';
+export const TMPanelGroup = ({ orientation = 'horizontal', allowItemResize = false, gutters = SDKUI_Globals.userSettings.themeSettings.gutters, panelVisibility, onTogglePanel, panelLabels, children, parentVisibility = true, parentPanelCount, parentPanelVisibility, parentOnTogglePanel, path = [], ...rest }) => {
+    const childArray = Children.toArray(children).filter(Boolean);
+    const panelCount = childArray.length;
+    // Initial sizes in percent
+    const [sizes, setSizes] = useState(childArray.map((child) => orientation === 'horizontal'
+        ? child.props.width
+            ? parseFloat(child.props.width)
+            : 100 / panelCount
+        : child.props.height
+            ? parseFloat(child.props.height)
+            : 100 / panelCount));
+    // Compute effective visibility for each child (recursively for groups)
+    const effectiveVisibility = childArray.map((child, idx) => {
+        if (isValidElement(child) && isGroup(child)) {
+            // For nested groups, pass down visibility
+            return !panelVisibility || panelVisibility[idx];
+        }
+        return !panelVisibility || panelVisibility[idx];
+    });
+    // Recursively render children, and collect which are visible
+    const renderedPanels = [];
+    const renderedSizes = [];
+    const renderedPaths = [];
+    let accHidden = 0;
+    for (let i = 0; i < panelCount; i++) {
+        const child = childArray[i];
+        const visible = effectiveVisibility[i];
+        let childIsVisible = visible;
+        let renderedChild = child;
+        let childPath = [...path, i];
+        if (isValidElement(child) && isGroup(child)) {
+            // Recursively render group
+            renderedChild = cloneElement(child, {
+                parentVisibility: visible,
+                parentPanelCount: panelCount,
+                parentPanelVisibility: panelVisibility,
+                parentOnTogglePanel: parentOnTogglePanel || onTogglePanel,
+                path: childPath,
+            });
+            // If the group renders nothing, treat as hidden
+            // We'll check after rendering below
+        }
+        // For groups, check if they actually rendered anything
+        let actuallyVisible = childIsVisible;
+        if (isValidElement(child) && isGroup(child)) {
+            // If the group is not visible (returns null), treat as hidden
+            // We'll check after rendering below
+            // For now, optimistically add, and filter after
+            renderedPanels.push(renderedChild);
+            renderedSizes.push(sizes[i] + accHidden);
+            renderedPaths.push(childPath);
+            accHidden = 0;
+        }
+        else if (childIsVisible) {
+            renderedPanels.push(renderedChild);
+            renderedSizes.push(sizes[i] + accHidden);
+            renderedPaths.push(childPath);
+            accHidden = 0;
+        }
+        else {
+            accHidden += sizes[i];
+        }
+    }
+    // Remove panels that are null (hidden nested groups)
+    let filteredPanels = [];
+    let filteredSizes = [];
+    let filteredPaths = [];
+    let filteredAccHidden = 0;
+    for (let i = 0; i < renderedPanels.length; i++) {
+        if (renderedPanels[i] !== null && renderedPanels[i] !== undefined) {
+            filteredPanels.push(renderedPanels[i]);
+            filteredSizes.push(renderedSizes[i] + filteredAccHidden);
+            filteredPaths.push(renderedPaths[i]);
+            filteredAccHidden = 0;
+        }
+        else {
+            filteredAccHidden += renderedSizes[i];
+        }
+    }
+    // --- CORRECTED MERGING LOGIC ---
+    // Merge hidden panel sizes into the nearest visible sibling (prefer previous, else next)
+    const mergedPanels = [];
+    const mergedSizes = [];
+    const mergedPaths = [];
+    for (let i = 0; i < filteredPanels.length; i++) {
+        if (filteredPanels[i] !== null && filteredPanels[i] !== undefined) {
+            mergedPanels.push(filteredPanels[i]);
+            mergedSizes.push(filteredSizes[i]);
+            mergedPaths.push(filteredPaths[i]);
+        }
+        else {
+            // Hidden panel: merge its size into previous visible, or next if first
+            if (mergedPanels.length > 0) {
+                mergedSizes[mergedSizes.length - 1] += filteredSizes[i];
+            }
+            else {
+                // No previous, merge into next visible
+                let j = i + 1;
+                while (j < filteredPanels.length &&
+                    (filteredPanels[j] === null || filteredPanels[j] === undefined)) {
+                    j++;
+                }
+                if (j < filteredPanels.length) {
+                    // Next visible found
+                    if (filteredSizes[j] !== undefined) {
+                        filteredSizes[j] += filteredSizes[i];
+                    }
+                }
+            }
+        }
+    }
+    // If nothing is visible, tell parent to treat this group as hidden
+    if (mergedPanels.length === 0 || parentVisibility === false) {
+        return null;
+    }
+    // Resizing logic (same as before, but for visible panels)
+    const containerRef = useRef(null);
+    const [dragIndex, setDragIndex] = useState(null);
+    const [startPos, setStartPos] = useState(0);
+    const [startSizes, setStartSizes] = useState([]);
+    const handleMouseDown = (idx) => (e) => {
+        setDragIndex(idx);
+        setStartSizes([...mergedSizes]);
+        setStartPos(orientation === 'horizontal' ? e.clientX : e.clientY);
+        document.body.style.userSelect = 'none';
+    };
+    useEffect(() => {
+        if (dragIndex === null)
+            return;
+        const handleMouseMove = (e) => {
+            if (!containerRef.current)
+                return;
+            const rect = containerRef.current.getBoundingClientRect();
+            const total = orientation === 'horizontal' ? rect.width : rect.height;
+            const currentPos = orientation === 'horizontal' ? e.clientX : e.clientY;
+            const deltaPx = currentPos - startPos;
+            const deltaPercent = (deltaPx / total) * 100;
+            let newSizes = [...startSizes];
+            let left = Math.max(5, startSizes[dragIndex] + deltaPercent);
+            let right = Math.max(5, startSizes[dragIndex + 1] - deltaPercent);
+            // Prevent overflow
+            const sum = startSizes[dragIndex] + startSizes[dragIndex + 1];
+            if (left + right > sum) {
+                if (left > sum - 5)
+                    left = sum - 5;
+                if (right > sum - 5)
+                    right = sum - 5;
+            }
+            newSizes[dragIndex] = left;
+            newSizes[dragIndex + 1] = right;
+            // Update the original sizes array for all panels
+            let newAllSizes = [...sizes];
+            let visIdx = 0;
+            for (let k = 0; k < panelCount; k++) {
+                if (effectiveVisibility[k]) {
+                    // Only update for visible panels
+                    newAllSizes[k] = newSizes[visIdx++];
+                }
+            }
+            setSizes(newAllSizes);
+        };
+        const handleMouseUp = () => {
+            setDragIndex(null);
+            document.body.style.userSelect = '';
+        };
+        window.addEventListener('mousemove', handleMouseMove);
+        window.addEventListener('mouseup', handleMouseUp);
+        return () => {
+            window.removeEventListener('mousemove', handleMouseMove);
+            window.removeEventListener('mouseup', handleMouseUp);
+        };
+    }, [dragIndex, orientation, startPos, startSizes, effectiveVisibility, sizes, panelCount]);
+    return (_jsx("div", { ref: containerRef, style: {
+            display: 'flex',
+            flexDirection: orientation === 'horizontal' ? 'row' : 'column',
+            width: '100%',
+            height: '100%',
+            position: 'relative',
+            overflow: 'hidden',
+            gap: allowItemResize ? 0 : gutters,
+        }, ...rest, children: mergedPanels.map((child, idx) => (_jsxs(React.Fragment, { children: [isValidElement(child) && !isGroup(child)
+                    ? cloneElement(child, {
+                        style: {
+                            ...(child.props.style || {}),
+                            flexBasis: `${mergedSizes[idx]}%`,
+                            height: orientation === 'vertical'
+                                ? `${mergedSizes[idx]}%`
+                                : '100%',
+                            width: orientation === 'horizontal'
+                                ? `${mergedSizes[idx]}%`
+                                : '100%',
+                        },
+                    })
+                    : child, allowItemResize && idx < mergedPanels.length - 1 && (_jsx("div", { style: {
+                        cursor: orientation === 'horizontal'
+                            ? 'col-resize'
+                            : 'row-resize',
+                        background: 'transparent',
+                        width: orientation === 'horizontal' ? gutters : '100%',
+                        height: orientation === 'vertical' ? gutters : '100%',
+                        zIndex: 10,
+                        userSelect: 'none',
+                        flexShrink: 0,
+                        flexGrow: 0,
+                        borderRadius: 3,
+                        minHeight: orientation === 'horizontal' ? '100%' : gutters,
+                        minWidth: orientation === 'vertical' ? '100%' : gutters,
+                    }, onMouseDown: handleMouseDown(idx) }))] }, mergedPaths[idx].join('-')))) }));
+};
+TMPanelGroup.displayName = 'TMPanelGroup';
+function getAllPanelPaths(children, path = []) {
+    const arr = Children.toArray(children).filter(Boolean);
+    let result = [];
+    arr.forEach((child, idx) => {
+        if (isValidElement(child) && isGroup(child)) {
+            result = result.concat(getAllPanelPaths(child.props.children, [...path, idx]));
+        }
+        else if (isValidElement(child)) {
+            result.push({ label: child.props?.label || `Panel ${path.concat(idx).join('-')}`, path: path.concat(idx) });
+        }
+    });
+    return result;
+}
+const TMPanelLayout = ({ children, showToolbar = true, emptyContent, }) => {
+    // Only support a single TMPanelGroup as direct child for simplicity
+    const group = Children.only(children);
+    const childArray = Children.toArray(group.props.children).filter(Boolean);
+    // Build a flat list of all panel paths and labels for the toolbar
+    const allPanels = useMemo(() => getAllPanelPaths(group.props.children), [group.props.children]);
+    const [panelVisibility, setPanelVisibility] = useState(childArray.map(() => true));
+    // Helper to check if all panels (recursively) are hidden
+    function isAllPanelsHidden() {
+        // For now, just check top-level
+        return panelVisibility.every(v => !v);
+    }
+    // Toggle panel visibility by path (only top-level supported for now)
+    const handleTogglePanel = (idx) => {
+        setPanelVisibility((prev) => {
+            if (prev.filter(Boolean).length === 1 && prev[idx])
+                return prev;
+            const newArr = [...prev];
+            newArr[idx] = !newArr[idx];
+            return newArr;
+        });
+    };
+    // For nested: you can extend this to track nested visibility state if needed
+    const allHidden = isAllPanelsHidden();
+    return (_jsx("div", { style: {
+            width: '100%',
+            height: '100%',
+            position: 'relative',
+            overflow: 'hidden',
+            display: 'flex',
+            flexDirection: 'column',
+        }, children: _jsxs("div", { style: { width: '100%', height: '100%', position: 'relative' }, children: [!allHidden &&
+                    cloneElement(group, {
+                        panelVisibility,
+                        onTogglePanel: handleTogglePanel,
+                        panelLabels: allPanels.map(p => p.label),
+                    }), showToolbar && (_jsx("div", { style: {
+                        position: 'absolute',
+                        top: 10,
+                        right: 10,
+                        zIndex: 1000,
+                        background: 'rgba(255,255,255,0.9)',
+                        borderRadius: 8,
+                        boxShadow: '0 2px 8px #0002',
+                        padding: 8,
+                        display: 'flex',
+                        flexDirection: 'column',
+                        gap: 8,
+                    }, children: _jsx(TMPanelLayoutToolbar, { panelLabels: allPanels.map(p => p.label), panelVisibility: panelVisibility, onTogglePanel: handleTogglePanel }) })), allHidden && (_jsx("div", { style: {
+                        position: 'absolute',
+                        left: 0,
+                        top: 0,
+                        width: '100%',
+                        height: '100%',
+                        background: '#fafbfc',
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'center',
+                        zIndex: 1,
+                    }, children: emptyContent || (_jsx("span", { style: { color: '#888', fontSize: 18 }, children: "No panels visible" })) }))] }) }));
+};
+export default TMPanelLayout;
+export const TMPanelLayoutToolbar = ({ panelLabels, panelVisibility, onTogglePanel, }) => {
+    return (_jsx("div", { children: panelLabels.map((label, idx) => (_jsxs("button", { style: {
+                margin: 2,
+                padding: '4px 10px',
+                borderRadius: 4,
+                border: panelVisibility[idx] ? '2px solid #1976d2' : '1px solid #bbb',
+                background: panelVisibility[idx] ? '#1976d2' : '#eee',
+                color: panelVisibility[idx] ? '#fff' : '#555',
+                cursor: 'pointer',
+                opacity: 1,
+            }, onClick: () => onTogglePanel(idx), children: [panelVisibility[idx] ? 'Hide' : 'Show', " ", label] }, idx))) }));
+};

package/lib/components/viewers/TMTidViewer.d.ts

@@ -251,3 +251,4 @@ declare const TMTidViewer: ({ tmSession, tid, showIcon, color, showId, noneSelec
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMTidViewer;
 export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;
+export declare const renderDTDTooltipContent: (dtd: DcmtTypeDescriptor | undefined) => import("react/jsx-runtime").JSX.Element | null;

package/lib/components/viewers/TMTidViewer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useState } from 'react';
 import { IconDcmtType, IconDcmtTypeOnlyMetadata, LocalizeArchiveConstraints, LocalizeParametricFilterTypes, SDKUI_Localizator, TMImageLibrary } from '../../helper';
 import { ArchiveConstraints, DcmtTypeListCacheService, OwnershipLevels, ParametricFilterTypes, SDK_Globals, SDK_Localizator, TemplateTIDs } from '@topconsultnpm/sdk-ts-beta';
@@ -256,15 +256,7 @@ export const TMDcmtTypeIcon = ({ dtd }) => {
     return (_jsx(TMDcmtTypeTooltip, { dtd: dtd, children: icon }));
 };
 export const TMDcmtTypeTooltip = ({ dtd, children }) => {
-    const renderTooltipContent = (dtd) => {
-        return (!dtd ? null
-            : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? dtd.nameLoc : dtd.name} (${dtd.isView ? 'VID' : 'TID'}: ${dtd.id}, RootTID: ${dtd.rootTID ?? 0})` }), dtd.description && _jsx(StyledTooltipItem, { children: dtd.description }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ArchiveConstraint}: ${LocalizeArchiveConstraints(dtd.archiveConstraint)}` }), dtd.isView && dtd.parametricFilterType != ParametricFilterTypes.None && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ParametricFilter}: ${LocalizeParametricFilterTypes(dtd.parametricFilterType)}` }), dtd.isView && dtd.withCheckOption && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ViewWithCheckOption}: ${SDKUI_Localizator.Yes}` }), dtd.isLexProt && dtd.isLexProt > 0 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), dtd.isFreeSearchable && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), dtd.templateTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Template}: ${dtd.templateTID}` }), dtd.traceTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Tracing}: ${SDKUI_Localizator.Yes} - ${dtd.templateTID == TemplateTIDs.Trace_DcmtType ? SDKUI_Localizator.Destination : SDKUI_Localizator.Source} ${dtd.traceTID < 0 ? SDKUI_Localizator.Disabled : ''}` }), dtd.wfAppr && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.WorkflowApproval}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.BlogCase}: ${SDKUI_Localizator.Yes}` }), dtd.cico && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), dtd.perm ?
-                        _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${dtd.perm.canArchive}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${dtd.perm.canView}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${dtd.perm.canSearch}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${dtd.perm.canUpdate}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${dtd.perm.canRetrieveFile}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${dtd.perm.canSubstFile}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${dtd.perm.canLogicalDelete}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${dtd.perm.canPhysicalDelete}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${dtd.perm.canReadBlog}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${dtd.perm.canWriteBlog}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${dtd.perm.canCICO}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${dtd.perm.canDelChron}` })] })
-                        : dtd.ownershipLevel == OwnershipLevels.DirectOwner || dtd.ownershipLevel == OwnershipLevels.IndirectOwner ?
-                            _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${SDKUI_Localizator.Yes}` })] })
-                            : _jsx(_Fragment, {})] }));
-    };
-    return (_jsx("div", { style: { pointerEvents: 'all' }, children: _jsx(TMTooltip, { content: renderTooltipContent(dtd), children: children }) }));
+    return (_jsx("div", { style: { pointerEvents: 'all' }, children: _jsx(TMTooltip, { content: renderDTDTooltipContent(dtd), children: children }) }));
 };
 const TMTidViewer = ({ tmSession, tid, showIcon = false, color, showId = false, noneSelectionText = `<${SDKUI_Localizator.NoneSelection}>` }) => {
     const [dtd, setDtd] = useState();
@@ -305,3 +297,11 @@ export default TMTidViewer;
 export const cellRenderTID = (data, noneSelectionText) => {
     return (_jsx(TMTidViewer, { tid: data.value, noneSelectionText: noneSelectionText }));
 };
+export const renderDTDTooltipContent = (dtd) => {
+    return (!dtd ? null
+        : _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? dtd.nameLoc : dtd.name} (${dtd.isView ? 'VID' : 'TID'}: ${dtd.id}, RootTID: ${dtd.rootTID ?? 0})` }), dtd.description && _jsx(StyledTooltipItem, { children: dtd.description }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ArchiveConstraint}: ${LocalizeArchiveConstraints(dtd.archiveConstraint)}` }), dtd.isView && dtd.parametricFilterType != ParametricFilterTypes.None && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ParametricFilter}: ${LocalizeParametricFilterTypes(dtd.parametricFilterType)}` }), dtd.isView && dtd.withCheckOption && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ViewWithCheckOption}: ${SDKUI_Localizator.Yes}` }), dtd.isLexProt && dtd.isLexProt > 0 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), dtd.isFreeSearchable && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), dtd.templateTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Template}: ${dtd.templateTID}` }), dtd.traceTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Tracing}: ${SDKUI_Localizator.Yes} - ${dtd.templateTID == TemplateTIDs.Trace_DcmtType ? SDKUI_Localizator.Destination : SDKUI_Localizator.Source} ${dtd.traceTID < 0 ? SDKUI_Localizator.Disabled : ''}` }), dtd.wfAppr && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.WorkflowApproval}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.BlogCase}: ${SDKUI_Localizator.Yes}` }), dtd.cico && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), dtd.perm ?
+                    _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${dtd.perm.canArchive}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${dtd.perm.canView}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${dtd.perm.canSearch}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${dtd.perm.canUpdate}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${dtd.perm.canRetrieveFile}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${dtd.perm.canSubstFile}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${dtd.perm.canLogicalDelete}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${dtd.perm.canPhysicalDelete}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${dtd.perm.canReadBlog}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${dtd.perm.canWriteBlog}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${dtd.perm.canCICO}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${dtd.perm.canDelChron}` })] })
+                    : dtd.ownershipLevel == OwnershipLevels.DirectOwner || dtd.ownershipLevel == OwnershipLevels.IndirectOwner ?
+                        _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.RetrieveFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.AddOrSubstFile}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LogDelete}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.PhysDelete}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Read}: ${SDKUI_Localizator.Yes}` }), dtd.hasBlog && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Blog_Write}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.CheckIn}: ${SDKUI_Localizator.Yes}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.ChronologyDelete}: ${SDKUI_Localizator.Yes}` })] })
+                        : _jsx(_Fragment, {})] }));
+};

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.13.39",
+    "version": "6.13.41",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -42,7 +42,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "6.13.5",
+        "@topconsultnpm/sdk-ts-beta": "6.13.6",
         "buffer": "^6.0.3",
         "devextreme": "24.2.6",
         "devextreme-react": "24.2.6",

package/lib/components/layout/ResizableGrid.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-interface ResizableGridProps {
-    panels: React.ReactNode[];
-    minPercents?: number[];
-    initialPercents?: number[];
-}
-declare const ResizableGrid: React.FC<ResizableGridProps>;
-export default ResizableGrid;

package/lib/components/layout/ResizableGrid.js

@@ -1,58 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// ResizableGrid.tsx
-import React, { useRef, useState } from 'react';
-import { SDKUI_Globals } from '../../helper';
-const ResizableGrid = ({ panels, minPercents, initialPercents, }) => {
-    const panelCount = panels.length;
-    const defaultMinPercents = minPercents ?? Array(panelCount).fill(0.1);
-    const [percents, setPercents] = useState(initialPercents ??
-        Array(panelCount).fill(1 / panelCount));
-    const containerRef = useRef(null);
-    const handleMouseDown = (idx, e) => {
-        e.preventDefault();
-        const startX = e.clientX;
-        const startPercents = [...percents];
-        const onMouseMove = (moveEvent) => {
-            if (!containerRef.current)
-                return;
-            const deltaPx = moveEvent.clientX - startX;
-            const containerWidth = containerRef.current.offsetWidth;
-            if (containerWidth === 0)
-                return;
-            const deltaPercent = deltaPx / containerWidth;
-            let newPercents = [...startPercents];
-            // Adjust the dragged panel and the next one
-            newPercents[idx] = Math.max(defaultMinPercents[idx], startPercents[idx] + deltaPercent);
-            newPercents[idx + 1] = Math.max(defaultMinPercents[idx + 1], startPercents[idx + 1] - deltaPercent);
-            // Normalize if overflows
-            const total = newPercents.reduce((a, b) => a + b, 0);
-            newPercents = newPercents.map(p => p / total);
-            setPercents(newPercents);
-        };
-        const onMouseUp = () => {
-            window.removeEventListener('mousemove', onMouseMove);
-            window.removeEventListener('mouseup', onMouseUp);
-        };
-        window.addEventListener('mousemove', onMouseMove);
-        window.addEventListener('mouseup', onMouseUp);
-    };
-    // Build gridTemplateColumns string
-    const gridTemplateColumns = percents
-        .map((p, i) => `${(p * 100).toFixed(2)}%${i < panelCount - 1 ? ` ${SDKUI_Globals.userSettings.themeSettings.gutters}px` : ''}`)
-        .join(' ');
-    return (_jsx("div", { ref: containerRef, style: {
-            display: 'grid',
-            gridTemplateColumns,
-            width: 'calc(100% - 20px)',
-            height: '100%',
-            position: 'relative',
-            overflow: 'hidden',
-        }, children: panels.map((panel, idx) => (_jsxs(React.Fragment, { children: [panel, idx < panelCount - 1 && (_jsx("div", { style: {
-                        cursor: 'col-resize',
-                        background: 'transparent',
-                        width: `${SDKUI_Globals.userSettings.themeSettings.gutters}px`,
-                        zIndex: 1,
-                        height: '100%',
-                    }, onMouseDown: e => handleMouseDown(idx, e) }))] }, idx))) }));
-};
-export default ResizableGrid;