@topconsultnpm/sdkui-react 6.20.0-dev1.14 → 6.20.0-dev1.15

package/lib/components/features/archive/TMArchive.js

@@ -1,193 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useMemo, useState } from 'react';
-import Logo from '../../../assets/Toppy-generico.png';
-import { DcmtTypeListCacheService, LayoutModes, SDK_Localizator } from '@topconsultnpm/sdk-ts';
-import { IconTree, SDKUI_Globals, SDKUI_Localizator, IconRecentlyViewed, IconPreview, IconShow, IconBoard, IconDcmtTypeSys, removeMruTid } from '../../../helper';
-import { useDeviceType, DeviceType } from '../../base/TMDeviceProvider';
-import TMLayoutContainer from '../../base/TMLayout';
-import TMRecentsManager from '../../grids/TMRecentsManager';
-import TMDcmtForm from '../documents/TMDcmtForm';
-import { StyledToppyTextContainer, StyledToppyText, StyledToppyImage } from '../search/TMSearchQueryPanel';
-import TMTreeSelector from '../search/TMTreeSelector';
-import TMPanel from '../../base/TMPanel';
-import { TMPanelManagerProvider, useTMPanelManagerContext } from '../../layout/panelManager/TMPanelManagerContext';
-import TMPanelManagerContainer from '../../layout/panelManager/TMPanelManagerContainer';
-const TMArchive = ({ onDcmtTypeSelect = undefined, inputTID, inputFile = null, connectorFileSave = undefined, onSavedAsyncCallback, inputMids = [], enableDragDropOverlay = false, passToSearch, isSharedArchive = false, inputDID = undefined, allTasks = [], getAllTasks, deleteTaskByIdsCallback, addTaskCallback, editTaskCallback, handleNavigateToWGs, handleNavigateToDossiers }) => {
-    const [currentTID, setCurrentTID] = useState(inputTID ?? 0);
-    const [mruTIDs, setMruTIDs] = useState([]);
-    const [currentMruTID, setCurrentMruTID] = useState(0);
-    const [fromDTD, setFromDTD] = useState();
-    const [currentInputMids, setCurrentInputMids] = useState(inputMids);
-    const previousTIDRef = React.useRef(undefined);
-    const pendingMidsRef = React.useRef(null);
-    const deviceType = useDeviceType();
-    useEffect(() => { setMruTIDs(SDKUI_Globals.userSettings.archivingSettings.mruTIDs); }, []);
-    useEffect(() => {
-        if (!inputTID)
-            return;
-        setCurrentTID(inputTID);
-        setCurrentMruTID(mruTIDs.includes(inputTID) ? inputTID : 0);
-    }, [inputTID, mruTIDs]);
-    useEffect(() => {
-        pendingMidsRef.current = inputMids;
-        if (currentTID && currentTID > 0 && inputMids && inputMids.length > 0) {
-            setCurrentInputMids(inputMids);
-        }
-    }, [inputMids, currentTID]);
-    useEffect(() => {
-        if (!currentTID || currentTID <= 0) {
-            previousTIDRef.current = currentTID;
-            return;
-        }
-        if (onDcmtTypeSelect)
-            onDcmtTypeSelect(currentTID);
-        DcmtTypeListCacheService.GetAsync(currentTID).then(async (dtd) => {
-            setFromDTD(dtd);
-        });
-        if (previousTIDRef.current !== undefined && previousTIDRef.current > 0 && previousTIDRef.current !== currentTID) {
-            if (!isSharedArchive) {
-                setCurrentInputMids([]);
-            }
-            if (pendingMidsRef.current && pendingMidsRef.current.length > 0) {
-                setCurrentInputMids(pendingMidsRef.current);
-                pendingMidsRef.current = null;
-            }
-        }
-        previousTIDRef.current = currentTID;
-    }, [currentTID, onDcmtTypeSelect, isSharedArchive]);
-    const isMobile = deviceType === DeviceType.MOBILE;
-    const tmTreeSelectorElement = useMemo(() => _jsx(TMTreeSelectorWrapper, { isMobile: isMobile, isSharedArchive: isSharedArchive, onSelectedTIDChanged: (tid) => {
-            setCurrentTID(tid);
-            if (tid && mruTIDs.includes(tid))
-                setCurrentMruTID(tid);
-            else
-                setCurrentMruTID(0);
-        } }), [isMobile, currentTID, isSharedArchive]);
-    const tmRecentsManagerElement = useMemo(() => _jsx(TMRecentsManagerWrapper, { mruTIDs: mruTIDs, currentTID: currentTID, currentMruTID: currentMruTID, deviceType: deviceType, isSharedArchive: isSharedArchive, onSelectedTID: (tid) => {
-            setCurrentMruTID(tid);
-            setCurrentTID(tid);
-        }, onDeletedTID: (tid) => {
-            let newMruTIDS = removeMruTid(SDKUI_Globals.userSettings.archivingSettings.mruTIDs, tid);
-            SDKUI_Globals.userSettings.archivingSettings.mruTIDs = newMruTIDS;
-            setMruTIDs(newMruTIDS);
-        } }), [mruTIDs, currentMruTID, deviceType, isSharedArchive]);
-    const tmFormElement = useMemo(() => currentTID ?
-        _jsx(TMDcmtForm, { TID: currentTID, DID: currentTID === inputTID ? inputDID : undefined, sharedSourceTID: isSharedArchive ? inputTID : undefined, sharedSourceDID: isSharedArchive ? inputDID : undefined, groupId: 'tmForm', layoutMode: LayoutModes.Ark, onClose: deviceType === DeviceType.MOBILE ? () => setCurrentTID(undefined) : undefined, onSaveRecents: (TIDs) => setMruTIDs(TIDs), showDcmtFormSidebar: false, inputFile: inputFile, connectorFileSave: connectorFileSave, onSavedAsyncCallback: onSavedAsyncCallback, inputMids: currentInputMids, enableDragDropOverlay: enableDragDropOverlay, passToSearch: passToSearch ? (outputMids, tid) => {
-                const tidToUse = tid ?? currentTID;
-                if (onDcmtTypeSelect)
-                    onDcmtTypeSelect(tidToUse);
-                passToSearch(tidToUse, outputMids);
-            } : undefined, isSharedDcmt: isSharedArchive, allTasks: allTasks, getAllTasks: getAllTasks, deleteTaskByIdsCallback: deleteTaskByIdsCallback, addTaskCallback: addTaskCallback, editTaskCallback: editTaskCallback, handleNavigateToWGs: handleNavigateToWGs, handleNavigateToDossiers: handleNavigateToDossiers }, currentTID)
-        :
-            _jsx(TMPanel, { title: 'Archiviazione', allowMaximize: false, children: _jsxs(TMLayoutContainer, { gap: 30, alignItems: 'center', justifyContent: 'center', children: [_jsx(StyledToppyTextContainer, { children: _jsx(StyledToppyText, { children: SDKUI_Localizator.DcmtTypeSelect }) }), _jsx(StyledToppyImage, { src: Logo, alt: 'Toppy' })] }) }), [currentTID, deviceType, mruTIDs, inputFile, currentInputMids, enableDragDropOverlay, isSharedArchive, allTasks]);
-    const allInitialPanelVisibility = {
-        'tmTreeSelector': true,
-        'tmRecentsManager': true,
-        'tmForm': true,
-        'tmDcmtForm': true,
-        'tmBlog': false,
-        'tmSysMetadata': false,
-        'tmDcmtPreview': !isSharedArchive,
-    };
-    const initialPanelDimensions = {
-        'tmTreeSelector': { width: '20%', height: '100%' },
-        'tmRecentsManager': { width: '20%', height: '100%' },
-        'tmForm': { width: '60%', height: '100%' },
-        'tmDcmtForm': { width: isSharedArchive ? '50%' : '25%', height: '100%' },
-        'tmBlog': { width: '25%', height: '100%' },
-        'tmSysMetadata': { width: '25%', height: '100%' },
-        'tmDcmtPreview': { width: '25%', height: '100%' },
-    };
-    const initialPanels = useMemo(() => [
-        {
-            id: 'tmTreeSelector',
-            name: SDK_Localizator.Trees,
-            contentOptions: { component: tmTreeSelectorElement },
-            toolbarOptions: { icon: _jsx(IconTree, { fontSize: 24 }), visible: true, orderNumber: 1, isActive: allInitialPanelVisibility['tmTreeSelector'] }
-        },
-        {
-            id: 'tmRecentsManager',
-            name: SDKUI_Localizator.Shortcuts,
-            contentOptions: { component: tmRecentsManagerElement, panelContainer: { title: SDKUI_Localizator.Shortcuts, totalItems: mruTIDs.length } },
-            toolbarOptions: { icon: _jsx(IconRecentlyViewed, { fontSize: 24 }), visible: true, orderNumber: 2, isActive: allInitialPanelVisibility['tmRecentsManager'] }
-        },
-        {
-            id: 'tmForm',
-            name: fromDTD?.nameLoc ?? SDK_Localizator.Metadatas,
-            contentOptions: { component: tmFormElement },
-            toolbarOptions: { icon: _jsx(IconPreview, { fontSize: 24 }), visible: false, orderNumber: 3, isActive: allInitialPanelVisibility['tmForm'] },
-            children: [
-                {
-                    id: 'tmDcmtForm',
-                    name: SDK_Localizator.Metadatas,
-                    toolbarOptions: { icon: _jsx(IconPreview, { fontSize: 24 }), visible: false, orderNumber: 4, isActive: allInitialPanelVisibility['tmDcmtForm'] }
-                },
-                {
-                    id: 'tmBlog',
-                    name: SDKUI_Localizator.BlogCase,
-                    toolbarOptions: { icon: _jsx(IconBoard, { fontSize: 24 }), visible: false, orderNumber: 5, isActive: allInitialPanelVisibility['tmBlog'] }
-                },
-                {
-                    id: 'tmSysMetadata',
-                    name: SDKUI_Localizator.MetadataSystem,
-                    toolbarOptions: { icon: _jsx(IconDcmtTypeSys, { fontSize: 24 }), visible: false, orderNumber: 6, isActive: allInitialPanelVisibility['tmSysMetadata'] }
-                },
-                {
-                    id: 'tmDcmtPreview',
-                    name: SDKUI_Localizator.PreviewDocument,
-                    toolbarOptions: { icon: _jsx(IconShow, { fontSize: 24 }), visible: false, disabled: isSharedArchive, orderNumber: 7, isActive: allInitialPanelVisibility['tmDcmtPreview'] }
-                }
-            ]
-        },
-    ], [tmTreeSelectorElement, tmRecentsManagerElement, tmFormElement, currentTID, mruTIDs, isSharedArchive]);
-    return (_jsx(TMPanelManagerProvider, { panels: initialPanels, initialVisibility: allInitialPanelVisibility, defaultDimensions: initialPanelDimensions, initialDimensions: initialPanelDimensions, initialMobilePanelId: 'tmRecentsManager', children: _jsx(TMPanelManagerContainer, { panels: initialPanels, direction: "horizontal", showToolbar: true }) }));
-};
-export default TMArchive;
-const TMTreeSelectorWrapper = ({ isMobile, isSharedArchive, onSelectedTIDChanged }) => {
-    const { setPanelVisibilityById, toggleMaximize, setToolbarButtonVisibility, countVisibleLeafPanels } = useTMPanelManagerContext();
-    return (_jsx(TMTreeSelector, { layoutMode: LayoutModes.Ark, onClosePanel: !isMobile && countVisibleLeafPanels() > 1 ? () => setPanelVisibilityById('tmTreeSelector', false) : undefined, allowMaximize: !isMobile && countVisibleLeafPanels() > 1, onMaximizePanel: !isMobile && countVisibleLeafPanels() > 1 ? () => toggleMaximize("tmTreeSelector") : undefined, onSelectedTIDChanged: (tid) => {
-            onSelectedTIDChanged?.(tid);
-            if (isMobile)
-                setPanelVisibilityById('tmDcmtForm', true);
-            else {
-                setPanelVisibilityById('tmDcmtForm', true);
-                if (!isSharedArchive) {
-                    setPanelVisibilityById('tmDcmtPreview', true);
-                }
-            }
-            if (!isSharedArchive) {
-                setToolbarButtonVisibility('tmDcmtPreview', true);
-            }
-            setToolbarButtonVisibility('tmDcmtForm', true);
-        } }));
-};
-const TMRecentsManagerWrapper = ({ mruTIDs, currentTID, currentMruTID, deviceType, isSharedArchive, onSelectedTID, onDeletedTID }) => {
-    const { setPanelVisibilityById, setToolbarButtonVisibility } = useTMPanelManagerContext();
-    useEffect(() => {
-        if (currentTID) {
-            setPanelVisibilityById('tmDcmtForm', true);
-            if (!isSharedArchive) {
-                setToolbarButtonVisibility('tmDcmtPreview', true);
-            }
-            setToolbarButtonVisibility('tmDcmtForm', true);
-        }
-    }, [currentTID, isSharedArchive]);
-    return (_jsx(TMRecentsManager, { accessFilter: 'canArchive', mruTIDs: mruTIDs, currentMruTID: currentMruTID, deviceType: deviceType, onSelectedTID: (tid) => {
-            onSelectedTID?.(tid);
-            if (deviceType === DeviceType.MOBILE) {
-                setPanelVisibilityById('tmDcmtForm', true);
-            }
-            else {
-                setPanelVisibilityById('tmDcmtForm', true);
-                if (!isSharedArchive) {
-                    setPanelVisibilityById('tmDcmtPreview', true);
-                }
-            }
-            if (!isSharedArchive) {
-                setToolbarButtonVisibility('tmDcmtPreview', true);
-            }
-            setToolbarButtonVisibility('tmDcmtForm', true);
-        }, onDeletedTID: (tid) => {
-            onDeletedTID?.(tid);
-        } }));
-};

package/lib/components/features/assistant/ToppyDraggableHelpCenter.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { DeviceType } from '../../base/TMDeviceProvider';
-/**
- * Proprietà del componente ToppyDraggableHelpCenter
- */
-interface ToppyDraggableHelpCenterProps {
-    /** Contenuto da visualizzare nella speech bubble */
-    content?: React.ReactNode;
-    /** Tipo di dispositivo per adattare il comportamento */
-    deviceType?: DeviceType;
-    /** Allineamento iniziale del componente (destra o sinistra) */
-    align?: 'right' | 'left';
-    /** Stato iniziale collassato/espanso */
-    initialIsCollapsed?: boolean;
-    /** Callback chiamato quando si clicca sull'immagine di Toppy */
-    onToppyImageClick?: () => void;
-    /** Visibilità del componente */
-    isVisible?: boolean;
-    /** Se true, renderizza Toppy nel document.body tramite Portal invece che nel parent */
-    usePortal?: boolean;
-}
-/**
- * Componente ToppyDraggableHelpCenter
- *
- * Renderizza un assistente virtuale (Toppy) draggable che può mostrare contenuti
- * in una speech bubble. Il componente può essere trascinato all'interno del suo
- * contenitore e può essere collassato/espanso con un doppio click.
- */
-declare const ToppyDraggableHelpCenter: React.FC<ToppyDraggableHelpCenterProps>;
-export default ToppyDraggableHelpCenter;