@topconsultnpm/sdkui-react 6.20.0-dev1.12 → 6.20.0-dev1.121

package/lib/hooks/useSettingsFeedback.js

@@ -0,0 +1,38 @@
+import { useState, useRef } from 'react';
+export const useSettingsFeedback = () => {
+    const [, setForceUpdate] = useState(0);
+    const [showSavedBadge, setShowSavedBadge] = useState(false);
+    const [lastChanged, setLastChanged] = useState({
+        label: '',
+        value: ''
+    });
+    const [isWarning, setIsWarning] = useState(false);
+    const timeoutRef = useRef(null);
+    const triggerUIUpdate = (label, value, warning = false) => {
+        setForceUpdate((prev) => prev + 1);
+        setShowSavedBadge(true);
+        setLastChanged({ label, value: String(value) });
+        setIsWarning(warning);
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+        }
+        timeoutRef.current = setTimeout(() => {
+            setShowSavedBadge(false);
+            timeoutRef.current = null;
+        }, 4000);
+    };
+    const closeBadge = () => {
+        setShowSavedBadge(false);
+        if (timeoutRef.current) {
+            clearTimeout(timeoutRef.current);
+            timeoutRef.current = null;
+        }
+    };
+    return {
+        showSavedBadge,
+        lastChanged,
+        isWarning,
+        triggerUIUpdate,
+        closeBadge
+    };
+};

package/lib/hooks/useWorkflowApprove.d.ts

@@ -8,4 +8,8 @@ export declare const useWorkflowApprove: () => {
     isLoading: boolean;
     refreshWorkflowApprove: () => Promise<void>;
     totalDcmtsFound: number;
+    getWorkItemsByDID: (targetDID: number) => {
+        tid: number;
+        did: number;
+    }[];
 };

package/lib/hooks/useWorkflowApprove.js

@@ -14,6 +14,19 @@ export const useWorkflowApprove = () => {
     const calculateTotalDcmtsFound = useCallback((data) => {
         return data.reduce((sum, item) => sum + (item.dcmtsFound || 0), 0);
     }, []);
+    /**
+     * Ottiene tutti i work items che corrispondono a un determinato DID.
+     * Restituisce un array di oggetti { tid, did }.
+     */
+    const getWorkItemsByDID = useCallback((targetDID) => {
+        return workflowApproveData
+            .flatMap(workflow => workflow.dtdResult?.rows ?? [])
+            .filter(dataRow => Number(dataRow?.[1]) === targetDID)
+            .map(dataRow => ({
+            tid: Number(dataRow[0]),
+            did: targetDID
+        }));
+    }, [workflowApproveData]);
     /**
      * Esegue il fetch dei dati dal workflow, aggiorna lo stato globale
      * e notifica gli altri componenti tramite un evento.
@@ -53,5 +66,5 @@ export const useWorkflowApprove = () => {
             window.removeEventListener('onWorkflowApproveChange', handleUpdate);
         };
     }, [calculateTotalDcmtsFound]);
-    return { workflowApproveData, isLoading, refreshWorkflowApprove, totalDcmtsFound };
+    return { workflowApproveData, isLoading, refreshWorkflowApprove, totalDcmtsFound, getWorkItemsByDID };
 };

package/lib/index.d.ts

@@ -9,4 +9,5 @@ export * from './hooks/useDcmtOperations';
 export * from './hooks/useResizeObserver';
 export * from './hooks/useWorkflowApprove';
 export * from './hooks/useRelatedDocuments';
+export * from './hooks/useSettingsFeedback';
 export * from './services';

package/lib/index.js

@@ -9,7 +9,8 @@ export * from './hooks/useDcmtOperations';
 export * from './hooks/useResizeObserver';
 export * from './hooks/useWorkflowApprove';
 export * from './hooks/useRelatedDocuments';
+export * from './hooks/useSettingsFeedback';
 export * from './services';
 import config from 'devextreme/core/config';
-// DevExtreme License Key (valid for v25.1 and earlier versions)
-config({ licenseKey: 'ewogICJmb3JtYXQiOiAxLAogICJjdXN0b21lcklkIjogIjE1ODg1NDc4LTNjNTItNGUzYy1hNDI1LTU5NjAzMzQ0ZDVjMyIsCiAgIm1heFZlcnNpb25BbGxvd2VkIjogMjUxCn0=.sy0jZ9UWNR//KApWWp2wwKhxX90FmWl/0EHN4i7AnYQReSCtBSB2MlTTMYzYWv4kmD4lKynH4XC85dWwgGLU7RQmchZ916g5iBogVs6CpLeZErO1QJj7OGhLOM2BLfaODN5v9w==' });
+// DevExtreme License Key (valid for v25.2 and earlier versions)
+config({ licenseKey: 'ewogICJmb3JtYXQiOiAxLAogICJjdXN0b21lcklkIjogIjE1ODg1NDc4LTNjNTItNGUzYy1hNDI1LTU5NjAzMzQ0ZDVjMyIsCiAgIm1heFZlcnNpb25BbGxvd2VkIjogMjUyCn0=.ClI5PeQ2vnl48q0hwdwPHM6oDArs6XTeZ9u4JfN6kxaHoKgszVywO996SluAQfPdFhtzWz6OZsyDdenKv28UU2dOF5wppP88hGEJ17PAg+N/OpUkL1L/CMFNXlOIsYd2517GWA==' });

package/lib/services/platform_services.d.ts

@@ -1,12 +1,12 @@
 import { JobTypes, ObjectClasses, ProcessDescriptor, DcmtTypeDescriptor } from "@topconsultnpm/sdk-ts";
 export declare class PlatformObjectService {
-    static readonly retrieveAllAsync: (objClass: ObjectClasses, refreshCache?: boolean) => Promise<import("@topconsultnpm/sdk-ts").AreaDescriptor[] | import("@topconsultnpm/sdk-ts").NotificationDescriptor[] | import("@topconsultnpm/sdk-ts").RelationDescriptor[] | import("@topconsultnpm/sdk-ts").TaskDescriptor[] | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor[] | undefined>;
-    static readonly retrieveAsync: (objClass: ObjectClasses, id: number) => Promise<import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").NotificationDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | undefined>;
+    static readonly retrieveAllAsync: (objClass: ObjectClasses, refreshCache?: boolean) => Promise<import("@topconsultnpm/sdk-ts").TaskDescriptor[] | import("@topconsultnpm/sdk-ts").AreaDescriptor[] | import("@topconsultnpm/sdk-ts").NotificationDescriptor[] | import("@topconsultnpm/sdk-ts").RelationDescriptor[] | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor[] | undefined>;
+    static readonly retrieveAsync: (objClass: ObjectClasses, id: number) => Promise<import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").NotificationDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | undefined>;
     private static readonly retrieveAllAdminJobsAsync;
     static readonly retrieveAllAdminAsync: (objClass: ObjectClasses, jobType?: JobTypes) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor[] | DcmtTypeDescriptor[] | import("@topconsultnpm/sdk-ts").AreaDescriptor[] | import("@topconsultnpm/sdk-ts").RelationDescriptor[] | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor[] | import("@topconsultnpm/sdk-ts").DataListDescriptor[] | import("@topconsultnpm/sdk-ts").DiskDescriptor[] | import("@topconsultnpm/sdk-ts").GroupDescriptor[] | import("@topconsultnpm/sdk-ts").LDAPDescriptor[] | import("@topconsultnpm/sdk-ts").NumeratorDescriptor[] | ProcessDescriptor[] | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor[] | import("@topconsultnpm/sdk-ts").SignCertDescriptor[] | import("@topconsultnpm/sdk-ts").SignServerDescriptor[] | import("@topconsultnpm/sdk-ts").TreeDescriptor[] | import("@topconsultnpm/sdk-ts").TSADescriptor[] | import("@topconsultnpm/sdk-ts").WFDescriptor[] | undefined>;
     private static readonly loadCacheForJobAsync;
     private static readonly retrieveAdminJobAsync;
-    static readonly retrieveAdminAsync: (objClass: ObjectClasses, jobType: JobTypes, id: number) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor | DcmtTypeDescriptor | import("@topconsultnpm/sdk-ts").MailSenderJobDescriptor | import("@topconsultnpm/sdk-ts").SavedQueryDescriptor | import("@topconsultnpm/sdk-ts").DataListDescriptor | import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | import("@topconsultnpm/sdk-ts").BarcodeArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").BatchUpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganaleJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganalePlusJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleQueryJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleSenderJobDescriptor | import("@topconsultnpm/sdk-ts").CheckSequenceJobDescriptor | import("@topconsultnpm/sdk-ts").COSCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtConverterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtDeleterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtNoteJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtPrinterJobDescriptor | import("@topconsultnpm/sdk-ts").FEAttacherJobDescriptor | import("@topconsultnpm/sdk-ts").FECreatorTxtJobDescriptor | import("@topconsultnpm/sdk-ts").FEDetacherJobDescriptor | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor | import("@topconsultnpm/sdk-ts").FESenderWsJobDescriptor | import("@topconsultnpm/sdk-ts").FESplitterJobDescriptor | import("@topconsultnpm/sdk-ts").FEValidatorJobDescriptor | import("@topconsultnpm/sdk-ts").FileArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").FileCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").FileExecJobDescriptor | import("@topconsultnpm/sdk-ts").FileExportJobDescriptor | import("@topconsultnpm/sdk-ts").FileMoverJobDescriptor | import("@topconsultnpm/sdk-ts").LexJobDescriptor | import("@topconsultnpm/sdk-ts").LinkerJobDescriptor | import("@topconsultnpm/sdk-ts").MailArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").MailQueryJobDescriptor | import("@topconsultnpm/sdk-ts").MigrationJobDescriptor | import("@topconsultnpm/sdk-ts").PdDCreatorJobDescriptor | import("@topconsultnpm/sdk-ts").PDFArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PdVSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PostelQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PostelSenderJobDescriptor | import("@topconsultnpm/sdk-ts").ReplicatorJobDescriptor | import("@topconsultnpm/sdk-ts").SAPAlignerJobDescriptor | import("@topconsultnpm/sdk-ts").SAPBarcodeJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataReaderJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataWriterJobDescriptor | import("@topconsultnpm/sdk-ts").SignerJobDescriptor | import("@topconsultnpm/sdk-ts").SpoolArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").UpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").DiskDescriptor | import("@topconsultnpm/sdk-ts").GroupDescriptor | import("@topconsultnpm/sdk-ts").LDAPDescriptor | import("@topconsultnpm/sdk-ts").NumeratorDescriptor | ProcessDescriptor | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor | import("@topconsultnpm/sdk-ts").SignCertDescriptor | import("@topconsultnpm/sdk-ts").SignServerDescriptor | import("@topconsultnpm/sdk-ts").TreeDescriptor | import("@topconsultnpm/sdk-ts").TSADescriptor | import("@topconsultnpm/sdk-ts").WFDescriptor | undefined>;
+    static readonly retrieveAdminAsync: (objClass: ObjectClasses, jobType: JobTypes, id: number) => Promise<import("@topconsultnpm/sdk-ts").UserDescriptor | import("@topconsultnpm/sdk-ts").WFDescriptor | DcmtTypeDescriptor | import("@topconsultnpm/sdk-ts").MailSenderJobDescriptor | import("@topconsultnpm/sdk-ts").TaskDescriptor | import("@topconsultnpm/sdk-ts").SavedQueryDescriptor | import("@topconsultnpm/sdk-ts").DataListDescriptor | import("@topconsultnpm/sdk-ts").AreaDescriptor | import("@topconsultnpm/sdk-ts").BasketTypeDescriptor | import("@topconsultnpm/sdk-ts").RelationDescriptor | import("@topconsultnpm/sdk-ts").WorkingGroupDescriptor | import("@topconsultnpm/sdk-ts").BarcodeArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").BatchUpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganaleJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoDoganalePlusJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleQueryJobDescriptor | import("@topconsultnpm/sdk-ts").CassettoFiscaleSenderJobDescriptor | import("@topconsultnpm/sdk-ts").CheckSequenceJobDescriptor | import("@topconsultnpm/sdk-ts").COSCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtConverterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtDeleterJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtNoteJobDescriptor | import("@topconsultnpm/sdk-ts").DcmtPrinterJobDescriptor | import("@topconsultnpm/sdk-ts").FEAttacherJobDescriptor | import("@topconsultnpm/sdk-ts").FECreatorTxtJobDescriptor | import("@topconsultnpm/sdk-ts").FEDetacherJobDescriptor | import("@topconsultnpm/sdk-ts").FEDistillerJobDescriptor | import("@topconsultnpm/sdk-ts").FESenderWsJobDescriptor | import("@topconsultnpm/sdk-ts").FESplitterJobDescriptor | import("@topconsultnpm/sdk-ts").FEValidatorJobDescriptor | import("@topconsultnpm/sdk-ts").FileArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").FileCheckerJobDescriptor | import("@topconsultnpm/sdk-ts").FileExecJobDescriptor | import("@topconsultnpm/sdk-ts").FileExportJobDescriptor | import("@topconsultnpm/sdk-ts").FileMoverJobDescriptor | import("@topconsultnpm/sdk-ts").LexJobDescriptor | import("@topconsultnpm/sdk-ts").LinkerJobDescriptor | import("@topconsultnpm/sdk-ts").MailArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").MailQueryJobDescriptor | import("@topconsultnpm/sdk-ts").MigrationJobDescriptor | import("@topconsultnpm/sdk-ts").PdDCreatorJobDescriptor | import("@topconsultnpm/sdk-ts").PDFArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").PdVQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PdVSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PeppolSenderJobDescriptor | import("@topconsultnpm/sdk-ts").PostelQueryJobDescriptor | import("@topconsultnpm/sdk-ts").PostelSenderJobDescriptor | import("@topconsultnpm/sdk-ts").ReplicatorJobDescriptor | import("@topconsultnpm/sdk-ts").SAPAlignerJobDescriptor | import("@topconsultnpm/sdk-ts").SAPBarcodeJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataReaderJobDescriptor | import("@topconsultnpm/sdk-ts").SAPDataWriterJobDescriptor | import("@topconsultnpm/sdk-ts").SignerJobDescriptor | import("@topconsultnpm/sdk-ts").SpoolArchiverJobDescriptor | import("@topconsultnpm/sdk-ts").UpdaterJobDescriptor | import("@topconsultnpm/sdk-ts").DiskDescriptor | import("@topconsultnpm/sdk-ts").GroupDescriptor | import("@topconsultnpm/sdk-ts").LDAPDescriptor | import("@topconsultnpm/sdk-ts").NumeratorDescriptor | ProcessDescriptor | import("@topconsultnpm/sdk-ts").SAPLoginDescriptor | import("@topconsultnpm/sdk-ts").SignCertDescriptor | import("@topconsultnpm/sdk-ts").SignServerDescriptor | import("@topconsultnpm/sdk-ts").TreeDescriptor | import("@topconsultnpm/sdk-ts").TSADescriptor | undefined>;
     private static readonly updateJobAsync;
     static readonly updateAsync: (objClass: ObjectClasses, jobType: JobTypes, d: any, ...args: any[]) => Promise<number | undefined>;
     private static readonly createJobAsync;

package/lib/ts/types.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from "react";
-import { FileFormats, ITopMediaSession, MetadataDescriptor, MetadataValueDescriptor, UserDescriptor, ValidationItem } from "@topconsultnpm/sdk-ts";
+import { DataListItemDescriptor, FileFormats, ITopMediaSession, MetadataDescriptor, MetadataValueDescriptor, UserDescriptor, ValidationItem, WFDescriptor } from "@topconsultnpm/sdk-ts";
 import { ITMEditorBase } from "../components/base/TMEditorBase";
 import { IColumnProps } from "devextreme-react/data-grid";
 export declare enum FormModes {
@@ -310,3 +310,63 @@ export declare enum buildTypes {
     RTM = "RTM",
     PATCH = "PATCH"
 }
+/**
+ * Descrive un'istanza di workflow per il contesto WorkflowCtrl.
+ * Contiene tutte le informazioni necessarie per recuperare i work items associati.
+ */
+export interface WFInstanceDescriptor {
+    /** ID dell'istanza */
+    instanceId: string | undefined;
+    /** Indice della riga nel search result */
+    rowIndex: number;
+    /** Struttura metadati completa da searchResultToDataSource: { [key: string]: { md: MetadataDescriptor, value: any } } */
+    values: any;
+    /** TID del documento workflow */
+    tid?: number;
+    /** DID del documento workflow */
+    did?: number;
+    /** ID del workflow */
+    wfid?: number;
+    /** MID del metadato che contiene lo stato del workflow */
+    mStatusMID?: number;
+    /** DataList ID per visualizzare lo stato */
+    mStatusDLID?: number;
+}
+/**
+ * Dettaglio di un singolo work item
+ */
+export interface WorkItemDetail {
+    wid: string;
+    tid: number;
+    did: number;
+    wfid: number;
+    approvalVID: number;
+    status?: DataListItemDescriptor;
+    setID: string;
+    response?: string;
+    creationTime?: Date;
+    completionTime?: Date;
+    from?: number;
+    to?: number;
+    toUser?: UserDescriptor;
+    or?: number;
+}
+/**
+ * Raggruppamento di work items per setID (e creationTime se lo step si ripete)
+ */
+export interface IWorkItemData {
+    wid: string;
+    tid?: number;
+    did?: number;
+    category?: any;
+    type?: any;
+    name?: string;
+    description?: string;
+    setID: string | undefined;
+    creationTime?: Date;
+    setStatus?: DataListItemDescriptor;
+    setRule?: number;
+    details: WorkItemDetail[];
+    groupIndex?: number;
+    wf?: WFDescriptor;
+}

package/lib/utils/theme.d.ts

@@ -57,7 +57,7 @@ declare class FontSize {
     static defaultFontSizeInPixel: string;
 }
 declare class TMMargin {
-    static defultMargin: string;
+    static defaultMargin: string;
     static smallMargin: string;
     static largeMargin: string;
 }

package/lib/utils/theme.js

@@ -65,7 +65,7 @@ FontSize.defaultFontSize = '1rem';
 FontSize.defaultFontSizeInPixel = '13px';
 class TMMargin {
 }
-TMMargin.defultMargin = '5px';
+TMMargin.defaultMargin = '5px';
 TMMargin.smallMargin = '3px';
 TMMargin.largeMargin = '10px';
 class Gutters {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react",
-  "version": "6.20.0-dev1.12",
+  "version": "6.20.0-dev1.121",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -9,6 +9,7 @@
     "tm-build": "npm run clean && tsc && npm run copy-files",
     "tm-watch": "tsc -w",
     "tm-publish": "npm publish --tag latest",
+    "tm-publish_wl": "npm publish",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -39,12 +40,14 @@
     "lib"
   ],
   "dependencies": {
-    "@topconsultnpm/sdk-ts": "6.20.0-dev1.1",
+    "@topconsultnpm/sdk-ts": "6.20.0-dev1.7",
     "buffer": "^6.0.3",
-    "devextreme": "25.1.7",
-    "devextreme-react": "25.1.7",
+    "devextreme": "25.2.4",
+    "devextreme-react": "25.2.4",
     "exceljs": "^4.4.0",
     "htmlparser2": "^10.0.0",
+    "pdfjs-dist": "5.4.296",
+    "react-pdf": "^10.3.0",
     "react-router-dom": "^6.15.0",
     "styled-components": "^6.1.1"
   },

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/components/base/TMContextMenu.d.ts

@@ -1,25 +0,0 @@
-import React, { ReactNode } from 'react';
-export interface ITMContextMenuItemProps {
-    icon?: ReactNode;
-    text?: any;
-    items?: ITMContextMenuItemProps[];
-    disabled?: boolean;
-    isSelected?: boolean;
-    id?: string;
-    onItemClick?: () => void;
-    onItemMouseOver?: (e: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-}
-export interface ITMContextMenuProps {
-    items?: ITMContextMenuItemProps[];
-    coords?: {
-        x: number;
-        y: number;
-    };
-    subMenuDir?: 'left' | 'right';
-}
-declare const TMContextMenu: ({ items, coords, subMenuDir, }: ITMContextMenuProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useTMContextMenu: (ref: React.RefObject<HTMLElement>) => (boolean | {
-    x: number;
-    y: number;
-})[];
-export default TMContextMenu;