@topconsultnpm/sdkui-react-beta 6.6.47 → 6.6.49

package/lib/components/query/TMQueryResultForm.js

@@ -3,7 +3,7 @@ import { useEffect, useState } from 'react';
 import { SDK_Globals, AppModules } from '@topconsultnpm/sdk-ts-beta';
 import TMQueryResult from './TMQueryResult';
 import styled from 'styled-components';
-import { IconApply, IconCloseOutline, IconUser, IconInfo, IconRefresh, IconSync, IconDownload, IconPreview, IconPrinter, IconCheckIn, IconEdit, IconStar, IconRecursiveOps, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconRelation, IconSignature, IconDelete, IconUndo, IconCloseCircle, IconMenuVertical, IconArchiveDoc, IconDuplicate, IconSubstFile, IconConvertFilePdf, IconCheckFile, IconBatchUpdate, IconShare, IconSharedDcmt, IconSearch, IconExportTo, IconShow, IconSettings, IconActivityLog, SDKUI_Localizator } from '../../helper';
+import { IconApply, IconCloseOutline, IconUser, IconInfo, IconRefresh, IconSync, IconDownload, IconPreview, IconPrinter, IconCheckIn, IconEdit, IconStar, IconRecursiveOps, IconMail, IconDcmtTypeOnlyMetadata, IconCopy, IconRelation, IconSignature, IconDelete, IconUndo, IconCloseCircle, IconMenuVertical, IconArchiveDoc, IconDuplicate, IconSubstFile, IconConvertFilePdf, IconCheckFile, IconBatchUpdate, IconShare, IconSharedDcmt, IconSearch, IconExportTo, IconShow, IconSettings, IconActivityLog, SDKUI_Localizator, useWindowWidth, MOBILE_WIDTH, IconArrowLeft } from '../../helper';
 import { FormModes } from '../../ts';
 import { TMColors } from '../../utils/theme';
 import { StyledBadge } from '../base/Styled';
@@ -221,13 +221,29 @@ const TMQueryResultForm = ({ onUpdate, isModal, onClose, context = SearchResultC
         _jsxs(StyledTitleContainer, { children: [context === SearchResultContext.WORKFLOW_APPROVE ? _jsx(IconActivityLog, { fontSize: 14 }) : context === SearchResultContext.FAVORITES ? _jsx(IconStar, {}) : context === SearchResultContext.RECENT ? _jsx(IconRefresh, {}) : '', context === SearchResultContext.WORKFLOW_APPROVE ? SDKUI_Localizator.WorkflowApproval : context === SearchResultContext.FAVORITES ? SDKUI_Localizator.Favorites : context === SearchResultContext.RECENT ? SDKUI_Localizator.Recent : ''] }, context === SearchResultContext.WORKFLOW_APPROVE ? 'title2' : context === SearchResultContext.FAVORITES ? 'title0' : context === SearchResultContext.RECENT ? 'title1' : '')
     ];
     const [toolbar, setToolbar] = useState(toolbarElements);
-    // let width = useWindowWidth()
-    // let isMobile: boolean = width <= MOBILE_WIDTH
-    // useEffect(() => { if (isMobile) { setCurrentSearchResult1(undefined); setCurrentSearchResult2(undefined) } else { if (Array.isArray(result1)) { setCurrentSearchResult1(orderByName(result1)[0]) }; if (Array.isArray(result2)) { setCurrentSearchResult2(orderByName(result2)[0]) } } }, [ result1, result2])
+    let width = useWindowWidth();
+    let isMobile = width <= MOBILE_WIDTH;
+    useEffect(() => { if (isMobile) {
+        setCurrentSearchResult1(undefined);
+        setCurrentSearchResult2(undefined);
+    }
+    else {
+        if (Array.isArray(result1)) {
+            setCurrentSearchResult1(orderByName(result1)[0]);
+        }
+        ;
+        if (Array.isArray(result2)) {
+            setCurrentSearchResult2(orderByName(result2)[0]);
+        }
+    } }, [isMobile, result1, result2]);
     useEffect(() => {
         let arr = [...toolbarElements];
-        // if (isMobile && hasBack) { arr.unshift(<TMButton key="btn00" caption={SDKUI_Localizator.Back} icon={<IconArrowLeft />} btnStyle='toolbar' color='tertiary' fontSize='1.3rem' onClick={() => { setSplitterSize(['100%', '0']); setHasBack(false); let arr = [...toolbar]; arr = arr.filter(item => item.key !== 'btn00'); }} />) }
-        // if (!isMobile || !hasBack) { arr = arr.filter(item => item.key !== 'btn00') }
+        if (isMobile && hasBack) {
+            arr.unshift(_jsx(TMButton, { caption: SDKUI_Localizator.Back, icon: _jsx(IconArrowLeft, {}), btnStyle: 'toolbar', color: 'tertiary', fontSize: '1.3rem', onClick: () => { setSplitterSize(['100%', '0']); setHasBack(false); let arr = [...toolbar]; arr = arr.filter(item => item.key !== 'btn00'); } }, "btn00"));
+        }
+        if (!isMobile || !hasBack) {
+            arr = arr.filter(item => item.key !== 'btn00');
+        }
         if (context === SearchResultContext.METADATA_SEARCH) {
             arr = arr.filter(item => item.key !== 'btn14');
             arr = arr.filter(item => item.key !== 'btn5');
@@ -255,7 +271,7 @@ const TMQueryResultForm = ({ onUpdate, isModal, onClose, context = SearchResultC
             arr = arr.filter(item => item.key !== 'title1');
         }
         setToolbar(arr);
-    }, [context, selectedItems, hasBack]);
+    }, [context, selectedItems, isMobile, hasBack]);
     useEffect(() => {
         let c = 0;
         if (Array.isArray(result1)) {
@@ -291,14 +307,17 @@ const TMQueryResultForm = ({ onUpdate, isModal, onClose, context = SearchResultC
     //     window.addEventListener('keydown', handleTabChange)
     //     return () => window.removeEventListener('keydown', handleTabChange)
     // }, [selectedTabIndex])
-    return (_jsxs(TMApplyForm, { isModal: isModal, formMode: FormModes.None, showApply: false, showUndo: false, hasNavigation: false, onClose: onClose, showBack: context === SearchResultContext.METADATA_SEARCH, customToolbarElements: SDK_Globals.tmSession?.SessionDescr?.appModuleID == AppModules.ORCHESTRATOR ? [] : context !== SearchResultContext.METADATA_SEARCH && !hasBack ? mobileHeaderTitle : toolbar, children: [Array.isArray(result1)
+    return (_jsxs(TMApplyForm, { isModal: isModal, formMode: FormModes.None, showApply: false, showUndo: false, hasNavigation: false, onClose: onClose, showBack: context === SearchResultContext.METADATA_SEARCH, customToolbarElements: SDK_Globals.tmSession?.SessionDescr?.appModuleID == AppModules.ORCHESTRATOR ? [] : isMobile && context !== SearchResultContext.METADATA_SEARCH && !hasBack ? mobileHeaderTitle : toolbar, children: [Array.isArray(result1)
                 ?
-                    _jsxs(TMSplitterLayout, { direction: 'horizontal', min: ['0', '0'], start: ['20%', '80%'], children: [_jsx(TMLayoutItem, { children: _jsxs("div", { style: { height: '100%', display: 'flex', flexDirection: 'column' }, children: [_jsx("div", { style: { width: '100%', height: 'calc(100% - 40px)' }, children: _jsx(TMListView, { orderBy: 'fromName', exprKey: 'fromTID', dataSource: selectedTabIndex === 0 ? result1 : result2 && Array.isArray(result2) ? result2 : [], customColor: '#0e7418', id: `workflow-approve-list-view${selectedTabIndex.toString()}`, itemTemplate: (data) => _jsx(WorfflowListItem, { data: data }), selectedItem: selectedTabIndex === 0 ? currentSearchResult1 : currentSearchResult2, onSelectionChanged: (e) => { if (selectedTabIndex === 0) {
+                    _jsxs(TMSplitterLayout, { showSeparator: !isMobile, direction: 'horizontal', min: ['0', '0'], start: !isMobile ? ['20%', '80%'] : splitterSize, children: [_jsx(TMLayoutItem, { children: _jsxs("div", { style: { height: '100%', display: 'flex', flexDirection: 'column' }, children: [_jsx("div", { style: { width: '100%', height: 'calc(100% - 40px)' }, children: _jsx(TMListView, { orderBy: 'fromName', exprKey: 'fromTID', dataSource: selectedTabIndex === 0 ? result1 : result2 && Array.isArray(result2) ? result2 : [], customColor: '#0e7418', id: `workflow-approve-list-view${selectedTabIndex.toString()}`, itemTemplate: (data) => _jsx(WorfflowListItem, { data: data }), selectedItem: selectedTabIndex === 0 ? currentSearchResult1 : currentSearchResult2, onSelectionChanged: (e) => { if (selectedTabIndex === 0) {
                                                     setCurrentSearchResult1(e);
                                                 }
                                                 else {
                                                     setCurrentSearchResult2(e);
-                                                } ; }, onItemDblClick: (e) => alert(e.fromName), searchKeys: ['fromTID', 'fromName'] }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: 10, alignItems: 'center', width: '100%', height: '40px', borderTop: '1px #e1e1e1 solid', borderBottom: '1px solid #e1e1e1' }, children: [_jsx(TabView, { clickable: result2 && Array.isArray(result2), count: tabCount1, icon: tabIcon1, onClick: () => setSelectedTabIndex(0), onMouseOut: () => setHoveredTab(undefined), onMouseOver: () => setHoveredTab(0), selectedTabBorderColor: selectedTabIndex === 0 ? '#0e7418' : hoveredTab === 0 ? '#c1c1c1' : 'transparent', title: tabTitle1 }), result2 && _jsx(TabView, { clickable: true, count: tabCount2, icon: tabIcon2, onClick: () => setSelectedTabIndex(1), onMouseOut: () => setHoveredTab(undefined), onMouseOver: () => setHoveredTab(1), selectedTabBorderColor: selectedTabIndex === 1 ? '#0e7418' : hoveredTab === 1 ? '#c1c1c1' : 'transparent', title: tabTitle2 })] })] }) }), _jsxs(TMLayoutItem, { children: [" ", _jsx(TMQueryResult, { onDblClick: () => alert('open form'), onSelectionChanged: (e) => setSelectedItems(e), result: selectedTabIndex === 0 ? currentSearchResult1 : currentSearchResult2, showHiddenSelectItems: showHiddenSelectItems, elapsedTime: elapsedTime, searchText: searchText })] })] })
+                                                } ; if (isMobile) {
+                                                    setSplitterSize(['0', '100%']);
+                                                    setHasBack(true);
+                                                } }, onItemDblClick: (e) => alert(e.fromName), searchKeys: ['fromTID', 'fromName'] }) }), _jsxs("div", { style: { display: 'flex', flexDirection: 'row', gap: 10, alignItems: 'center', width: '100%', height: '40px', borderTop: '1px #e1e1e1 solid', borderBottom: '1px solid #e1e1e1' }, children: [_jsx(TabView, { clickable: result2 && Array.isArray(result2), count: tabCount1, icon: tabIcon1, onClick: () => setSelectedTabIndex(0), onMouseOut: () => setHoveredTab(undefined), onMouseOver: () => setHoveredTab(0), selectedTabBorderColor: selectedTabIndex === 0 ? '#0e7418' : hoveredTab === 0 ? '#c1c1c1' : 'transparent', title: tabTitle1 }), result2 && _jsx(TabView, { clickable: true, count: tabCount2, icon: tabIcon2, onClick: () => setSelectedTabIndex(1), onMouseOut: () => setHoveredTab(undefined), onMouseOver: () => setHoveredTab(1), selectedTabBorderColor: selectedTabIndex === 1 ? '#0e7418' : hoveredTab === 1 ? '#c1c1c1' : 'transparent', title: tabTitle2 })] })] }) }), _jsxs(TMLayoutItem, { children: [" ", _jsx(TMQueryResult, { onDblClick: () => alert('open form'), onSelectionChanged: (e) => setSelectedItems(e), result: selectedTabIndex === 0 ? currentSearchResult1 : currentSearchResult2, showHiddenSelectItems: showHiddenSelectItems, elapsedTime: elapsedTime, searchText: searchText })] })] })
                 :
                     _jsx(TMQueryResult, { onSelectionChanged: (e) => setSelectedItems(e), result: result1, showHiddenSelectItems: showHiddenSelectItems, elapsedTime: elapsedTime, searchText: searchText }), showApprovePopup && _jsx(WorkFlowApproveRejectPopUp, { onUpdate: onUpdate, selectedItems: selectedItems, op: 0, onClose: () => setShowApprovePopup(false) }), showRejectPopup && _jsx(WorkFlowApproveRejectPopUp, { onUpdate: onUpdate, selectedItems: selectedItems, op: 1, onClose: () => setShowRejectPopup(false) }), showReAssignPopup && _jsx(WorkFlowReAssignPopUp, { onUpdate: onUpdate, selectedItems: selectedItems, onClose: () => setShowReAssignPopup(false) })] }));
 };

package/lib/components/sidebar/TMHeader.d.ts

@@ -24,8 +24,8 @@ interface ITMHeader {
     onSettingsClick?: () => void;
 }
 export declare const TMSearchBar: ({ searchValue, onSearchValueChanged, maxWidth, marginLeft }: {
-    maxWidth?: string | undefined;
-    marginLeft?: string | undefined;
+    maxWidth?: string;
+    marginLeft?: string;
     searchValue: string;
     onSearchValueChanged: (value: string) => void;
 }) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMDataListItemViewer.d.ts

@@ -1,9 +1,9 @@
 import { DataListViewModes } from '@topconsultnpm/sdk-ts-beta';
 import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
 declare const TMDataListItemViewer: ({ dataListId, value, viewMode }: {
-    dataListId?: number | undefined;
-    value?: string | undefined;
-    viewMode?: DataListViewModes | undefined;
+    dataListId?: number;
+    value?: string;
+    viewMode?: DataListViewModes;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMDataListItemViewer;
 export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => import("react/jsx-runtime").JSX.Element;

package/lib/components/viewers/TMMidViewer.d.ts

@@ -3,12 +3,12 @@ import { ITopMediaSession, MetadataDescriptor } from '@topconsultnpm/sdk-ts-beta
 import { TID_MID } from '../../ts';
 import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
 export declare const TMMidViewer: ({ tmSession, tid_mid, showCompleteName, showIcon, showId, noneSelectionText }: {
-    tmSession?: ITopMediaSession | undefined;
+    tmSession?: ITopMediaSession;
     tid_mid: TID_MID | undefined;
-    showCompleteName?: boolean | undefined;
-    showIcon?: boolean | undefined;
-    showId?: boolean | undefined;
-    noneSelectionText?: string | undefined;
+    showCompleteName?: boolean;
+    showIcon?: boolean;
+    showId?: boolean;
+    noneSelectionText?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 interface ITMMetadataIcon {
     tid: number | undefined;

package/lib/components/viewers/TMTidViewer.d.ts

@@ -11,11 +11,11 @@ interface ITMDcmtTypeTooltip {
 }
 export declare const TMDcmtTypeTooltip: React.FC<ITMDcmtTypeTooltip>;
 declare const TMTidViewer: ({ tmSession, tid, showIcon, showId, noneSelectionText }: {
-    tmSession?: ITopMediaSession | undefined;
-    tid?: number | undefined;
-    showIcon?: boolean | undefined;
-    showId?: boolean | undefined;
-    noneSelectionText?: string | undefined;
+    tmSession?: ITopMediaSession;
+    tid?: number;
+    showIcon?: boolean;
+    showId?: boolean;
+    noneSelectionText?: string;
 }) => import("react/jsx-runtime").JSX.Element;
 export default TMTidViewer;
 export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;

package/lib/helper/helpers.d.ts

@@ -3,7 +3,7 @@ import { AppModules, DataColumnDescriptor, ITopMediaSession, QueryDescriptor, Se
 import { FormModes } from "../ts";
 declare const TABLET_WIDTH = 1024;
 declare const MOBILE_WIDTH = 640;
-declare const calcResponsiveDirection: (currentWidth: number, desktopDir: 'horizontal' | 'vertical', tabletDir: 'horizontal' | 'vertical', mobileDir: 'horizontal' | 'vertical') => 'horizontal' | 'vertical';
+declare const calcResponsiveDirection: (currentWidth: number, desktopDir: "horizontal" | "vertical", tabletDir: "horizontal" | "vertical", mobileDir: "horizontal" | "vertical") => "horizontal" | "vertical";
 declare const openApps: (appModule: AppModules, tmSession: ITopMediaSession, appRoutes?: any[]) => Promise<void>;
 export declare const setSDK_GlobalsInfoAsync: (tms: ITopMediaSession | undefined) => Promise<ITopMediaSession>;
 declare const calcResponsiveSizes: (currentWidth: number, desktopSize: string, tabletSize: string, mobileSize: string) => string;

package/lib/hooks/useForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { FormModes } from "../ts";
 import { JobTypes, ObjectClasses, ValidationItem } from "@topconsultnpm/sdk-ts-beta";
 export declare class SaveFormOptions {

package/lib/hooks/useOutsideClick.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 export declare const useOutsideClick: (callback: (escPressed?: boolean) => void) => import("react").RefObject<HTMLDivElement>;
 export declare const useEscapeKeyPress: (callback: () => void) => import("react").RefObject<HTMLDivElement>;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@topconsultnpm/sdkui-react-beta",
-    "version": "6.6.47",
+    "version": "6.6.49",
     "description": "",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
@@ -28,7 +28,7 @@
         "lib"
     ],
     "dependencies": {
-        "@topconsultnpm/sdk-ts-beta": "^6.6.11",
+        "@topconsultnpm/sdk-ts-beta": "^6.6.12",
         "buffer": "^6.0.3",
         "devextreme": "24.1.6",
         "devextreme-react": "24.1.6",