@topconsultnpm/sdkui-react-beta 6.8.44 → 6.8.46
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/components/base/Styled.d.ts +1920 -23
- package/lib/components/base/TMAlert.d.ts +3 -2
- package/lib/components/base/TMContextMenuOLD.d.ts +274 -3
- package/lib/components/base/TMDropDownMenu.d.ts +1 -0
- package/lib/components/base/TMEditorBase.d.ts +1 -0
- package/lib/components/base/TMLayout.d.ts +32 -32
- package/lib/components/base/TMRightSidebar.d.ts +4 -4
- package/lib/components/base/TMTab.d.ts +4 -4
- package/lib/components/base/TMVilViewer.d.ts +1 -1
- package/lib/components/choosers/TMRelationChooser.d.ts +5 -5
- package/lib/components/choosers/TMUserChooser.d.ts +5 -5
- package/lib/components/editors/TMEditorStyled.d.ts +22 -21
- package/lib/components/editors/TMMetadataEditor.js +10 -10
- package/lib/components/forms/TMLoginForm.d.ts +5 -5
- package/lib/components/query/TMQueryEditor.d.ts +550 -8
- package/lib/components/query/TMQueryResult.d.ts +5 -5
- package/lib/components/query/TMQueryResultForm.d.ts +10 -10
- package/lib/components/sidebar/TMHeader.d.ts +2 -2
- package/lib/components/viewers/TMDataListItemViewer.d.ts +3 -3
- package/lib/components/viewers/TMMidViewer.d.ts +9 -7
- package/lib/components/viewers/TMMidViewer.js +15 -13
- package/lib/components/viewers/TMTidViewer.d.ts +5 -5
- package/lib/helper/helpers.d.ts +1 -1
- package/lib/hooks/useForm.d.ts +1 -0
- package/lib/hooks/useOutsideClick.d.ts +1 -0
- package/lib/services/platform_services.js +4 -0
- package/package.json +1 -1
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { DataListViewModes } from '@topconsultnpm/sdk-ts-beta';
|
|
2
2
|
import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
|
|
3
3
|
declare const TMDataListItemViewer: ({ dataListId, value, viewMode }: {
|
|
4
|
-
dataListId?: number;
|
|
5
|
-
value?: string;
|
|
6
|
-
viewMode?: DataListViewModes;
|
|
4
|
+
dataListId?: number | undefined;
|
|
5
|
+
value?: string | undefined;
|
|
6
|
+
viewMode?: DataListViewModes | undefined;
|
|
7
7
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default TMDataListItemViewer;
|
|
9
9
|
export declare const cellRenderDataListItem: (data: DataGridTypes.ColumnCellTemplateData, dataListId?: number, viewMode?: DataListViewModes) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,24 +1,26 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { ITopMediaSession, MetadataDescriptor } from '@topconsultnpm/sdk-ts-beta';
|
|
2
|
+
import { ITopMediaSession, LayoutModes, MetadataDescriptor } from '@topconsultnpm/sdk-ts-beta';
|
|
3
3
|
import { TID_MID } from '../../ts';
|
|
4
4
|
import { DataGridTypes } from 'devextreme-react/cjs/data-grid';
|
|
5
5
|
export declare const TMMidViewer: ({ tmSession, tid_mid, showCompleteName, showIcon, showId, noneSelectionText }: {
|
|
6
|
-
tmSession?: ITopMediaSession;
|
|
6
|
+
tmSession?: ITopMediaSession | undefined;
|
|
7
7
|
tid_mid: TID_MID | undefined;
|
|
8
|
-
showCompleteName?: boolean;
|
|
9
|
-
showIcon?: boolean;
|
|
10
|
-
showId?: boolean;
|
|
11
|
-
noneSelectionText?: string;
|
|
8
|
+
showCompleteName?: boolean | undefined;
|
|
9
|
+
showIcon?: boolean | undefined;
|
|
10
|
+
showId?: boolean | undefined;
|
|
11
|
+
noneSelectionText?: string | undefined;
|
|
12
12
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
interface ITMMetadataIcon {
|
|
14
14
|
tid: number | undefined;
|
|
15
15
|
md: MetadataDescriptor | undefined;
|
|
16
|
+
layoutMode?: LayoutModes;
|
|
16
17
|
}
|
|
17
|
-
export declare const TMMetadataIcon: ({ tid, md }: ITMMetadataIcon) => import("react/jsx-runtime").JSX.Element | null;
|
|
18
|
+
export declare const TMMetadataIcon: ({ tid, md, layoutMode }: ITMMetadataIcon) => import("react/jsx-runtime").JSX.Element | null;
|
|
18
19
|
interface ITMMetadataTooltip {
|
|
19
20
|
tid: number | undefined;
|
|
20
21
|
md: MetadataDescriptor | undefined;
|
|
21
22
|
children?: React.ReactNode;
|
|
23
|
+
layoutMode?: LayoutModes;
|
|
22
24
|
}
|
|
23
25
|
export declare const TMMetadataTooltip: React.FC<ITMMetadataTooltip>;
|
|
24
26
|
export declare const cellRenderMID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string, tid?: number) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
2
|
import { useEffect, useState } from 'react';
|
|
3
3
|
import { IconMetadata_Computed, IconMetadata_DataList, IconMetadata_Date, IconMetadata_DynamicDataList, IconMetadata_Numerator, IconMetadata_Numeric, IconMetadata_Special, IconMetadata_Text, IconMetadata_User, LocalizeMetadataFormats, SDKUI_Localizator, getCompleteMetadataName, getTIDByMID } from '../../helper';
|
|
4
|
-
import { DcmtTypeListCacheService, MetadataDataDomains, MetadataDataTypes, MetadataFormats, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
|
|
4
|
+
import { DcmtTypeListCacheService, LayoutModes, MetadataDataDomains, MetadataDataTypes, MetadataFormats, SDK_Globals } from '@topconsultnpm/sdk-ts-beta';
|
|
5
5
|
import { StyledDivHorizontal, StyledTooltipContainer, StyledTooltipItem, StyledTooltipSeparatorItem } from '../base/Styled';
|
|
6
6
|
import TMTooltip from '../base/TMTooltip';
|
|
7
7
|
import { TMColors } from '../../utils/theme';
|
|
@@ -28,39 +28,40 @@ export const TMMidViewer = ({ tmSession, tid_mid, showCompleteName, showIcon = f
|
|
|
28
28
|
};
|
|
29
29
|
return (_jsxs(StyledDivHorizontal, { children: [showIcon && _jsx(TMMetadataIcon, { tid: tid_mid?.tid, md: md }), _jsx("p", { style: { textAlign: 'left', marginLeft: showIcon ? '5px' : '', color: md?.isRequired == 1 ? 'red' : undefined }, children: displayName() }), showId && _jsx("p", { style: { padding: '0px 3px' }, children: `(MID: ${tid_mid?.mid})` })] }));
|
|
30
30
|
};
|
|
31
|
-
export const TMMetadataIcon = ({ tid, md }) => {
|
|
31
|
+
export const TMMetadataIcon = ({ tid, md, layoutMode = LayoutModes.Update }) => {
|
|
32
32
|
if (!md)
|
|
33
33
|
return null;
|
|
34
|
+
let iconColor = md.isRequired === 1 && (md.dataDomain !== MetadataDataDomains.Numerator && layoutMode !== LayoutModes.Ark) ? TMColors.error : TMColors.text_normal;
|
|
34
35
|
let icon = null;
|
|
35
36
|
switch (md.dataDomain) {
|
|
36
37
|
case MetadataDataDomains.Computed:
|
|
37
|
-
icon = _jsx(IconMetadata_Computed, { fontSize: 16, color:
|
|
38
|
+
icon = _jsx(IconMetadata_Computed, { fontSize: 16, color: iconColor });
|
|
38
39
|
break;
|
|
39
40
|
case MetadataDataDomains.DataList:
|
|
40
|
-
icon = _jsx(IconMetadata_DataList, { fontSize: 16, color:
|
|
41
|
+
icon = _jsx(IconMetadata_DataList, { fontSize: 16, color: iconColor });
|
|
41
42
|
break;
|
|
42
43
|
case MetadataDataDomains.DynamicDataList:
|
|
43
|
-
icon = _jsx(IconMetadata_DynamicDataList, { fontSize: 16, color:
|
|
44
|
+
icon = _jsx(IconMetadata_DynamicDataList, { fontSize: 16, color: iconColor });
|
|
44
45
|
break;
|
|
45
46
|
case MetadataDataDomains.Numerator:
|
|
46
|
-
icon = _jsx(IconMetadata_Numerator, { fontSize: 16, color:
|
|
47
|
+
icon = _jsx(IconMetadata_Numerator, { fontSize: 16, color: iconColor });
|
|
47
48
|
break;
|
|
48
49
|
case MetadataDataDomains.Special:
|
|
49
|
-
icon = _jsx(IconMetadata_Special, { fontSize: 16, color:
|
|
50
|
+
icon = _jsx(IconMetadata_Special, { fontSize: 16, color: iconColor });
|
|
50
51
|
break;
|
|
51
52
|
case MetadataDataDomains.UserID:
|
|
52
|
-
icon = _jsx(IconMetadata_User, { fontSize: 16, color:
|
|
53
|
+
icon = _jsx(IconMetadata_User, { fontSize: 16, color: iconColor });
|
|
53
54
|
break;
|
|
54
55
|
default:
|
|
55
56
|
switch (md.dataType) {
|
|
56
57
|
case MetadataDataTypes.Varchar:
|
|
57
|
-
icon = _jsx(IconMetadata_Text, { fontSize: 16, color:
|
|
58
|
+
icon = _jsx(IconMetadata_Text, { fontSize: 16, color: iconColor });
|
|
58
59
|
break;
|
|
59
60
|
case MetadataDataTypes.Number:
|
|
60
|
-
icon = _jsx(IconMetadata_Numeric, { fontSize: 16, color:
|
|
61
|
+
icon = _jsx(IconMetadata_Numeric, { fontSize: 16, color: iconColor });
|
|
61
62
|
break;
|
|
62
63
|
case MetadataDataTypes.DateTime:
|
|
63
|
-
icon = _jsx(IconMetadata_Date, { fontSize: 16, color:
|
|
64
|
+
icon = _jsx(IconMetadata_Date, { fontSize: 16, color: iconColor });
|
|
64
65
|
break;
|
|
65
66
|
default:
|
|
66
67
|
icon = _jsx(_Fragment, {});
|
|
@@ -70,7 +71,7 @@ export const TMMetadataIcon = ({ tid, md }) => {
|
|
|
70
71
|
}
|
|
71
72
|
return (_jsx(_Fragment, { children: icon ? _jsx(TMMetadataTooltip, { tid: tid, md: md, children: icon }) : null }));
|
|
72
73
|
};
|
|
73
|
-
export const TMMetadataTooltip = ({ tid, md, children }) => {
|
|
74
|
+
export const TMMetadataTooltip = ({ tid, md, children, layoutMode = LayoutModes.Update }) => {
|
|
74
75
|
const _setDefaultValueForUI = (defaultValue) => {
|
|
75
76
|
if (!defaultValue)
|
|
76
77
|
return defaultValue;
|
|
@@ -78,9 +79,10 @@ export const TMMetadataTooltip = ({ tid, md, children }) => {
|
|
|
78
79
|
return defaultValue;
|
|
79
80
|
return "=TM_GetViewLink(...)";
|
|
80
81
|
};
|
|
82
|
+
let requiredColor = md?.isRequired === 1 && (md.dataDomain !== MetadataDataDomains.Numerator && layoutMode !== LayoutModes.Ark) ? TMColors.error : TMColors.text_normal;
|
|
81
83
|
const renderTooltipContent = (tid, md) => {
|
|
82
84
|
return (!md ? null
|
|
83
|
-
: _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? md.nameLoc : md.name} (TID: ${tid}, MID: ${md.id})` }), md.description && _jsx(StyledTooltipItem, { children: md.description }), _jsx(StyledTooltipSeparatorItem, {}), _jsxs(StyledTooltipItem, { children: [md.dataType, " ", md.dataType == MetadataDataTypes.Varchar ? `(${md.length ?? 0})` : md.dataType == MetadataDataTypes.Number ? `(${md.length ?? 0},${md.scale ?? 0})` : '', md.isPrimaryKey === 1 ? ' (PK)' : ''] }), _jsx(StyledTooltipItem, { style: { color: md
|
|
85
|
+
: _jsxs(StyledTooltipContainer, { children: [_jsx(StyledTooltipItem, { children: `${SDK_Globals.useLocalizedName ? md.nameLoc : md.name} (TID: ${tid}, MID: ${md.id})` }), md.description && _jsx(StyledTooltipItem, { children: md.description }), _jsx(StyledTooltipSeparatorItem, {}), _jsxs(StyledTooltipItem, { children: [md.dataType, " ", md.dataType == MetadataDataTypes.Varchar ? `(${md.length ?? 0})` : md.dataType == MetadataDataTypes.Number ? `(${md.length ?? 0},${md.scale ?? 0})` : '', md.isPrimaryKey === 1 ? ' (PK)' : ''] }), _jsx(StyledTooltipItem, { style: { color: requiredColor }, children: md?.isRequired === 1 && (md.dataDomain !== MetadataDataDomains.Numerator && layoutMode !== LayoutModes.Ark) ? SDKUI_Localizator.Required : SDKUI_Localizator.RequiredNOT }), md.dataDomain && _jsx(StyledTooltipItem, { children: md.dataDomain }), md.isLexProt == 1 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes}` }), md.isLexProt == 2 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.MetadataFlag}` }), md.isLexProt == 3 && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.LexProt}: ${SDKUI_Localizator.Yes} (${SDKUI_Localizator.MetadataFlag})` }), md.isFreeSearchInput && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search_Free}: ${SDKUI_Localizator.Yes}` }), md.isSpecialSearchOutput && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search_Special}: ${SDKUI_Localizator.Yes}` }), md.format?.format && md.format.format != MetadataFormats.None && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Format}: ${LocalizeMetadataFormats(md.format.format)}` }), md.defaultValue && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Default}: ${_setDefaultValueForUI(md.defaultValue)}` }), md.fromTID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.MetadataRoot}: ${md.isRootMID == 1 ? SDKUI_Localizator.Yes : SDKUI_Localizator.No}` }), md.templateMID && _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Template}: ${md.templateMID}` }), md.perm && _jsxs(_Fragment, { children: [_jsx(StyledTooltipItem, { "$color": 'primary', "$marginTop": '5px', children: SDKUI_Localizator.Perms }), _jsx(StyledTooltipSeparatorItem, {}), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Archive}: ${md.perm.canArchive}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.View_Metadato}: ${md.perm.canView}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Search}: ${md.perm.canSearch}` }), _jsx(StyledTooltipItem, { children: `${SDKUI_Localizator.Update}: ${md.perm.canUpdate}` })] })] }));
|
|
84
86
|
};
|
|
85
87
|
return (_jsx("div", { style: { pointerEvents: 'all' }, children: _jsx(TMTooltip, { content: renderTooltipContent(tid, md), children: children }) }));
|
|
86
88
|
};
|
|
@@ -11,11 +11,11 @@ interface ITMDcmtTypeTooltip {
|
|
|
11
11
|
}
|
|
12
12
|
export declare const TMDcmtTypeTooltip: React.FC<ITMDcmtTypeTooltip>;
|
|
13
13
|
declare const TMTidViewer: ({ tmSession, tid, showIcon, showId, noneSelectionText }: {
|
|
14
|
-
tmSession?: ITopMediaSession;
|
|
15
|
-
tid?: number;
|
|
16
|
-
showIcon?: boolean;
|
|
17
|
-
showId?: boolean;
|
|
18
|
-
noneSelectionText?: string;
|
|
14
|
+
tmSession?: ITopMediaSession | undefined;
|
|
15
|
+
tid?: number | undefined;
|
|
16
|
+
showIcon?: boolean | undefined;
|
|
17
|
+
showId?: boolean | undefined;
|
|
18
|
+
noneSelectionText?: string | undefined;
|
|
19
19
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export default TMTidViewer;
|
|
21
21
|
export declare const cellRenderTID: (data: DataGridTypes.ColumnCellTemplateData, noneSelectionText?: string) => import("react/jsx-runtime").JSX.Element;
|
package/lib/helper/helpers.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ import { AppModules, DataColumnDescriptor, ITopMediaSession, QueryDescriptor, Se
|
|
|
4
4
|
import { FormModes, moduleTypes } from "../ts";
|
|
5
5
|
declare const TABLET_WIDTH = 1024;
|
|
6
6
|
declare const MOBILE_WIDTH = 640;
|
|
7
|
-
declare const calcResponsiveDirection: (deviceType: DeviceType, desktopDir:
|
|
7
|
+
declare const calcResponsiveDirection: (deviceType: DeviceType, desktopDir: 'horizontal' | 'vertical', tabletDir: 'horizontal' | 'vertical', mobileDir: 'horizontal' | 'vertical') => 'horizontal' | 'vertical';
|
|
8
8
|
declare const openApps: (appModule: AppModules, tmSession: ITopMediaSession, appRoutes?: any[]) => Promise<void>;
|
|
9
9
|
export declare const setSDK_GlobalsInfoAsync: (tms: ITopMediaSession | undefined) => Promise<ITopMediaSession>;
|
|
10
10
|
declare const calcResponsiveSizes: (deviceType: DeviceType | undefined, desktopSize: string, tabletSize: string, mobileSize: string) => string;
|
package/lib/hooks/useForm.d.ts
CHANGED
|
@@ -193,6 +193,8 @@ PlatformObjectService.updateJobAsync = async (jobType, jd) => {
|
|
|
193
193
|
case JobTypes.PDFArchiver: return (await je.PDFArchiver_UpdateAsync(jd));
|
|
194
194
|
case JobTypes.PdVArchiver: return (await je.PdVArchiver_UpdateAsync(jd));
|
|
195
195
|
case JobTypes.PdVQuery: return (await je.PdVQuery_UpdateAsync(jd));
|
|
196
|
+
case JobTypes.PeppolQuery: return (await je.PeppolQuery_UpdateAsync(jd));
|
|
197
|
+
case JobTypes.PeppolSender: return (await je.PeppolSender_UpdateAsync(jd));
|
|
196
198
|
case JobTypes.PdVSender: return (await je.PdVSender_UpdateAsync(jd));
|
|
197
199
|
case JobTypes.PostelQuery: return (await je.PostelQuery_UpdateAsync(jd));
|
|
198
200
|
// case JobTypes.PostelSender: return (await je.PostelSender_UpdateAsync(jd));
|
|
@@ -260,6 +262,8 @@ PlatformObjectService.createJobAsync = async (jobType, jd) => {
|
|
|
260
262
|
case JobTypes.PdVArchiver: return (await je.PdVArchiver_CreateAsync(jd));
|
|
261
263
|
case JobTypes.PdVQuery: return (await je.PdVQuery_CreateAsync(jd));
|
|
262
264
|
case JobTypes.PdVSender: return (await je.PdVSender_CreateAsync(jd));
|
|
265
|
+
case JobTypes.PeppolQuery: return await je.PeppolQuery_CreateAsync(jd);
|
|
266
|
+
case JobTypes.PeppolSender: return await je.PeppolSender_CreateAsync(jd);
|
|
263
267
|
case JobTypes.PostelQuery: return (await je.PostelQuery_CreateAsync(jd));
|
|
264
268
|
// case JobTypes.PostelSender: return (await je.PostelSender_CreateAsync(jd));
|
|
265
269
|
case JobTypes.Replicator: return (await je.Replicator_CreateAsync(jd));
|