@topconsultnpm/sdkui-react-beta 6.11.50 → 6.11.51
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.
|
@@ -9,6 +9,17 @@ export declare enum FormulaTargets {
|
|
|
9
9
|
PDFCommandAddText = 4,
|
|
10
10
|
BatchUpdate = 5
|
|
11
11
|
}
|
|
12
|
+
export declare enum FormulaIconTypes {
|
|
13
|
+
"Instructions" = 0,
|
|
14
|
+
"Function" = 1,
|
|
15
|
+
"Variable" = 2,
|
|
16
|
+
"SystemVariables" = 3,
|
|
17
|
+
"Metadata" = 4,
|
|
18
|
+
"MetadataNumber" = 5,
|
|
19
|
+
"MetadataVarchar" = 6,
|
|
20
|
+
"MetadataSystem" = 7,
|
|
21
|
+
"MetadataGeneric" = 8
|
|
22
|
+
}
|
|
12
23
|
export declare class FormulaDescriptor {
|
|
13
24
|
expression?: string;
|
|
14
25
|
formulaTarget?: FormulaTargets;
|
|
@@ -17,6 +28,7 @@ export declare class FormulaDescriptor {
|
|
|
17
28
|
metadataDataTypeDest?: MetadataDataTypes;
|
|
18
29
|
tid?: number;
|
|
19
30
|
}
|
|
31
|
+
export declare const renderFormulaIcon: (iconType: FormulaIconTypes, tid?: number, md?: MetadataDescriptor) => import("react/jsx-runtime").JSX.Element;
|
|
20
32
|
declare const TMFormulaEditor: React.FunctionComponent<ITMApplyFormProps<FormulaDescriptor>>;
|
|
21
33
|
export default TMFormulaEditor;
|
|
22
34
|
export declare class FormulaHelper {
|
|
@@ -25,7 +25,7 @@ export var FormulaTargets;
|
|
|
25
25
|
FormulaTargets[FormulaTargets["PDFCommandAddText"] = 4] = "PDFCommandAddText";
|
|
26
26
|
FormulaTargets[FormulaTargets["BatchUpdate"] = 5] = "BatchUpdate";
|
|
27
27
|
})(FormulaTargets || (FormulaTargets = {}));
|
|
28
|
-
var FormulaIconTypes;
|
|
28
|
+
export var FormulaIconTypes;
|
|
29
29
|
(function (FormulaIconTypes) {
|
|
30
30
|
FormulaIconTypes[FormulaIconTypes["Instructions"] = 0] = "Instructions";
|
|
31
31
|
FormulaIconTypes[FormulaIconTypes["Function"] = 1] = "Function";
|
|
@@ -42,7 +42,7 @@ export class FormulaDescriptor {
|
|
|
42
42
|
this.items = [];
|
|
43
43
|
}
|
|
44
44
|
}
|
|
45
|
-
const
|
|
45
|
+
export const renderFormulaIcon = (iconType, tid, md) => {
|
|
46
46
|
switch (iconType) {
|
|
47
47
|
case FormulaIconTypes.Instructions: return _jsx(IconActivityLog, { fontSize: 14 });
|
|
48
48
|
case FormulaIconTypes.Function: return _jsx(IconFunction, { fontSize: 20 });
|
|
@@ -120,7 +120,7 @@ const TMFormulaEditor = (props) => {
|
|
|
120
120
|
}
|
|
121
121
|
};
|
|
122
122
|
const renderTreeViewItem = useCallback((item) => {
|
|
123
|
-
return (_jsxs(StyledDivHorizontal, { style: { display: 'flex', gap: '5px' }, children: [
|
|
123
|
+
return (_jsxs(StyledDivHorizontal, { style: { display: 'flex', gap: '5px' }, children: [renderFormulaIcon(item.icon, item.tid, item.md), _jsx("span", { style: { verticalAlign: 'middle' }, children: item.text }), !item.hasItems && _jsx("span", { style: { verticalAlign: 'middle', color: TMColors.primary }, children: _jsx(IconPencil, { onClick: () => { insertText(item.text); } }) })] }));
|
|
124
124
|
}, []);
|
|
125
125
|
return (_jsx(TMApplyForm, { isModal: props.isModal, formMode: props.formMode, isModified: formData.expression !== formDataOrig.expression, exception: exception, validationItems: validationItems, title: SDKUI_Localizator.Formula, hasNavigation: false, height: '600px', width: '800px', onApply: () => applyData(), onClose: props.onClose, onUndo: () => {
|
|
126
126
|
setFormData(formDataOrig);
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { useState } from "react";
|
|
3
|
+
import { CultureIDs } from "@topconsultnpm/sdk-ts-beta";
|
|
4
|
+
import { SDKUI_Localizator } from "../helper";
|
|
5
|
+
// Default export for Storybook configuration
|
|
6
|
+
export default {
|
|
7
|
+
title: "Localizator/SDKUI_Localizator",
|
|
8
|
+
component: () => _jsx("div", {}),
|
|
9
|
+
tags: ["autodocs"],
|
|
10
|
+
};
|
|
11
|
+
// Story component
|
|
12
|
+
const Template = () => {
|
|
13
|
+
const [language, setLanguage] = useState(CultureIDs.En_US);
|
|
14
|
+
const [searchTerm, setSearchTerm] = useState("");
|
|
15
|
+
const localizedStrings = [
|
|
16
|
+
{ key: "Abort", value: SDKUI_Localizator.Abort },
|
|
17
|
+
{ key: "Abort_Confirm", value: SDKUI_Localizator.Abort_Confirm },
|
|
18
|
+
{ key: "About", value: SDKUI_Localizator.About },
|
|
19
|
+
{ key: "Add", value: SDKUI_Localizator.Add },
|
|
20
|
+
{ key: "AddAbove", value: SDKUI_Localizator.AddAbove },
|
|
21
|
+
{ key: "AddBelow", value: SDKUI_Localizator.AddBelow },
|
|
22
|
+
{ key: "AddAlls", value: SDKUI_Localizator.AddAlls },
|
|
23
|
+
{ key: "AddDefinition", value: SDKUI_Localizator.AddDefinition },
|
|
24
|
+
{ key: "AddOrSubstFile", value: SDKUI_Localizator.AddOrSubstFile },
|
|
25
|
+
{ key: "All", value: SDKUI_Localizator.All },
|
|
26
|
+
{ key: "AllFilesAndFoldersInSupportArea", value: SDKUI_Localizator.AllFilesAndFoldersInSupportArea },
|
|
27
|
+
{ key: "AllItems", value: SDKUI_Localizator.AllItems },
|
|
28
|
+
{ key: "Alls2", value: SDKUI_Localizator.Alls2 },
|
|
29
|
+
{ key: "Alphabetic", value: SDKUI_Localizator.Alphabetic },
|
|
30
|
+
{ key: "Applied", value: SDKUI_Localizator.Applied },
|
|
31
|
+
{ key: "Apply", value: SDKUI_Localizator.Apply },
|
|
32
|
+
{ key: "ApplyAndClose", value: SDKUI_Localizator.ApplyAndClose },
|
|
33
|
+
{ key: "Approve", value: SDKUI_Localizator.Approve },
|
|
34
|
+
{ key: "Archive", value: SDKUI_Localizator.Archive },
|
|
35
|
+
{ key: "ArchiveConstraint", value: SDKUI_Localizator.ArchiveConstraint },
|
|
36
|
+
{ key: "ArchiveConstraints_ContentCompulsory", value: SDKUI_Localizator.ArchiveConstraints_ContentCompulsory },
|
|
37
|
+
{ key: "ArchiveConstraints_None", value: SDKUI_Localizator.ArchiveConstraints_None },
|
|
38
|
+
{ key: "ArchiveConstraints_OnlyMetadata", value: SDKUI_Localizator.ArchiveConstraints_OnlyMetadata },
|
|
39
|
+
{ key: "ArchiveID", value: SDKUI_Localizator.ArchiveID },
|
|
40
|
+
{ key: "Attention", value: SDKUI_Localizator.Attention },
|
|
41
|
+
{ key: "AuthMode", value: SDKUI_Localizator.AuthMode },
|
|
42
|
+
{ key: "AuthMode_OnBehalfOf", value: SDKUI_Localizator.AuthMode_OnBehalfOf },
|
|
43
|
+
{ key: "AuthMode_WindowsViaTopMedia", value: SDKUI_Localizator.AuthMode_WindowsViaTopMedia },
|
|
44
|
+
{ key: "Author", value: SDKUI_Localizator.Author },
|
|
45
|
+
{ key: "Back", value: SDKUI_Localizator.Back },
|
|
46
|
+
{ key: "BatchUpdate", value: SDKUI_Localizator.BatchUpdate },
|
|
47
|
+
{ key: "BlogCase", value: SDKUI_Localizator.BlogCase },
|
|
48
|
+
{ key: "Blog_Read", value: SDKUI_Localizator.Blog_Read },
|
|
49
|
+
{ key: "Blog_Write", value: SDKUI_Localizator.Blog_Write },
|
|
50
|
+
{ key: "Browser", value: SDKUI_Localizator.Browser },
|
|
51
|
+
{ key: "BrowseAreaFile", value: SDKUI_Localizator.BrowseAreaFile },
|
|
52
|
+
{ key: "BrowseAreaFolder", value: SDKUI_Localizator.BrowseAreaFolder },
|
|
53
|
+
{ key: "CassettoDoganaleExportMRN", value: SDKUI_Localizator.CassettoDoganaleExportMRN },
|
|
54
|
+
{ key: "CassettoDoganaleExportVU", value: SDKUI_Localizator.CassettoDoganaleExportVU },
|
|
55
|
+
{ key: "CassettoDoganaleImportMRN", value: SDKUI_Localizator.CassettoDoganaleImportMRN },
|
|
56
|
+
{ key: "CassettoDoganalePlus_UserName", value: SDKUI_Localizator.CassettoDoganalePlus_UserName },
|
|
57
|
+
{ key: "Cancel", value: SDKUI_Localizator.Cancel },
|
|
58
|
+
{ key: "ChangePassword", value: SDKUI_Localizator.ChangePassword },
|
|
59
|
+
{ key: "CheckIn", value: SDKUI_Localizator.CheckIn },
|
|
60
|
+
{ key: "CheckOut", value: SDKUI_Localizator.CheckOut },
|
|
61
|
+
{ key: "ChronologyDelete", value: SDKUI_Localizator.ChronologyDelete },
|
|
62
|
+
{ key: "Clear", value: SDKUI_Localizator.Clear },
|
|
63
|
+
{ key: "ClearOTP", value: SDKUI_Localizator.ClearOTP },
|
|
64
|
+
{ key: "Close", value: SDKUI_Localizator.Close },
|
|
65
|
+
{ key: "Columns_All_Hide", value: SDKUI_Localizator.Columns_All_Hide },
|
|
66
|
+
{ key: "Columns_All_Show", value: SDKUI_Localizator.Columns_All_Show },
|
|
67
|
+
{ key: "CompleteError", value: SDKUI_Localizator.CompleteError },
|
|
68
|
+
{ key: "Configure", value: SDKUI_Localizator.Configure },
|
|
69
|
+
{ key: "ConfirmPassword", value: SDKUI_Localizator.ConfirmPassword },
|
|
70
|
+
{ key: "ConfirmOnCancel", value: SDKUI_Localizator.ConfirmOnCancel },
|
|
71
|
+
{ key: "ContinueOperation", value: SDKUI_Localizator.ContinueOperation },
|
|
72
|
+
{ key: "CopiedSuccessfully", value: SDKUI_Localizator.CopiedSuccessfully },
|
|
73
|
+
{ key: "CopyToClipboard", value: SDKUI_Localizator.CopyToClipboard },
|
|
74
|
+
{ key: "Count", value: SDKUI_Localizator.Count },
|
|
75
|
+
{ key: "Create", value: SDKUI_Localizator.Create },
|
|
76
|
+
{ key: "CreationTime", value: SDKUI_Localizator.CreationTime },
|
|
77
|
+
{ key: "CultureID", value: SDKUI_Localizator.CultureID },
|
|
78
|
+
{ key: "Date", value: SDKUI_Localizator.Date },
|
|
79
|
+
{ key: "Date_Modified", value: SDKUI_Localizator.Date_Modified },
|
|
80
|
+
{ key: "DcmtCount", value: SDKUI_Localizator.DcmtCount },
|
|
81
|
+
{ key: "DcmtsDetail", value: SDKUI_Localizator.DcmtsDetail },
|
|
82
|
+
{ key: "DcmtsMaster", value: SDKUI_Localizator.DcmtsMaster },
|
|
83
|
+
{ key: "DcmtType", value: SDKUI_Localizator.DcmtType },
|
|
84
|
+
{ key: "DcmtTypesSelected", value: SDKUI_Localizator.DcmtTypesSelected },
|
|
85
|
+
{ key: "DcmtTypeSelect", value: SDKUI_Localizator.DcmtTypeSelect },
|
|
86
|
+
{ key: "Default", value: SDKUI_Localizator.Default },
|
|
87
|
+
{ key: "Details", value: SDKUI_Localizator.Details },
|
|
88
|
+
{ key: "Delete", value: SDKUI_Localizator.Delete },
|
|
89
|
+
{ key: "Delete_ConfirmFor1", value: SDKUI_Localizator.Delete_ConfirmFor1 },
|
|
90
|
+
{ key: "Delete_ConfirmForN", value: SDKUI_Localizator.Delete_ConfirmForN },
|
|
91
|
+
{ key: "DeletionCompletedSuccessfully", value: SDKUI_Localizator.DeletionCompletedSuccessfully },
|
|
92
|
+
{ key: "DeletionOperationInterrupted", value: SDKUI_Localizator.DeletionOperationInterrupted },
|
|
93
|
+
{ key: "Description", value: SDKUI_Localizator.Description },
|
|
94
|
+
{ key: "Destination", value: SDKUI_Localizator.Destination },
|
|
95
|
+
{ key: "DetailsView", value: SDKUI_Localizator.DetailsView },
|
|
96
|
+
{ key: "Disabled", value: SDKUI_Localizator.Disabled },
|
|
97
|
+
{ key: "Domain", value: SDKUI_Localizator.Domain },
|
|
98
|
+
{ key: "Download_in_Process", value: SDKUI_Localizator.Download_in_Process },
|
|
99
|
+
{ key: "Drafts", value: SDKUI_Localizator.Drafts },
|
|
100
|
+
{ key: "Duplicate", value: SDKUI_Localizator.Duplicate },
|
|
101
|
+
{ key: "Duplicate_ConfirmFor1", value: SDKUI_Localizator.Duplicate_ConfirmFor1 },
|
|
102
|
+
{ key: "Duplicate_ConfirmForN", value: SDKUI_Localizator.Duplicate_ConfirmForN },
|
|
103
|
+
{ key: "Duplicate_Download", value: SDKUI_Localizator.Duplicate_Download },
|
|
104
|
+
{ key: "DuplicationCompletedSuccessfully", value: SDKUI_Localizator.DuplicationCompletedSuccessfully },
|
|
105
|
+
{ key: "DuplicateNameError", value: SDKUI_Localizator.DuplicateNameError },
|
|
106
|
+
{ key: "DuplicationOperationInterrupted", value: SDKUI_Localizator.DuplicationOperationInterrupted }
|
|
107
|
+
];
|
|
108
|
+
// Filter localized strings based on the search term (including digits)
|
|
109
|
+
const filteredStrings = localizedStrings.filter((entry) => entry.key.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
|
110
|
+
entry.value.toString().toLowerCase().includes(searchTerm.toLowerCase()));
|
|
111
|
+
SDKUI_Localizator.setLanguage(language);
|
|
112
|
+
return (_jsxs("div", { style: { padding: "16px", border: "1px solid #ccc", borderRadius: "8px" }, children: [_jsx("input", { type: "text", value: searchTerm, onChange: (e) => setSearchTerm(e.target.value), placeholder: "Search for a language...", style: {
|
|
113
|
+
marginBottom: "16px",
|
|
114
|
+
padding: "8px",
|
|
115
|
+
border: "1px solid #ccc",
|
|
116
|
+
borderRadius: "4px",
|
|
117
|
+
width: "100%",
|
|
118
|
+
} }), _jsx("select", { value: language, onChange: (e) => {
|
|
119
|
+
setLanguage(e.target.value);
|
|
120
|
+
SDKUI_Localizator.setLanguage(e.target.value);
|
|
121
|
+
}, style: { marginBottom: "16px", padding: "8px", border: "1px solid #ccc", borderRadius: "4px" }, children: Object.values(CultureIDs).map((lang) => (_jsx("option", { value: lang, children: lang }, lang))) }), _jsx("div", { children: filteredStrings.length > 0 ? (filteredStrings.map((entry) => (_jsxs("p", { children: [_jsxs("strong", { children: [entry.key, ":"] }), " ", entry.value] }, entry.key)))) : (_jsx("p", { children: "No matching results" })) })] }));
|
|
122
|
+
};
|
|
123
|
+
export const DefaultLocalizator = Template.bind({});
|