@topconsultnpm/sdkui-react 6.20.0-dev1.3 → 6.20.0-dev1.5

package/lib/components/NewComponents/FloatingMenuBar/types.d.ts

@@ -1,30 +0,0 @@
-import type { TMContextMenuItemProps } from '../ContextMenu';
-export interface TMFloatingMenuItem {
-    id: string;
-    name: string;
-    icon: React.ReactNode;
-    onClick: () => void;
-    disabled?: boolean;
-    isPinned?: boolean;
-    originalMenuItem?: TMContextMenuItemProps;
-}
-export interface TMFloatingMenuBarProps {
-    containerRef: React.RefObject<HTMLElement | null>;
-    contextMenuItems?: TMContextMenuItemProps[];
-    storageKey?: string;
-    isConstrained?: boolean;
-    defaultPosition?: Position;
-    maxItems?: number;
-}
-export interface Position {
-    x: number;
-    y: number;
-}
-export interface TMFloatingMenuBarState {
-    position: Position;
-    isDragging: boolean;
-    isConfigMode: boolean;
-    orientation: 'horizontal' | 'vertical';
-    items: TMFloatingMenuItem[];
-    draggedItemIndex: number | null;
-}

package/lib/components/NewComponents/FloatingMenuBar/types.js

@@ -1 +0,0 @@
-export {};

package/lib/components/NewComponents/Notification/Notification.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import type { NotificationProps } from './types';
-declare const Notification: React.FC<NotificationProps>;
-export default Notification;

package/lib/components/NewComponents/Notification/Notification.js

@@ -1,60 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useRef } from 'react';
-import * as S from './styles';
-const Notification = ({ title, message, mode = 'info', position = 'top-right', duration = 3000, closable = false, stopOnMouseEnter = true, hasProgress = true, onClose, }) => {
-    const [state, setState] = useState({
-        visible: true,
-        isPaused: false,
-        progress: 100,
-    });
-    const timeoutRef = useRef(undefined);
-    const remainingTimeRef = useRef(duration);
-    const pauseTimeRef = useRef(0);
-    const closeNotification = () => {
-        setState(prev => ({ ...prev, visible: false }));
-        setTimeout(() => {
-            onClose?.();
-        }, 300);
-    };
-    useEffect(() => {
-        // Set up auto-close timer
-        timeoutRef.current = setTimeout(() => {
-            closeNotification();
-        }, duration);
-        return () => {
-            if (timeoutRef.current) {
-                clearTimeout(timeoutRef.current);
-            }
-        };
-    }, [duration]);
-    const handleMouseEnter = () => {
-        if (!stopOnMouseEnter)
-            return;
-        // Pause the timer
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-            pauseTimeRef.current = Date.now();
-        }
-        setState(prev => ({ ...prev, isPaused: true }));
-    };
-    const handleMouseLeave = () => {
-        if (!stopOnMouseEnter)
-            return;
-        // Resume the timer with remaining time
-        const pauseDuration = Date.now() - pauseTimeRef.current;
-        remainingTimeRef.current = Math.max(0, remainingTimeRef.current - pauseDuration);
-        timeoutRef.current = setTimeout(() => {
-            closeNotification();
-        }, remainingTimeRef.current);
-        setState(prev => ({ ...prev, isPaused: false }));
-    };
-    const handleClose = (e) => {
-        e.stopPropagation();
-        if (timeoutRef.current) {
-            clearTimeout(timeoutRef.current);
-        }
-        closeNotification();
-    };
-    return (_jsxs(S.NotificationContainer, { "$position": position, "$mode": mode, "$visible": state.visible, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, role: "alert", "aria-live": "assertive", children: [_jsxs(S.NotificationContent, { children: [_jsx(S.NotificationTitle, { children: title }), _jsx(S.NotificationMessage, { children: message })] }), closable && (_jsx(S.CloseButton, { onClick: handleClose, "aria-label": "Close notification", children: "\u00D7" })), hasProgress && (_jsx(S.ProgressBar, { "$duration": duration, "$mode": mode, "$isPaused": state.isPaused }))] }));
-};
-export default Notification;

package/lib/components/NewComponents/Notification/NotificationContainer.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import type { NotificationPosition } from './types';
-interface NotificationContainerProps {
-    position: NotificationPosition;
-    children: React.ReactNode;
-}
-declare const NotificationContainer: React.FC<NotificationContainerProps>;
-export default NotificationContainer;

package/lib/components/NewComponents/Notification/NotificationContainer.js

@@ -1,33 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styled from 'styled-components';
-const Container = styled.div `
-  position: fixed;
-  z-index: 10002;
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  pointer-events: none;
-
-  ${props => {
-    const isTop = props.$position.startsWith('top');
-    const isBottom = props.$position.startsWith('bottom');
-    const isLeft = props.$position.endsWith('left');
-    const isRight = props.$position.endsWith('right');
-    const isCenter = props.$position.endsWith('center');
-    return `
-      ${isTop ? 'top: 24px;' : ''}
-      ${isBottom ? 'bottom: 24px;' : ''}
-      ${isLeft ? 'left: 24px;' : ''}
-      ${isRight ? 'right: 24px;' : ''}
-      ${isCenter ? 'left: 50%; transform: translateX(-50%);' : ''}
-    `;
-}}
-
-  & > * {
-    pointer-events: auto;
-  }
-`;
-const NotificationContainer = ({ position, children }) => {
-    return _jsx(Container, { "$position": position, children: children });
-};
-export default NotificationContainer;

package/lib/components/NewComponents/Notification/index.d.ts

@@ -1,2 +0,0 @@
-export { default } from './Notification';
-export * from './types';

package/lib/components/NewComponents/Notification/index.js

@@ -1,2 +0,0 @@
-export { default } from './Notification';
-export * from './types';

package/lib/components/NewComponents/Notification/styles.d.ts

@@ -1,21 +0,0 @@
-import type { NotificationMode, NotificationPosition } from './types';
-export declare const NotificationContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $position: NotificationPosition;
-    $mode: NotificationMode;
-    $visible: boolean;
-}>> & string;
-export declare const NotificationContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NotificationTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NotificationMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const ProgressBar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
-}>, {
-    $duration: number;
-    $mode: NotificationMode;
-    $isPaused: boolean;
-}>, {
-    $duration: number;
-    $mode: NotificationMode;
-    $isPaused: boolean;
-}>> & string;

package/lib/components/NewComponents/Notification/styles.js

@@ -1,180 +0,0 @@
-import styled, { keyframes } from 'styled-components';
-const slideInFromTop = keyframes `
-  from {
-    opacity: 0;
-    transform: translateY(-100%);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-const slideInFromBottom = keyframes `
-  from {
-    opacity: 0;
-    transform: translateY(100%);
-  }
-  to {
-    opacity: 1;
-    transform: translateY(0);
-  }
-`;
-const slideOut = keyframes `
-  from {
-    opacity: 1;
-    transform: scale(1);
-  }
-  to {
-    opacity: 0;
-    transform: scale(0.9);
-  }
-`;
-const getModeColors = (mode) => {
-    const colors = {
-        success: {
-            bg: '#10b981',
-            bgDark: '#059669',
-            border: '#34d399',
-            text: '#ffffff',
-        },
-        error: {
-            bg: '#ef4444',
-            bgDark: '#dc2626',
-            border: '#f87171',
-            text: '#ffffff',
-        },
-        warning: {
-            bg: '#f59e0b',
-            bgDark: '#d97706',
-            border: '#fbbf24',
-            text: '#ffffff',
-        },
-        info: {
-            bg: '#3b82f6',
-            bgDark: '#2563eb',
-            border: '#60a5fa',
-            text: '#ffffff',
-        },
-    };
-    return colors[mode];
-};
-export const NotificationContainer = styled.div `
-  position: relative;
-  z-index: 1;
-  min-width: 320px;
-  max-width: 420px;
-  background: ${props => getModeColors(props.$mode).bg};
-  border-radius: 12px;
-  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.2),
-              0 4px 12px rgba(0, 0, 0, 0.15);
-  padding: 16px 20px;
-  animation: ${props => {
-    if (!props.$visible)
-        return slideOut;
-    return props.$position.startsWith('top') ? slideInFromTop : slideInFromBottom;
-}} 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
-  backdrop-filter: blur(10px);
-  border: 2px solid ${props => getModeColors(props.$mode).border};
-  color: ${props => getModeColors(props.$mode).text};
-  overflow: hidden;
-
-  [data-theme='dark'] & {
-    background: ${props => getModeColors(props.$mode).bgDark};
-    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4),
-                0 4px 12px rgba(0, 0, 0, 0.3);
-  }
-
-  @media (max-width: 768px) {
-    min-width: 280px;
-    max-width: calc(100vw - 48px);
-  }
-`;
-export const NotificationContent = styled.div `
-  display: flex;
-  flex-direction: column;
-  gap: 6px;
-  padding-right: 24px;
-`;
-export const NotificationTitle = styled.div `
-  font-size: 16px;
-  font-weight: 600;
-  line-height: 1.4;
-  letter-spacing: -0.01em;
-`;
-export const NotificationMessage = styled.div `
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 1.5;
-  opacity: 0.95;
-`;
-export const CloseButton = styled.button `
-  position: absolute;
-  top: 12px;
-  right: 12px;
-  background: transparent;
-  border: none;
-  color: inherit;
-  cursor: pointer;
-  width: 24px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border-radius: 6px;
-  transition: all 0.15s ease;
-  font-size: 18px;
-  line-height: 1;
-  padding: 0;
-  opacity: 0.8;
-
-  &:hover {
-    opacity: 1;
-    background: rgba(255, 255, 255, 0.2);
-    transform: scale(1.1);
-  }
-
-  &:active {
-    transform: scale(0.95);
-  }
-
-  &:focus {
-    outline: 2px solid rgba(255, 255, 255, 0.5);
-    outline-offset: 2px;
-  }
-`;
-export const ProgressBar = styled.div.attrs(props => ({
-    style: {
-        animationDuration: `${props.$duration}ms`,
-    },
-})) `
-  position: absolute;
-  bottom: 0;
-  left: 0;
-  height: 4px;
-  width: 100%;
-  background: ${props => getModeColors(props.$mode).border};
-  border-radius: 0 0 0 10px;
-  box-shadow: 0 0 8px ${props => getModeColors(props.$mode).border};
-  transform-origin: left;
-  animation: progress-shrink linear forwards;
-  animation-play-state: ${props => props.$isPaused ? 'paused' : 'running'};
-
-  @keyframes progress-shrink {
-    from {
-      transform: scaleX(1);
-    }
-    to {
-      transform: scaleX(0);
-    }
-  }
-
-  &::after {
-    content: '';
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 20px;
-    height: 100%;
-    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4));
-  }
-`;

package/lib/components/NewComponents/Notification/types.d.ts

@@ -1,18 +0,0 @@
-export type NotificationMode = 'warning' | 'info' | 'error' | 'success';
-export type NotificationPosition = 'top-left' | 'top-center' | 'top-right' | 'bottom-left' | 'bottom-center' | 'bottom-right';
-export interface NotificationProps {
-    title: string;
-    message: string;
-    mode?: NotificationMode;
-    position?: NotificationPosition;
-    duration?: number;
-    closable?: boolean;
-    stopOnMouseEnter?: boolean;
-    hasProgress?: boolean;
-    onClose?: () => void;
-}
-export interface NotificationState {
-    visible: boolean;
-    isPaused: boolean;
-    progress: number;
-}

package/lib/components/NewComponents/Notification/types.js

@@ -1 +0,0 @@
-export {};

package/lib/helper/cicoHelper.d.ts

@@ -1,31 +0,0 @@
-import React from "react";
-import { AccessLevels, DcmtTypeDescriptor, FileDescriptor, UserDescriptor } from "@topconsultnpm/sdk-ts";
-import { DcmtCheckoutInfo } from "./index";
-import { DcmtInfo, DownloadModes, DownloadTypes } from "../ts/types";
-export interface CheckInCheckOutInfo {
-    CICO: number;
-    CanCICO: AccessLevels;
-    CanDelChronology: AccessLevels;
-    UserID_MID: number;
-    Date_MID: number;
-    Ver_MID: number;
-    UserID_CanViewOrUpdate: AccessLevels;
-    Date_CanViewOrUpdate: AccessLevels;
-    Ver_CanViewOrUpdate: AccessLevels;
-}
-export declare const colors: {
-    MEDIUM_GREEN: string;
-};
-export interface CheckoutStatusResult {
-    isCheckedOut: boolean;
-    mode: 'editMode' | 'lockMode' | '';
-    version: number;
-    icon: React.ReactNode | null;
-}
-export declare const cicoIsEnabled: (dcmt: any, allUsers: Array<UserDescriptor>, dtd: DcmtTypeDescriptor | undefined) => {
-    cicoEnabled: boolean;
-    checkoutStatus: CheckoutStatusResult;
-};
-export declare const getCicoDownloadFileName: (originalFileName: string, fileItem: DcmtInfo | undefined, checkout: boolean, withTimestampAndExt: boolean) => string;
-export declare const updateDcmtCheckoutItem: (item: DcmtCheckoutInfo, action?: "addOrUpdate" | "remove") => void;
-export declare const downloadFilesCallback: (originalFileName: string, dcmt: Array<DcmtInfo>, checkout: boolean, downloadDcmtsAsync: (inputDcmts: Array<DcmtInfo> | undefined, downloadType?: DownloadTypes, downloadMode?: DownloadModes, onFileDownloaded?: (dcmtFile: File) => void, confirmAttachments?: (list: FileDescriptor[]) => Promise<string[] | undefined>, skipConfirmation?: boolean) => Promise<void>) => Promise<void>;

package/lib/helper/cicoHelper.js

@@ -1,155 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { AccessLevels, CICO_MetadataNames, SDK_Globals } from "@topconsultnpm/sdk-ts";
-import TMTooltip from "../components/base/TMTooltip";
-import { Globalization, SDKUI_Globals, SDKUI_Localizator } from "./index";
-import { DownloadTypes } from "../ts/types";
-export const colors = {
-    MEDIUM_GREEN: "#28a745",
-};
-const getCicoInfo = (dtd) => {
-    const cico = {
-        CICO: 0,
-        CanCICO: AccessLevels.No,
-        CanDelChronology: AccessLevels.No,
-        UserID_MID: 0,
-        Date_MID: 0,
-        Ver_MID: 0,
-        UserID_CanViewOrUpdate: AccessLevels.No,
-        Date_CanViewOrUpdate: AccessLevels.No,
-        Ver_CanViewOrUpdate: AccessLevels.No,
-    };
-    if (dtd === undefined)
-        return cico;
-    cico.CICO = dtd.cico ?? 0;
-    cico.CanCICO = dtd.perm?.canCICO ?? AccessLevels.No;
-    cico.CanDelChronology = dtd.perm?.canDelChron ?? AccessLevels.No;
-    const mdCheckout = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutUserID);
-    if (mdCheckout) {
-        cico.UserID_MID = mdCheckout.fromMID;
-        cico.UserID_CanViewOrUpdate = (mdCheckout.perm?.canView == AccessLevels.Yes || mdCheckout.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
-    }
-    const mdDate = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutDate);
-    if (mdDate) {
-        cico.Date_MID = mdDate.fromMID;
-        cico.Date_CanViewOrUpdate = (mdDate.perm?.canView == AccessLevels.Yes || mdDate.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
-    }
-    const mdVer = dtd.metadata?.find(md => md.name === CICO_MetadataNames.CICO_Version);
-    if (mdVer) {
-        cico.Ver_MID = mdVer.fromMID;
-        cico.Ver_CanViewOrUpdate = (mdVer.perm?.canView == AccessLevels.Yes || mdVer.perm?.canUpdate == AccessLevels.Yes) ? AccessLevels.Yes : AccessLevels.No;
-    }
-    return cico;
-};
-const findCheckOutUserName = (allUsers, checkoutUserId) => {
-    let checkOutUser = allUsers.find(user => user.id === checkoutUserId);
-    return checkOutUser ? checkOutUser.name : '-';
-};
-export const cicoIsEnabled = (dcmt, allUsers, dtd) => {
-    if (dcmt === undefined || dtd === undefined) {
-        return {
-            cicoEnabled: false,
-            checkoutStatus: { isCheckedOut: false, mode: '', version: 1, icon: null }
-        };
-    }
-    const cicoInfo = getCicoInfo(dtd);
-    const CICO_CheckoutUserID_Meta = dtd?.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutUserID);
-    const CICO_CheckoutDate_Meta = dtd?.metadata?.find(md => md.name === CICO_MetadataNames.CICO_CheckoutDate);
-    const CICO_Version_Meta = dtd?.metadata?.find(md => md.name === CICO_MetadataNames.CICO_Version);
-    const keyVersion = dcmt.TID + "_" + (CICO_Version_Meta?.id ?? 0);
-    const versionRaw = CICO_Version_Meta?.id ? dcmt[keyVersion] : undefined;
-    const version = (versionRaw != null && !isNaN(Number(versionRaw))) ? Number(versionRaw) : 1;
-    let checkoutStatus = { isCheckedOut: false, mode: '', version: version, icon: null, };
-    const userID = SDK_Globals.tmSession?.SessionDescr?.userID;
-    if (dcmt && CICO_CheckoutUserID_Meta?.id) {
-        const keyUserID = dcmt.TID + "_" + CICO_CheckoutUserID_Meta.id;
-        const checkoutUserIdValue = dcmt[keyUserID];
-        const checkoutUserId = Number(checkoutUserIdValue);
-        if (userID && checkoutUserIdValue && !isNaN(checkoutUserId) && checkoutUserId > 0) {
-            // editMode: l'utente corrente è quello che ha fatto il checkout
-            // lockMode: un altro utente ha fatto il checkout
-            const mode = (userID && userID === checkoutUserId) ? 'editMode' : 'lockMode';
-            // Recupera i dati aggiuntivi per il tooltip
-            const keyDate = dcmt.TID + "_" + (CICO_CheckoutDate_Meta?.id ?? 0);
-            const checkoutDate = CICO_CheckoutDate_Meta?.id ? dcmt[keyDate] : undefined;
-            const editLockTooltipText = _jsxs(_Fragment, { children: [_jsxs("div", { style: { textAlign: "center" }, children: [mode === 'editMode' && (_jsxs(_Fragment, { children: [_jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-edit" }), SDKUI_Localizator.CurrentUserExtract] })), mode === 'lockMode' && (_jsxs(_Fragment, { children: [_jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-lock" }), SDKUI_Localizator.ExtractedFromOtherUser] }))] }), _jsx("hr", {}), _jsxs("div", { style: { textAlign: "left" }, children: [_jsxs("ul", { children: [_jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.ExtractedBy }), ": ", findCheckOutUserName(allUsers, checkoutUserId), " (ID: ", checkoutUserId, ")"] }), _jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.ExtractedOn }), ": ", Globalization.getDateTimeDisplayValue(checkoutDate?.toString())] })] }), _jsx("hr", {}), _jsx("ul", { children: _jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Version }), ": ", version ?? 1] }) })] })] });
-            const icon = mode === 'editMode'
-                ? _jsx(TMTooltip, { content: editLockTooltipText, children: _jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-edit" }) })
-                : _jsx(TMTooltip, { content: editLockTooltipText, children: _jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-lock" }) });
-            checkoutStatus = { isCheckedOut: true, mode: mode, icon: icon, version: version };
-        }
-    }
-    return {
-        cicoEnabled: cicoInfo.CICO === 1 && cicoInfo.CanCICO === AccessLevels.Yes,
-        checkoutStatus: checkoutStatus
-    };
-};
-export const getCicoDownloadFileName = (originalFileName, fileItem, checkout, withTimestampAndExt) => {
-    // If no fileItem is provided, return an empty string immediately
-    if (fileItem === undefined)
-        return '';
-    // Retrieve the archiveID from the global session object
-    const archiveID = SDK_Globals.tmSession?.SessionDescr?.archiveID;
-    // Destructure the fileItem object into properties
-    const { DID, TID, FILEEXT } = fileItem;
-    // Determine the base name of the file (without its extension)
-    // If the file name contains '.', only take the substring before the last dot
-    const baseName = originalFileName.includes('.') ? originalFileName.substring(0, originalFileName.lastIndexOf('.')) : originalFileName;
-    // Construct a unique identifier for the file combining archiveID, baseName, tid, and did.
-    const fileIdentifier = `${archiveID}~${baseName}~${TID}~${DID}`;
-    // Determine the extension to append to the file name
-    const extension = withTimestampAndExt && FILEEXT ? `.${FILEEXT}` : '';
-    // Initialize an empty string for the timestamp (to be appended if needed)
-    let timestamp = '';
-    // If this is a checkout and timestamps should be added, generate a formatted timestamp
-    if (checkout && withTimestampAndExt) {
-        const now = new Date();
-        const pad = (n) => n.toString().padStart(2, '0');
-        // Format the timestamp as YYYYMMDDHHMMSS and prefix with '~'
-        timestamp = `~${now.getFullYear()}${pad(now.getMonth() + 1)}${pad(now.getDate())}${pad(now.getHours())}${pad(now.getMinutes())}${pad(now.getSeconds())}`;
-    }
-    // Construct and return the final file name: [archiveID]~[name]~[tid]~[did]~[timestamp].[extension]
-    return `${checkout ? 'checkout~' : ''}${fileIdentifier}${timestamp}${extension}`;
-};
-export const updateDcmtCheckoutItem = (item, action = "addOrUpdate") => {
-    // Make a shallow copy of the global draft checkout items array to avoid direct mutation
-    const currentItems = [...SDKUI_Globals.userSettings.dcmtCheckoutInfo];
-    // Find the index of an existing item that has the same TID and DID as the new item
-    const index = currentItems.findIndex(i => i.TID === item.TID && i.DID === item.DID);
-    // If the action is to add a new item or update an existing one
-    if (action === "addOrUpdate") {
-        if (index >= 0) {
-            // If the item exists, overwrite it with the new values
-            currentItems[index] = item;
-        }
-        else {
-            // If the item does not exist, push it into the array
-            currentItems.push(item);
-        }
-    }
-    else if (action === "remove" && index >= 0) { // If the action is to remove an item
-        // Remove the item from the array
-        currentItems.splice(index, 1);
-    }
-    // Update the global array with the modified copy
-    SDKUI_Globals.userSettings.dcmtCheckoutInfo = currentItems;
-};
-export const downloadFilesCallback = async (originalFileName, dcmt, checkout, downloadDcmtsAsync) => {
-    const files = [];
-    dcmt.forEach(file => {
-        if (file.TID && file.DID && file.FILEEXT) {
-            let fileName = getCicoDownloadFileName(originalFileName, file, checkout, true);
-            if (checkout) {
-                const newItem = {
-                    TID: file.TID.toString(),
-                    DID: file.DID.toString(),
-                    checkoutFolder: "",
-                    checkoutName: fileName
-                };
-                updateDcmtCheckoutItem(newItem, "addOrUpdate");
-            }
-            files.push({ TID: file.TID, DID: file.DID, FILEEXT: file.FILEEXT, fileName });
-        }
-    });
-    if (files.length > 0)
-        await downloadDcmtsAsync(files, DownloadTypes.Dcmt, "download");
-};