@topconsultnpm/sdkui-react-beta 6.10.83 → 6.10.84

package/lib/components/base/TMFileManager.js

@@ -69,7 +69,6 @@ const TMFileManager = (props) => {
         let transformedData = [];
         transformedData.push({ id: -1, text: treeFs.name, subFileFolderCount: treeFs.items.filter(item => !item.isDirectory).length, expanded: true, items: transformItems(treeFs.items) });
         setFileManagerData(transformedData);
-        setIsLeftPanelCollapsed(false);
     }, [treeFs]);
     // Collects all text fields from a nested file manager directory structure.
     const extractTextsFromDirectory = (directories) => {
@@ -93,8 +92,16 @@ const TMFileManager = (props) => {
         // Reset the selected file item if its name is not found in the extracted texts.
         if (selectedFileItem && !extractedTexts.includes(selectedFileItem.name)) {
             setSelectedFileItem(undefined);
+            setIsLeftPanelCollapsed(false);
         }
     }, [fileManagerData]);
+    useEffect(() => {
+        // when change treeFs, reload data: this use effect trigger selectedFileItem and update filterItems when add or remove files
+        if (selectedFileItem) {
+            const item = selectedFileItem.id === treeFs.id ? treeFs : findFileItems(treeFs.items, selectedFileItem.id);
+            setSelectedFileItem(item);
+        }
+    }, [treeFs]);
     useEffect(() => {
         // Filter items whenever searchText or selectedFileItem changes
         const filterItems = () => {

package/lib/helper/SDKUI_Localizator.d.ts

@@ -44,6 +44,7 @@ export declare class SDKUI_Localizator {
     static get CassettoDoganaleExportMRN(): "MRN-Erholung für den Export" | "MRN recovery for export" | "Recuperación MRN para exportación" | "Récupération MRN pour l'export" | "Recuperação MRN para exportação" | "Recupero MRN per Export";
     static get CassettoDoganaleExportVU(): "Wiederherstellung des Ausreisevisums" | "Exit Visa Recovery" | "Recuperación de Visa de Salida" | "Sortie Récupération Visa" | "Recuperação de Visto de Saída" | "Recupero Visto Uscire per Export";
     static get CassettoDoganaleImportMRN(): "MRN-Erholung für den Import" | "MRN recovery for import" | "Recuperación MRN para importación" | "Récupération MRN à l'import" | "Recuperação MRN para importação" | "Recupero MRN per Import";
+    static get CassettoDoganalePlus_UserName(): "STD-Benutzer des ADM-Portals" | "STD User of the ADM Portal" | "Usuario STD del Portal ADM" | "Utilisateur STD du portail ADM" | "Utilizador DST do Portal ADM" | "Utente STD del Portale ADM";
     static get Cancel(): "Abbrechen" | "Cancel" | "Anular" | "Annuler" | "Cancelar" | "Annulla";
     static get ChangePassword(): "Kennwort ändern" | "Change password" | "Cambiar la contraseña" | "Changer le mot de passe" | "Alterar a senha" | "Cambia password";
     static get CheckIn(): "Check in" | "Enregistrement";

package/lib/helper/SDKUI_Localizator.js

@@ -389,6 +389,16 @@ export class SDKUI_Localizator {
             default: return "Recupero MRN per Import";
         }
     }
+    static get CassettoDoganalePlus_UserName() {
+        switch (this._cultureID) {
+            case CultureIDs.De_DE: return "STD-Benutzer des ADM-Portals";
+            case CultureIDs.En_US: return "STD User of the ADM Portal";
+            case CultureIDs.Es_ES: return "Usuario STD del Portal ADM";
+            case CultureIDs.Fr_FR: return "Utilisateur STD du portail ADM";
+            case CultureIDs.Pt_PT: return "Utilizador DST do Portal ADM";
+            default: return "Utente STD del Portale ADM";
+        }
+    }
     static get Cancel() {
         switch (this._cultureID) {
             case CultureIDs.De_DE: return "Abbrechen";

package/lib/helper/TMIcons.d.ts

@@ -220,4 +220,8 @@ declare function IconAddressBook(props: React.SVGProps<SVGSVGElement>): import("
 declare function IconFreeSearch(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconMic(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
 declare function IconKey(props: React.SVGProps<SVGSVGElement>): import("react/jsx-runtime").JSX.Element;
+export declare function IconDetailDcmts(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
+export declare function IconMultipleSelection(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
+export declare function IconChevronRight(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
+export declare function IconChevronDown(props: Readonly<React.SVGProps<SVGSVGElement>>): import("react/jsx-runtime").JSX.Element;
 export { Icon123, IconABC, IconAccessPoint, IconAddressBook, IconSignCert, IconServerService, IconActivity, IconActivityLog, IconAdd, IconAddCircleOutline, IconAll, IconApply, IconApplyAndClose, IconArchive, IconArchiveDoc, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAtSign, IconAttachment, IconAutoConfig, IconBackward, IconBasket, IconBoard, IconBoxArchiveIn, IconBxInfo, IconBxLock, IconCalendar, IconCloseCircle, IconCloseOutline, IconCloud, IconCircleInfo, IconClear, IconColumns, IconCommand, IconCopy, IconCount, IconCrown, IconDashboard, IconDcmtType, IconDcmtTypeOnlyMetadata, IconDcmtTypeSys, IconDelete, IconDetails, IconDown, IconDownload, IconDotsVerticalCircleOutline, IconDuplicate, IconEdit, IconEqual, IconEqualNot, IconEraser, IconExpandRight, IconExport, IconFastBackward, IconFoldeAdd, IconFolderSearch, IconFolderZip, IconFastForward, IconFastSearch, IconFileDots, IconFilter, IconForceStop, IconForward, IconFreeze, IconFreeSearch, IconGreaterThan, IconGreaterThanOrEqual, IconHistory, IconImport, IconTag, IconInfo, IconInsertAbove, IconInsertBelow, IconHeart, IconHide, IconLanguage, IconLeft, IconLessThan, IconLessThanOrEqual, IconLock, IconLockClosed, IconLogin, IconLink, IconLogout, IconMail, IconMapping, IconMaximize, IconMinimize, IconMic, IconMenuHorizontal, IconMenuKebab, IconMenuVertical, IconMetadata, IconMetadata_Computed, IconMetadata_DataList, IconMetadata_Date, IconMetadata_DynamicDataList, IconMetadata_Numerator, IconMetadata_Numeric, IconMetadata_Special, IconMetadata_Text, IconMetadata_User, IconMonitor, IconOpenInNew, IconNotification, IconPassword, IconPencil, IconPlatform, IconPlay, IconPreview, IconPrinter, IconProcess, IconProgressAbortRequested, IconProgressCompleted, IconProgressNotCompleted, IconProgressReady, IconProgressRunning, IconProgressStarted, IconRefresh, IconReset, IconRight, IconSave, IconSearch, IconSelected, IconSettings, IconShow, IconSort, IconStop, IconStopwatch, IconSuccess, IconAlarmPlus, IconHourglass, IconNone, IconNotStarted, IconProgress, IconSuccessCirlce, IconSuitcase, IconSupport, IconUndo, IconUnFreeze, IconUp, IconUpdate, IconUpload, IconUser, IconUserProfile, IconVisible, IconWarning, IconWeb, IconWifi, IconWindowMaximize, IconWindowMinimize, IconWorkflow, IconWorkspace, IconUserGroup, IconUserLevelMember, IconUserLevelAdministrator, IconUserLevelSystemAdministrator, IconUserLevelAutonomousAdministrator, IconDraggabledots, IconRelation, IconEasy, IconSum, IconDisk, IconDataList, IconPalette, IconFormatPageSplit, IconPaste, IconFileSearch, IconStar, IconStarRemove, IconSearchCheck, IconLightningFill, IconArrowUnsorted, IconArrowSortedUp, IconArrowSortedDown, IconConvertFilePdf, IconExportTo, IconSharedDcmt, IconShare, IconBatchUpdate, IconCheckFile, IconStatistics, IconSubstFile, IconAdvanced, IconSync, IconSavedQuery, IconSignature, IconRecursiveOps, IconCheckIn, IconTree, IconGrid, IconList, IconFolder, IconFolderOpen, IconFactory, IconTest, IconCheck, IconUncheck, IconSortAsc, IconSortDesc, IconSortAscLetters, IconSortDescLetters, IconSortAscNumbers, IconSortDescNumbers, IconSortAscClock, IconSortDescClock, IconLayerGroup, IconBell, IconBellCheck, IconBellOutline, IconBellCheckOutline, IconEnvelopeOpenText, IconChangeUser, IconUserCheck, IconRelationManyToMany, IconRelationOneToMany, IconUserExpired, IconKey };

package/lib/helper/TMIcons.js

@@ -523,4 +523,16 @@ function IconMic(props) { return (_jsxs("svg", { fontSize: props?.fontSize ? pro
 function IconKey(props) {
     return (_jsx("svg", { fontSize: props?.fontSize ? props.fontSize : FONTSIZE, fill: "none", viewBox: "0 0 24 24", height: "1em", width: "1em", ...props, children: _jsx("path", { fill: "currentColor", fillRule: "evenodd", d: "M6 8a3 3 0 00-3 3v2a3 3 0 106 0h6v2h2v-2h1v2h2v-4H9a3 3 0 00-3-3zm1 5v-2a1 1 0 10-2 0v2a1 1 0 102 0z", clipRule: "evenodd" }) }));
 }
+export function IconDetailDcmts(props) {
+    return (_jsx("svg", { fontSize: props?.fontSize ? props.fontSize : FONTSIZE, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: _jsx("path", { fill: "currentColor", d: "M3 5.25A2.25 2.25 0 0 1 5.25 3h13.5A2.25 2.25 0 0 1 21 5.25v3a2.25 2.25 0 0 1-2.25 2.25H7.5v4.25c0 .966.784 1.75 1.75 1.75H12v-.75a2.25 2.25 0 0 1 2.25-2.25h4.5A2.25 2.25 0 0 1 21 15.75v3A2.25 2.25 0 0 1 18.75 21h-4.5A2.25 2.25 0 0 1 12 18.75V18H9.25A3.25 3.25 0 0 1 6 14.75V10.5h-.75A2.25 2.25 0 0 1 3 8.25zM18.75 9a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75H5.25a.75.75 0 0 0-.75.75v3c0 .414.336.75.75.75zm-5.25 6.75v3c0 .414.336.75.75.75h4.5a.75.75 0 0 0 .75-.75v-3a.75.75 0 0 0-.75-.75h-4.5a.75.75 0 0 0-.75.75" }) }));
+}
+export function IconMultipleSelection(props) {
+    return (_jsx("svg", { fontSize: props?.fontSize ? props.fontSize : FONTSIZE, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 26 26", width: "1em", height: "1em", ...props, children: _jsx("path", { fill: "currentColor", d: "M7.875 0a1 1 0 0 0-.656.375L3.812 4.656l-2.25-1.5A1.014 1.014 0 1 0 .438 4.844l3 2a1 1 0 0 0 1.344-.219l4-5A1 1 0 0 0 7.875 0M12 3v2h14V3zM7.875 9a1 1 0 0 0-.656.375l-3.407 4.281l-2.25-1.5a1.014 1.014 0 1 0-1.125 1.688l3 2a1 1 0 0 0 1.344-.219l4-5A1 1 0 0 0 7.875 9M12 12v2h14v-2zm-4.125 6a1 1 0 0 0-.656.375l-3.407 4.281l-2.25-1.5a1.014 1.014 0 1 0-1.125 1.688l3 2a1 1 0 0 0 1.344-.219l4-5A1 1 0 0 0 7.875 18M12 21v2h14v-2z" }) }));
+}
+export function IconChevronRight(props) {
+    return (_jsx("svg", { fontSize: props?.fontSize ? props.fontSize : FONTSIZE, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: _jsx("path", { fill: "currentColor", d: "M10.5 17a1 1 0 0 1-.71-.29a1 1 0 0 1 0-1.42L13.1 12L9.92 8.69a1 1 0 0 1 0-1.41a1 1 0 0 1 1.42 0l3.86 4a1 1 0 0 1 0 1.4l-4 4a1 1 0 0 1-.7.32" }) }));
+}
+export function IconChevronDown(props) {
+    return (_jsx("svg", { fontSize: props?.fontSize ? props.fontSize : FONTSIZE, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", width: "1em", height: "1em", ...props, children: _jsx("path", { fill: "currentColor", d: "M12 15.5a1 1 0 0 1-.71-.29l-4-4a1 1 0 1 1 1.42-1.42L12 13.1l3.3-3.18a1 1 0 1 1 1.38 1.44l-4 3.86a1 1 0 0 1-.68.28" }) }));
+}
 export { Icon123, IconABC, IconAccessPoint, IconAddressBook, IconSignCert, IconServerService, IconActivity, IconActivityLog, IconAdd, IconAddCircleOutline, IconAll, IconApply, IconApplyAndClose, IconArchive, IconArchiveDoc, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowUp, IconAtSign, IconAttachment, IconAutoConfig, IconBackward, IconBasket, IconBoard, IconBoxArchiveIn, IconBxInfo, IconBxLock, IconCalendar, IconCloseCircle, IconCloseOutline, IconCloud, IconCircleInfo, IconClear, IconColumns, IconCommand, IconCopy, IconCount, IconCrown, IconDashboard, IconDcmtType, IconDcmtTypeOnlyMetadata, IconDcmtTypeSys, IconDelete, IconDetails, IconDown, IconDownload, IconDotsVerticalCircleOutline, IconDuplicate, IconEdit, IconEqual, IconEqualNot, IconEraser, IconExpandRight, IconExport, IconFastBackward, IconFoldeAdd, IconFolderSearch, IconFolderZip, IconFastForward, IconFastSearch, IconFileDots, IconFilter, IconForceStop, IconForward, IconFreeze, IconFreeSearch, IconGreaterThan, IconGreaterThanOrEqual, IconHistory, IconImport, IconTag, IconInfo, IconInsertAbove, IconInsertBelow, IconHeart, IconHide, IconLanguage, IconLeft, IconLessThan, IconLessThanOrEqual, IconLock, IconLockClosed, IconLogin, IconLink, IconLogout, IconMail, IconMapping, IconMaximize, IconMinimize, IconMic, IconMenuHorizontal, IconMenuKebab, IconMenuVertical, IconMetadata, IconMetadata_Computed, IconMetadata_DataList, IconMetadata_Date, IconMetadata_DynamicDataList, IconMetadata_Numerator, IconMetadata_Numeric, IconMetadata_Special, IconMetadata_Text, IconMetadata_User, IconMonitor, IconOpenInNew, IconNotification, IconPassword, IconPencil, IconPlatform, IconPlay, IconPreview, IconPrinter, IconProcess, IconProgressAbortRequested, IconProgressCompleted, IconProgressNotCompleted, IconProgressReady, IconProgressRunning, IconProgressStarted, IconRefresh, IconReset, IconRight, IconSave, IconSearch, IconSelected, IconSettings, IconShow, IconSort, IconStop, IconStopwatch, IconSuccess, IconAlarmPlus, IconHourglass, IconNone, IconNotStarted, IconProgress, IconSuccessCirlce, IconSuitcase, IconSupport, IconUndo, IconUnFreeze, IconUp, IconUpdate, IconUpload, IconUser, IconUserProfile, IconVisible, IconWarning, IconWeb, IconWifi, IconWindowMaximize, IconWindowMinimize, IconWorkflow, IconWorkspace, IconUserGroup, IconUserLevelMember, IconUserLevelAdministrator, IconUserLevelSystemAdministrator, IconUserLevelAutonomousAdministrator, IconDraggabledots, IconRelation, IconEasy, IconSum, IconDisk, IconDataList, IconPalette, IconFormatPageSplit, IconPaste, IconFileSearch, IconStar, IconStarRemove, IconSearchCheck, IconLightningFill, IconArrowUnsorted, IconArrowSortedUp, IconArrowSortedDown, IconConvertFilePdf, IconExportTo, IconSharedDcmt, IconShare, IconBatchUpdate, IconCheckFile, IconStatistics, IconSubstFile, IconAdvanced, IconSync, IconSavedQuery, IconSignature, IconRecursiveOps, IconCheckIn, IconTree, IconGrid, IconList, IconFolder, IconFolderOpen, IconFactory, IconTest, IconCheck, IconUncheck, IconSortAsc, IconSortDesc, IconSortAscLetters, IconSortDescLetters, IconSortAscNumbers, IconSortDescNumbers, IconSortAscClock, IconSortDescClock, IconLayerGroup, IconBell, IconBellCheck, IconBellOutline, IconBellCheckOutline, IconEnvelopeOpenText, IconChangeUser, IconUserCheck, IconRelationManyToMany, IconRelationOneToMany, IconUserExpired, IconKey };

package/lib/stories/TMFileManager.stories.d.ts

@@ -0,0 +1,9 @@
+import { TMFileManagerProps } from '../components/base/TMFileManager';
+declare const _default: {
+    title: string;
+    component: (props: TMFileManagerProps) => import("react/jsx-runtime").JSX.Element;
+    decorators: ((Story: any) => import("react/jsx-runtime").JSX.Element)[];
+    tags: string[];
+};
+export default _default;
+export declare const DefaultView: (args: TMFileManagerProps) => import("react/jsx-runtime").JSX.Element;

package/lib/stories/TMFileManager.stories.js

@@ -0,0 +1,90 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { action } from '@storybook/addon-actions';
+import TMFileManager from '../components/base/TMFileManager';
+import { TMDeviceProvider } from '../components/base/TMDeviceProvider';
+export default {
+    title: 'Components/TMFileManager',
+    component: TMFileManager,
+    decorators: [(Story) => (_jsxs(TMDeviceProvider, { children: [" ", _jsx(Story, {}), " "] })),],
+    tags: ['autodocs'],
+};
+// Default Story
+export const DefaultView = (args) => {
+    // Sample file items to mock the data structure
+    const sampleFiles = [
+        {
+            id: 1,
+            name: 'Folder 1',
+            isDirectory: true,
+            items: [
+                {
+                    id: 3,
+                    name: 'File 1',
+                    isDirectory: false,
+                    items: [],
+                    size: 2048,
+                    ext: 'txt',
+                    creationTime: new Date(),
+                    lastUpdateTime: new Date(),
+                    version: 1
+                }
+            ],
+            size: 1024,
+            ext: 'txt',
+            creationTime: new Date(),
+            lastUpdateTime: new Date(),
+            version: 1
+        },
+        {
+            id: 2,
+            name: 'Folder 2',
+            isDirectory: true,
+            items: [
+                {
+                    id: 3,
+                    name: 'File 2',
+                    isDirectory: false,
+                    items: [],
+                    size: 2048,
+                    ext: 'pdf',
+                    creationTime: new Date(),
+                    lastUpdateTime: new Date(),
+                    version: 1
+                }
+            ],
+            size: 0,
+            ext: 'folder',
+            creationTime: new Date(),
+            lastUpdateTime: new Date(),
+            version: 1
+        }
+    ];
+    // Example context menu items
+    const contextMenuItems = {
+        folder: [
+            {
+                text: 'Open Folder',
+                icon: 'open-folder',
+                onClick: () => action('Open Folder')(),
+            }
+        ],
+        file: [
+            {
+                text: 'Download File',
+                icon: 'download',
+                onClick: () => action('Download File')(),
+            },
+            {
+                text: 'Delete File',
+                icon: 'delete',
+                onClick: () => action('Delete File')(),
+            }
+        ]
+    };
+    return _jsx(TMFileManager, { ...args, treeFs: {
+            id: 0,
+            name: 'Root Directory',
+            isDirectory: true,
+            items: sampleFiles,
+        }, contextMenuItems: contextMenuItems });
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@topconsultnpm/sdkui-react-beta",
-  "version": "6.10.83",
+  "version": "6.10.84",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",