@topconsultnpm/sdkui-react-beta 6.11.42 → 6.11.44

package/lib/components/base/TMFileManager.js

@@ -35,7 +35,8 @@ const TMFileManager = (props) => {
     // State to store context menu items for file manager actions
     const [menuItems, setMenuItems] = useState({ folder: [], file: [] });
     // State to manage the anchor element for context menu positioning
-    const [anchorEl, setAnchorEl] = useState(null);
+    const [treeViewAnchor, setTreeViewAnchor] = useState(null);
+    const [viewAnchor, setViewAnchor] = useState(null);
     useEffect(() => {
         setMenuItems(contextMenuItems ?? { folder: [], file: [] });
     }, [contextMenuItems]);
@@ -43,7 +44,7 @@ const TMFileManager = (props) => {
         if (event === undefined)
             return;
         event.preventDefault();
-        setAnchorEl(event.currentTarget);
+        setTreeViewAnchor(event.currentTarget);
         const items = contextMenuItems ?? { folder: [], file: [] };
         setMenuItems(items);
     };
@@ -51,13 +52,17 @@ const TMFileManager = (props) => {
         if (event === undefined)
             return;
         event.preventDefault();
-        setAnchorEl(event.currentTarget);
+        setViewAnchor(event.currentTarget);
         const items = contextMenuItems ?? { folder: [], file: [] };
         setMenuItems(items);
     };
     // Handle closing the context menu
-    const closeContextMenu = useCallback(() => {
-        setAnchorEl(null);
+    const closeTreeViewContextMenu = useCallback(() => {
+        setTreeViewAnchor(null);
+    }, []);
+    // Handle closing the context menu
+    const closeViewContextMenu = useCallback(() => {
+        setViewAnchor(null);
     }, []);
     // useEffect hook to transform the data whenever the treeFs prop changes
     useEffect(() => {
@@ -186,7 +191,7 @@ const TMFileManager = (props) => {
                     display: "flex",
                     flexGrow: 1,
                     height: "calc(100% - 40px)"
-                }, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: true, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: [isLeftPanelCollapsed ? '0%' : "50%", isLeftPanelCollapsed ? '100%' : "50%"], children: [_jsxs("div", { style: { height: "100%", width: "100%" }, onContextMenu: onTreeViewContextMenu, children: [_jsx(TreeView, { style: { marginTop: "10px" }, dataSource: treeViewData, displayExpr: "text", itemRender: renderTreeViewItem, onItemClick: handleTreeViewItemClick }), anchorEl && _jsx(ContextMenu, { dataSource: menuItems.folder, target: anchorEl, onHiding: closeContextMenu })] }), _jsxs("div", { style: { backgroundColor: "#fff", width: "100%", height: "100%" }, children: [_jsxs(Toolbar, { style: { backgroundColor: '#f4f4f4', height: "40px", paddingLeft: "5px", paddingRight: '5px' }, children: [_jsx(ToolbarItem, { location: "before", children: _jsx(TMButton, { caption: viewMode === 'details' ? SDKUI_Localizator.PreviewView : SDKUI_Localizator.DetailsView, btnStyle: 'toolbar', color: 'primaryOutline', icon: viewMode === 'details' ? _jsx(IconDashboard, {}) : _jsx(IconList, {}), onClick: toggleViewMode }) }), _jsx(ToolbarItem, { location: "before", children: _jsx(TMSearchBar, { marginLeft: '0px', maxWidth: '160px', searchValue: searchText, onSearchValueChanged: (e) => handleSearchChange(e) }) })] }), _jsxs("div", { onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onContextMenu: onViewContextMenu, style: { width: "100%", height: "calc(100% - 40px)", border: isDragging ? '2px solid red' : '2px solid transparent' }, children: [viewMode === 'thumbnails' && _jsx(ThumbnailsView, { items: filteredFileItems, selectedFiles: selectedFiles, contextMenuItems: contextMenuItems?.file, handleSelectedFiles: handleSelectedFiles, handleFocusedFile: handleFocusedFile, onDoubleClickHandler: onDoubleClickHandler, thumbnailsViewItemComponent: thumbnailsViewItemComponent }), viewMode === 'details' && _jsx(DetailsView, { items: filteredFileItems, contextMenuItems: contextMenuItems?.file, selectedFiles: selectedFiles, focusedFile: focusedFile, handleSelectedFiles: handleSelectedFiles, handleFocusedFile: handleFocusedFile, onDoubleClickHandler: onDoubleClickHandler }), anchorEl && _jsx(ContextMenu, { dataSource: menuItems.file, target: anchorEl, onHiding: closeContextMenu })] })] })] }, "TMWGs-panels-treeView") })] });
+                }, children: _jsxs(TMSplitterLayout, { direction: 'horizontal', showSeparator: true, separatorColor: 'transparent', separatorActiveColor: 'transparent', min: ['0', '0'], start: [isLeftPanelCollapsed ? '0%' : "50%", isLeftPanelCollapsed ? '100%' : "50%"], children: [_jsxs("div", { style: { height: "100%", width: "100%" }, onContextMenu: onTreeViewContextMenu, children: [_jsx(TreeView, { style: { marginTop: "10px" }, dataSource: treeViewData, displayExpr: "text", itemRender: renderTreeViewItem, onItemClick: handleTreeViewItemClick }), treeViewAnchor && _jsx(ContextMenu, { dataSource: menuItems.folder, target: treeViewAnchor, onHiding: closeTreeViewContextMenu })] }), _jsxs("div", { style: { backgroundColor: "#fff", width: "100%", height: "100%" }, children: [_jsxs(Toolbar, { style: { backgroundColor: '#f4f4f4', height: "40px", paddingLeft: "5px", paddingRight: '5px' }, children: [_jsx(ToolbarItem, { location: "before", children: _jsx(TMButton, { caption: viewMode === 'details' ? SDKUI_Localizator.PreviewView : SDKUI_Localizator.DetailsView, btnStyle: 'toolbar', color: 'primaryOutline', icon: viewMode === 'details' ? _jsx(IconDashboard, {}) : _jsx(IconList, {}), onClick: toggleViewMode }) }), _jsx(ToolbarItem, { location: "before", children: _jsx(TMSearchBar, { marginLeft: '0px', maxWidth: '160px', searchValue: searchText, onSearchValueChanged: (e) => handleSearchChange(e) }) })] }), _jsxs("div", { onDrop: handleDrop, onDragOver: handleDragOver, onDragLeave: handleDragLeave, onContextMenu: onViewContextMenu, style: { width: "100%", height: "calc(100% - 40px)", border: isDragging ? '2px solid red' : '2px solid transparent' }, children: [viewMode === 'thumbnails' && _jsx(ThumbnailsView, { items: filteredFileItems, selectedFiles: selectedFiles, contextMenuItems: contextMenuItems?.file, handleSelectedFiles: handleSelectedFiles, handleFocusedFile: handleFocusedFile, onDoubleClickHandler: onDoubleClickHandler, thumbnailsViewItemComponent: thumbnailsViewItemComponent }), viewMode === 'details' && _jsx(DetailsView, { items: filteredFileItems, contextMenuItems: contextMenuItems?.file, selectedFiles: selectedFiles, focusedFile: focusedFile, handleSelectedFiles: handleSelectedFiles, handleFocusedFile: handleFocusedFile, onDoubleClickHandler: onDoubleClickHandler }), viewAnchor && _jsx(ContextMenu, { dataSource: menuItems.file, target: viewAnchor, onHiding: closeViewContextMenu })] })] })] }, "TMWGs-panels-treeView") })] });
 };
 export default TMFileManager;
 const DetailsView = (props) => {

package/lib/components/editors/TMFormulaEditor.d.ts

@@ -0,0 +1,33 @@
+import React from 'react';
+import { MetadataDescriptor, MetadataDataTypes, DBBrands } from '@topconsultnpm/sdk-ts-beta';
+import { ITMApplyFormProps } from '../../ts';
+export declare enum FormulaTargets {
+    None = 0,
+    DefaultValue = 1,
+    ComputedMetadata = 2,
+    MetadataMapping = 3,
+    PDFCommandAddText = 4,
+    BatchUpdate = 5
+}
+export declare class FormulaDescriptor {
+    expression?: string;
+    formulaTarget?: FormulaTargets;
+    items: any[];
+    mid?: number;
+    metadataDataTypeDest?: MetadataDataTypes;
+    tid?: number;
+}
+export declare const TMFormulaEditor: React.FunctionComponent<ITMApplyFormProps<FormulaDescriptor>>;
+export declare class FormulaHelper {
+    static TreeViewList(tid: number, systemMDs: MetadataDescriptor[], userMDs: MetadataDescriptor[], formulaTarget: FormulaTargets, dbBrand: DBBrands): any;
+    static jsonItems_LoadVariables(tid: number, formulaTarget: FormulaTargets, systemMDs: MetadataDescriptor[], userMDs: MetadataDescriptor[]): any;
+    static jsonItems_SystemMDs(tid: number, systemMDs: MetadataDescriptor[]): any;
+    static jsonItems_UserMDs(tid: number, userMDs: MetadataDescriptor[]): any;
+    static jsonItems_SystemVariables(formulaTarget: FormulaTargets): any;
+    static jsonItems_LoadInstructions(dbBrand: DBBrands): any;
+    static jsonItems_LoadFunctions(dbBrand: DBBrands, formulaTarget: FormulaTargets): any;
+    static jsonItems_LoadFunctions_Convert(dbBrand: DBBrands): any;
+    static jsonItems_LoadFunctions_String(dbBrand: DBBrands): any;
+    static jsonItems_LoadFunctions_Date(dbBrand: DBBrands, formulaTarget: FormulaTargets): any;
+    static jsonItems_LoadFunctions_Link(): any;
+}