@topconsultnpm/sdkui-react-beta 6.12.0 → 6.12.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/assets/icomoon.svg +96 -96
- package/lib/assets/italy.svg +16 -16
- package/lib/components/base/TMFileManager.js +1 -1
- package/lib/components/base/TMFileManagerThumbnailItems.js +7 -50
- package/lib/components/forms/Login/TMLoginForm.d.ts +1 -0
- package/lib/components/forms/Login/TMLoginForm.js +2 -2
- package/lib/components/viewers/TMTidViewer.d.ts +231 -0
- package/lib/components/viewers/TMTidViewer.js +245 -348
- package/package.json +1 -1
package/lib/assets/italy.svg
CHANGED
@@ -1,16 +1,16 @@
|
|
1
|
-
<?xml version="1.0"?>
|
2
|
-
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
|
3
|
-
<style type="text/css">
|
4
|
-
.st0{fill:#ED1C24;}
|
5
|
-
.st1{fill:#009245;}
|
6
|
-
.st2{fill:#F0F0F0;}
|
7
|
-
</style>
|
8
|
-
<title>Italy (2)</title>
|
9
|
-
<g>
|
10
|
-
<g id="Italy">
|
11
|
-
<circle class="st0" cx="15" cy="15" r="15"/>
|
12
|
-
<path class="st1" d="M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15V0z"/>
|
13
|
-
<path class="st2" d="M15,0c-1.7,0-3.4,0.3-5,0.9v28.3c3.2,1.2,6.8,1.2,10,0V0.9C18.4,0.3,16.7,0,15,0z"/>
|
14
|
-
</g>
|
15
|
-
</g>
|
16
|
-
</svg>
|
1
|
+
<?xml version="1.0"?>
|
2
|
+
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Layer_1" x="0px" y="0px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
|
3
|
+
<style type="text/css">
|
4
|
+
.st0{fill:#ED1C24;}
|
5
|
+
.st1{fill:#009245;}
|
6
|
+
.st2{fill:#F0F0F0;}
|
7
|
+
</style>
|
8
|
+
<title>Italy (2)</title>
|
9
|
+
<g>
|
10
|
+
<g id="Italy">
|
11
|
+
<circle class="st0" cx="15" cy="15" r="15"/>
|
12
|
+
<path class="st1" d="M15,0C6.7,0,0,6.7,0,15s6.7,15,15,15V0z"/>
|
13
|
+
<path class="st2" d="M15,0c-1.7,0-3.4,0.3-5,0.9v28.3c3.2,1.2,6.8,1.2,10,0V0.9C18.4,0.3,16.7,0,15,0z"/>
|
14
|
+
</g>
|
15
|
+
</g>
|
16
|
+
</svg>
|
@@ -296,5 +296,5 @@ const ThumbnailsView = (props) => {
|
|
296
296
|
if (onDoubleClickHandler)
|
297
297
|
onDoubleClickHandler(item);
|
298
298
|
};
|
299
|
-
return items && items.length > 0 ? (_jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx(ScrollView, { width: "100%", height: showPagination ? "calc(100% - 50px)" : "100%", useNative: true, direction: '
|
299
|
+
return items && items.length > 0 ? (_jsxs("div", { style: { width: "100%", height: "100%" }, children: [_jsx(ScrollView, { width: "100%", height: showPagination ? "calc(100% - 50px)" : "100%", useNative: true, direction: 'vertical', children: _jsx(TMFileManagerThumbnailItems, { items: items, paginatedItems: paginatedItems, selectedFiles: selectedFiles, showId: false, userID: userID, searchText: searchText, handleFocusedFile: handleFocusedFile, handleSelectedFiles: handleSelectedFiles, onClick: handleItemClick, onDoubleClick: handleItemDoubleClick }) }), showPagination && _jsx(Pagination, { height: "50px", showInfo: true, showNavigationButtons: true, allowedPageSizes: PAGE_SIZES, displayMode: 'compact', itemCount: items.length, pageIndex: pageIndex, pageSize: pageSize, onPageIndexChange: setPageIndex, onPageSizeChange: setPageSize })] })) : _jsx("div", { style: { width: "100%", height: "100%", display: 'flex', justifyContent: 'center', alignItems: 'center', marginTop: '10px' }, children: SDKUI_Localizator.FolderIsEmpty });
|
300
300
|
};
|
@@ -13,18 +13,17 @@ const colors = {
|
|
13
13
|
MEDIUM_GREEN: "#28a745",
|
14
14
|
};
|
15
15
|
const FileItemContainer = styled.div `
|
16
|
-
display: flex;
|
17
|
-
align-items: center;
|
18
|
-
justify-content: space-between;
|
19
|
-
padding: 10px;
|
20
16
|
border: 1px solid #ddd;
|
21
17
|
border-radius: 8px;
|
22
|
-
margin: 10px 5px;
|
23
18
|
background-color: ${({ $backgroundColor }) => $backgroundColor ?? colors.LIGHT_GRAY};
|
24
19
|
color: ${({ $textColor }) => $textColor ?? colors.BLACK};
|
25
|
-
position: relative;
|
26
|
-
min-width: 200px;
|
27
20
|
cursor: pointer;
|
21
|
+
margin: 10px 5px;
|
22
|
+
padding: 8px;
|
23
|
+
display: flex;
|
24
|
+
flex-direction: column;
|
25
|
+
min-width: 100px;
|
26
|
+
gap: 4px;
|
28
27
|
&:hover {
|
29
28
|
background-color: ${({ $bgHoverColor }) => $bgHoverColor ?? '#e0e0e0'};
|
30
29
|
border-color: #999;
|
@@ -33,48 +32,6 @@ const FileItemContainer = styled.div `
|
|
33
32
|
outline: none;
|
34
33
|
}
|
35
34
|
`;
|
36
|
-
const IconWrapper = styled.div `
|
37
|
-
display: flex;
|
38
|
-
flex-direction: column;
|
39
|
-
align-items: center;
|
40
|
-
margin-right: 10px;
|
41
|
-
font-size: 24px;
|
42
|
-
|
43
|
-
i {
|
44
|
-
font-size: 16px;
|
45
|
-
color: #555;
|
46
|
-
margin-top: 5px;
|
47
|
-
}
|
48
|
-
`;
|
49
|
-
const FileDetails = styled.div `
|
50
|
-
flex: 1;
|
51
|
-
display: flex;
|
52
|
-
flex-direction: column;
|
53
|
-
font-size: 14px;
|
54
|
-
`;
|
55
|
-
const FileName = styled.div `
|
56
|
-
font-size: 13px;
|
57
|
-
font-weight: bold;
|
58
|
-
word-break: break-word;
|
59
|
-
`;
|
60
|
-
const FileMeta = styled.div `
|
61
|
-
font-size: 12px;
|
62
|
-
`;
|
63
|
-
const Badge = styled.div `
|
64
|
-
width: 30px;
|
65
|
-
height: 30px;
|
66
|
-
border: 2px solid #28a745;
|
67
|
-
background-color: #28a745;
|
68
|
-
color: #fff;
|
69
|
-
font-size: 12px;
|
70
|
-
font-weight: bold;
|
71
|
-
padding: 5px 10px;
|
72
|
-
border-radius: 50%;
|
73
|
-
display: flex;
|
74
|
-
align-items: center;
|
75
|
-
justify-content: center;
|
76
|
-
margin-left: auto;
|
77
|
-
`;
|
78
35
|
const highlightText = (text, searchText, isSelected) => {
|
79
36
|
if (!searchText)
|
80
37
|
return text;
|
@@ -161,7 +118,7 @@ const TMFileManagerThumbnailItems = (props) => {
|
|
161
118
|
};
|
162
119
|
const editLockTooltipText = _jsxs(_Fragment, { children: [_jsxs("div", { style: { textAlign: "center" }, children: [editMode && (_jsxs(_Fragment, { children: [_jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-edit" }), SDKUI_Localizator.CurrentUserExtract] })), 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 }), ": ", item.checkOutUserName ?? '-', " (ID: ", item.checkOutUserID, ")"] }), _jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.ExtractedOn }), ": ", Globalization.getDateTimeDisplayValue(item.checkoutDate?.toString())] })] }), _jsx("hr", {}), _jsx("ul", { children: _jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Version }), ": ", item.version ?? 1] }) }), _jsx("hr", {}), _jsxs("ul", { children: [_jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.Type }), ": ", item.ext] }), _jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.CreationTime }), ": ", Globalization.getDateTimeDisplayValue(item.creationTime?.toString())] }), _jsxs("li", { children: ["- ", _jsx("span", { style: { fontWeight: 'bold' }, children: SDKUI_Localizator.LastUpdateTime }), ": ", Globalization.getDateTimeDisplayValue(item.lastUpdateTime?.toString())] })] })] })] });
|
163
120
|
const tooltipContent = (_jsxs("div", { style: { textAlign: 'left' }, children: [_jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Name, ":"] }), " ", item.name ?? '-'] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Author, ":"] }), " ", item.updaterName ?? '-'] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Version, ":"] }), " ", item.version] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.Size, ":"] }), " ", formatBytes(item.size ?? 0)] }), _jsx("hr", {}), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.CreationTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(item.creationTime)] }), _jsxs("div", { children: [_jsxs("span", { style: { fontWeight: 'bold' }, children: [SDKUI_Localizator.LastUpdateTime, ":"] }), " ", Globalization.getDateTimeDisplayValue(item.lastUpdateTime)] })] }));
|
164
|
-
return
|
121
|
+
return _jsx(FileItemContainer, { ref: containerRef, id: item.id.toString(), "$backgroundColor": bgColor, "$bgHoverColor": bgHoverColor, "$textColor": textColor, onDoubleClick: onDoubleClickHandler, onContextMenu: onContextMenu, onClick: onClickHandler, tabIndex: 0, onKeyDown: handleKeyDown, onKeyUp: handleKeyUp, children: _jsxs("div", { style: { display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }, children: [_jsxs("div", { style: { display: 'flex', alignItems: 'center', flex: 1, minWidth: 0 }, children: [_jsxs("div", { style: { marginRight: '16px', flexShrink: 0 }, children: [getFileIcon(item.ext, item.version), editMode && _jsx(TMTooltip, { content: editLockTooltipText, children: _jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-edit" }) }), lockMode && _jsx(TMTooltip, { content: editLockTooltipText, children: _jsx("i", { style: { fontSize: "18px", color: colors.MEDIUM_GREEN, fontWeight: "bold" }, className: "dx-icon-lock" }) })] }), _jsxs("div", { style: { overflow: 'hidden', minWidth: 0 }, children: [_jsx("div", { style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', display: 'block', fontSize: "13px", fontWeight: "bold" }, children: _jsx(TMTooltip, { content: tooltipContent, children: highlightText(item.name, searchText, isSelected) }) }), _jsx("div", { style: { whiteSpace: 'nowrap', overflow: 'hidden', textOverflow: 'ellipsis', width: '100%', display: 'block', fontSize: "12px" }, children: formatBytes(item.size ?? 0) })] })] }), item.version && (_jsx("div", { style: { flexShrink: 0, marginLeft: '12px', whiteSpace: 'nowrap' }, children: _jsx(TMTooltip, { content: SDKUI_Localizator.Version, children: _jsx("div", { style: { border: "2px solid #28a745", backgroundColor: "#28a745", color: "#ffffff", borderRadius: '50%', width: '30px', height: '30px', display: 'flex', alignItems: 'center', justifyContent: 'center', fontSize: '12px', fontWeight: 'bold' }, children: item.version }) }) }))] }) }, "item-file-manager-" + item.id);
|
165
122
|
}) });
|
166
123
|
};
|
167
124
|
export default TMFileManagerThumbnailItems;
|
@@ -567,7 +567,7 @@ const TMLoginForm = (props) => {
|
|
567
567
|
window.removeEventListener('keydown', handleKeyDown);
|
568
568
|
};
|
569
569
|
}, [showContinueBtn, disableContinueBtn, showLoginBtn, disableLoginBtn, nextStepHandler, loginHandler]);
|
570
|
-
return (_jsxs(StyledWrapper, { children: [!isMobile && _jsxs(StyledVersionContainer, { children: [_jsxs(StyledVersion, { children: [_jsxs(StyledVersionName, { children: [_jsx("span", { style: { color: TMColors.primary }, children: "\u25CF" }), SDK_Globals.appModule] }), _jsxs("p", { children: ["v.", SDK_Globals.appVersion] })] }), _jsxs(StyledVersion, { children: [_jsxs(StyledVersionName, { children: [_jsx("span", { style: { color: TMColors.tertiary }, children: "\u25CF" }), "SDKUI"] }), _jsxs("p", { children: ["v.", SDK_Globals.sdkuiVersion] })] }), _jsxs(StyledVersion, { children: [_jsxs(StyledVersionName, { children: [_jsx("span", { style: { color: TMColors.error }, children: "\u25CF" }), "SDK"] }), _jsxs("p", { children: ["v.", SDK_Globals.sdkVersion] })] })] }), _jsxs(StyledLoginContainer, { "$isMobile": isMobile, children: [_jsxs(StyledLeftSection, { "$isMobile": isMobile, children: [isMobile && _jsxs(StyledTopBar, { children: [_jsx(StyledTitle, { children: SDKUI_Localizator.WelcomeTo.replaceParams('') + ' ' + SDK_Globals.appModule }), _jsx(StyledMobileVersionIcon, { onClick: showVersionPopup, children: _jsx(IconInfo, { fontSize: 20, color: TMColors.primary }) })] }), _jsx(StyledOverlay, { "$isMobile": isMobile, children: _jsx(StyledCustomLogo, { style: { backgroundImage: `url(${showDefaultLogo ? 'logo-default.svg' : 'logo-custom.svg'})` } }) }), (windowHeight === WindowHeight.LARGE || !isMobile) && _jsxs(StyledPoweredByContainer, { "$isMobile": isMobile, children: [" ", showDefaultLogo ? 'Powered by TopConsult' : _jsx("img", { src: "/logo-default.svg", alt: "Logo", width: isMobile ? 50 : 100 }), " "] })] }), _jsxs(StyledRightSection, { "$isMobile": isMobile, children: [((((getDeviceType() === 'desktop' || isDesktop || isTablet) && windowHeight !== WindowHeight.SMALL)) && !isMobile) && _jsxs(StyledLogoContainer, { "$isMobile": isMobile, children: [_jsx(StyledWelcomeText, { children: SDKUI_Localizator.WelcomeTo.replaceParams('') }), _jsxs(StyledLogo, { children: [_jsx("img", { src: six, alt: "six", width: 40 }), _jsxs(StyledLogoTextContainer, { children: [_jsx("div", { style: { fontWeight: 'lighter', color: 'black', fontSize: '0.9rem' }, children: "TopMedia" }), _jsx("div", { style: { fontSize: '1.3rem', color: TMColors.secondary, fontStyle: 'italic', fontWeight: 'bolder', textTransform: 'uppercase', letterSpacing: '6px' }, children: SDK_Globals.appModule })] })] })] }), _jsxs(StyledToolbarContainer, { children: [_jsx(StyledLanguageChooser, { onClick: () => setShowCultureIDs(true), children: _jsx(TMTooltip, { content: SDKUI_Localizator.CultureID, children: _jsx("img", { src: getCultureIDImg(), alt: "Lang", width: 25, height: 25 }) }) }), loginStep !== 3 && _jsx(TMButton, { btnStyle: "icon", onClick: () => setShowRapidAccess(true), icon: _jsx(IconFastAccess, { fontSize: 20 }), caption: LOGINLocalizator.QuickAccess }), showPasswordOperations && _jsx(TMButton, { disabled: disablePasswordOperations, btnStyle: "icon", onClick: () => setShowChangePassword(true), icon: _jsx(IconPasswordOutline, { fontSize: 19 }), caption: SDKUI_Localizator.ChangePassword })] }), _jsxs(StyledFormContainer, { "$isMobile": isMobile, "$windowHeight": windowHeight, children: [loginStep === 1 &&
|
570
|
+
return (_jsxs(StyledWrapper, { children: [!isMobile && _jsxs(StyledVersionContainer, { children: [_jsxs(StyledVersion, { children: [_jsxs(StyledVersionName, { children: [_jsx("span", { style: { color: TMColors.primary }, children: "\u25CF" }), SDK_Globals.appModule] }), _jsxs("p", { children: ["v.", SDK_Globals.appVersion] })] }), _jsxs(StyledVersion, { children: [_jsxs(StyledVersionName, { children: [_jsx("span", { style: { color: TMColors.tertiary }, children: "\u25CF" }), "SDKUI"] }), _jsxs("p", { children: ["v.", SDK_Globals.sdkuiVersion] })] }), _jsxs(StyledVersion, { children: [_jsxs(StyledVersionName, { children: [_jsx("span", { style: { color: TMColors.error }, children: "\u25CF" }), "SDK"] }), _jsxs("p", { children: ["v.", SDK_Globals.sdkVersion] })] })] }), _jsxs(StyledLoginContainer, { "$isMobile": isMobile, children: [_jsxs(StyledLeftSection, { "$isConnector": props.isConnector ?? false, "$isMobile": isMobile, children: [isMobile && _jsxs(StyledTopBar, { children: [_jsx(StyledTitle, { children: SDKUI_Localizator.WelcomeTo.replaceParams('') + ' ' + SDK_Globals.appModule }), _jsx(StyledMobileVersionIcon, { onClick: showVersionPopup, children: _jsx(IconInfo, { fontSize: 20, color: TMColors.primary }) })] }), _jsx(StyledOverlay, { "$isMobile": isMobile, children: _jsx(StyledCustomLogo, { style: { backgroundImage: `url(${showDefaultLogo ? 'logo-default.svg' : 'logo-custom.svg'})` } }) }), (windowHeight === WindowHeight.LARGE || !isMobile) && _jsxs(StyledPoweredByContainer, { "$isMobile": isMobile, children: [" ", showDefaultLogo ? 'Powered by TopConsult' : _jsx("img", { src: "/logo-default.svg", alt: "Logo", width: isMobile ? 50 : 100 }), " "] })] }), _jsxs(StyledRightSection, { "$isMobile": isMobile, children: [((((getDeviceType() === 'desktop' || isDesktop || isTablet) && windowHeight !== WindowHeight.SMALL)) && !isMobile) && _jsxs(StyledLogoContainer, { "$isMobile": isMobile, children: [_jsx(StyledWelcomeText, { children: SDKUI_Localizator.WelcomeTo.replaceParams('') }), _jsxs(StyledLogo, { children: [_jsx("img", { src: six, alt: "six", width: 40 }), _jsxs(StyledLogoTextContainer, { children: [_jsx("div", { style: { fontWeight: 'lighter', color: 'black', fontSize: '0.9rem' }, children: "TopMedia" }), _jsx("div", { style: { fontSize: '1.3rem', color: TMColors.secondary, fontStyle: 'italic', fontWeight: 'bolder', textTransform: 'uppercase', letterSpacing: '6px' }, children: SDK_Globals.appModule })] })] })] }), _jsxs(StyledToolbarContainer, { children: [_jsx(StyledLanguageChooser, { onClick: () => setShowCultureIDs(true), children: _jsx(TMTooltip, { content: SDKUI_Localizator.CultureID, children: _jsx("img", { src: getCultureIDImg(), alt: "Lang", width: 25, height: 25 }) }) }), loginStep !== 3 && _jsx(TMButton, { btnStyle: "icon", onClick: () => setShowRapidAccess(true), icon: _jsx(IconFastAccess, { fontSize: 20 }), caption: LOGINLocalizator.QuickAccess }), showPasswordOperations && _jsx(TMButton, { disabled: disablePasswordOperations, btnStyle: "icon", onClick: () => setShowChangePassword(true), icon: _jsx(IconPasswordOutline, { fontSize: 19 }), caption: SDKUI_Localizator.ChangePassword })] }), _jsxs(StyledFormContainer, { "$isMobile": isMobile, "$windowHeight": windowHeight, children: [loginStep === 1 &&
|
571
571
|
_jsxs(StyledStepContainer, { children: [_jsx(Chooser, { isDropDown: isDesktop, dataSource: props.endpoints, value: 'Description', columns: accessPointChooserColumns, additionalIcons: accessPointAdditionalIcons, icon: _jsx(IconAccessPoint, {}), label: SDKUI_Localizator.Endpoint, onSelectionChanged: (ep) => { setEndpoint(ep); setDcmtArchive(undefined); }, validationItems: fieldValidations('endpoint'), selectedRow: endpoint ?? undefined }), _jsx(Chooser, { isDropDown: isDesktop, dataSource: dcmtArchives, value: 'description', columns: dcmtArchiveChooserColumns, icon: _jsx(IconArchiveDoc, {}), label: SDKUI_Localizator.ArchiveID, onSelectionChanged: (arch) => setDcmtArchive(arch), validationItems: fieldValidations('dcmtArchive'), disabled: !endpoint, selectedRow: dcmtArchive ?? undefined })] }), loginStep === 2 &&
|
572
572
|
_jsxs(StyledStepContainer, { "$windowHeight": windowHeight, style: { marginTop: '20px' }, children: [_jsxs(StyledSummaryContainer, { style: { position: 'absolute', top: getTopOffset(windowHeight, isMobile, isTablet), left: '50%', transform: 'translateX(-50%)', width: 'max-content' }, children: [_jsxs(StyledDescription, { children: [_jsx(TMTooltip, { content: SDKUI_Localizator.Endpoint, children: _jsx(IconAccessPoint, { color: TMColors.primary, fontSize: 16 }) }), _jsx("p", { children: endpoint?.Description })] }), _jsxs(StyledDescription, { children: [_jsx(TMTooltip, { content: SDKUI_Localizator.ArchiveID, children: _jsx(IconArchiveDoc, { color: TMColors.primary, fontSize: 16 }) }), _jsx("p", { children: dcmtArchive?.description })] })] }), _jsx(SelectBox, { value: authMode, options: authModeOptions, onValueChanged: (value) => setAuthMode(value), validationItems: fieldValidations('authenticationMode'), icon: _jsx(IconLogin, {}), label: SDKUI_Localizator.AuthMode }), _jsxs(StyledCredentialWrapper, { children: [authMode === AuthenticationModes.WindowsThroughTopMedia && _jsx(TextBox, { ref: authDomainRef, value: authDomain, onValueChanged: (e) => setAuthDomain(e), validationItems: fieldValidations('authDomain'), type: "text", icon: _jsx(IconWeb, {}), label: SDKUI_Localizator.Domain }), authMode !== AuthenticationModes.MSAzure && _jsx(CeredentialContainer, { isMobile: isMobile, ref: usernameRef, secondaryRef: passwordRef, usernameValidator: fieldValidations('username'), passwordValidator: fieldValidations('password'), authMode: authMode, username: username, password: password, onUsernameChanged: (un) => setUsername(un), onPasswordChanged: (ps) => setPassword(ps) }), authMode === AuthenticationModes.TopMediaOnBehalfOf &&
|
573
573
|
_jsxs(StyledCredentialWrapper, { children: [_jsx(TextBox, { value: authDomain, ref: authDomainRef, onValueChanged: (e) => setAuthDomain(e), validationItems: fieldValidations('authDomain'), type: "text", icon: _jsx(IconWeb, {}), label: SDKUI_Localizator.Domain }), _jsx(CeredentialContainer, { isMobile: isMobile, ref: usernameOnBehalfOfRef, secondaryRef: passwordOnBehalfOfRRef, usernameValidator: fieldValidations('usernameOnBehalfOf'), passwordValidator: fieldValidations('passwordOnBehalfOf'), authMode: AuthenticationModes.TopMediaOnBehalfOf, username: usernameOnBehalf, password: passwordOnBehalf, onUsernameChanged: (un) => setUsernameOnBehalf(un), onPasswordChanged: (ps) => setPasswordOnBehalf(ps) })] })] }), authMode !== AuthenticationModes.TopMediaWithMFA &&
|
@@ -647,7 +647,7 @@ const StyledVersionContainer = styled.div ` position: absolute; bottom: 35px; le
|
|
647
647
|
const StyledVersion = styled.div ` display: flex; align-items: center; gap: 2px; `;
|
648
648
|
const StyledVersionName = styled.p ` display: flex; align-items: center; gap: 3px; `;
|
649
649
|
const StyledLoginContainer = styled.div ` min-width: ${props => props.$isMobile ? '100%' : '800px'}; width: ${props => props.$isMobile ? '100%' : '50%'}; height:${props => props.$isMobile ? '100%' : '80%'}; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: ${props => !props.$isMobile ? '7px 7px 5px #AEAEAFBF' : 'none'}; border-radius: ${props => !props.$isMobile ? '10px' : 'none'};; opacity: 1; display: flex; flex-direction: ${props => props.$isMobile ? 'column' : 'row'}; overflow: hidden; `;
|
650
|
-
const StyledLeftSection = styled.div ` width: ${props => props.$isMobile ? '100%' : '33%'}; min-width: ${props => props.$isMobile ? '100%' : '300px'}; height: ${props => props.$isMobile ? 'calc(25% - 40px)' : '100%'}; background: transparent linear-gradient(180deg, ${() => TMColors.primaryColor + 'B2'} 0%, ${() => TMColors.primaryColor} 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply; opacity: 1; position: relative; `;
|
650
|
+
const StyledLeftSection = styled.div ` width: ${props => props.$isMobile ? '100%' : '33%'}; min-width: ${props => props.$isMobile ? '100%' : '300px'}; height: ${props => props.$isMobile ? 'calc(25% - 40px)' : '100%'}; background: ${props => props.$isConnector ? TMColors.primary : `transparent linear-gradient(180deg, ${() => TMColors.primaryColor + 'B2'} 0%, ${() => TMColors.primaryColor} 100%) 0% 0% no-repeat padding-box; mix-blend-mode: multiply`}; opacity: 1; position: relative; `; //NOSONAR
|
651
651
|
const StyledOverlay = styled.div ` position: ${props => props.$isMobile ? 'unset' : 'absolute'}; top: 148px; left: 0; width: 100%; height: ${props => props.$isMobile ? 'calc(100% - 40px)' : '150px'}; background: linear-gradient(90deg, transparent, #ffffff95, transparent); opacity: 1; display: flex; align-items: center; justify-content: center; padding:10px; `;
|
652
652
|
const StyledPoweredByContainer = styled.div ` position: absolute; width: 100%; height: 20px; bottom: ${props => props.$isMobile ? '10px' : '40px'}; left: 0; display: flex; align-items: center; justify-content: center; color: white; font-size: 0.8rem; `;
|
653
653
|
const StyledRightSection = styled.div ` width: ${props => props.$isMobile ? '100%' : '67%'}; min-width: ${props => props.$isMobile ? '100%' : '500px'}; height: ${props => props.$isMobile ? '80%' : '100%'}; background: white; mix-blend-mode: multiply; opacity: 1; position: relative; display: flex; align-items: center; justify-content: center; `;
|
@@ -1,6 +1,237 @@
|
|
1
1
|
import React from 'react';
|
2
2
|
import { DcmtTypeDescriptor, ITopMediaSession } from '@topconsultnpm/sdk-ts-beta';
|
3
3
|
import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
|
4
|
+
export declare enum ImageIDList {
|
5
|
+
arrow_001 = "arrow_001",
|
6
|
+
arrow_002 = "arrow_002",
|
7
|
+
arrow_004 = "arrow_004",
|
8
|
+
arrow_005 = "arrow_005",
|
9
|
+
arrow_006 = "arrow_006",
|
10
|
+
arrow_007 = "arrow_007",
|
11
|
+
arrow_008 = "arrow_008",
|
12
|
+
arrow_009 = "arrow_009",
|
13
|
+
arrow_010 = "arrow_010",
|
14
|
+
arrow_011 = "arrow_011",
|
15
|
+
arrow_012 = "arrow_012",
|
16
|
+
book_001 = "book_001",
|
17
|
+
book_002 = "book_002",
|
18
|
+
book_003 = "book_003",
|
19
|
+
book_004 = "book_004",
|
20
|
+
book_005 = "book_005",
|
21
|
+
book_006 = "book_006",
|
22
|
+
book_007 = "book_007",
|
23
|
+
clock_001 = "clock_001",
|
24
|
+
clock_002 = "clock_002",
|
25
|
+
clock_003 = "clock_003",
|
26
|
+
cube_001 = "cube_001",
|
27
|
+
cube_002 = "cube_002",
|
28
|
+
cube_003 = "cube_003",
|
29
|
+
dcmt_001 = "dcmt_001",
|
30
|
+
dcmt_002 = "dcmt_002",
|
31
|
+
dcmt_003 = "dcmt_003",
|
32
|
+
dcmt_004 = "dcmt_004",
|
33
|
+
dcmt_005 = "dcmt_005",
|
34
|
+
dcmt_006 = "dcmt_006",
|
35
|
+
dcmt_007 = "dcmt_007",
|
36
|
+
dcmt_008 = "dcmt_008",
|
37
|
+
emoticon_001 = "emoticon_001",
|
38
|
+
emoticon_002 = "emoticon_002",
|
39
|
+
emoticon_003 = "emoticon_003",
|
40
|
+
emoticon_004 = "emoticon_004",
|
41
|
+
fld_001 = "fld_001",
|
42
|
+
fld_002 = "fld_002",
|
43
|
+
fld_003 = "fld_003",
|
44
|
+
fld_004 = "fld_004",
|
45
|
+
fld_005 = "fld_005",
|
46
|
+
fld_006 = "fld_006",
|
47
|
+
fld_007 = "fld_007",
|
48
|
+
fld_008 = "fld_008",
|
49
|
+
fld_009 = "fld_009",
|
50
|
+
fld_010 = "fld_010",
|
51
|
+
fld_011 = "fld_011",
|
52
|
+
fld_012 = "fld_012",
|
53
|
+
fld_013 = "fld_013",
|
54
|
+
fld_014 = "fld_014",
|
55
|
+
fld_015 = "fld_015",
|
56
|
+
fld_016 = "fld_016",
|
57
|
+
fld_017 = "fld_017",
|
58
|
+
fld_018 = "fld_018",
|
59
|
+
fld_019 = "fld_019",
|
60
|
+
fld_020 = "fld_020",
|
61
|
+
fld_021 = "fld_021",
|
62
|
+
fld_022 = "fld_022",
|
63
|
+
fld_023 = "fld_023",
|
64
|
+
fld_024 = "fld_024",
|
65
|
+
fld_025 = "fld_025",
|
66
|
+
fld_026 = "fld_026",
|
67
|
+
fld_027 = "fld_027",
|
68
|
+
fld_028 = "fld_028",
|
69
|
+
fld_029 = "fld_029",
|
70
|
+
fld_030 = "fld_030",
|
71
|
+
fld_031 = "fld_031",
|
72
|
+
fld_032 = "fld_032",
|
73
|
+
fld_033 = "fld_033",
|
74
|
+
gen_001 = "gen_001",
|
75
|
+
gen_002 = "gen_002",
|
76
|
+
gen_003 = "gen_003",
|
77
|
+
gen_004 = "gen_004",
|
78
|
+
gen_005 = "gen_005",
|
79
|
+
gen_006 = "gen_006",
|
80
|
+
gen_007 = "gen_007",
|
81
|
+
gen_008 = "gen_008",
|
82
|
+
gen_009 = "gen_009",
|
83
|
+
gen_010 = "gen_010",
|
84
|
+
gen_011 = "gen_011",
|
85
|
+
gen_012 = "gen_012",
|
86
|
+
gen_013 = "gen_013",
|
87
|
+
gen_014 = "gen_014",
|
88
|
+
gen_015 = "gen_015",
|
89
|
+
gen_016 = "gen_016",
|
90
|
+
gen_017 = "gen_017",
|
91
|
+
gen_018 = "gen_018",
|
92
|
+
gen_019 = "gen_019",
|
93
|
+
gen_020 = "gen_020",
|
94
|
+
gen_021 = "gen_021",
|
95
|
+
gen_022 = "gen_022",
|
96
|
+
gen_023 = "gen_023",
|
97
|
+
gen_024 = "gen_024",
|
98
|
+
gen_025 = "gen_025",
|
99
|
+
gen_026 = "gen_026",
|
100
|
+
gen_027 = "gen_027",
|
101
|
+
gen_028 = "gen_028",
|
102
|
+
gen_029 = "gen_029",
|
103
|
+
gen_030 = "gen_030",
|
104
|
+
gen_031 = "gen_031",
|
105
|
+
gen_032 = "gen_032",
|
106
|
+
gen_033 = "gen_033",
|
107
|
+
gen_034 = "gen_034",
|
108
|
+
gen_035 = "gen_035",
|
109
|
+
gen_036 = "gen_036",
|
110
|
+
gen_037 = "gen_037",
|
111
|
+
gen_038 = "gen_038",
|
112
|
+
gen_039 = "gen_039",
|
113
|
+
gen_040 = "gen_040",
|
114
|
+
gen_041 = "gen_041",
|
115
|
+
gen_042 = "gen_042",
|
116
|
+
gen_043 = "gen_043",
|
117
|
+
gen_044 = "gen_044",
|
118
|
+
gen_045 = "gen_045",
|
119
|
+
gen_046 = "gen_046",
|
120
|
+
gen_047 = "gen_047",
|
121
|
+
gen_048 = "gen_048",
|
122
|
+
gen_049 = "gen_049",
|
123
|
+
gen_050 = "gen_050",
|
124
|
+
gen_051 = "gen_051",
|
125
|
+
gen_052 = "gen_052",
|
126
|
+
hand_001 = "hand_001",
|
127
|
+
hand_002 = "hand_002",
|
128
|
+
hand_003 = "hand_003",
|
129
|
+
hand_004 = "hand_004",
|
130
|
+
hand_005 = "hand_005",
|
131
|
+
hand_006 = "hand_006",
|
132
|
+
law_001 = "law_001",
|
133
|
+
law_002 = "law_002",
|
134
|
+
law_003 = "law_003",
|
135
|
+
lock_001 = "lock_001",
|
136
|
+
lock_002 = "lock_002",
|
137
|
+
lock_003 = "lock_003",
|
138
|
+
mail_001 = "mail_001",
|
139
|
+
mail_002 = "mail_002",
|
140
|
+
mail_003 = "mail_003",
|
141
|
+
mail_004 = "mail_004",
|
142
|
+
mail_005 = "mail_005",
|
143
|
+
mail_006 = "mail_006",
|
144
|
+
mail_007 = "mail_007",
|
145
|
+
mail_008 = "mail_008",
|
146
|
+
mail_009 = "mail_009",
|
147
|
+
mail_010 = "mail_010",
|
148
|
+
mail_011 = "mail_011",
|
149
|
+
mail_012 = "mail_012",
|
150
|
+
mail_013 = "mail_013",
|
151
|
+
mail_014 = "mail_014",
|
152
|
+
mail_015 = "mail_015",
|
153
|
+
net_001 = "net_001",
|
154
|
+
net_002 = "net_002",
|
155
|
+
net_003 = "net_003",
|
156
|
+
net_004 = "net_004",
|
157
|
+
nmbr_001 = "nmbr_001",
|
158
|
+
nmbr_002 = "nmbr_002",
|
159
|
+
nmbr_003 = "nmbr_003",
|
160
|
+
nmbr_004 = "nmbr_004",
|
161
|
+
nmbr_005 = "nmbr_005",
|
162
|
+
nmbr_006 = "nmbr_006",
|
163
|
+
nmbr_007 = "nmbr_007",
|
164
|
+
nmbr_008 = "nmbr_008",
|
165
|
+
nmbr_009 = "nmbr_009",
|
166
|
+
note_001 = "note_001",
|
167
|
+
note_002 = "note_002",
|
168
|
+
note_003 = "note_003",
|
169
|
+
note_004 = "note_004",
|
170
|
+
note_005 = "note_005",
|
171
|
+
note_006 = "note_006",
|
172
|
+
note_007 = "note_007",
|
173
|
+
note_008 = "note_008",
|
174
|
+
note_009 = "note_009",
|
175
|
+
note_010 = "note_010",
|
176
|
+
note_011 = "note_011",
|
177
|
+
note_012 = "note_012",
|
178
|
+
note_013 = "note_013",
|
179
|
+
note_014 = "note_014",
|
180
|
+
note_015 = "note_015",
|
181
|
+
note_016 = "note_016",
|
182
|
+
run_001 = "run_001",
|
183
|
+
run_002 = "run_002",
|
184
|
+
run_003 = "run_003",
|
185
|
+
sem_001 = "sem_001",
|
186
|
+
sem_002 = "sem_002",
|
187
|
+
sem_003 = "sem_003",
|
188
|
+
sem_004 = "sem_004",
|
189
|
+
sem_005 = "sem_005",
|
190
|
+
star_001 = "star_001",
|
191
|
+
star_002 = "star_002",
|
192
|
+
star_003 = "star_003",
|
193
|
+
star_004 = "star_004",
|
194
|
+
star_005 = "star_005",
|
195
|
+
star_006 = "star_006",
|
196
|
+
state_001 = "state_001",
|
197
|
+
state_002 = "state_002",
|
198
|
+
state_003 = "state_003",
|
199
|
+
state_004 = "state_004",
|
200
|
+
state_005 = "state_005",
|
201
|
+
study_001 = "study_001",
|
202
|
+
study_002 = "study_002",
|
203
|
+
user_001 = "user_001",
|
204
|
+
user_002 = "user_002",
|
205
|
+
user_003 = "user_003",
|
206
|
+
user_004 = "user_004",
|
207
|
+
user_005 = "user_005",
|
208
|
+
user_006 = "user_006",
|
209
|
+
user_007 = "user_007",
|
210
|
+
user_008 = "user_008",
|
211
|
+
user_009 = "user_009",
|
212
|
+
user_010 = "user_010",
|
213
|
+
user_011 = "user_011",
|
214
|
+
user_012 = "user_012",
|
215
|
+
user_013 = "user_013",
|
216
|
+
user_014 = "user_014",
|
217
|
+
user_015 = "user_015",
|
218
|
+
user_016 = "user_016",
|
219
|
+
user_017 = "user_017",
|
220
|
+
user_018 = "user_018",
|
221
|
+
user_019 = "user_019",
|
222
|
+
user_020 = "user_020",
|
223
|
+
user_021 = "user_021",
|
224
|
+
user_022 = "user_022",
|
225
|
+
user_023 = "user_023",
|
226
|
+
vehicle_001 = "vehicle_001",
|
227
|
+
vehicle_002 = "vehicle_002",
|
228
|
+
vehicle_003 = "vehicle_003",
|
229
|
+
vehicle_004 = "vehicle_004",
|
230
|
+
vehicle_005 = "vehicle_005",
|
231
|
+
vehicle_006 = "vehicle_006",
|
232
|
+
vehicle_007 = "vehicle_007",
|
233
|
+
vehicle_008 = "vehicle_008"
|
234
|
+
}
|
4
235
|
interface ITMDcmtTypeIcon {
|
5
236
|
dtd: DcmtTypeDescriptor | undefined;
|
6
237
|
}
|